/* ── ABOUT PAGE SECTIONS ── */
.page-hero{min-height:80vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#060610 0%,#050508 100%);}
.hero-grid-bg{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(77,77,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(77,77,255,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black,transparent);}
.hero-orb-2{position:absolute;width:350px;height:350px;background:radial-gradient(circle,rgba(120,80,255,.1) 0%,transparent 70%);bottom:10%;right:5%;pointer-events:none;z-index:1;animation:glowPulse 6s ease-in-out infinite;}
.page-hero-inner{position:relative;z-index:10;max-width:1300px;margin:0 auto;width:100%;padding:8rem 4rem 6rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.hero-left-col .breadcrumb{display:flex;align-items:center;gap:.6rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--w60);margin-bottom:2rem;animation:fadeUp .6s .1s ease both;}
.breadcrumb a{color:var(--w60);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:var(--blue-b);}
.breadcrumb-sep{color:var(--w30);}
.breadcrumb span{color:var(--blue-b);}
.hero-left-col h1{font-size:clamp(2.6rem,5vw,4.2rem);font-weight:500;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.4rem;animation:fadeUp .8s .25s ease both;}
.hero-left-col h1 .grad{color:var(--blue-b);}
.hero-left-col .hero-sub{font-size:1rem;line-height:1.85;color:var(--w60);margin-bottom:2.5rem;animation:fadeUp .8s .4s ease both;}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .8s .55s ease both;}

.hero-right-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;animation:fadeUp .8s .35s ease both;}
.hero-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem 1.5rem;position:relative;overflow:hidden;transition:border-color .3s,transform .3s;}
.hero-stat-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(77,77,255,.12),transparent 70%);opacity:0;transition:opacity .3s;}
.hero-stat-card:hover{border-color:var(--border-b);transform:translateY(-4px);}
.hero-stat-card:hover::before{opacity:1;}
.hero-stat-card .stat-num{font-size:2.6rem;font-weight:500;color:var(--blue-b);display:block;line-height:1;}
.hero-stat-card .stat-plus{font-size:1.8rem;color:var(--w60);}
.hero-stat-card .stat-lbl{font-size:.72rem;color:var(--w60);letter-spacing:.08em;text-transform:uppercase;margin-top:.5rem;display:block;}
.hero-stat-card .stat-icon{position:absolute;bottom:1rem;right:1rem;opacity:.08;font-size:3rem;}

/* STORY */
.story-section{max-width:1300px;margin:0 auto;padding:7rem 4rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
.story-text p{font-size:.95rem;line-height:1.9;color:var(--w60);margin-bottom:1.2rem;}
.story-text p strong{color:var(--white);}
.story-timeline{display:flex;flex-direction:column;gap:0;}
.tl-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.4rem 0;border-bottom:1px solid var(--border);}
.tl-item:last-child{border-bottom:none;}
.tl-year{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--blue-b);text-transform:uppercase;min-width:56px;padding-top:.2rem;}
.tl-dot-col{display:flex;flex-direction:column;align-items:center;padding-top:.35rem;}
.tl-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-b);flex-shrink:0;box-shadow:0 0 10px rgba(77,77,255,.5);}
.tl-content h4{font-size:.9rem;font-weight:700;margin-bottom:.3rem;}
.tl-content p{font-size:.8rem;color:var(--w60);line-height:1.6;}

/* MISSION / VISION */
.mv-section{background:var(--deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6rem 4rem;}
.mv-inner{max-width:1300px;margin:0 auto;}
.mv-head{text-align:center;margin-bottom:4rem;}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;}
.mv-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:3rem;position:relative;overflow:hidden;transition:border-color .3s,transform .3s;}
.mv-card::after{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(77,77,255,.1),transparent 70%);pointer-events:none;}
.mv-card:hover{border-color:var(--border-b);transform:translateY(-4px);}
.mv-card-icon{width:52px;height:52px;border-radius:14px;background:var(--blue-subtle);border:1px solid var(--border-b);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:rgba(80,120,255,1);}
.mv-card-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;}
.mv-card h3{font-size:1.3rem;font-weight:500;margin-bottom:.8rem;letter-spacing:-.01em;}
.mv-card p{font-size:.88rem;line-height:1.8;color:var(--w60);}
.values-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.value-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.8rem;text-align:center;transition:border-color .3s,transform .2s;}
.value-card:hover{border-color:var(--border-b);transform:translateY(-3px);}
.value-emoji{font-size:2rem;display:block;margin-bottom:.8rem;}
.value-card h4{font-size:.88rem;font-weight:700;margin-bottom:.4rem;}
.value-card p{font-size:.75rem;color:var(--w60);line-height:1.55;}

/* PILLARS */
.pillars-section{max-width:1300px;margin:0 auto;padding:7rem 4rem;}
.pillars-head{text-align:center;margin-bottom:4.5rem;}
.pillars-head p{font-size:.95rem;color:var(--w60);max-width:500px;margin:.8rem auto 0;line-height:1.75;}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.pillar-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;}
.pillar-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(77,77,255,.08),transparent 60%);opacity:0;transition:opacity .3s;}
.pillar-card:hover{border-color:var(--border-b);transform:translateY(-6px);box-shadow:0 20px 60px rgba(77,77,255,.1);}
.pillar-card:hover::before{opacity:1;}
.pillar-card .pillar-num{position:absolute;bottom:1.5rem;right:1.8rem;font-size:3.5rem;font-weight:700;color:rgba(77,77,255,.06);line-height:1;letter-spacing:-.05em;}

/* TEAM TEASER */
.team-teaser{background:var(--deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6rem 4rem;}
.team-teaser-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.team-text h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:500;letter-spacing:-.02em;margin-bottom:1rem;}
.team-text h2 .grad{color:var(--blue-b);}
.team-text p{font-size:.9rem;color:var(--w60);line-height:1.8;margin-bottom:2rem;}
.team-highlights{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem;}
.team-highlight-item{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--w60);}
.team-highlight-item svg{width:16px;height:16px;stroke:var(--blue-b);fill:none;stroke-width:2;flex-shrink:0;}
.avatar-stack{display:flex;flex-direction:column;gap:1.2rem;}
.avatar-row{display:flex;gap:.75rem;}
.avatar-bubble{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-b));border:2px solid var(--black);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;box-shadow:0 0 20px rgba(77,77,255,.25);transition:transform .2s;}
.avatar-bubble:hover{transform:scale(1.1);}
.avatar-bubble.more{background:var(--surface);border-color:var(--border-b);font-size:.75rem;color:var(--blue-b);}
.team-dept-tags{display:flex;flex-wrap:wrap;gap:.5rem;}
.dept-tag{padding:.3rem .9rem;border-radius:100px;font-size:.72rem;font-weight:500;background:var(--blue-subtle);border:1px solid var(--border-b);color:var(--blue-b);}

/* ABOUT CTA */
.about-cta{padding:6rem 4rem;text-align:center;position:relative;overflow:hidden;background:var(--black);}
.about-cta-inner{position:relative;z-index:2;}
.about-cta h2{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.02em;margin-bottom:1rem;}
.about-cta h2 .grad{color:var(--blue-b);}
.about-cta p{font-size:.95rem;color:var(--w60);max-width:480px;margin:0 auto 2.5rem;line-height:1.8;}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1279px){
  .page-hero-inner,
  .story-section,
  .pillars-section,
  .team-teaser-inner,
  .mv-inner{
    max-width:1100px;
  }

  .page-hero-inner,
  .story-section,
  .pillars-section,
  .team-teaser,
  .mv-section,
  .about-cta{
    padding-left:3rem;
    padding-right:3rem;
  }
}

@media (max-width: 1023px){
  .page-hero-inner,
  .story-section,
  .team-teaser-inner{
    grid-template-columns:1fr;
    gap:3rem;
  }

  .page-hero-inner{
    padding-top:7rem;
    padding-bottom:5rem;
  }

  .hero-right-col,
  .mv-grid,
  .pillars-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .values-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .story-section,
  .pillars-section{
    padding-top:5.5rem;
    padding-bottom:5.5rem;
  }

  .mv-section,
  .team-teaser,
  .about-cta{
    padding-top:5rem;
    padding-bottom:5rem;
  }

  .team-teaser-inner{
    align-items:flex-start;
  }
}

@media (max-width: 767px){
  .page-hero{
    min-height:auto;
  }

  .page-hero-inner,
  .story-section,
  .pillars-section,
  .team-teaser,
  .mv-section,
  .about-cta{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }

  .page-hero-inner{
    padding-top:6.5rem;
    padding-bottom:4rem;
    gap:2.5rem;
  }

  .hero-left-col .breadcrumb{
    margin-bottom:1.25rem;
    font-size:.68rem;
    flex-wrap:wrap;
  }

  .hero-left-col .hero-sub,
  .story-text p,
  .pillars-head p,
  .team-text p,
  .about-cta p{
    font-size:.9rem;
    line-height:1.75;
  }

  .hero-btns{
    flex-direction:column;
    align-items:stretch;
  }

  .hero-right-col,
  .mv-grid,
  .values-row,
  .pillars-grid{
    grid-template-columns:1fr;
  }

  .hero-stat-card,
  .mv-card,
  .pillar-card{
    padding:2rem 1.5rem;
  }

  .hero-stat-card .stat-num{
    font-size:2.2rem;
  }

  .story-section,
  .pillars-section{
    gap:2.5rem;
    padding-top:4.5rem;
    padding-bottom:4.5rem;
  }

  .mv-section,
  .team-teaser,
  .about-cta{
    padding-top:4rem;
    padding-bottom:4rem;
  }

  .tl-item{
    gap:1rem;
  }

  .tl-year{
    min-width:48px;
    font-size:.68rem;
  }

  .mv-head,
  .pillars-head{
    margin-bottom:2.5rem;
  }

  .avatar-row{
    flex-wrap:wrap;
  }

  .avatar-bubble{
    width:52px;
    height:52px;
  }
}

@media (max-width: 479px){
  .hero-orb-2{
    width:220px;
    height:220px;
    right:-10%;
    bottom:6%;
  }

  .page-hero-inner{
    padding-top:6rem;
    padding-bottom:3.5rem;
  }

  .hero-left-col h1{
    font-size:2.2rem;
  }

  .hero-left-col .hero-sub{
    margin-bottom:2rem;
  }

  .story-section,
  .pillars-section{
    padding-top:4rem;
    padding-bottom:4rem;
  }

  .mv-section,
  .team-teaser,
  .about-cta{
    padding-top:3.5rem;
    padding-bottom:3.5rem;
  }

  .mv-card,
  .value-card,
  .pillar-card{
    border-radius:18px;
  }

  .team-highlight-item{
    align-items:flex-start;
  }

  .dept-tag{
    font-size:.68rem;
  }

  .about-cta p{
    margin-bottom:2rem;
  }
}