.progress{z-index:var(--z-progress);height:18px;position:fixed;inset:0 0 auto}.progress__bar{background:#f1ede61a;height:3px;position:absolute;inset:0 0 auto}.progress__fill{background:var(--copper);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}html[data-mode=static] .progress__bar{display:none}.progress ol{margin:0;padding:0;list-style:none;position:absolute;inset:0}.progress a{top:0;left:var(--at);width:24px;height:18px;margin-left:-12px;text-decoration:none;display:block;position:absolute}.progress li:first-child a{margin-left:0}.progress li:last-child a{margin-left:-24px}.progress__tick{background:#f1ede68c;width:1px;height:7px;position:absolute;top:0;left:50%}.progress a[aria-current=step] .progress__tick{background:var(--bone);width:2px}.progress__name{border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--bone);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background:#0b0c0feb;border-radius:999px;padding:5px 10px;position:absolute;top:14px;left:50%;transform:translate(-50%,-4px)}.progress li:first-child .progress__name{left:0;transform:translate(8px,-4px)}.progress li:last-child .progress__name{left:auto;right:0;transform:translate(-8px,-4px)}@media (hover:hover){.progress:hover .progress__name{opacity:1;transform:translate(-50%)}.progress:hover li:first-child .progress__name{transform:translate(8px)}.progress:hover li:last-child .progress__name{transform:translate(-8px)}.progress a:hover .progress__name{border-color:var(--copper)}}.progress a:focus-visible{outline-offset:-2px}.progress a:focus-visible .progress__name{opacity:1;border-color:var(--copper)}.progress.is-open ol{border:1px solid var(--line-strong);border-radius:var(--radius);width:min(280px,80vw);margin:8px var(--gutter) 0 0;background:#0b0c0ff5;padding:8px;display:grid;inset:3px 0 auto auto}.progress.is-open a{width:auto;height:auto;margin:0;padding:12px;position:static}.progress.is-open .progress__tick{display:none}.progress.is-open .progress__name{opacity:1;background:0 0;border:0;padding:0;font-size:15px;position:static;transform:none}.progress.is-open a[aria-current=step] .progress__name{color:var(--copper)}.scene{position:relative}.stage{position:relative;overflow:hidden}.stage__media{width:100%;height:100%;position:absolute;inset:0}canvas.stage__media,video.stage__media{object-fit:cover;background:var(--night)}.stage__loading{left:var(--gutter);margin:0;position:absolute;bottom:24px}.beat .headline{font-size:clamp(36px,5.2vw + 10px,120px)}html[data-mode=motion] .scene--pinned{height:calc(var(--h) * 1vh)}html[data-mode=motion] .stage{height:100lvh;position:sticky;top:0}html[data-mode=motion] .still{display:none}html[data-mode=motion] .callout-lines{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.callout-lines line{stroke:var(--copper);stroke-width:1.25px}.callout-lines circle{fill:var(--night);stroke:var(--copper);stroke-width:2px}html[data-mode=motion] .scrim{pointer-events:none;background:linear-gradient(90deg,#0b0c0fd1 0%,#0b0c0f73 32%,#0b0c0f00 55%);position:absolute;inset:0}html[data-mode=motion] [data-align=right] .scrim{background:linear-gradient(270deg,#0b0c0fd1 0%,#0b0c0f73 32%,#0b0c0f00 55%)}html[data-mode=motion] .beats{z-index:3;padding:var(--header-h) var(--gutter) 0;pointer-events:none;align-content:center;justify-items:start;margin:0;list-style:none;display:grid;position:absolute;inset:0}html[data-mode=motion] [data-align=right] .beats{justify-items:end}html[data-mode=motion] .beat{opacity:0;will-change:opacity, transform;grid-area:1/1;width:min(44vw,760px)}html[data-mode=motion] .beat .subline{margin-top:20px}@media (width>=768px) and (width<=1199px){html[data-mode=motion] .scrim,html[data-mode=motion] [data-align=right] .scrim{background:linear-gradient(90deg,#0b0c0fd9 0%,#0b0c0f66 38%,#0b0c0f00 60%)}html[data-mode=motion] [data-align=right] .beats{justify-items:start}html[data-mode=motion] .beat{width:min(46vw,520px)}}@media (width<=767px){html[data-mode=motion] .scrim,html[data-mode=motion] [data-align=right] .scrim{background:linear-gradient(#0b0c0f00 54%,#0b0c0fd1 74%,#0b0c0ff5 100%)}html[data-mode=motion] .beats,html[data-mode=motion] [data-align=right] .beats{padding-bottom:calc(28px + env(safe-area-inset-bottom) + (100lvh - 100svh));align-content:end;justify-items:stretch}html[data-mode=motion] .beat{width:100%}html[data-mode=motion] .beat .subline{margin-top:12px}.stage__loading{bottom:auto;top:calc(var(--header-h) + 16px)}}.callout{border:1px solid var(--line-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);background:#0b0c0fb8;max-width:340px;padding:18px 20px}.callout__title{letter-spacing:-.01em;margin:0;font-size:clamp(20px,1vw + 14px,28px);font-weight:500}.callout__body{color:#f1ede6c7;margin:8px 0 0;font-size:16px}html[data-mode=motion] .callouts .beat{width:min(340px,30vw)}@media (width<=1199px){html[data-mode=motion] .callouts .beat{width:min(360px,44vw)}}@media (width<=767px){html[data-mode=motion] .callouts .beat{width:100%;max-width:none}}.beat__stat{font-size:var(--fs-spec);letter-spacing:-.04em;color:var(--bone);margin:0;font-weight:500;line-height:.9}.beat__title{font-size:var(--fs-subline);color:var(--copper);margin:14px 0 0;font-weight:500}.beat--stat .subline{margin-top:6px!important}html[data-mode=motion] .beat--stat{width:min(36vw,560px)}@media (width<=1199px){html[data-mode=motion] .beat--stat{width:min(46vw,520px)}}@media (width<=767px){html[data-mode=motion] .beat--stat{width:100%}}.scene--arrival{min-height:100svh}.arrival{min-height:inherit;padding:var(--header-h) var(--gutter);text-align:center;align-content:center;place-items:center;gap:48px;display:grid}.arrival__mark{letter-spacing:.32em;margin:0;padding-left:.32em;font-size:clamp(64px,14vw,220px);font-weight:500;line-height:1}.arrival__cue{color:#f1ede6b8;justify-items:center;gap:14px;margin:0;display:grid}.arrival__indicator{background:#f1ede633;width:1px;height:44px;position:relative;overflow:hidden}.arrival__indicator i{background:var(--copper);border-radius:2px;width:3px;height:12px;position:absolute;top:0;left:-1px}@media (prefers-reduced-motion:no-preference){html[data-mode=motion] .arrival__mark{animation:arrive 2.2s var(--ease-out) .2s both}html[data-mode=motion] .arrival__cue{animation:1s 1.6s both fade}html[data-mode=motion] .arrival__indicator i{animation:1.8s cubic-bezier(.65,0,.35,1) 2.2s infinite drip}}@keyframes arrive{0%{opacity:0;letter-spacing:.5em;filter:blur(8px)}to{opacity:1;letter-spacing:.32em;filter:blur()}}@keyframes fade{0%{opacity:0}}@keyframes drip{0%{transform:translateY(-14px)}70%,to{transform:translateY(46px)}}.stage--specs{background:radial-gradient(120% 80% at 50% 110%, var(--dusk), var(--night) 60%);align-items:center;display:grid}html[data-mode=static] .stage--specs{padding:clamp(80px,12vw,160px) 0}.specs-title{font-size:clamp(36px,4vw + 12px,88px)}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vh,56px) clamp(24px,4vw,64px);margin:clamp(32px,5vh,64px) 0 0;display:grid}.stat{border-top:1px solid var(--line-strong);padding-top:16px}.stat[data-active=true]{border-top-color:var(--copper)}.stat dd{align-items:baseline;gap:.18em;margin:8px 0 0;display:flex}.stat__num{font-size:var(--fs-spec);letter-spacing:-.045em;font-weight:500;line-height:.9}.stat__unit{color:var(--mute);font-size:clamp(18px,1.6vw + 8px,40px)}.specs-link{color:var(--bone);text-underline-offset:6px;text-decoration-color:var(--copper);margin-top:clamp(28px,4vh,48px);display:inline-block}@media (width>=768px) and (height<=760px){.stat__num{font-size:clamp(48px,7vw,104px)}}@media (width<=767px){.stats{gap:28px 16px}}.stage--colourways{padding:calc(var(--header-h) + 24px) 0 24px;align-content:center;gap:clamp(20px,3vh,40px);display:grid}.cw-title{padding:0 var(--gutter);max-width:18ch;font-size:clamp(32px,2.6vw + 14px,72px)}.cw-viewport{overflow:hidden}.cw-track{padding:0 var(--gutter);will-change:transform;gap:4vw;width:max-content;margin:0;list-style:none;display:flex}.cw{width:min(64vw,160svh - 640px);min-width:360px}.cw img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);background:var(--dusk);width:100%;height:auto}.cw__caption{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;margin-top:16px;display:grid}.cw__caption h3{margin:0;font-size:clamp(20px,1vw + 14px,28px);font-weight:500}.cw__caption p{color:#f1ede6b8;grid-column:2;margin:2px 0 0}.cw__swatch{background:var(--swatch);width:18px;height:18px;box-shadow:0 0 0 1px #f1ede659, inset 0 0 0 3px var(--swatch), inset 0 0 0 4px var(--copper);border-radius:50%}@media (width<=767px){.scene--colourways{height:auto!important}html[data-mode] .stage--colourways{height:auto;padding:96px 0 72px;position:relative}.cw-viewport{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.cw-viewport::-webkit-scrollbar{display:none}.cw-track{gap:14px;transform:none!important}.cw{scroll-snap-align:center;width:84vw;min-width:0}}html[data-mode=static] .cw-viewport{scroll-snap-type:x mandatory;overflow-x:auto}html[data-mode=static] .cw{scroll-snap-align:start;scroll-margin-left:var(--gutter)}.scene--cta{align-items:end;min-height:100svh;display:grid;overflow:hidden}.cta__bg{position:absolute;inset:0}.cta__bg img{object-fit:cover;object-position:62% 50%;opacity:.55;width:100%;height:100%}.scene--cta:after{content:"";background:linear-gradient(0deg, var(--night) 8%, #0b0c0f33 70%);pointer-events:none;position:absolute;inset:0}.cta{z-index:1;padding-bottom:clamp(56px,12vh,140px);position:relative}.cta .subline{margin-top:20px}.cta__price{font-size:var(--fs-subline);color:var(--mute);margin:28px 0 0}.cta__price strong{color:var(--bone);font-weight:500}.cta__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}html[data-mode=static] .stage__media,html[data-mode=static] .stage__loading,html[data-mode=static] .callout-lines,html[data-mode=static] .motion-only{display:none}html[data-mode=static] .scene--pinned .stage:not(.stage--specs):not(.stage--colourways){padding:clamp(72px,10vw,120px) 0 clamp(40px,6vw,80px)}html[data-mode=static] .still img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}html[data-mode=static] .beats{width:min(100% - var(--gutter) * 2, 1360px);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px clamp(24px,4vw,56px);margin:clamp(24px,4vw,48px) auto 0;padding:0;list-style:none;display:grid}html[data-mode=static] .beat .headline{font-size:clamp(28px,2vw + 16px,48px)}html[data-mode=static] .beat .subline{margin-top:12px}html[data-mode=static] .callout{max-width:none}html[data-mode=static] .beat__stat{font-size:clamp(48px,4vw + 24px,96px)}
