/* The route: descend, follow the path, enter, explore, leave a light on. */
html[data-motion="full"] .journey-book{height:980svh;position:relative}
html[data-motion="full"] .journey-stage{position:sticky;top:0;height:100svh;overflow:clip;isolation:isolate;background:#0b110e}
html[data-motion="full"] .journey-stage>.storybook,
html[data-motion="full"] .journey-stage>.cabin-book,
html[data-motion="full"] .journey-stage>.contact{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;visibility:hidden}
html[data-motion="full"] .journey-stage>.is-current{visibility:visible}
html[data-motion="full"] .journey-stage .story-stage{position:absolute;inset:0;height:100%;overflow:clip}
html[data-motion="full"] .cabin-book:before{display:none}
html[data-motion="full"] .contact{padding-top:clamp(50px,11svh,125px);padding-bottom:36px;gap:18px;background:#090c0b;will-change:opacity}
html[data-motion="full"] .contact-copy h2{font-size:clamp(48px,5.3vw,84px)}
.path-media{transform-origin:66% 50%}
.lantern-art{transform-origin:73% 47%;will-change:transform}
.contact-copy,.footer-line{will-change:opacity}
@media(max-aspect-ratio:1/1){.lantern-art img{object-position:var(--portrait-lantern-position,80% center)}}
.workshop-copy{top:28%;max-width:660px}
.hub-scroll-note{margin-top:19px;font:italic 12px/1.6 Georgia,serif;color:#bfbc9e}
html[data-motion="reduced"] .journey-stage>.contact{visibility:visible!important;transform:none!important}
html[data-motion="reduced"] .contact-copy,html[data-motion="reduced"] .footer-line{opacity:1!important}
html[data-motion="reduced"] .lantern-art{transform:none!important}
@media(max-width:699px){
 .workshop-copy{top:auto;bottom:12%;width:86%}
 .workshop-copy h2{font-size:clamp(39px,6.4svh,52px)}
 .workshop-copy .scene-description{max-width:285px}
 .workshop-beat .scene-shade{background:linear-gradient(0deg,#090d09e8,transparent 85%)}
 html[data-motion="full"] .contact{padding:7svh 7% 70px;gap:12px}
 html[data-motion="full"] .contact h2{font-size:56px}
 html[data-motion="full"] .contact-copy>p:not(.eyebrow){margin-top:18px}
 html[data-motion="full"] .contact-address{margin-top:24px}
 html[data-motion="full"] .lantern-switch{margin-top:20px}
 .hub-scroll-note{font-size:11px;margin-top:16px}
 html[data-motion="reduced"] .workshop-copy{bottom:auto}
}
@media(max-height:680px){
 html[data-motion="full"] .workshop-copy{top:auto;bottom:11%}
 html[data-motion="full"] .workshop-copy h2{font-size:clamp(36px,6.8svh,47px)}
 html[data-motion="full"] .workshop-copy .eyebrow{margin-bottom:18px}
 html[data-motion="full"] .workshop-copy .scene-description{margin-top:22px;font-size:14px}
 html[data-motion="full"] .contact{padding-top:28px;padding-bottom:60px}
 html[data-motion="full"] .contact h2{font-size:46px}
 html[data-motion="full"] .contact .eyebrow{margin-bottom:18px}
 html[data-motion="full"] .contact-copy>p:not(.eyebrow){margin-top:14px}
 html[data-motion="full"] .contact-address{margin-top:18px;gap:6px}
 html[data-motion="full"] .lantern-switch{margin-top:16px;padding:11px 18px}
 html[data-motion="full"] .contact-copy .lantern-status{margin-top:8px!important}
}