.header nav a[aria-current="page"]{color:var(--blue)}
.about-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;padding:42px 0 76px}
.about-lead h1{font:800 clamp(72px,7.6vw,112px)/.93 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-1.8px;margin:0 0 30px}
.about-lead h1 span{color:var(--blue)}
.about-lead .intro{max-width:620px}
.about-hero-image{margin:0;background:var(--paper)}
.about-hero-image>img{display:block;width:100%;height:580px;object-fit:cover;object-position:center 48%}
.about-hero-image figcaption{display:flex;flex-direction:column;background:var(--ink);color:white;padding:20px 24px}
.about-hero-image figcaption .eyebrow{margin:0 0 3px;color:#9eb8ff;font-size:10px}
.about-hero-image figcaption strong{font-size:15px}
.about-story{display:grid;grid-template-columns:.32fr 1fr;gap:56px;border-top:1px solid var(--line);padding:70px 0}
.about-story>div{display:grid;grid-template-columns:.9fr 1fr;gap:60px}
.about-story h2,.about-heading h2,.about-collaboration h2,.about-cta h2{font:700 50px/1.03 'Barlow Condensed','Arial Narrow',Impact,sans-serif;margin:0}
.story-copy{color:var(--muted);font-size:16px}
.story-copy p{margin:0 0 22px}
.about-process{background:var(--ink);color:white;padding:70px 0}
.about-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:42px}
.about-heading>p{max-width:500px;margin:0;color:#b8c0cc}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.process-grid article{border-top:2px solid var(--blue);padding:26px 0 0}
.process-grid article>span{font-size:11px;letter-spacing:1.5px;color:#9eb8ff;font-weight:700}
.process-grid h3{font:700 30px/1.08 'Barlow Condensed','Arial Narrow',Impact,sans-serif;margin:18px 0 12px}
.process-grid p{color:#b8c0cc;font-size:15px;max-width:350px;margin:0}
.about-in-motion{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;padding:72px 0 0}
.about-in-motion h2{font:700 50px/1.03 'Barlow Condensed','Arial Narrow',Impact,sans-serif;margin:0 0 18px}
.about-in-motion>div>p:last-child{color:var(--muted);max-width:470px;margin:0}
.about-in-motion figure{margin:0;background:var(--ink)}
.about-in-motion video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--ink)}
.about-in-motion figcaption{padding:14px 18px;color:#c8d0dc;font-size:11px;letter-spacing:1.5px;font-weight:700}
.work-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:72px 0}
.work-strip figure{margin:0;position:relative;background:var(--paper);overflow:hidden}
.work-strip img{display:block;width:100%;height:330px;object-fit:cover;transition:transform .35s ease}
.work-strip figure:hover img{transform:scale(1.025)}
.work-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 16px;color:white;background:linear-gradient(transparent,rgba(10,13,18,.88));font-size:11px;letter-spacing:1.5px;font-weight:700}
.about-collaboration{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:66px 0}
.about-collaboration>div:last-child{color:var(--muted);max-width:570px}
.about-collaboration>div:last-child p{margin:0 0 20px}
.about-cta{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid var(--line);padding:58px 0}
.about-cta>div>p:last-child{color:var(--muted);margin:14px 0 0}
@media(max-width:1050px){.about-hero{gap:38px}.about-hero-image>img{height:520px}.about-story>div{grid-template-columns:1fr;gap:28px}.work-strip img{height:270px}}
@media(max-width:700px){.about-hero{grid-template-columns:1fr;gap:34px;padding:25px 0 46px}.about-lead h1{font-size:78px}.about-hero-image>img{height:420px}.about-story{grid-template-columns:1fr;gap:20px;padding:44px 0}.about-story h2,.about-heading h2,.about-in-motion h2,.about-collaboration h2,.about-cta h2{font-size:42px}.about-process{padding:48px 0}.about-heading,.about-in-motion{grid-template-columns:1fr;gap:20px}.about-in-motion{padding:48px 0 0}.process-grid,.work-strip{grid-template-columns:1fr}.process-grid{gap:34px}.work-strip{padding:48px 0}.work-strip img{height:300px}.about-collaboration{grid-template-columns:1fr;gap:28px;padding:46px 0}.about-cta{align-items:flex-start;flex-direction:column;padding:44px 0}}
@media(prefers-reduced-motion:reduce){.work-strip img{transition:none}}