/* A gallery belongs to a shoot. The main page remains the editorial selection. */
.portfolio-session{grid-column:2;grid-row:3;font:10px/1.5 var(--ui);letter-spacing:.035em;color:var(--ember);margin-top:6px}
.portfolio-caption__number{color:var(--ember)}
.portfolio-caption__category{color:rgba(244,241,234,.68)}
.viewer-session{text-align:center;min-width:0}
.viewer-session-title{font:400 clamp(22px,2.3vw,34px)/1.2 var(--display);letter-spacing:-.025em;margin:0 0 6px}
.viewer-session-detail{font:9px/1.5 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ember);margin:0}
.viewer-top{display:grid;grid-template-columns:1fr minmax(0,2fr) 1fr;min-height:66px}
.viewer-close{justify-self:end}
.viewer-bottom .viewer-title{font-size:clamp(18px,1.7vw,24px)}
.viewer-status{color:var(--ember)}
.viewer-stage{perspective:1400px}
.viewer-image{backface-visibility:hidden}
.viewer-rail{padding-top:12px;padding-bottom:10px}
.viewer-thumb img{filter:grayscale(1);transition:filter .3s ease}
.viewer-thumb:hover img,.viewer-thumb:focus-visible img,.viewer-thumb[aria-current=true] img{filter:none}
.portrait-viewer .viewer-original{font-size:10px;letter-spacing:.04em}
.viewer-original[aria-pressed=true]{border-color:var(--ember);color:var(--ember)}
.is-authored-bw .viewer-original{display:none!important}
@media(max-width:900px),(pointer:coarse),(hover:none){.viewer-original{display:none!important}}
.viewer-stage .gallery-relief{inset:auto;z-index:2;box-shadow:none}
.viewer-stage:has(.gallery-relief.is-ready)>.viewer-image{opacity:0!important}
@media(min-width:1050px) and (min-height:600px){
 .portrait-viewer .viewer-peek{width:17%;top:12%;bottom:12%;opacity:.45;overflow:visible;backface-visibility:hidden;transform-style:preserve-3d}
 .viewer-peek--previous{transform:rotateY(14deg) scale(.92);transform-origin:left center}
 .viewer-peek--next{transform:rotateY(-14deg) scale(.92);transform-origin:right center}
 .viewer-peek img{filter:grayscale(1) brightness(.8);transition:filter .3s ease;box-shadow:0 16px 40px #0004}
 .portrait-viewer .viewer-peek:hover{opacity:.9;transform:rotateY(0) scale(.97)}
 .viewer-peek:hover img{filter:grayscale(.2) brightness(1)}
}
@media(hover:hover) and (pointer:fine) and (min-width:901px){
 .scroll-light .portrait-viewer:not(.is-original):not(.is-authored-bw):not(.is-zoomed) .viewer-image{filter:grayscale(1) brightness(.72)!important;transition:filter .25s ease}
 .scroll-light .portrait-viewer:not(.is-original):not(.is-authored-bw):not(.is-zoomed) .viewer-image:hover{filter:none!important}
}
/* On a phone the identity leads directly into the work, with no tall portrait spacer. */
@media(max-width:900px),(max-aspect-ratio:3/4){
 .candle-world{display:none!important}
 .hero.candle-scene{padding:100px var(--pad) 28px;min-height:0;height:auto;width:100%;display:block}
 .hero.candle-scene .candle-content{max-width:640px}
 .hero-previews,.hero .hero__actions,.hero .instruction,.hero #renderStatus,.hero .candle-bottom{display:none}
 .hero.candle-scene .candle-content h1{font-size:clamp(48px,10vw,82px)}
 .mobile-opening__cue{font-size:11px}
 .mobile-opening__cue span{font-size:13px}
 .mobile-categories{display:flex;position:absolute;top:var(--opening-height);left:0;right:0;height:52px;align-items:center;gap:26px;padding:0 var(--pad);overflow-x:auto;background:#050506;border-bottom:1px solid #f4f1ea12}
 .mobile-categories a{flex:0 0 auto;display:flex;align-items:center;min-height:44px;font-size:11px;text-transform:uppercase}
 .work,.experience,.about,.sessions,.contact,.testimonials,.footer{width:100%;margin-inline:auto;padding-inline:var(--pad)}
 .scroll-light #gallery .portfolio-tile .tile__media img{filter:grayscale(1);opacity:1}
 #work{padding-top:54px}
 #atmosphereToggle{display:none}
}
@media(max-width:700px){
 .viewer-top{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:56px}
 .viewer-brand{display:none}.viewer-session{text-align:left}
 .viewer-session-title{font-size:24px}.viewer-session-detail{font-size:8px;letter-spacing:.07em}
 .viewer-close span:first-child{display:none}
 .viewer-original{display:none!important}
 .viewer-meta .viewer-title{font-size:19px}
 .viewer-actions{flex-wrap:wrap}.viewer-actions .viewer-version{font-size:10px;flex-basis:auto}
 .viewer-rail{padding-top:6px;padding-bottom:5px}
 .portfolio-session{font-size:11px}
}
@media(max-height:500px){
 .viewer-top{min-height:38px}.viewer-session-title{font-size:20px;margin-bottom:2px}.viewer-session-detail{font-size:8px}
 .scroll-light .portrait-viewer .viewer-image{filter:none!important}
 .viewer-original{display:none!important}.viewer-rail{padding-top:2px;padding-bottom:3px}
}
@media(prefers-reduced-motion:reduce){
 .viewer-stage{perspective:none}.portrait-viewer .viewer-peek{transform:none!important}
 .viewer-thumb img,.viewer-image,.viewer-peek img{transition:none!important}
}