.project-index-hero,.case-hero{padding:82px 0 64px;border-bottom:1px solid var(--line)}
.project-index-hero h1,.case-hero h1{max-width:1100px}.project-index-hero .intro,.case-hero .intro{max-width:850px}
.project-list{padding:64px 0 82px}.project-card{text-decoration:none;color:inherit}.project-card+.project-card{margin-top:18px}.project-card-featured{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));overflow:hidden;align-items:center}.project-card-secondary{grid-template-columns:.85fr 1.15fr}.project-card-media{min-height:0;aspect-ratio:16/9;align-self:center;background:#090c10}.project-card-media img{width:100%;height:100%;display:block;object-fit:contain}.project-card-copy{padding:34px 38px;display:flex;flex-direction:column;justify-content:center}.bench-label{display:inline-block;margin-bottom:18px;color:var(--yellow);font-size:.63rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.project-card-copy h2{font-size:clamp(2rem,4vw,3.7rem)}.project-card-copy p{color:var(--muted);font-size:1rem}.project-card-copy strong{margin-top:16px;color:var(--blue);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.project-card-placeholder{min-height:520px;display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(circle at 50% 35%,rgba(22,143,232,.12),transparent 42%),#090c10;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:1px;background:var(--line)}.coming-card{padding:34px;background:var(--panel)}.coming-card h3{font-size:1.2rem}.coming-card p{margin-bottom:0;color:var(--muted)}.project-contact{border-top:1px solid var(--line)}
.back-link{display:inline-block;margin-bottom:42px;color:var(--muted);text-decoration:none;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.back-link:hover{color:var(--yellow)}.project-meta{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0}.project-meta span{padding:8px 11px;border:1px solid rgba(22,143,232,.25);color:#a9b9c6;background:rgba(22,143,232,.04);font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.hero-photo{height:min(72vw,760px);margin:48px 0 0;overflow:hidden;border:1px solid var(--line);background:#090c10}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.story-section{padding:82px 0;border-bottom:1px solid var(--line)}.split-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.story-copy{font-size:1.05rem}.story-copy p,.section-heading>p:last-child{color:#b5c0ca}.section-heading{max-width:780px;margin-bottom:38px}.media-grid{display:grid;gap:10px}.media-grid-two{grid-template-columns:1fr 1fr}.media-grid-three{grid-template-columns:repeat(3,1fr)}.media-grid-four{grid-template-columns:repeat(2,1fr)}.media-grid figure,.result-media figure,.wide-detail{margin:0;background:var(--panel);border:1px solid var(--line);overflow:hidden}.media-grid img,.result-media img,.wide-detail img{width:100%;display:block;object-fit:cover}.media-grid-two img{aspect-ratio:4/5}.media-grid-three img{aspect-ratio:3/4}.media-grid-four img{aspect-ratio:4/5}.media-grid figcaption,.result-media figcaption,.wide-detail figcaption{padding:14px 16px;color:var(--muted);font-size:.76rem}.full-span{grid-column:1/-1}.level-grid,.tone-grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.level-grid{grid-template-columns:repeat(4,1fr)}.tone-grid{grid-template-columns:repeat(3,1fr)}.level-grid article,.tone-grid article{padding:26px;background:var(--panel)}.level-grid span,.tone-grid span{display:block;color:var(--blue);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.level-grid strong,.tone-grid strong{display:block;margin:12px 0 10px;font-size:1.25rem}.level-grid p,.tone-grid p{margin:0;color:var(--muted);font-size:.87rem}.wide-detail{margin-top:34px}.wide-detail img{max-height:720px;object-fit:cover}.result-media{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.result-media img{width:100%;height:650px;object-fit:cover}.video-wrap{margin-top:42px;padding:28px;border:1px solid var(--line);background:var(--panel)}.video-wrap video{display:block;width:min(100%,760px);max-height:780px;margin:auto;background:#000}.signal-path{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:22px;border:1px solid var(--line);background:var(--panel)}.signal-path span{padding:8px 11px;border:1px solid rgba(22,143,232,.25);background:rgba(22,143,232,.04);color:#c3d0da;font-size:.67rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.signal-path b{color:var(--yellow);font-weight:800}.media-note{margin-top:22px;color:var(--muted);font-size:.78rem;font-style:italic}.project-cta{padding:82px 0;text-align:center;max-width:850px;margin:auto}.project-cta p:not(.kicker){color:var(--muted);margin:0 auto 28px}
@media(max-width:900px){.project-card-featured,.project-card-secondary,.split-story{grid-template-columns:1fr}.project-card-secondary .project-card-copy{order:2}.project-card-secondary .project-card-placeholder{order:1}.project-card-media{width:100%;aspect-ratio:16/9}.project-card-placeholder{min-height:460px}.split-story{gap:24px}.level-grid{grid-template-columns:1fr 1fr}.tone-grid{grid-template-columns:1fr 1fr 1fr}.result-media{grid-template-columns:1fr}.result-media img{height:auto;max-height:720px}.media-grid-three{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.project-index-hero,.case-hero{padding:58px 0 46px}.project-list,.story-section,.project-cta{padding:56px 0}.project-card-placeholder{min-height:380px}.project-card-copy{padding:26px}.coming-grid,.media-grid-two,.media-grid-three,.media-grid-four,.level-grid,.tone-grid{grid-template-columns:1fr}.hero-photo{height:125vw;max-height:650px}.hero-photo img{object-position:center}.video-wrap{padding:14px}.signal-path{gap:7px;padding:15px}.signal-path b{display:none}}

/* Designed project covers: preserve the complete 16:9 collage instead of cropping it. */
.hero-photo:has(img[src$="-cover.png"]){height:auto;max-height:none;aspect-ratio:16/9}
.hero-photo img[src$="-cover.png"]{object-fit:contain}