/* A quiet photographic ending on the same continuous page surface. */
.closing-panorama{position:relative;isolation:isolate;overflow:clip}
.closing-panorama .closing{position:relative;z-index:1;max-width:1100px;padding-block:100px 300px}
.closing-copy{max-width:850px}
.closing-panorama .closing h2{margin:22px auto 0;max-width:820px}
.closing-panorama .closing-actions{margin-top:28px}
.closing-landscape{position:absolute;inset:auto 0 0;height:620px;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent 0%,#000 35%,#000 75%,transparent 100%)}
.closing-landscape img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;transition:opacity var(--sky-timing)}
.closing-day{opacity:var(--sky-day-opacity)}.closing-night{opacity:var(--sky-night-opacity)}
@media(max-width:720px){.closing-panorama .closing{padding-block:76px 240px}.closing-landscape{height:500px}.closing-landscape img{object-position:60% bottom}}
@media print{.closing-landscape{display:none}.closing-panorama .closing{padding-bottom:60px}}
/* Independent reveals let the long work chapter unfold at the visitor's pace. */
html[data-reveal-ready] [data-reveal-group]{opacity:1;transform:none}
html[data-reveal-ready] [data-reveal]{transition:opacity 650ms var(--ease),transform 850ms var(--ease)}
/* Retain native anchor/history behavior and keep the header steady between pages. */
.header-shell{view-transition-name:site-navigation}
::view-transition-old(root){animation:journey-leave 180ms ease both}
::view-transition-new(root){animation:journey-arrive 480ms var(--ease) both}
::view-transition-group(site-navigation){animation-duration:480ms;animation-timing-function:var(--ease)}
@keyframes journey-leave{to{opacity:0;transform:translateY(-8px)}}
@keyframes journey-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@starting-style{.mobile-nav[open] nav{opacity:0;transform:translateY(-8px)}}
.mobile-nav nav{transition:opacity 240ms var(--ease),transform 320ms var(--ease),display 320ms allow-discrete}
@media(prefers-reduced-motion:reduce){::view-transition-group(site-navigation){animation:none!important}}
html[data-motion=off]::view-transition-group(site-navigation){animation:none!important}