/* One short scroll scene: an immersive photograph becomes a photographic print. */
.hero-print{position:absolute;inset:0;overflow:hidden;background:#151711}
.opening-sequence{background:var(--paper)}
.opening-sequence .hero{background:var(--paper)}
.opening-sequence .hero-image{animation:none!important}
.opening-sequence .hero-text{transition:none!important}
.opening-sequence .hero-text h1,.opening-sequence .hero-text .eyebrow,.opening-sequence .hero-sub,.opening-sequence .hero-bottom{animation:none;opacity:1;transform:none}
.opening-sequence .hero-image{transform:none;transition:none!important}
.opening-sequence .hero-shade{transition:none!important}
@media(prefers-reduced-motion:no-preference){
 .opening-sequence.is-directed{height:165svh}
 .opening-sequence.is-directed .hero{position:sticky;top:0;height:100svh;min-height:0;max-height:none;perspective:1600px;isolation:isolate}
 .is-directed .hero-print{will-change:transform;transform-origin:50% 55%;box-shadow:0 30px 70px #1e180f24}
 .is-directed .hero-text{will-change:transform,opacity}
 .is-directed .hero-image{will-change:transform}
 .is-directed .hero-bottom{z-index:2}
 .opening-sequence+.intro{padding-top:70px}
 .work .series-block{transition:opacity .65s ease,transform .85s cubic-bezier(.2,.75,.2,1)}
 .work .series-block.motion-waiting{opacity:.15;transform:translateY(35px)}
}
@media(max-width:700px){
 .opening-sequence.is-directed{height:145svh}
 .opening-sequence .hero-text{padding:clamp(165px,27svh,235px) 7vw 100px}
 .opening-sequence .hero-text h1{font-size:clamp(46px,11.8vw,78px)}
 .opening-sequence .hero-sub{font-size:18px;max-width:290px}
 .opening-sequence+.intro{padding-top:35px}
}
@media(prefers-reduced-motion:reduce){
 .opening-sequence.is-directed{height:auto}
 .opening-sequence .hero-print,.opening-sequence .hero-text,.opening-sequence .hero-image{transform:none!important;opacity:1!important}
}