/* Shared dark surfaces for the cover, archive and future image containers. */
:root{color-scheme:dark;--paper:#101110;--ink:#f3f0e7;--muted:#aaa99f;--line:#393b36;--image-surface:#101110}
body,.masthead,.footer,dialog,.detail-bar{background:var(--paper);color:var(--ink)}
img,.project-image,.mini-image,.gt-image,.subaru-image,.subaru-image img,.recent-card .project-image,.card-image,#detail-images img,#dialog-images img,.detail-main,.detail-secondary,.carousel-stage,.carousel-stage .hero-slide{background:var(--image-surface)}
.mini-image img{mix-blend-mode:normal}
.styles .chip[aria-pressed=true]{color:#101110}.selection button{background:#30322d;color:var(--ink)}
select option,.skip{background:var(--paper);color:var(--ink)}
.carousel-stage .festival-slide>img{padding:0;object-fit:cover;object-position:center}
.daily-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding-block:70px;border-top:1px solid var(--line)}
.daily-feature img{width:100%;height:auto;display:block}.daily-feature h2{margin:20px 0}.daily-feature p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px}.daily-feature .primary-link{margin-top:26px}.daily-filter{display:inline-block;margin-top:22px;font:11px var(--mono)}
@media(max-width:700px){.daily-feature{grid-template-columns:1fr;gap:28px;padding-block:40px}.carousel-stage:has(.festival-slide.is-active){aspect-ratio:1.6}.carousel-stage .festival-slide>img{object-fit:contain;padding:0 0 42px}}
/* The festival illustration fills the width at its original ratio. */
.carousel-stage:has(.festival-slide.is-active){aspect-ratio:auto}
.carousel-stage .festival-slide.is-active{position:relative;height:auto}
.carousel-stage .festival-slide>img{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;padding:0}
.festival-slide .art-caption{position:relative;inset:auto;background:var(--paper)}

.work-card,.card-copy,.detail-copy{min-width:0}.card-top>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-copy dd{overflow-wrap:anywhere}

/* Three independently linked detail studies, revealed left to right. */
.triptych-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:100%;align-items:center;padding:48px 0 52px}.detail-panel{min-width:0;display:block;opacity:0;transform:translateY(12px)}.detail-panel img{display:block;width:100%;height:auto;object-fit:contain}.detail-panel>span{display:block;padding-top:12px;font:9px/1.5 var(--mono);letter-spacing:.05em;color:var(--ink)}.detail-triptych.is-active .detail-panel{animation:panel-reveal .7s ease both}.detail-triptych.is-active .detail-panel:nth-child(2){animation-delay:.35s}.detail-triptych.is-active .detail-panel:nth-child(3){animation-delay:.7s}@keyframes panel-reveal{to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.carousel-controls{flex-wrap:wrap}.carousel-dots{gap:0}.carousel-dot{width:23px}.carousel-actions button{width:32px}.carousel-stage:has(.detail-triptych.is-active){aspect-ratio:auto}.carousel-stage .detail-triptych.is-active{position:relative;height:auto}.triptych-grid{grid-template-columns:1fr;gap:24px;padding:44px 0 10px}.detail-triptych .art-caption{position:relative;inset:auto}.detail-panel>span{padding:9px 0}}
@media(prefers-reduced-motion:reduce){.detail-triptych .detail-panel{animation:none!important;opacity:1;transform:none}}