/* Loaded only for small screens / handheld devices. */
.stage{height:100svh;height:100dvh}
.poster{object-position:43% center}
header{top:max(22px,env(safe-area-inset-top));left:6%;right:6%}
.header-note{display:none}.brand{font-size:12px;letter-spacing:3px}.project-link{font-size:10px}.project-link span{margin-left:10px}
.intro{top:20%;bottom:auto;left:7%;right:13%}
h1{font-size:clamp(42px,12vw,72px);line-height:1.04;letter-spacing:-1px}
.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.4px;margin-bottom:18px}
.subtitle{font-size:15px;line-height:1.6;max-width:260px}
.explore{font-size:10px;margin-top:24px}.circle{width:42px;height:42px}
.chapter,.finale{left:7%;top:24%;bottom:auto;max-width:78%}
.chapter h2{font-size:clamp(31px,9.3vw,51px);line-height:1.12}.finale h2{font-size:clamp(33px,9vw,53px);line-height:1.12}
.button{padding:17px 18px;font-size:11px;gap:20px;letter-spacing:1px}
.rail{right:5%;top:42%;font-size:12px}.rail-track{height:115px}.rail button:before{inset:-17px}
.scene-footer{left:6%;right:6%;bottom:max(22px,env(safe-area-inset-bottom));font-size:9px;letter-spacing:.8px;gap:12px;align-items:center}.footer-center{display:none}.scene-footer button{min-height:44px;font-size:10px;letter-spacing:.8px}
.load-status{right:6%;bottom:84px;font-size:10px}.retry-load{bottom:108px}
.shade{background:linear-gradient(180deg,rgba(15,20,21,.43),rgba(10,16,18,.18) 25%,transparent 57%,rgba(10,16,18,.48))}
.project-image picture{display:block}.project-image img{aspect-ratio:941 / 1672;object-fit:contain}
.project-description{font-size:19px;line-height:1.65}
@media(max-height:500px) and (orientation:landscape){.intro{top:25%}h1{font-size:36px}.subtitle{font-size:12px}.eyebrow{margin-bottom:8px}.explore{margin-top:12px}.chapter,.finale{top:32%}.chapter h2,.finale h2{font-size:32px}.scene-footer{bottom:10px}.rail{top:35%}.rail-track{height:70px}}

.intro,.chapter,.finale{text-shadow:0 1px 12px #0006}
/* Draw arrows with CSS so iOS cannot substitute color emoji glyphs. */
.project-link span,.button span{display:inline-block;position:relative;width:16px;height:16px;flex:0 0 16px;font-size:0;line-height:0;vertical-align:middle}
.project-link span::before,.button span::before{content:'';position:absolute;left:2px;top:7px;width:14px;height:1.5px;background:currentColor;transform:rotate(-45deg)}
.project-link span::after,.button span::after{content:'';position:absolute;right:1px;top:1px;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
.finale .button,.finale .button:hover,.finale .button:active,.finale .button:visited{background:#fff;color:#172126;border-color:#fff;text-shadow:none;align-items:center;font-size:12px;font-weight:600;letter-spacing:.7px;min-height:48px;box-shadow:0 3px 16px #0002}