.project-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5%;padding:70px 5% 90px;min-height:650px}
.project-hero-copy{max-width:720px}.project-hero h1{font-size:clamp(56px,7vw,104px)}
.project-credit{font-size:13px;letter-spacing:.4px;color:var(--muted);margin-top:10px}
.project-visual{position:relative;margin:0;overflow:hidden;border:1px solid var(--line);background:#10284b}
.project-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.project-visual figcaption{position:absolute;left:20px;bottom:16px;padding:8px 11px;background:rgba(9,20,38,.82);font-size:11px;letter-spacing:1.5px;color:#fff}
.launch-follow{color:#fff;border-color:var(--lime)}
.project-thesis{display:grid;grid-template-columns:.55fr 1.45fr;gap:5%;background:#10284b}
.project-thesis h2{font-size:clamp(38px,4.6vw,68px)}.project-thesis p{max-width:790px;color:var(--muted)}
.story-world{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%}
.story-world-copy{color:var(--muted)}.story-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}
.story-themes>div{padding-right:10px}.story-themes span{font-size:11px;letter-spacing:1px;color:var(--lime)}.story-themes h3{margin:10px 0;font-size:22px;font-weight:500;color:var(--text)}.story-themes p{font-size:15px}
.longform{display:grid;grid-template-columns:.55fr .9fr 1.1fr;gap:35px;align-items:center;background:#101f37}
.longform-copy p{color:var(--muted)}.longform-copy h2{font-size:clamp(34px,4vw,56px)}
.preview-stage{aspect-ratio:16/9;min-height:210px;padding:24px;border:1px solid #526783;background:linear-gradient(145deg,#0b172a,#132d51);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px}
.preview-stage span{font-size:11px;letter-spacing:1.7px;color:var(--lime)}.preview-stage strong{font-size:24px;font-weight:400}
.project-connection{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.project-connection p{color:var(--muted);max-width:560px}.project-contact{background:var(--lime);color:#102348}
.project-contact .eyebrow{color:#173761}.project-contact h2{color:#102348}.project-contact>p:not(.eyebrow){max-width:620px}
.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}
.contact-options a{display:block;padding:20px;border:1px solid rgba(16,35,72,.4);font-size:17px;font-weight:700}
.contact-options a:hover{background:rgba(255,255,255,.2);text-decoration:none}
.contact-options span{display:block;margin-top:8px;font-size:14px;font-weight:400;line-height:1.5}
.project-contact>.text-link{display:inline-block;border-color:#102348;color:#102348}
@media(max-width:900px){.longform{grid-template-columns:1fr 1fr}.longform>.eyebrow{grid-column:1/-1;margin-bottom:0}.preview-stage{grid-column:2}}
@media(max-width:700px){.project-hero,.project-thesis,.story-world,.longform,.project-connection{grid-template-columns:1fr;gap:24px}.project-hero{padding:45px 6% 60px}.project-visual{grid-row:2}.project-thesis,.story-world,.longform,.project-connection{padding-left:6%;padding-right:6%}.project-thesis h2{font-size:42px}.story-themes,.contact-options{grid-template-columns:1fr;gap:8px}.story-themes>div{border-bottom:1px solid var(--line);padding:12px 0}.longform>.eyebrow{grid-column:auto}.preview-stage{grid-column:auto;min-height:190px}.project-contact{padding-left:6%;padding-right:6%}.project-contact h2{font-size:44px}.contact-options a{padding:16px}}
@media(max-width:360px){.project-hero h1{font-size:51px;letter-spacing:-2px}.project-thesis h2{font-size:37px}}