.about-page .desktop-nav .active { border-bottom: 1px solid var(--accent); }
.about-hero { position: relative; min-height: calc(100svh - 34px); display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; padding: 145px clamp(22px,5vw,82px) 70px; overflow: hidden; background: linear-gradient(90deg,#fff 0 67%,var(--ink) 67%); }
.about-hero-copy { position: relative; z-index: 3; max-width: 760px; }
.about-hero-copy h1,.origin-copy h2,.principles-heading h2,.capabilities-copy h2,.about-closing h2 { margin:0;font-size:clamp(62px,8.5vw,136px);font-weight:600;line-height:.88;letter-spacing:-.075em; }
.about-hero-copy h1 em,.origin-copy h2 em,.principles-heading h2 em,.capabilities-copy h2 em,.about-closing h2 em { font-family:Georgia,serif;font-weight:400; }
.about-hero-copy>p:last-child { max-width:590px;margin:35px 0 0;color:#575982;font-size:clamp(17px,1.45vw,22px);line-height:1.55; }
.about-hero-image { --about-shift:0px; position:relative;z-index:2;height:min(69vw,760px);margin-right:-10vw;transform:translateY(var(--about-shift));transition:transform .12s linear; }
.about-hero-image img { width:100%;height:100%;object-fit:cover;clip-path:polygon(6% 7%,100% 0,94% 91%,0 100%);filter:saturate(.78) contrast(1.08); }
.about-hero-image::after { content:"";position:absolute;inset:7% 4% 9% 6%;background:linear-gradient(90deg,rgba(6,7,68,.05),rgba(6,7,68,.42));clip-path:polygon(0 0,100% 0,94% 100%,0 100%); }
.about-orbit { position:absolute;z-index:3;top:10%;left:8%;width:68%;aspect-ratio:1;border:1px solid rgba(233,185,0,.55);border-radius:50%; }
.about-stamp { position:absolute;z-index:4;right:12%;top:10%;width:120px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--deep);background:var(--accent);font:500 13px/1.3 "DM Mono",monospace;text-align:center;transform:rotate(8deg); }
.about-hero-image p { position:absolute;z-index:4;right:12%;bottom:11%;margin:0;color:#fff;font:500 9px/1.7 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase; }
.about-hero-word { position:absolute;left:2%;bottom:-4vw;color:rgba(11,13,120,.045);font-size:20vw;font-weight:800;letter-spacing:-.1em; }
.page-ready .about-hero-copy { animation:about-left .9s .2s both cubic-bezier(.2,.8,.2,1); }
.page-ready .about-hero-image { animation:about-right 1s .35s both cubic-bezier(.2,.8,.2,1); }
.page-ready .about-stamp { animation:stamp-in .8s .95s both cubic-bezier(.2,.8,.2,1); }
@keyframes about-left { from{opacity:0;transform:translateX(-120px)} }
@keyframes about-right { from{opacity:0;transform:translateX(180px)} }
@keyframes stamp-in { from{opacity:0;transform:scale(.4) rotate(-20deg)} }

.origin-section { display:grid;grid-template-columns:.34fr .66fr;gap:8vw;padding:clamp(100px,12vw,190px) clamp(24px,7vw,110px); }
.origin-label strong { font-size:15px; }
.origin-copy h2 { font-size:clamp(52px,7vw,108px); }
.origin-body { display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-top:55px;padding-top:30px;border-top:1px solid var(--line); }
.origin-body p { margin:0;color:#575982;font-size:clamp(16px,1.3vw,20px);line-height:1.65; }
.office-story { display:grid;grid-template-columns:1.12fr .88fr;min-height:760px;background:var(--ink); }
.office-image { overflow:hidden; }
.office-image img { width:100%;height:100%;object-fit:cover;transition:transform 1s; }
.office-image:hover img { transform:scale(1.035); }
.office-panel { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(55px,7vw,110px);color:#fff; }
.panel-index,.vision-item>span { color:var(--gold-soft);font:500 9px "DM Mono",monospace;letter-spacing:.1em; }
.office-panel h2 { margin:28px 0;font-size:clamp(50px,6vw,92px);line-height:.94;letter-spacing:-.06em; }
.office-panel p { max-width:520px;margin:0 0 35px;color:#c4c5df;font-size:18px;line-height:1.6; }
.office-panel .text-link { color:#fff; }
.numbers-section { display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line); }
.number-card { min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;padding:35px clamp(22px,3vw,50px);border-right:1px solid var(--line); }
.number-card strong { color:var(--ink);font-size:clamp(68px,7vw,108px);line-height:1;letter-spacing:-.07em; }
.number-card span { margin-top:18px;color:#67698f;font:500 10px "DM Mono",monospace;text-transform:uppercase; }
.principles-section { display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:clamp(100px,12vw,185px) clamp(24px,7vw,110px);color:#fff;background:var(--deep); }
.principles-heading h2 { font-size:clamp(52px,6.7vw,104px); }
.principles-heading em { color:var(--gold-soft); }
.principle { display:grid;grid-template-columns:60px 1fr;column-gap:25px;padding:35px 0;border-top:1px solid rgba(255,255,255,.2); }
.principle>span { grid-row:1/3;color:var(--gold-soft);font:500 10px "DM Mono",monospace; }
.principle h3 { margin:0;font-size:clamp(24px,2.2vw,34px);letter-spacing:-.035em; }
.principle p { max-width:600px;margin:14px 0 0;color:#b8b9d4;line-height:1.6; }
.vision-section { display:grid;grid-template-columns:1.05fr .95fr;min-height:900px; }
.vision-video { position:sticky;top:0;height:100vh;overflow:hidden;background:var(--ink); }
.vision-video video { width:100%;height:100%;object-fit:cover; }
.vision-video::after { content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,7,68,.55),transparent 55%); }
.vision-video span { position:absolute;z-index:2;left:30px;bottom:28px;color:#fff;font:500 9px "DM Mono",monospace;text-transform:uppercase; }
.vision-content { padding:clamp(60px,8vw,120px);background:var(--gold-soft); }
.vision-item { min-height:50%;display:flex;flex-direction:column;justify-content:center;padding:65px 0;border-bottom:1px solid rgba(11,13,120,.28); }
.vision-item h3 { margin:25px 0;font-size:clamp(34px,4vw,62px);line-height:1.08;letter-spacing:-.05em; }
.vision-item p { max-width:560px;margin:0;color:#414374;font-size:17px;line-height:1.65; }
.capabilities-section { display:grid;grid-template-columns:.75fr 1.25fr;padding:clamp(100px,11vw,175px) clamp(24px,5vw,80px);gap:40px; }
.capabilities-copy { align-self:center;padding:3vw; }
.capabilities-copy h2 { font-size:clamp(52px,6.7vw,104px); }
.capabilities-copy>p:last-child { max-width:520px;color:#575982;font-size:18px;line-height:1.65; }
.capability-image { min-height:650px;overflow:hidden; }
.capability-image img { width:100%;height:100%;object-fit:cover; }
.capability-list { grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px;border-top:1px solid var(--line); }
.capability-list div { display:flex;justify-content:space-between;gap:20px;padding:25px;border-right:1px solid var(--line);font-size:13px; }
.capability-list b { color:var(--accent);font:500 10px "DM Mono",monospace; }
.about-closing { min-height:82vh;display:flex;align-items:center;padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px);color:#fff;background:radial-gradient(circle at 75% 30%,#24278f,var(--ink) 42%,var(--deep) 80%); }
.about-closing h2 { font-size:clamp(68px,10vw,155px); }
.about-closing .button { margin-top:45px; }

@media(max-width:980px){.about-hero{grid-template-columns:1fr;padding-top:155px;background:linear-gradient(180deg,#fff 0 67%,var(--ink) 67%)}.about-hero-image{height:68vw;min-height:500px;margin:50px -7vw 0}.origin-section,.principles-section{grid-template-columns:1fr}.office-story,.vision-section,.capabilities-section{grid-template-columns:1fr}.vision-video{position:relative;height:70vh}.numbers-section{grid-template-columns:1fr 1fr}.capability-list{grid-template-columns:1fr 1fr}.capability-image{min-height:550px}}
@media(max-width:700px){.about-hero{padding:135px 20px 55px}.about-hero-copy h1{font-size:16vw}.about-hero-image{height:115vw;min-height:480px;margin:45px -35px 0}.about-stamp{width:90px}.about-hero-word{font-size:28vw}.origin-section{padding:90px 22px}.origin-body{grid-template-columns:1fr}.office-story{grid-template-columns:1fr}.office-image{min-height:430px}.office-panel{padding:70px 22px}.numbers-section{grid-template-columns:1fr 1fr}.number-card{min-height:210px;padding:24px 18px}.principles-section{padding:90px 22px}.vision-video{height:65vh}.vision-content{padding:30px 22px}.capabilities-section{padding:90px 14px}.capabilities-copy{padding:8px}.capability-image{min-height:430px}.capability-list{grid-template-columns:1fr}.about-closing{padding:90px 22px}.about-closing h2{font-size:19vw}}
@media(prefers-reduced-motion:reduce){.about-hero-copy,.about-hero-image,.about-stamp{opacity:1;transform:none;animation:none!important}}