:root{--photo-navy:#0B1D3A;--photo-yellow:#F5C842;--photo-white:#F7F8FA;}
html{background:var(--photo-navy);}
body.photo-page{margin:0;background:var(--photo-navy);color:var(--photo-white);font-family:'DM Sans',sans-serif;}
.photo-page .site-header{background:var(--photo-navy)!important;border-bottom:2px solid var(--photo-yellow)!important;}
.photo-page .site-header a{color:#fff;}
.photo-page .site-header nav a.active,.photo-page .site-header nav a:hover{color:var(--photo-yellow)!important;}
.photo-main{max-width:1280px;margin:0 auto;padding:72px 6vw 84px;}
.photo-intro{max-width:760px;margin-bottom:78px;}
.photo-intro .section-kicker{color:var(--photo-yellow);margin:0 0 18px!important;}
.photo-intro h1{font-family:'DM Serif Display',serif;font-size:clamp(3.8rem,8vw,7.6rem);font-weight:400;line-height:.9;letter-spacing:-.035em;margin:0;color:#fff;}
.photo-subtitle{font-family:'DM Serif Display',serif;font-size:clamp(1.45rem,2.3vw,2.15rem);font-style:italic;margin:16px 0 38px;color:var(--photo-yellow);}
.photo-lead{max-width:700px;font-size:1.08rem;line-height:1.72;margin:0;color:rgba(255,255,255,.88);}
.provisional{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-top:22px;color:rgba(255,255,255,.46);}
.exhibition{display:grid;grid-template-columns:repeat(12,1fr);gap:54px 34px;align-items:start;}
.placeholder{position:relative;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.045);display:flex;align-items:center;justify-content:center;min-height:220px;overflow:hidden;}
.placeholder:after{content:'';position:absolute;inset:12px;border:1px solid rgba(245,200,66,.14);}
.placeholder span{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42);}
.placeholder.portrait{grid-column:span 4;aspect-ratio:3/4;}
.placeholder.landscape{grid-column:span 7;aspect-ratio:4/3;}
.placeholder.square{grid-column:span 5;aspect-ratio:1;}
.placeholder.tall{grid-column:span 4;aspect-ratio:2/3;}
.placeholder.wide{grid-column:span 8;}
.exhibition .placeholder:nth-child(2){margin-top:100px;}
.exhibition .placeholder:nth-child(4){margin-top:80px;}
.exhibition .placeholder:nth-child(6){margin-top:120px;}
.exhibition .placeholder:nth-child(8){margin-top:70px;}
.gallery-note{max-width:620px;margin:72px 0 0;font-size:.78rem;line-height:1.6;color:rgba(255,255,255,.45);}
.photo-footer{background:var(--photo-navy)!important;border-top:1px solid rgba(245,200,66,.65)!important;color:#fff!important;}
@media(max-width:780px){
 .photo-main{padding:48px 22px 60px;}.photo-intro{margin-bottom:48px}.photo-intro h1{font-size:clamp(3.2rem,16vw,5rem)}
 .exhibition{display:block}.placeholder{margin:0 0 28px!important;width:100%;}.placeholder.portrait,.placeholder.tall{width:78%;}.placeholder:nth-child(even){margin-left:auto!important;}
 .gallery-note{margin-top:42px}.photo-page .site-header nav{gap:13px;}
}