/* ===== About Page ===== */
.page-hero-sub { color:rgba(255,255,255,.75); font-size:1.05rem; }

/* Story images */
.story-imgs { position:relative; padding:0 0 2rem 1.5rem; }
.story-img-main {
  width:100%; border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg);
  aspect-ratio:4/3; object-fit:cover;
}
.story-img-sub {
  position:absolute; bottom:-1rem; left:-1rem;
  width:48%; border-radius:var(--r-md);
  border:5px solid #fff; box-shadow:var(--shadow-md);
  aspect-ratio:1/1; object-fit:cover;
}

/* MVV Cards */
.mvv-section { background:linear-gradient(135deg,var(--c-dark),var(--c-dark-2),var(--c-primary-darker)); }
.mvv-card {
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-lg);
  padding:2rem 1.6rem;
  text-align:center;
  transition:var(--t);
  height:100%;
}
.mvv-card.mvv-accent {
  background:rgba(0,174,239,.15);
  border-color:rgba(0,174,239,.3);
}
.mvv-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,.3); }
.mvv-icon {
  width:64px; height:64px; border-radius:50%;
  background:rgba(0,174,239,.2);
  color:var(--c-primary-light);
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem; margin:0 auto 1.1rem;
}
.mvv-card h3 { color:#fff; font-size:1.2rem; font-weight:700; margin-bottom:.6rem; }
.mvv-card p  { color:rgba(255,255,255,.72); font-size:.9rem; line-height:1.8; margin:0; }

/* Why cards */
.why-card {
  background:#fff;
  border:1px solid var(--c-border-2);
  border-radius:var(--r-lg);
  padding:1.8rem 1.4rem;
  text-align:center;
  transition:var(--t);
  height:100%;
}
.why-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:var(--c-primary); }
.why-card > i {
  font-size:2rem;
  color:var(--c-primary);
  margin-bottom:.8rem;
  display:block;
  transition:var(--t);
}
.why-card:hover > i { transform:scale(1.15) rotate(-8deg); color:var(--c-accent); }
.why-card h4 { font-size:1.05rem; font-weight:700; color:var(--c-dark); margin-bottom:.4rem; }
.why-card p  { color:var(--c-text-light); font-size:.88rem; line-height:1.75; margin:0; }

/* Team */
.team-card {
  background:#fff;
  border:1px solid var(--c-border-2);
  border-radius:var(--r-lg);
  padding:2rem 1rem;
  text-align:center;
  transition:var(--t);
}
.team-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.team-avatar {
  width:80px; height:80px;
  border-radius:50%;
  background:var(--c-primary-50);
  color:var(--c-primary);
  display:flex; align-items:center; justify-content:center;
  font-size:1.8rem; margin:0 auto 1rem;
  transition:var(--t);
}
.team-card:hover .team-avatar {
  background:var(--c-primary);
  color:#fff;
  transform:scale(1.08);
}
.team-card h4 { font-size:1rem; font-weight:700; color:var(--c-dark); margin-bottom:.3rem; }
.team-card span { color:var(--c-primary); font-size:.85rem; font-weight:600; }

@media(max-width:767px){
  .story-img-sub { display:none; }
  .story-imgs { padding:0; }
}