@layer components{.co-journey,.co-stage{position:relative}.co-caps{display:contents}.co-cap{position:relative;z-index:3;display:flex;flex-direction:column;gap:var(--space-2xs);inline-size:min(100% - 2 * var(--space-s),36rem);margin-inline:auto;padding:var(--space-m);border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-m)}.co-cap p{max-inline-size:var(--measure)}.co-cap__title{font-size:var(--step-3)}.co-cap--hero h1{font-size:var(--step-5);letter-spacing:var(--track-display);line-height:1.04}.co-lede{font-size:var(--step-1);color:var(--color-text-muted)}.co-tagline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs)}.co-premium{display:inline-flex;align-items:center;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-body);font-size:var(--step--2);font-weight:700;line-height:1.4;letter-spacing:var(--track-caps);text-transform:uppercase;vertical-align:middle}.co-name{white-space:nowrap}.co-status{font-size:var(--step--1);font-weight:600;color:var(--color-text-muted)}.co-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-s);margin-block-start:var(--space-2xs)}.co-cue{display:none}.co-note{font-size:var(--step--1);color:var(--color-text-muted)}.co-svg{display:block;inline-size:100%;block-size:100%;overflow:visible}.co-art{position:relative;overflow:clip;container-type:size}.co-art--map{background:var(--color-plate-top);--map-size: max(100cqw, 100cqh);--map-top: calc(50cqh - var(--map-size) / 2);--map-left: 50%}.co-art--map:before,.co-art--map:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none}.co-art--map:before{background:radial-gradient(ellipse 70% 55% at 22% 12%,var(--color-plate-bloom),transparent 70%)}.co-art--map:after{background:radial-gradient(ellipse 90% 80% at 50% 45%,transparent 55%,var(--color-plate-shadow))}.co-map{position:absolute;inline-size:var(--map-size);aspect-ratio:1;inset-inline-start:var(--map-left);inset-block-start:var(--map-top);translate:-50% 0}.co-map--near{z-index:1}.co-paper{fill:var(--color-plate-top)}.co-sea{fill:var(--color-plate-bottom)}.co-grid{fill:none;stroke:var(--color-text);stroke-opacity:.05;stroke-width:1}.co-scale path{fill:none;stroke:var(--color-text);stroke-opacity:.3;stroke-width:1.5}.co-scale .co-scale__bar{fill:var(--color-text);fill-opacity:.3;stroke:none}.co-shore{fill:none;stroke:var(--color-text);stroke-opacity:.2;stroke-width:2}.co-shore--2{stroke-opacity:.12;stroke-dasharray:6 9}.co-shore--3{stroke-opacity:.08;stroke-dasharray:3 12}.co-waves{fill:none;stroke:var(--color-text);stroke-opacity:.22;stroke-width:2;stroke-linecap:round}.co-contours{fill:none;stroke:var(--color-text);stroke-opacity:.11;stroke-width:1.5}.co-river{fill:none;stroke:var(--color-plate-bottom);stroke-width:12;stroke-linecap:round}.co-roads{fill:none;stroke:var(--color-text);stroke-opacity:.18;stroke-width:2;stroke-linecap:round;stroke-dasharray:16 7}.co-hatch{fill:none;stroke:var(--color-text);stroke-opacity:.16;stroke-width:1.5;stroke-linecap:round}.co-stop-lit{stop-color:var(--color-plate-bloom);stop-opacity:.7}.co-stop-clear{stop-color:var(--color-plate-bloom);stop-opacity:0}.co-stop-shade{stop-color:var(--color-plate-shadow);stop-opacity:.28}.co-folds{pointer-events:none}.co-mark path,.co-mark circle{fill:none;stroke:var(--color-text);stroke-opacity:.5;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.co-mark circle{fill:var(--color-accent);stroke:none}.co-mark .co-mark__base,.co-mark .co-mark__spark{stroke-opacity:.32}.co-compass circle{fill:none;stroke:var(--color-text);stroke-opacity:.22;stroke-width:1.5}.co-compass__star{fill:var(--color-text);fill-opacity:.26}.co-plan{fill:none;stroke:var(--color-text);stroke-opacity:.32;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:.1 13}.co-leg{fill:none;stroke:var(--color-accent);stroke-width:6;stroke-linecap:round}.co-origin{fill:var(--color-text)}.co-pin__dot{fill:var(--color-surface);stroke:var(--color-accent);stroke-width:5}.co-pin__halo{fill:var(--color-accent);opacity:.2;transform-box:fill-box;transform-origin:center}.co-marker__dot{fill:var(--color-accent);stroke:var(--color-surface);stroke-width:4}.co-marker__ring{fill:none;stroke:var(--color-accent);stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center}.co-stops{position:absolute;inset:0;margin:0;padding:0;list-style:none}.co-stop{position:absolute;display:inline-flex;align-items:baseline;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--step--1);font-weight:600;line-height:1.3;white-space:nowrap;box-shadow:var(--shadow-s);translate:1.1rem -50%}.co-stop__day{color:var(--color-accent-text);font-size:var(--step--2);letter-spacing:var(--track-caps);text-transform:uppercase}.co-stop--1{inset-inline-start:34%;inset-block-start:30%}.co-stop--2{inset-inline-start:47%;inset-block-start:41%}.co-stop--3{inset-inline-start:59%;inset-block-start:62%;translate:calc(-100% - 1.1rem) -50%}.co-stop--4{inset-inline-start:69%;inset-block-start:76%;translate:calc(-100% - 1.1rem) -50%}.co-defs{position:absolute;inline-size:0;block-size:0;overflow:hidden}.co-puff{position:absolute;z-index:2;inline-size:34cqw;max-inline-size:15rem;aspect-ratio:4 / 3;pointer-events:none}.co-puff--1{inset-inline-start:58cqw;inset-block-start:4cqh}.co-puff--2{inset-inline-start:-4cqw;inset-block-start:40cqh;inline-size:28cqw}.co-puff__top{fill:var(--color-surface)}.co-puff__under{fill:var(--color-surface-alt)}.co-puff__shadow{fill:var(--color-plate-shadow);opacity:.4}.co-puff__rim{fill:var(--color-border)}.co-bank,.co-unfold{display:none}.co-art--case{--case-w: min(78cqw, 38cqh);--case-h: calc(var(--case-w) * 1.44)}.co-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 30% 18%,var(--color-plate-bloom),transparent 70%),linear-gradient(var(--color-plate-top),var(--color-plate-mid) 55%,var(--color-plate-bottom))}.co-backdrop:after{content:"";position:absolute;inset:-10% -30% 10% 30%;background:radial-gradient(closest-side,var(--color-accent),transparent);opacity:0}.co-light{position:absolute;inset:0;overflow:clip;pointer-events:none}.co-light__pane{position:absolute;inset-block:-10% -10%;inline-size:11cqw;background:linear-gradient(transparent,var(--color-plate-bloom) 25%,var(--color-plate-bloom) 60%,transparent);transform:skew(-16deg)}.co-light__pane:nth-child(1){inset-inline-start:8cqw}.co-light__pane:nth-child(2){inset-inline-start:21cqw}.co-light__pane:nth-child(3){inset-inline-start:34cqw;inline-size:6cqw}.co-case-pos{position:absolute;inset-inline:0;inset-block-start:50%;display:flex;justify-content:center;translate:0 -50%}.co-case{position:relative;inline-size:var(--case-w);block-size:var(--case-h);perspective:1800px}.co-case__base,.co-case__lid{position:absolute;inset-inline:0;block-size:50%}.co-case__base{inset-block-end:0;border:.55rem solid var(--color-accent);border-radius:var(--radius-l);background:radial-gradient(ellipse 80% 70% at 25% 15%,var(--color-plate-bloom),transparent 70%),radial-gradient(circle at 50% 50%,var(--color-plate-shadow) 0 1px,transparent 1.5px) 0 0 / 1.6rem 1.6rem,linear-gradient(var(--color-surface-alt),var(--color-plate-top));box-shadow:0 .45rem 0 var(--color-accent-text),0 2.2rem 3.2rem -1rem var(--color-plate-shadow),inset 0 .4rem 1rem var(--color-plate-shadow)}.co-case__base:before{content:"";position:absolute;inset:22% 0;border-block:.5rem solid var(--color-plate-bottom);opacity:.9}.co-case__base:after{content:"";position:absolute;inset:.2rem;border:2px dashed var(--color-accent-text);border-radius:var(--radius-m);opacity:.45}.co-case__lid{inset-block-start:0;transform-origin:50% 100%;transform-style:preserve-3d}.co-case__face{position:absolute;inset:0;border-radius:var(--radius-l);backface-visibility:hidden;-webkit-backface-visibility:hidden}.co-case__face--in{border:.55rem solid var(--color-accent);background:linear-gradient(transparent 52%,var(--color-accent-text) 52% calc(52% + 2px),transparent calc(52% + 2px)),linear-gradient(transparent 52%,var(--color-plate-mid) 52%),radial-gradient(ellipse 80% 70% at 25% 20%,var(--color-plate-bloom),transparent 70%),var(--color-surface-alt);box-shadow:0 .45rem 0 var(--color-accent-text),0 2.2rem 3.2rem -1rem var(--color-plate-shadow),inset 0 .4rem 1rem var(--color-plate-shadow)}.co-case__face--out{display:grid;place-items:center;transform:rotateX(180deg);color:var(--color-surface);background:linear-gradient(135deg,var(--color-plate-bloom),transparent 40%),linear-gradient(90deg,transparent 0 22%,var(--color-plate-shadow) 22% 23%,var(--color-plate-bloom) 23% 24%,transparent 24% 76%,var(--color-plate-shadow) 76% 77%,var(--color-plate-bloom) 77% 78%,transparent 78%),var(--color-accent);box-shadow:0 .45rem 0 var(--color-accent-text),0 2.2rem 3.2rem -1rem var(--color-plate-shadow)}.co-case__face--out{visibility:hidden}.co-case__mark{inline-size:18%;block-size:auto}.co-case__mark circle{fill:none;stroke:currentColor;stroke-width:3.5}.co-case__mark .co-case__mark-dot{fill:var(--color-on-accent);stroke:none}.co-case__face--out:after{content:"";position:absolute;inset-inline:34%;inset-block-end:-.9rem;block-size:.9rem;border:.35rem solid var(--color-accent-text);border-block-start:0;border-radius:0 0 var(--radius-m) var(--radius-m)}.co-pack{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--space-xs);margin:0;padding:var(--space-s);list-style:none}.co-piece{position:relative;z-index:2;min-inline-size:0;min-block-size:0}.co-case__veil{display:none}.co-piece picture,.co-look__piece picture{display:block;inline-size:100%;block-size:100%}.co-piece img{inline-size:100%;block-size:100%;object-fit:contain;filter:drop-shadow(0 var(--space-3xs) var(--space-2xs) var(--color-plate-shadow))}.co-tag{position:absolute;z-index:3;inset-inline-end:-.6rem;inset-block-end:-1.2rem;display:inline-flex;align-items:baseline;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface);color:var(--color-text);font-size:var(--step--1);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-s);rotate:-4deg}.co-tag:before{content:"";align-self:center;inline-size:.55rem;block-size:.55rem;margin-inline-end:var(--space-3xs);border:2px solid var(--color-border);border-radius:50%;background:var(--color-plate-top)}.co-tag__label{color:var(--color-text-muted);font-size:var(--step--2);font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase}.co-tag__count{font-family:var(--font-display);font-size:var(--step-1)}.co-tag__of{color:var(--color-text-muted)}.co-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--space-m);inline-size:min(100% - 2 * var(--space-s),var(--container-max));margin:0 auto;padding:0;list-style:none}.co-card{min-inline-size:0}.co-card:nth-child(1){--rest-r: -1.2deg}.co-card:nth-child(2){--rest-r: .8deg}.co-card:nth-child(3){--rest-r: -.6deg}.co-card:nth-child(4){--rest-r: 1.4deg}.co-card__inner{position:relative;display:flex;flex-direction:column;block-size:100%;border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-m);overflow:clip}.co-scene{block-size:6.75rem;border-block-end:1px solid var(--color-border)}.co-card__body{position:relative;display:flex;flex-direction:column;flex:1;gap:var(--space-2xs);padding:var(--space-s)}.co-stamp{position:absolute;inset-block-start:-1.6rem;inset-inline-end:var(--space-s);display:grid;place-items:center;inline-size:3.1rem;block-size:3.6rem;border-radius:var(--radius-s);background:var(--color-accent);color:var(--color-on-accent);outline:2px dashed var(--color-on-accent);outline-offset:-5px;box-shadow:var(--shadow-s);rotate:4deg}.co-stamp__n{font-family:var(--font-display);font-size:var(--step-2);line-height:1}.co-card__body:before{content:"";position:absolute;inset-block-start:-1.1rem;inset-inline-end:calc(var(--space-s) + 2.2rem);inline-size:3rem;block-size:3rem;border:2px solid var(--color-text);border-radius:50%;opacity:.16}.co-card__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3xs) var(--space-2xs);padding-inline-end:var(--space-xl);font-family:var(--font-body);font-size:var(--step--1);font-weight:600;line-height:1.35}.co-card__day{color:var(--color-accent-text);letter-spacing:var(--track-caps);text-transform:uppercase;font-size:var(--step--2)}.co-card__occ{color:var(--color-text-muted)}.co-card__cover{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:var(--step-2);line-height:1.1;letter-spacing:var(--track-tight)}.co-look{display:flex;align-items:flex-end;gap:var(--space-2xs);block-size:4.6rem;margin:0;margin-block-start:auto;padding:0;list-style:none}.co-look__piece{flex:0 1 5.5rem;min-inline-size:0;block-size:100%}.co-look__piece img{inline-size:100%;block-size:100%;object-fit:contain;filter:drop-shadow(0 1px var(--space-3xs) var(--color-plate-shadow))}.co-card__names{font-size:var(--step--1);color:var(--color-text-muted);line-height:1.4}.co-sky{fill:var(--color-plate-top)}.co-sun{fill:var(--color-accent);fill-opacity:.9}.co-halo{fill:var(--color-accent);fill-opacity:.14}.co-stop-sky{stop-color:var(--color-surface)}.co-stop-haze{stop-color:var(--color-plate-mid)}.co-lit rect{fill:var(--color-surface);fill-opacity:.8}.co-glint--day{stroke-opacity:.55}.co-far{fill:var(--color-text);fill-opacity:.12}.co-near{fill:var(--color-text);fill-opacity:.22}.co-line{stroke:var(--color-text);stroke-opacity:.2;stroke-width:1.5}.co-stop-ink{stop-color:var(--color-on-accent)}.co-stop-glow{stop-color:var(--color-accent)}.co-moon{fill:var(--color-accent)}.co-stars circle{fill:var(--color-accent);fill-opacity:.85}.co-night-far{fill:var(--color-on-accent);fill-opacity:.65}.co-night-near{fill:var(--color-on-accent)}.co-windows rect{fill:var(--color-accent)}.co-horizon-sea{fill:var(--color-on-accent)}.co-glint{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-linecap:round;stroke-opacity:.8}.co-pavilion{fill:var(--color-on-accent);stroke:var(--color-accent);stroke-width:1.5;stroke-opacity:.7}.co-string{fill:none;stroke:var(--color-accent);stroke-width:1;stroke-opacity:.6}.co-bulbs circle{fill:var(--color-accent)}.co-sea-band{fill:var(--color-plate-bottom)}.co-sea-band--2{fill:var(--color-text);fill-opacity:.07}.co-wave-line{fill:none;stroke:var(--color-text);stroke-opacity:.25;stroke-width:1.5;stroke-linecap:round}.co-sail{fill:var(--color-text);fill-opacity:.45}.co-sand{fill:var(--color-plate-mid)}.co-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--space-l) var(--space-m);margin:0;padding:0;list-style:none}.co-step{display:flex;flex-direction:column;gap:var(--space-2xs);padding-block-start:var(--space-s);border-block-start:1px solid var(--color-border)}.co-step__n{font-family:var(--font-display);font-size:var(--step-4);line-height:1;color:var(--color-accent-text)}.co-step__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);font-size:var(--step-2)}.co-status--band{padding-block-start:var(--space-s);border-block-start:1px solid var(--color-border)}.co-world{display:grid;gap:var(--space-m);padding-block:var(--space-l)}.co-world--map{padding-block-start:var(--space-m)}.co-cap--hero{order:-1}.co-art--map{block-size:clamp(24rem,72svh,40rem)}.co-art--case{block-size:clamp(30rem,86svh,44rem)}.co-world--case{padding-block:0}.co-world--days{padding-block-end:var(--space-xl)}@media(min-width:64rem){.co-world{grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:center;column-gap:var(--space-l);inline-size:min(100% - 2 * var(--space-s),var(--container-max));margin-inline:auto}.co-world>.co-art{grid-column:2;grid-row:1 / span 2;border-radius:var(--radius-l)}.co-cap{grid-column:1;inline-size:100%;margin:0}.co-cap--hero{align-self:end}.co-cap--trip,.co-cap--packed{align-self:start}.co-cap--build{align-self:end}.co-art--case{--case-w: min(88cqw, 64cqh * 1.44);--case-h: calc(var(--case-w) / 1.44)}.co-world--days{grid-template-columns:minmax(0,1fr)}.co-world--days .co-cap{inline-size:min(100%,36rem)}.co-cards{inline-size:100%;grid-template-columns:repeat(4,minmax(0,1fr))}}.co-card__inner{rotate:var(--rest-r, 0deg)}@media(min-width:64rem){.co-case__base,.co-case__lid{inset-block:0;block-size:auto;inline-size:50%}.co-case__base{inset-inline:auto 0}.co-case__lid{inset-inline:0 auto;transform-origin:100% 50%}.co-case__face--out{transform:rotateY(180deg)}.co-case__face--out:after{inset-inline:auto -.9rem;inset-block:34%;inline-size:.9rem;block-size:auto;border:.35rem solid var(--color-accent-text);border-inline-start:0;border-radius:0 var(--radius-m) var(--radius-m) 0}.co-case__face--in{background:linear-gradient(90deg,transparent 52%,var(--color-accent-text) 52% calc(52% + 2px),transparent calc(52% + 2px)),linear-gradient(90deg,transparent 52%,var(--color-plate-mid) 52%),radial-gradient(ellipse 80% 70% at 25% 20%,var(--color-plate-bloom),transparent 70%),var(--color-surface-alt)}.co-case__base:before{inset:0 22%;border-block:0;border-inline:.5rem solid var(--color-plate-bottom)}.co-pack{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-flow:column}}.co-piece:nth-child(1){--i: 0;--fx: -46cqw;--fy: -30cqh;--fr: -24deg}.co-piece:nth-child(2){--i: 1;--fx: 44cqw;--fy: -26cqh;--fr: 18deg}.co-piece:nth-child(3){--i: 2;--fx: -52cqw;--fy: 6cqh;--fr: 30deg}.co-piece:nth-child(4){--i: 3;--fx: 50cqw;--fy: 12cqh;--fr: -20deg}.co-piece:nth-child(5){--i: 4;--fx: -40cqw;--fy: 34cqh;--fr: 14deg}.co-piece:nth-child(6){--i: 5;--fx: 42cqw;--fy: 40cqh;--fr: -28deg}.co-piece:nth-child(7){--i: 6;--fx: -48cqw;--fy: -12cqh;--fr: 22deg}.co-piece:nth-child(8){--i: 7;--fx: 52cqw;--fy: -34cqh;--fr: -16deg}.co-piece:nth-child(9){--i: 8;--fx: -44cqw;--fy: 26cqh;--fr: -30deg}.co-piece:nth-child(10){--i: 9;--fx: 46cqw;--fy: 22cqh;--fr: 26deg}.co-piece:nth-child(11){--i: 10;--fx: -36cqw;--fy: -40cqh;--fr: 12deg}.co-piece:nth-child(12){--i: 11;--fx: 38cqw;--fy: 44cqh;--fr: -12deg}.co-card:nth-child(1){--k: 0}.co-card:nth-child(2){--k: 1}.co-card:nth-child(3){--k: 2}.co-card:nth-child(4){--k: 3}@media(prefers-reduced-motion:no-preference){.js .co-journey{block-size:720svh}.js .co-stage{position:sticky;inset-block-start:var(--header-h, var(--nav-h));block-size:calc(100lvh - var(--header-h, var(--nav-h)));overflow-x:clip;container-type:size;--p: var(--progress, 0);--route-a: .035;--route-d: .19;--pack-a: .445;--pack-step: .015;--pack-d: .06;--days-a: .735;--days-step: .06;--days-d: .055;--route-t: clamp(0, (var(--p) - var(--route-a)) / var(--route-d), 1);--route-e: calc(var(--route-t) * var(--route-t) * (3 - 2 * var(--route-t)));--map-out-t: clamp(0, (var(--p) - .2) / .078, 1);--map-out: calc(var(--map-out-t) * var(--map-out-t) * var(--map-out-t));--bank-up-t: clamp(0, (var(--p) - .212) / .06, 1);--bank-up: calc(var(--bank-up-t) * var(--bank-up-t) * (3 - 2 * var(--bank-up-t)));--bank-part-t: clamp(0, (var(--p) - .279) / .062, 1);--bank-part: calc(var(--bank-part-t) * var(--bank-part-t) * (3 - 2 * var(--bank-part-t)));--swap: clamp(0, (var(--p) - .275) * 1000, 1);--case-in-t: clamp(0, (var(--p) - .276) / .07, 1);--case-in: calc(1 - (1 - var(--case-in-t)) * (1 - var(--case-in-t)) * (1 - var(--case-in-t)));--open-t: clamp(0, (var(--p) - .355) / .09, 1);--open: calc(var(--open-t) * var(--open-t) * (3 - 2 * var(--open-t)));--days-in-t: clamp(0, (var(--p) - .68) / .06, 1);--days-in: calc(var(--days-in-t) * var(--days-in-t) * (3 - 2 * var(--days-in-t)));--days-on: clamp(0, (var(--p) - (var(--days-a) + .03)) / .02, 1);--L1: clamp(0, (var(--p) - (var(--days-a) + 1 * var(--days-step))) / var(--days-d), 1);--L2: clamp(0, (var(--p) - (var(--days-a) + 2 * var(--days-step))) / var(--days-d), 1);--L3: clamp(0, (var(--p) - (var(--days-a) + 3 * var(--days-step))) / var(--days-d), 1);--w1: min(var(--days-on), clamp(0, 1 - var(--L1) * 2, 1));--w2: min(clamp(0, var(--L1) * 2 - 1, 1), clamp(0, 1 - var(--L2) * 2, 1));--w3: min(clamp(0, var(--L2) * 2 - 1, 1), clamp(0, 1 - var(--L3) * 2, 1));--w4: clamp(0, var(--L3) * 2 - 1, 1)}.js .co-world{position:absolute;inset:0;display:block;padding:0;margin:0;inline-size:auto}.js .co-art{position:absolute;inset:0;block-size:auto;border-radius:0}.js .co-world--map{z-index:1}.js .co-world--case{z-index:2}.js .co-world--days{z-index:3;pointer-events:none}.js .co-cap{--f: .022;--in: clamp(0, (var(--p) - var(--a)) / var(--f), 1);--out: clamp(0, (var(--b) - var(--p)) / var(--f), 1);position:absolute;inset-inline:0;inset-block-end:0;align-items:center;inline-size:auto;max-inline-size:none;margin:0;padding:var(--space-m);border:0;border-radius:0;background:var(--color-bg);box-shadow:none;opacity:min(var(--in),var(--out));transform:translateY(calc((1 - var(--in)) * 2.5rem - (1 - var(--out)) * 1rem));will-change:transform,opacity}.js .co-cap>*{inline-size:min(100%,36rem)}.js .co-cap{inset-block-end:calc(100lvh - 100svh)}.js .co-cap:after{content:"";position:absolute;inset-inline:0;inset-block-start:100%;block-size:calc(100lvh - 100svh);background:var(--color-bg);pointer-events:none}.js .co-cap:before{content:"";position:absolute;inset-inline:0;inset-block-end:100%;block-size:5rem;background:linear-gradient(transparent,var(--color-bg));pointer-events:none}.js .co-cap:where(.co-caps--case>*,.co-cap--days):before{block-size:2.5rem}.js .co-cap--hero{--a: -1;--b: .085}.js .co-cap--trip{--a: .095;--b: .228}.js .co-cap--build{--a: .33;--b: .44}.js .co-cap--packed{--a: .445;--b: .655}.js .co-cap--days{--a: .66;--b: .735}.js .co-journey:not([data-stage="0"]) .co-cap--hero{visibility:hidden}.js .co-cue{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--color-text-muted);font-size:var(--step--1);font-weight:600}.js .co-cue:after{content:"";inline-size:2.2rem;block-size:2px;border-radius:var(--radius-pill);background:var(--color-accent);transform-origin:0 50%;animation:co-cue 2.2s var(--ease-out) infinite}.js .co-art--map{--map-size: max(100cqw, 90cqh);--map-top: -3cqh}.js .co-world--map{opacity:calc(1 - var(--swap))}.js .co-map{will-change:transform;transform-origin:50% 40%}.js .co-map--far{transform:translate(calc(var(--route-e) * -4cqw),calc(var(--route-e) * -8cqh)) rotate(calc(var(--route-e) * -2deg)) scale(calc(1 + var(--route-e) * .04 + var(--map-out) * .9))}.js .co-map--near{transform:translate(calc(var(--route-e) * -6cqw),calc(var(--route-e) * -13cqh)) rotate(calc(var(--route-e) * -2deg)) scale(calc(1 + var(--route-e) * .06 + var(--map-out) * 1.6))}.js .co-leg{stroke-dasharray:var(--len, 400) var(--len, 400);stroke-dashoffset:calc(var(--len, 400) * (1 - var(--s-e)));--s-t: clamp(0, var(--route-t) * 4 - var(--seg), 1);--s-e: calc(var(--s-t) * var(--s-t) * (3 - 2 * var(--s-t)))}.js .co-leg--1{--seg: 0}.js .co-leg--2{--seg: 1}.js .co-leg--3{--seg: 2}.js .co-leg--4{--seg: 3}.js .co-pin,.js .co-stop{--r: clamp(0, (var(--route-t) * 4 - var(--seg) + .1) / .1, 1)}.js .co-pin--1,.js .co-stop--1{--seg: 1}.js .co-pin--2,.js .co-stop--2{--seg: 2}.js .co-pin--3,.js .co-stop--3{--seg: 3}.js .co-pin--4,.js .co-stop--4{--seg: 4}.js .co-pin__halo{opacity:calc(var(--r) * .22);transform:scale(calc(.3 + var(--r) * .7))}.js .co-mark{--seg: 9;opacity:var(--r);transform-box:fill-box;transform-origin:center}.js .co-mark--1{--seg: 1}.js .co-mark--2{--seg: 2}.js .co-mark--3{--seg: 3}.js .co-mark--4{--seg: 4}.js .co-mark{--r: clamp(0, (var(--route-t) * 4 - var(--seg) + .02) / .14, 1)}.js .co-stop{opacity:calc(var(--r) * (1 - var(--map-out) * 3));transform:translateY(calc((1 - var(--r)) * .6rem)) scale(calc(.92 + var(--r) * .08))}.js .co-marker{opacity:0}.js [data-co-ready] .co-marker{opacity:1}.js .co-marker__ring{animation:co-pulse 2.4s var(--ease-out) infinite}.js .co-waves{animation:co-drift 7s ease-in-out infinite alternate}.js .co-puff{will-change:transform}.js .co-puff--1{transform:translate(calc(var(--p) * 40cqw),calc(var(--route-e) * -6cqh)) scale(calc(1 + var(--map-out) * 2))}.js .co-puff--2{transform:translate(calc(var(--p) * 30cqw),calc(var(--route-e) * -24cqh)) scale(calc(1 + var(--map-out) * 2.4))}.js .co-puff svg{animation:co-float 9s ease-in-out infinite alternate}.js .co-puff--2 svg{animation-delay:-4s}.js .co-bank{display:block;position:absolute;inset:0;z-index:4;overflow:clip;pointer-events:none;opacity:calc(clamp(0,var(--bank-up-t) * 40,1)*(1 - clamp(0,(var(--bank-part-t) - .8) * 5,1)))}.js .co-bank__half{position:absolute;inset-block-end:0;inline-size:max(66cqw,140cqh);aspect-ratio:1;will-change:transform}.js .co-bank__half--l{inset-inline-end:42cqw;transform:translate(calc(var(--bank-part) * -70cqw),calc((1 - var(--bank-up)) * 104%)) scale(calc(1 + var(--bank-part) * .5));transform-origin:100% 50%}.js .co-bank__half--r{--up: clamp(0, (var(--bank-up-t) - .12) / .88, 1);inset-inline-start:42cqw;transform:translate(calc(var(--bank-part) * 70cqw),calc((1 - var(--up) * var(--up) * (3 - 2 * var(--up))) * 104%)) scale(calc(1 + var(--bank-part) * .5));transform-origin:0 50%}.js .co-bank__half--r svg{transform:scaleX(-1)}.co-bank__under{fill:var(--color-surface-alt)}.co-bank__top{fill:var(--color-surface)}.co-bank__rim{fill:var(--color-border)}.js .co-world--case{opacity:var(--swap)}.js .co-world--case .co-art{opacity:1}.js .co-art--case{--cap-room: 17rem;--case-w: max(11rem, min(78cqw, 36cqh, (100cqh - (100lvh - 100svh) - 4cqh - var(--cap-room)) / 1.44))}.js .co-backdrop{transform:scale(calc(1.15 - var(--case-in) * .15))}.js .co-light{transform:translate(calc(var(--p) * -24cqw));opacity:calc(.6 + var(--open) * .4);will-change:transform}.js .co-backdrop:after{opacity:calc(var(--days-in) * .16);transform:translate(calc(var(--days-in) * -20% - var(--L3) * 20%))}.js .co-case-pos{inset-block-start:4cqh;translate:0 0;transform-origin:50% 0;transform:translateY(calc(var(--days-in) * -2cqh)) scale(calc(1 - var(--days-in) * .16));will-change:transform}.js .co-case-rise{transform:translateY(calc((1 - var(--case-in)) * 22cqh)) scale(calc(.9 + var(--case-in) * .1));will-change:transform}.js .co-case{transform:translateY(calc((1 - var(--open)) * -25%))}.js .co-case__lid{transform:rotateX(calc((var(--open) - 1) * 180deg));will-change:transform}.js .co-case__face--out{visibility:visible;opacity:clamp(0,(.5 - var(--open)) * 1000,1)}.js .co-case__face--in{opacity:clamp(0,(var(--open) - .5) * 1000,1)}.js .co-piece{--t: clamp(0, (var(--p) - (var(--pack-a) + var(--i) * var(--pack-step))) / var(--pack-d), 1);--e: calc(var(--t) * var(--t) * (3 - 2 * var(--t)));--k: calc(1 - var(--e));--h1: 0;--h2: 0;--h3: 0;--h4: 0;--hl: max(var(--h1), var(--h2), var(--h3), var(--h4));opacity:clamp(0,var(--t) * 5,1);transform:translate(calc(var(--k) * var(--fx)),calc(var(--k) * var(--fy) - 4 * var(--e) * var(--k) * 10cqh - var(--hl) * var(--days-on) * 5%)) rotate(calc(var(--k) * var(--fr))) scale(calc(1 + var(--k) * .2 - var(--e) * var(--k) * .32 + var(--hl) * var(--days-on) * .12));will-change:transform,opacity}.js .co-in-d1{--h1: var(--w1)}.js .co-in-d2{--h2: var(--w2)}.js .co-in-d3{--h3: var(--w3)}.js .co-in-d4{--h4: var(--w4)}.js .co-tag{opacity:var(--open)}.js .co-case__veil{display:block;position:absolute;inset:.55rem;z-index:3;border-radius:var(--radius-m);background:var(--color-surface-alt);opacity:calc(var(--days-on) * .78);pointer-events:none}.js [data-co-day="1"] .co-in-d1,.js [data-co-day="2"] .co-in-d2,.js [data-co-day="3"] .co-in-d3,.js [data-co-day="4"] .co-in-d4{z-index:4}.js .co-cards{position:absolute;z-index:4;inset-inline:var(--space-s);inset-block-end:calc(100lvh - 100svh + var(--space-s));grid-template-columns:minmax(0,1fr);inline-size:auto;max-inline-size:26rem;margin:0 auto}.js .co-card{--t: clamp(0, (var(--p) - (var(--days-a) + var(--k) * var(--days-step))) / var(--days-d), 1);--e: calc(var(--t) * var(--t) * (3 - 2 * var(--t)));grid-area:1 / 1;opacity:clamp(0,var(--t) * 12,1);transform:translate(calc((1 - var(--e)) * 75cqw),calc((1 - var(--e)) * 12cqh - var(--above, 0) * .8rem)) rotate(calc((1 - var(--e)) * 16deg)) scale(calc(1 - var(--above, 0) * .035));transform-origin:50% 0;will-change:transform,opacity}.js .co-card--1{--above: calc(var(--L1) + var(--L2) + var(--L3))}.js .co-card--2{--above: calc(var(--L2) + var(--L3))}.js .co-card--3{--above: var(--L3)}.js .co-card--4{--above: 0}.js .co-bulbs circle{animation:co-twinkle 2.6s ease-in-out infinite alternate}.js .co-bulbs circle:nth-child(2n){animation-delay:-1.3s}.js .co-bulbs circle:nth-child(3n){animation-delay:-.6s}.js .co-stars circle{animation:co-twinkle 3.4s ease-in-out infinite alternate}.js .co-stars circle:nth-child(2n){animation-delay:-1.7s}.js .co-journey:not([data-scrollworld-active]) :is(.co-marker__ring,.co-waves,.co-cue,.co-bulbs circle,.co-stars circle,.co-puff svg),.js .co-journey:not([data-scrollworld-active]) .co-cue:after{animation-play-state:paused}.js .co-journey--joined{block-size:800svh;background:var(--color-surface-alt)}.js .co-journey--joined .co-stage{--lead: .1;--p: max(0, (var(--progress, 0) - var(--lead)) / (1 - var(--lead)));--u: clamp(0, var(--progress, 0) / var(--lead), 1);--uh-t: clamp(0, var(--u) / .5, 1);--uh: calc(var(--uh-t) * var(--uh-t) * (3 - 2 * var(--uh-t)));--uv-t: clamp(0, (var(--u) - .22) / .58, 1);--uv: calc(var(--uv-t) * var(--uv-t) * (3 - 2 * var(--uv-t)));--fold-w: min(62cqw, 17rem);--fold-h: calc(var(--fold-w) * 1.32);--fold-cx: 50cqw;--fold-cy: 40cqh;--in-l: calc((var(--fold-cx) - var(--fold-w) / 2) * (1 - var(--uh)));--in-r: calc((100cqw - var(--fold-cx) - var(--fold-w) / 2) * (1 - var(--uh)));--in-t: calc((var(--fold-cy) - var(--fold-h) / 2) * (1 - var(--uv)));--in-b: calc((100cqh - var(--fold-cy) - var(--fold-h) / 2) * (1 - var(--uv)));--fold-turn: calc((1 - var(--uh)) * -4deg)}.js .co-journey--joined[data-stage="0"] .co-art--map{clip-path:inset(var(--in-t) var(--in-r) var(--in-b) var(--in-l) round calc((1 - var(--u)) * .9rem));transform-origin:var(--fold-cx) var(--fold-cy);rotate:var(--fold-turn)}.js .co-journey--joined[data-stage="0"] .co-world--map:before{content:"";position:absolute;inset:var(--in-t) var(--in-r) var(--in-b) var(--in-l);border-radius:var(--radius-m);background:var(--color-plate-top);box-shadow:var(--shadow-m);transform-origin:calc(var(--fold-cx) - var(--in-l)) calc(var(--fold-cy) - var(--in-t));rotate:var(--fold-turn);opacity:calc(1 - var(--uv))}.js .co-journey--joined[data-stage="0"] .co-unfold{display:block;position:absolute;z-index:3;inset:var(--in-t) var(--in-r) var(--in-b) var(--in-l);pointer-events:none}.co-unfold__crease{position:absolute;inset:0}.co-unfold__crease--v{background:linear-gradient(90deg,var(--color-plate-shadow) 0 1px,transparent 1px) 0 0 / 25% 100%,linear-gradient(90deg,var(--color-plate-bloom),transparent 45%,transparent 55%,var(--color-plate-shadow)) 0 0 / 25% 100%,linear-gradient(90deg,transparent 50%,var(--color-plate-shadow) 50%) 0 0 / 50% 100%;opacity:calc((1 - var(--uh)) * .8)}.co-unfold__crease--h{background:linear-gradient(transparent calc(50% - 1px),var(--color-plate-shadow) calc(50% - 1px) 50%,transparent 50%),linear-gradient(var(--color-plate-bloom),transparent 30%,transparent 44%,var(--color-plate-shadow) 50%,transparent 56%);opacity:calc((1 - var(--uv)) * .7)}.js .co-journey--joined .co-cap--hero{--in: clamp(0, (var(--u) - .5) / .3, 1)}.js .co-journey--joined:not([data-stage="0"]) .co-cap--hero{visibility:visible}@media(min-width:64rem){.js .co-stage{--cap-x: max(var(--space-l), calc((100cqw - var(--container-max)) / 2))}.js .co-cap{--rail: min(27rem, 30cqw);inset-inline:0 auto;inset-block:0;align-self:stretch;justify-self:stretch;align-items:flex-end;justify-content:center;inline-size:calc(var(--cap-x) + var(--rail) + 2 * var(--space-xl));padding:var(--space-xl);transform:translate(calc((1 - var(--in)) * -1.5rem + (1 - var(--out)) * -.75rem))}.js .co-cap>*{inline-size:var(--rail);max-inline-size:var(--rail)}.js .co-cap:before{inset-inline:100% auto;inset-block:0;inline-size:9cqw;block-size:auto;background:linear-gradient(90deg,var(--color-bg),transparent)}.js .co-cap--hero{--rail: min(34rem, 36cqw)}.js .co-cap--hero h1{font-size:var(--step-6)}.js .co-cap--days{--b: 2;inset-block:auto 0;justify-content:flex-start;padding-block-start:var(--space-l)}.js .co-cap--days:before{inset-inline:0;inset-block:auto 100%;inline-size:auto;block-size:6rem;background:linear-gradient(transparent,var(--color-bg))}.js .co-cap--days:after{content:"";position:absolute;inset-inline-start:100%;inset-block:-6rem 0;inline-size:8cqw;block-size:auto;background:radial-gradient(farthest-side at 0 100%,var(--color-bg),transparent) 0 0 / 100% 6rem no-repeat,linear-gradient(90deg,var(--color-bg),transparent) 0 6rem / 100% calc(100% - 6rem) no-repeat;pointer-events:none}.js .co-art--map{--map-size: max(72cqw, 142cqh);--map-left: 72%;--map-top: calc(50cqh - var(--map-size) * .44)}.js .co-journey--joined .co-stage{--fold-w: min(24cqw, 20rem);--fold-cx: 66cqw;--fold-cy: 50cqh}.js .co-art--case{--case-w: min(42cqw, 66cqh * 1.44)}.js .co-case-pos{inset-inline:49cqw 0;inset-block-start:50%;translate:0 -50%;transform-origin:50% 50%;transform:translate(calc(var(--days-in) * -49cqw),calc(var(--days-in) * -25cqh)) scale(calc(1 - var(--days-in) * .44))}.js .co-case-rise{transform:translateY(calc((1 - var(--case-in)) * 24cqh)) scale(calc(.9 + var(--case-in) * .1))}.js .co-case{transform:translate(calc((1 - var(--open)) * -25%))}.js .co-case__lid{transform:rotateY(calc((1 - var(--open)) * 180deg))}.js .co-cards{inset-inline:47cqw var(--space-l);inset-block:50% auto;translate:0 -50%;grid-template-columns:repeat(2,minmax(0,1fr));max-inline-size:52rem;margin:0;gap:var(--space-m)}.js .co-card{grid-area:auto;transform:translate(calc((1 - var(--e)) * 40cqw),calc((1 - var(--e)) * 30cqh)) rotate(calc(var(--rest-r) + (1 - var(--e)) * 14deg))}.js .co-card__inner{rotate:0deg}}}@keyframes co-pulse{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}@keyframes co-drift{0%{transform:translate(-10px)}to{transform:translate(10px)}}@keyframes co-float{0%{transform:translate(-1.5%)}to{transform:translate(1.5%,-3%)}}@keyframes co-twinkle{0%{opacity:1}to{opacity:.35}}@keyframes co-cue{0%{transform:scaleX(0);opacity:1}70%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}}