/* One full-screen journey, followed by the original, single works catalog. */
.scroll-journey{position:relative;margin:0;padding:0;background:#d4d5d2;scroll-margin-top:0}
.scroll-stage{position:relative;height:100svh;min-height:380px;width:100%;overflow:hidden;isolation:isolate;background:#d4d5d2}
.journey-film-layer{position:absolute;inset:0;transform-origin:0 0;will-change:transform;pointer-events:none}
#journey-video,.journey-end{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;display:block}
.journey-end{opacity:0}
.boarding-topline{position:absolute;z-index:2;top:max(30px,env(safe-area-inset-top));left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:800;letter-spacing:1px}
.boarding-topline>a:first-child{font-size:11px}.boarding-topline>span{padding:8px 12px;background:#f5f3edc9;border:1px solid #17181726;border-radius:30px;font-weight:500;font-size:9px}
.boarding-skip{border-bottom:1px solid #17181766;padding-bottom:5px;font-size:10px;letter-spacing:0}
.boarding-copy{position:absolute;z-index:2;left:var(--pad);top:18%;max-width:43%;pointer-events:none;opacity:1;transition:opacity .18s}
.boarding-copy>span{display:block;font-size:9px;letter-spacing:1.7px;font-weight:700;margin-bottom:18px}
.boarding-copy h2{font-size:clamp(36px,5.5vw,90px);line-height:1.06;letter-spacing:-.055em;font-weight:900;margin:0 0 22px;text-shadow:0 1px 18px #f5f3ed88}
.boarding-copy h2>span{color:var(--blue)}.boarding-copy>p{font-size:12px;line-height:1.8;max-width:330px;color:#333a37}
.boarding-copy.is-seat{left:auto;right:var(--pad);text-align:right;top:19%}.boarding-copy.is-seat>p{margin-left:auto}
.boarding-copy.is-quiet{top:12%;max-width:65%}.boarding-copy.is-quiet h2{font-size:clamp(24px,3vw,46px);margin-bottom:12px}.boarding-copy.is-quiet>span{margin-bottom:10px}
.boarding-bottom{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:24px;font-size:10px}
.boarding-scroll-note{white-space:nowrap}.boarding-scroll-note b{font-weight:800}.boarding-scroll-note i{font-style:normal;color:#737773;margin:0 8px}.boarding-scroll-note>span{color:#5e625d;margin-left:10px;font-size:9px}
.boarding-track{height:2px;flex:1;background:#17181725;overflow:hidden}.boarding-track>i{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left center}.boarding-bottom>span:last-child{font:10px ui-monospace,Consolas,monospace;white-space:nowrap}
.boarding-loading{position:absolute;z-index:3;left:50%;bottom:80px;transform:translateX(-50%);max-width:80%;padding:9px 14px;border-radius:5px;background:#f5f3eddf;font-size:11px;text-align:center;pointer-events:none}.boarding-loading:empty{display:none}
.journey-retry{position:absolute;left:50%;bottom:120px;z-index:3;transform:translateX(-50%);padding:10px 20px;border-radius:30px;background:var(--yellow);font-size:12px}
.journey-catalog-clip{position:absolute;z-index:4;overflow:hidden;contain:paint;background:var(--paper);opacity:0;visibility:hidden;pointer-events:none;border-radius:4px;transform:translateZ(0);will-change:left,top,width,height}
.journey-catalog-clip>.works{position:absolute;top:0;left:0;transform-origin:0 0;margin:0!important;opacity:1!important;visibility:visible;background:var(--paper)}
.works-home{position:relative;z-index:5;display:flow-root;scroll-margin-top:0}.works-home:empty{pointer-events:none}.works-home>.works{position:relative;margin:0!important;opacity:1!important}
.scroll-enhanced .scroll-journey{height:calc(var(--journey-span) + var(--journey-vh));overflow:visible}
.scroll-enhanced .scroll-stage{position:sticky;top:0;height:var(--journey-vh);min-height:0}
.scroll-enhanced .works-home{margin-top:calc(-1 * var(--journey-vh))}
.scroll-enhanced .journey-catalog-clip{visibility:visible}
.scroll-enhanced #works{scroll-margin-top:0}
@media(max-width:800px){
 .boarding-topline{top:max(22px,env(safe-area-inset-top));gap:12px;font-size:8px}.boarding-topline>a:first-child{font-size:9px;letter-spacing:.4px}.boarding-topline>span{display:none}.boarding-skip{font-size:9px}
 .boarding-copy{top:17%;max-width:72%}.boarding-copy h2{font-size:clamp(36px,9vw,66px);margin-bottom:18px}.boarding-copy>span{font-size:8px;margin-bottom:15px}.boarding-copy>p{font-size:10px;max-width:240px}
 .boarding-copy.is-seat{max-width:72%;top:18%}.boarding-copy.is-quiet{top:12%;max-width:80%}.boarding-copy.is-quiet h2{font-size:28px}.boarding-copy.is-quiet>p{font-size:10px}
 .boarding-bottom{bottom:max(28px,env(safe-area-inset-bottom));gap:15px;font-size:9px}.boarding-scroll-note>span{display:none}.boarding-bottom>span:last-child{font-size:9px}
 .boarding-loading{font-size:10px;bottom:72px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
 .scroll-enhanced .scroll-journey{height:calc(var(--journey-span) + var(--journey-vh));padding:0}.scroll-enhanced .scroll-stage{position:sticky;height:var(--journey-vh)}
 .boarding-copy{transition:none}
}