/* Porter Summit — editorial layout matching the project reference. */
.case-page{background:var(--bg);color:var(--text)}
.project-container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.case-hero{margin:0 0 84px}
.case-cover{width:100%;aspect-ratio:2.8;background-color:#fafafa;background-image:conic-gradient(#eaeaea 25%,transparent 0 50%,#eaeaea 0 75%,transparent 0);background-size:168px 168px}
.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:min(calc(100% - 48px),970px);margin-bottom:84px}
.case-intro h1,.case-editorial h2,.case-copy h2{text-transform:uppercase;font-size:clamp(28px,3vw,40px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}
.case-intro p,.case-editorial p,.case-copy p{font-size:14px;line-height:1.6;color:#aaa;margin:0 0 20px}
.case-intro p:last-child,.case-editorial p:last-child,.case-copy p:last-child{margin-bottom:0}
.case-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:84px}
.case-media{background:#d9d9d9;overflow:hidden}
.case-square{aspect-ratio:1}
.case-landscape{aspect-ratio:2.05}
.case-editorial{max-width:900px;margin-bottom:84px}
.case-wide{margin-bottom:84px}
.case-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:84px}
.case-gallery{margin-top:-56px;margin-bottom:64px}
.case-gallery>.case-media{margin-bottom:28px}
.case-gallery .case-duo{margin-bottom:0}
@media(max-width:800px){
 .project-container{width:calc(100% - 32px)}
 .case-hero{margin-bottom:48px}
 .case-cover{aspect-ratio:1.6;background-size:96px 96px}
 .case-intro,.case-split{grid-template-columns:1fr;gap:28px}
 .case-intro,.case-duo,.case-editorial,.case-wide,.case-split{margin-bottom:48px}
 .case-duo{gap:16px}
 .case-gallery{margin-top:-32px;margin-bottom:40px}
 .case-gallery>.case-media{margin-bottom:16px}
 .case-intro h1,.case-editorial h2,.case-copy h2{font-size:30px}
 .site-header .nav{position:static;display:flex;visibility:visible;opacity:1;transform:none;border:0;padding:0;gap:14px}
 .site-header .nav a{padding:8px 0;font-size:11px}
}
@media(max-width:420px){
 .case-duo{grid-template-columns:1fr}
 .case-landscape{aspect-ratio:1.5}
 .brand img{width:105px}
}