/* Artistic study 02. Preserve real camera movement and original image detail. */
.hero-stage{will-change:auto;transform:none!important}
.hero-stage canvas{mix-blend-mode:screen}
.hero-stage video{transition:opacity .25s ease}
.hero-shade{background:linear-gradient(180deg,#222c2522,transparent 48%,#231e174a),linear-gradient(90deg,#272c2335,transparent 65%);transition:opacity 1s}
.hero.is-opening .hero-shade{opacity:.15}
.hero.is-unfolded .hero-shade{opacity:0}
.site-header{transition:opacity .6s}
body:has(.hero.is-opening) .site-header{opacity:0;pointer-events:none}
.sunlight{background:radial-gradient(ellipse at 88% 0%,#fff1d322,transparent 53%);transition:opacity 1s}
.hero.is-opening .sunlight{opacity:0}
.transition-wash{display:none}
.hero-stage:after{content:'';position:absolute;inset:0;pointer-events:none;backdrop-filter:blur(2px);mask-image:linear-gradient(#0009,transparent 43%);transition:opacity .6s}
.hero.is-opening .hero-stage:after{opacity:0}
.box-photo video{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:53% 60%;opacity:0;transition:opacity .7s}
.box-photo video.loaded{opacity:1}
.box-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff5dc0c,transparent 65%,#3e2a1612);mix-blend-mode:soft-light}
.photo-caption{z-index:2}
.box-selector{flex-wrap:wrap;gap:12px}
body:after{content:'';position:fixed;z-index:19;inset:0;pointer-events:none;background:radial-gradient(circle 125px at var(--pointer-x,-500px) var(--pointer-y,-500px),#fff2d41a,transparent 100%);mix-blend-mode:screen}
body.reduce-motion:after{display:none}
@media(pointer:coarse),(prefers-reduced-motion:reduce){body:after{display:none}}
@media(min-width:701px) and (max-width:1000px){.boxes{grid-template-columns:1fr}.box-photo{min-height:0;aspect-ratio:16/10}.box-story{padding:55px 8%}.box-story h2 br{display:none}}
@media(max-width:700px){.box-photo{width:100%;min-height:0;aspect-ratio:1.15}.box-photo video{object-position:50% 63%}}