body.posters-page{--paper:#080808;--ink:#f7f7f2;background:#080808}body.posters-page header{background:#080808}body.posters-page #site-footer{background:transparent}.poster-page{padding:90px 12px 110px;background:#080808;color:#f7f7f2;min-height:100svh}.poster-title{display:flex;justify-content:space-between;font-size:clamp(60px,10.5vw,170px);font-weight:400;line-height:1;margin:0 0 130px;letter-spacing:-.06em}.poster-intro{display:flex;align-items:start;justify-content:space-between;font-size:12px;margin-bottom:25px;gap:25px}.poster-intro summary{cursor:pointer;list-style:none}.poster-intro details p{font-size:20px;line-height:1.4;max-width:500px;margin:20px 0}.poster-intro>span{opacity:.5}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:65px 12px;align-items:start}.poster-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-card{background:transparent;color:inherit;border:0;padding:0;min-width:0;text-align:left;font:inherit;cursor:zoom-in}.poster-art{display:flex;width:100%;height:auto;aspect-ratio:0.7;align-items:center;justify-content:center}.poster-art img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .25s,transform .4s}.poster-caption{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;line-height:1.4;opacity:.5}.poster-card:hover img{transform:translateY(-5px)}.poster-card:hover .poster-caption,.poster-card:focus-visible .poster-caption{opacity:1}.poster-card:focus-visible{outline:1px solid white;outline-offset:5px}.poster-viewing{overflow:hidden}#poster-viewer{inset:0;position:fixed;width:100%;height:100svh;max-width:none;max-height:none;margin:0;padding:20px;background:#080808;color:white;border:0;z-index:100}#poster-viewer::backdrop{background:#080808}#poster-viewer[open]{display:grid;grid-template-rows:40px minmax(0,1fr) 40px;gap:15px}.poster-viewer-head,.poster-viewer-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px}.poster-viewer-stage{min-height:0;display:flex;justify-content:center}.poster-viewer-stage img{height:100%;width:100%;object-fit:contain}#poster-viewer button{background:none;color:white;border:0;font:inherit;padding:10px;cursor:pointer}#poster-viewer button:focus-visible{outline:1px solid white}.poster-viewer-foot>span{opacity:.5}@media(max-width:800px){.poster-title{font-size:13vw;margin-bottom:80px}.poster-page{padding-top:100px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 10px}.poster-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-intro{font-size:10px}.poster-intro details p{font-size:16px}.poster-caption{font-size:8px;gap:5px}.poster-caption>span:last-child{display:none}#poster-viewer{padding:15px 12px}.poster-viewer-head,.poster-viewer-foot{font-size:11px}.poster-viewer-head>span{max-width:75%}}@media(prefers-reduced-motion:reduce){.poster-art img{transition:none}.poster-card:hover img{transform:none}}

header nav a[href="#posters"]{display:inline!important}

/* Keep landscape artwork inside its full-width reveal frame. */
.poster-grid{container-type:inline-size;--poster-columns:6;--poster-gap:12px}
.poster-grid.large{--poster-columns:3}
.poster-card--landscape{grid-column:span 2;justify-self:start;width:calc((100cqw - (var(--poster-columns) - 1)*var(--poster-gap))/var(--poster-columns)/.7*var(--poster-ratio))}
.poster-card--landscape .poster-art{width:100%;aspect-ratio:auto;height:calc((100cqw - (var(--poster-columns) - 1)*var(--poster-gap))/var(--poster-columns)/.7)}
.poster-card--landscape .poster-art img{width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){.poster-grid{--poster-columns:4}}
@media(max-width:800px){.poster-grid{--poster-columns:3;--poster-gap:10px}.poster-grid.large{--poster-columns:2}}
