.page-header{
    background:linear-gradient(160deg, var(--teal) 0%, #0A2624 100%);
    padding:11rem 0 5rem; position:relative; overflow:hidden;
  }
  .page-header .eyebrow{color:var(--coral-soft); display:block; margin-bottom:1rem;}
  .page-header h1{color:var(--cream); font-size:clamp(2.6rem,7vw,5.2rem); max-width:14ch;}
  .page-header p{color:var(--cream); opacity:0.75; max-width:46ch; margin-top:1.2rem; font-size:1.05rem;}

  .values{background:var(--cream-deep); padding:6rem 0;}
  .values-head{margin-bottom:3rem;}
  .values-head .eyebrow{color:var(--teal-bright);}
  .values-head h2{font-size:clamp(2rem,4vw,2.8rem); margin-top:0.6rem;}
  .value-list{display:grid; grid-template-columns:repeat(2,1fr); gap:1.4rem;}
  .value-item{background:var(--cream); border-radius:18px; padding:2rem; border:1px solid rgba(0,0,0,0.06);}
  .value-item .vn{font-family:'Fraunces',serif; font-style:italic; color:var(--coral); font-size:1.6rem;}
  .value-item h3{font-size:1.2rem; margin-top:0.6rem;}
  .value-item p{font-size:0.92rem; opacity:0.75; margin-top:0.5rem; line-height:1.5;}

  .team{background:var(--cream); padding:6rem 0 7rem;}
  .team-head{margin-bottom:3rem;}
  .team-head .eyebrow{color:var(--coral);}
  .team-head h2{font-size:clamp(2rem,4vw,2.8rem); margin-top:0.6rem;}
  .team-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem;}
  .team-card .avatar{aspect-ratio:1/1; border-radius:18px; overflow:hidden; margin-bottom:1rem;}
  .team-card h3{font-size:1.1rem;}
  .team-card p{font-size:0.85rem; opacity:0.6; margin-top:0.2rem;}

  @media (max-width:900px){
    .value-list{grid-template-columns:1fr;}
    .team-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    .team-grid{grid-template-columns:1fr;}
  }

  /* ---------- LECTURE SCENE (interactive) ---------- */
  .lecture-scene{cursor:pointer; position:relative;}
  .lecture-scene .caption{transition:opacity 0.3s ease;}
  .spot-glow{animation:spotPulse 3.4s ease-in-out infinite;}
  @keyframes spotPulse{
    0%,100%{opacity:0.75;}
    50%{opacity:1;}
  }
  .crowd-dot{transform-origin:center bottom; transition:transform 0.25s ease;}
  .lecture-scene.clapping .crowd-dot{
    animation:clapBounce 0.6s ease-in-out var(--d, 0ms) 2;
  }
  @keyframes clapBounce{
    0%,100%{transform:translateY(0) scale(1);}
    50%{transform:translateY(-4px) scale(1.08);}
  }
  .lecture-scene.clapping .spot-glow{animation:spotPulseFast 0.6s ease-in-out infinite;}
  @keyframes spotPulseFast{
    0%,100%{opacity:0.85;}
    50%{opacity:1;}
  }
  @media (prefers-reduced-motion: reduce){
    .spot-glow, .crowd-dot, .lecture-scene.clapping .crowd-dot{animation:none !important;}
  }