.journey{isolation:isolate;--column:27rem;--column-start:max(var(--gutter), calc((100vw - var(--frame)) / 2 + var(--gutter)));position:relative}.world{z-index:0;background:var(--color-ground);height:100svh;position:sticky;top:0;overflow:hidden}.world__plates,.world__gl,.world__plate,.world__plate img{width:100%;height:100%;position:absolute;inset:0}.world__plate img{object-fit:cover;display:block}.world__plate+.world__plate{opacity:0}.world__gl canvas{opacity:0;width:100%;height:100%;transition:opacity .52s;display:block}.world--live .world__gl canvas{opacity:1}.world--live .world__plates{visibility:hidden;transition:visibility 0s .6s}.world:after{content:"";pointer-events:none;background:linear-gradient(90deg, #f4efe729 0, #f4efe700 calc(var(--column-start) + var(--column) + 6rem)), linear-gradient(180deg, #f4efe766 0, #f4efe700 6rem);position:absolute;inset:0}.world__controls{z-index:2;top:clamp(92px,12svh,116px);right:var(--gutter);max-width:min(26rem, calc(100vw - 2 * var(--gutter)));justify-items:end;gap:10px;display:grid;position:absolute}.world__toggle,.world__retry{min-height:40px;color:var(--color-ink);font:.8rem / 1.2 var(--font-mono);letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:#fcf8f1c2;border:1px solid #fff9;border-radius:999px;padding:.45em .9em;box-shadow:0 8px 24px -14px #3c281473}.world__toggle:hover,.world__retry:hover{border-color:var(--color-accent)}.world__status{-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);text-align:right;background:#fcf8f1cc;border:1px solid #fff9;border-radius:12px;margin:0;padding:12px 14px;font-size:.9rem}.world__caption,.piece__caption{text-align:end;margin:0;font-size:.72rem}.stage-rail{z-index:3;height:0;position:sticky;top:0}.stage-rail ol{top:50vh;right:var(--gutter);gap:6px;margin:0;padding:0;list-style:none;display:grid;position:absolute;transform:translateY(-50%)}.stage-rail a{min-height:32px;color:var(--color-ink-soft);font:.72rem / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 8px #fbf9f5f2;justify-content:flex-end;align-items:center;gap:10px;text-decoration:none;display:flex}.stage-rail a:after{content:"";width:18px;height:1px;transition:width .32s var(--ease-seat), background-color .32s ease;background:currentColor}.stage-rail a:hover,.stage-rail a[aria-current]{color:var(--color-accent)}.stage-rail a[aria-current]:after{width:40px}.journey__stages{z-index:1;pointer-events:none;margin-top:-100svh;position:relative}.stage-text{box-sizing:border-box;min-height:150svh;padding-inline:var(--column-start) var(--gutter);flex-direction:column;justify-content:center;padding-block:18svh;display:flex}.stage-text>*{max-width:var(--column);pointer-events:auto}.stage-body{box-sizing:border-box;-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:linear-gradient(160deg,#fcf8f1b8,#f2ebe0a8);border:1px solid #ffffff9e;border-radius:18px;padding:26px 28px 12px;box-shadow:0 30px 60px -30px #28190c73,inset 0 1px #ffffffd9}.stage-body p{color:var(--color-ink-soft)}.stage-text__title{font-size:clamp(1.7rem,2.6vw,2.35rem)}#stage-arrival{min-height:calc(100svh - 2rem);padding-block:7rem 4svh}#stage-dry-fit{justify-content:flex-start;min-height:250svh;padding-block:34svh 30svh}#stage-dry-fit .spec-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#fcf8f1b8;border-color:#ffffff9e;border-radius:16px;margin-top:78svh;box-shadow:0 24px 50px -30px #28190c73}.stage-plate{display:none}.hero-title{font-size:clamp(2.5rem,min(5.4vw,7.2svh),5.25rem);position:relative}@media (prefers-reduced-motion:no-preference){.hero-title{animation:kerf-reveal 1.5s var(--ease-seat) .2s both}.hero-title:after{content:"";background:linear-gradient(180deg, transparent, var(--color-accent) 20%, #fff3d6 50%, var(--color-accent) 80%, transparent);opacity:0;width:2px;animation:kerf-blade 1.5s var(--ease-seat) .2s both;pointer-events:none;position:absolute;top:-.1em;bottom:-.1em;left:0;box-shadow:0 0 14px 2px #f2b86ab3}}@keyframes kerf-reveal{0%{clip-path:inset(-.2em 100% -.2em 0)}to{clip-path:inset(-.2em 0)}}@keyframes kerf-blade{0%{opacity:1;left:0}88%{opacity:1}to{opacity:0;left:100%}}@media (aspect-ratio<=5/6){.world:after{background:linear-gradient(#f4efe773 0,#f4efe700 6rem)}.stage-text{min-height:118svh;padding:0 var(--gutter) 9svh;justify-content:flex-end}.stage-text>*{max-width:34rem}.stage-body{border-radius:14px;padding:16px 18px 6px}#stage-arrival{min-height:calc(100svh - 3.25rem);padding-bottom:4svh}#stage-arrival .stage-body{background:linear-gradient(160deg,#fcf8f1a8,#f2ebe099)}#stage-dry-fit{min-height:190svh;padding:58svh var(--gutter) 9svh;justify-content:flex-start}#stage-dry-fit .spec-card{margin-top:55svh}#stage-finished{padding-bottom:38svh}.stage-body .hero-title{font-size:2.3rem}.stage-body .lead{font-size:1.05rem}.stage-text__title{font-size:1.45rem}.stage-body p{font-size:.95rem;line-height:1.5}.stage-rail ol{top:calc(4.2rem + env(safe-area-inset-top));gap:2px;display:flex;left:50%;right:auto;transform:translate(-50%)}.stage-rail a{min-height:28px;padding-inline:6px;font-size:0}.stage-rail a:after{width:22px;height:2px}.stage-rail a[aria-current]:after{width:34px}.world__controls{top:calc(6.4rem + env(safe-area-inset-top));right:var(--gutter);left:var(--gutter);justify-items:center;margin-inline:auto}.world__caption,.piece__caption{text-align:center;justify-self:center}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html:not(.no-js) .stage-body,html:not(.no-js) #stage-dry-fit .spec-card{animation:linear both stage-leave;animation-timeline:view();animation-range:exit -7rem exit 0%}}@media (prefers-reduced-motion:no-preference) and (aspect-ratio<=5/6){html:not(.no-js) .stage-body,html:not(.no-js) #stage-dry-fit .spec-card{animation-range:exit -12rem exit -3.5rem}}}@keyframes stage-leave{0%{opacity:1;translate:0}to{opacity:0;translate:0 -1.25rem}}html.no-js .world{display:none}html.no-js .journey__stages{pointer-events:auto;margin-top:0}html.no-js .stage-text{justify-content:center;min-height:100svh;padding-block:7rem 10svh;position:relative}html.no-js #stage-dry-fit{min-height:200svh;padding-block:30svh 20svh}html.no-js #stage-dry-fit .spec-card{margin-top:48svh}html.no-js .stage-plate{z-index:-1;max-width:none;margin:0;display:block;position:absolute;inset:0;overflow:hidden}html.no-js .stage-plate+.stage-plate{top:50%}html.no-js .stage-plate:has(+.stage-plate){bottom:50%}html.no-js .stage-plate img{object-fit:cover;width:100%;height:100%;display:block}html.no-js .stage-plate:after{content:"";background:linear-gradient(90deg,#f4efe7b3 0,#f4efe759 34rem,#f4efe700 50rem);position:absolute;inset:0}html.no-js .stage-rail{height:auto;position:static}html.no-js .stage-rail ol{padding:6.5rem var(--gutter) 0;flex-wrap:wrap;gap:4px 18px;display:flex;position:static;transform:none}@media (prefers-reduced-motion:reduce){.world{display:none}.journey__stages{pointer-events:auto;margin-top:0}.stage-text,#stage-arrival{justify-content:center;min-height:100svh;padding-block:7rem 10svh;position:relative}#stage-dry-fit{min-height:200svh;padding-block:30svh 20svh}#stage-dry-fit .spec-card{margin-top:48svh}.stage-plate{z-index:-1;max-width:none;margin:0;display:block;position:absolute;inset:0;overflow:hidden}.stage-plate+.stage-plate{top:50%}.stage-plate:has(+.stage-plate){bottom:50%}.stage-plate img{object-fit:cover;width:100%;height:100%;display:block}.stage-plate:after{content:"";background:linear-gradient(90deg,#f4efe7b3 0,#f4efe759 34rem,#f4efe700 50rem);position:absolute;inset:0}.stage-rail{height:auto;position:static}.stage-rail ol{padding:6.5rem var(--gutter) 0;flex-wrap:wrap;gap:4px 18px;display:flex;position:static;transform:none}.stage-rail a{font-size:.72rem}}@media (prefers-reduced-motion:reduce) and (aspect-ratio<=5/6){.stage-plate:after{background:linear-gradient(0deg,#f4efe7c7 0,#f4efe766 45%,#f4efe700 65%)}.stage-text,#stage-arrival{justify-content:flex-end;padding-block:7rem 8svh}}.handoff{z-index:2;background:linear-gradient(180deg, #f4efe700 0, #f4efe7e0 18svh, var(--color-paper) 30svh);margin-top:-32svh;padding-top:26svh;position:relative}@media (aspect-ratio<=5/6){html.no-js .stage-plate:after{background:linear-gradient(0deg,#f4efe7c7 0,#f4efe766 45%,#f4efe700 65%)}html.no-js .stage-text{justify-content:flex-end;padding-block:7rem 8svh}}.piece{isolation:isolate;position:relative}.piece--scroll{height:200svh}.piece__stage{background:var(--color-ground);height:100svh;position:sticky;top:0;overflow:hidden}.piece--orbit .piece__stage,.piece--hand .piece__stage{height:max(600px,100svh - 2rem);position:relative}.piece__plate,.piece__plate img,.piece__gl,.piece__gl canvas{width:100%;height:100%;position:absolute;inset:0}.piece__plate img{object-fit:cover;display:block}.piece__gl canvas{opacity:0;transition:opacity .52s;display:block}.piece__stage--live .piece__gl canvas{opacity:1}.piece__stage--live .piece__plate{visibility:hidden;transition:visibility 0s .6s}.piece__stage:after{content:"";pointer-events:none;background:linear-gradient(#f4efe766 0,#f4efe700 6rem);position:absolute;inset:0}.piece__head{z-index:2;top:clamp(92px,12svh,116px);left:max(var(--gutter), calc((100vw - var(--frame)) / 2 + var(--gutter)));box-sizing:border-box;max-width:30rem;padding:22px 26px 8px;position:absolute}.piece__head h1{max-width:12ch;font-size:clamp(2.1rem,3.6vw,3.4rem)}.piece__head .lead{font-size:1.05rem}.piece__controls{z-index:2;right:var(--gutter);bottom:calc(var(--gutter) + 1.6rem);max-width:min(26rem, calc(100vw - 2 * var(--gutter)));justify-items:end;gap:10px;display:grid;position:absolute}.piece__hand{border-radius:14px;gap:6px;min-width:15rem;padding:12px 16px 10px;display:grid}.piece__hand .label{margin:0 0 4px}.piece__hand label{gap:2px;font-size:.85rem;display:grid}.piece__hand input[type=range]{width:100%;accent-color:var(--color-accent)}.piece__hand .micro{margin:4px 0 0;font-size:.78rem}@media (aspect-ratio<=5/6){.piece__head{top:calc(5.2rem + env(safe-area-inset-top));right:var(--gutter);left:var(--gutter);border-radius:12px;max-width:none;padding:12px 16px 2px}.piece__head h1{max-width:none;font-size:1.6rem}.piece__head .lead{display:none}.piece__head .btn{min-height:38px;font-size:.85rem}.piece__controls{right:var(--gutter);left:var(--gutter);bottom:calc(var(--gutter) + 2.6rem);justify-items:stretch;max-width:none}}html.no-js .piece--scroll{height:auto}html.no-js .piece__stage{height:min(72svh,680px);position:relative}@media (prefers-reduced-motion:reduce){.piece--scroll{height:auto}.piece__stage,.piece--orbit .piece__stage,.piece--hand .piece__stage{height:min(72svh,680px);position:relative}}