@property --sky-top{syntax:"<color>";inherits:true;initial-value:#d6ecff}@property --sky-hz{syntax:"<color>";inherits:true;initial-value:#f4faff}@property --sun{syntax:"<color>";inherits:true;initial-value:#ffd36b}@property --c-mtn{syntax:"<color>";inherits:true;initial-value:#b9cde7}@property --c-snow{syntax:"<color>";inherits:true;initial-value:#fff}@property --c-hill{syntax:"<color>";inherits:true;initial-value:#a1bee0}@property --c-city{syntax:"<color>";inherits:true;initial-value:#7d9fcf}@property --c-near{syntax:"<color>";inherits:true;initial-value:#628ac3}@property --c-tree{syntax:"<color>";inherits:true;initial-value:#3f6ba8}@property --night{syntax:"<number>";inherits:true;initial-value:0}.-O0PpW_section{padding-bottom:0}.-O0PpW_scroller{--top:var(--header-h);height:calc(var(--n) * 55svh + 100svh);margin-top:clamp(8px,2vw,24px);position:relative}.-O0PpW_sticky{top:var(--top);height:calc(100svh - var(--top));position:sticky}.-O0PpW_frame{--p:0;--d:0;--tw:clamp(170px, 19vw, 300px);--rh:clamp(56px, 7.5vh, 76px);--pad:max(var(--gutter), (100% - var(--container)) / 2 + var(--gutter));--run:calc(100% - var(--tw) - var(--pad) * 2 - 60px);--nose:calc(var(--tw) + 12px);--fg:color-mix(in srgb, var(--navy) calc((1 - var(--night)) * 100%), #fff);--fg-2:color-mix(in srgb, var(--text-2) calc((1 - var(--night)) * 100%), #d9dcf2);isolation:isolate;height:100%;color:var(--fg);transition:--sky-top 1.1s var(--ease-out), --sky-hz 1.1s var(--ease-out), --sun 1.1s var(--ease-out), --c-mtn 1.1s var(--ease-out), --c-snow 1.1s var(--ease-out), --c-hill 1.1s var(--ease-out), --c-city 1.1s var(--ease-out), --c-near 1.1s var(--ease-out), --c-tree 1.1s var(--ease-out), --night 1.1s var(--ease-out);grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.-O0PpW_sky{z-index:-2;background:linear-gradient(180deg, var(--sky-top) 0%, color-mix(in srgb, var(--sky-top) 45%, var(--sky-hz)) 48%, var(--sky-hz) 82%);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 clamp(90px,16vh,160px));mask-image:linear-gradient(#0000 0,#000 clamp(90px,16vh,160px))}.-O0PpW_stars{opacity:var(--night);background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 27% 8%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 41% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 56% 12%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 68% 24%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 79% 6%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 88% 34%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 95% 16%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 5% 40%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 34% 46%,#fff 50%,#0000 51%);background-size:640px 320px;animation:4s ease-in-out infinite alternate -O0PpW_twinkle;position:absolute;inset:0 0 35%;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}@keyframes -O0PpW_twinkle{to{opacity:.6}}.-O0PpW_sun{--sun-size:clamp(56px, 6vw, 96px);width:var(--sun-size);aspect-ratio:1;left:calc(6% + var(--p) * 82%);bottom:calc(var(--rh) + 12% + sin(var(--p) * 180deg) * 26%);background:radial-gradient(circle at 38% 36%, color-mix(in srgb, var(--sun) 35%, #fff) 0%, var(--sun) 62%);box-shadow:0 0 0 calc(var(--sun-size) * .16) color-mix(in srgb, var(--sun) 13%, transparent), 0 0 50px 18px color-mix(in srgb, var(--sun) 50%, transparent), 0 0 200px 90px color-mix(in srgb, var(--sun) 26%, transparent);border-radius:50%;position:absolute}.-O0PpW_clouds{height:clamp(110px,18vh,180px);opacity:calc(.8 - var(--night) * .62);translate:calc(var(--p) * -120px) 0;background:url(/sections/timeline/clouds.svg) 0 0/auto 100% repeat-x;animation:90s linear infinite -O0PpW_drift;position:absolute;inset:4% 0 auto}@keyframes -O0PpW_drift{to{background-position-x:-1600px}}.-O0PpW_ui{grid-template-rows:auto minmax(0,1fr);width:100%;min-height:0;display:grid;position:relative}.-O0PpW_topbar{align-items:center;gap:18px;padding-top:clamp(18px,2.4vw,30px);display:flex}.-O0PpW_counter{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-weight:800;display:inline-flex}.-O0PpW_counter b{color:var(--tone);font-size:15px;transition:color .5s}.-O0PpW_counter span{color:var(--muted);font-size:13px}.-O0PpW_bar{background:#0f1e331a;border-radius:3px;flex:1;height:3px;position:relative;overflow:hidden}.-O0PpW_bar span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--tone));transform:scaleX(var(--p));transform-origin:0;position:absolute;inset:0}.-O0PpW_hint{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:calc(1 - var(--p) * 12);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.-O0PpW_hint svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;animation:1.4s ease-in-out infinite -O0PpW_nudge}@keyframes -O0PpW_nudge{50%{translate:0 3px}}.-O0PpW_stage{min-height:0;display:grid;position:relative}.-O0PpW_panel{transition:opacity .55s var(--ease-out), translate .7s var(--ease-out), filter .55s var(--ease-out);grid-area:1/1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(20px,4vw,64px);padding-block:clamp(10px,2vh,24px) clamp(80px,14vh,150px);display:grid}.-O0PpW_panel[data-state=past]{opacity:0;filter:blur(6px);pointer-events:none;translate:0 -28px}.-O0PpW_panel[data-state=next]{opacity:0;filter:blur(6px);pointer-events:none;translate:0 28px}.-O0PpW_yearCol{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.-O0PpW_year{letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#0000;background:linear-gradient(160deg, var(--tone) 10%, color-mix(in srgb, var(--tone) calc(40% + var(--night) * 45%), color-mix(in srgb, var(--navy) calc((1 - var(--night)) * 100%), #fff)) 95%);filter:drop-shadow(0 12px 30px color-mix(in srgb, var(--tone) 22%, transparent));-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,9.5vw,156px);font-weight:800;line-height:.9}.-O0PpW_panel:last-child .-O0PpW_year{font-size:clamp(52px,7vw,116px)}.-O0PpW_place{background:color-mix(in srgb, var(--tone) 10%, #ffffffd1);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 22%, #fff), 0 8px 20px -12px color-mix(in srgb, var(--tone) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:color-mix(in srgb, var(--tone) 80%, var(--navy));letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;font-size:13px;font-weight:800;display:inline-flex}.-O0PpW_placeIcon{background:var(--tone);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.-O0PpW_placeIcon svg{width:16px;height:16px}.-O0PpW_copy{max-width:580px}.-O0PpW_title{letter-spacing:-.03em;text-wrap:balance;color:var(--fg);margin:0;font-size:clamp(24px,2.6vw,40px);font-weight:800;line-height:1.12}.-O0PpW_text{color:var(--fg-2);text-wrap:pretty;margin:14px 0 0;font-size:clamp(15px,1.15vw,17.5px);line-height:1.65}.-O0PpW_points{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.-O0PpW_points li{background:color-mix(in srgb, #fff calc(70% - var(--night) * 58%), transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, #fff calc(80% - var(--night) * 62%), transparent), 0 10px 24px -18px #0f1e3380;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fg);border-radius:12px;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.-O0PpW_points svg{fill:none;width:14px;height:14px;stroke:var(--tone);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.-O0PpW_points li[data-soon]{box-shadow:none;border:1.5px dashed color-mix(in srgb, var(--tone) 70%, #fff);color:color-mix(in srgb, var(--tone) 45%, #fff);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.-O0PpW_scene{height:var(--rh);position:relative}.-O0PpW_layer{--x:200px;--img:none;--size:auto 100%;z-index:-1;width:calc(100% + var(--x));height:var(--h);background:var(--c);-webkit-mask:var(--img) repeat-x left bottom / var(--size);-webkit-mask:var(--img) repeat-x left bottom / var(--size);mask:var(--img) repeat-x left bottom / var(--size);transform:translateX(calc(var(--p) * var(--x) * -1));pointer-events:none;position:absolute;bottom:calc(100% - 1px);left:0}.-O0PpW_layer[data-l=mtn],.-O0PpW_layer[data-l=snow]{--img:url(/sections/timeline/mountains.svg);--h:clamp(130px, 30vh, 300px);--x:70px;--c:var(--c-mtn);-webkit-mask-image:var(--img), linear-gradient(180deg, #000 55%, transparent 100%);-webkit-mask-image:var(--img), linear-gradient(180deg, #000 55%, transparent 100%);mask-image:var(--img), linear-gradient(180deg, #000 55%, transparent 100%);-webkit-mask-composite:source-in;bottom:calc(100% + clamp(30px,6vh,64px));-webkit-mask-size:auto 100%,100% 100%;mask-size:auto 100%,100% 100%;-webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.-O0PpW_layer[data-l=snow]{--img:url(/sections/timeline/snow.svg);--c:var(--c-snow);opacity:.92}.-O0PpW_layer[data-l=hill]{--img:url(/sections/timeline/hills-far.svg);--h:clamp(70px, 14vh, 140px);--x:150px;--c:var(--c-hill);bottom:calc(100% + clamp(14px,3vh,30px))}.-O0PpW_layer[data-l=city],.-O0PpW_layer[data-l=niche],.-O0PpW_layer[data-l=win]{--img:url(/sections/timeline/city.svg);--h:clamp(90px, 19vh, 190px);--x:260px;--c:var(--c-city);bottom:calc(100% + clamp(10px,2.2vh,22px))}.-O0PpW_layer[data-l=niche]{--img:url(/sections/timeline/niches.svg);--c:color-mix(in srgb, var(--c-city) 72%, var(--sky-hz))}.-O0PpW_layer[data-l=win]{--img:url(/sections/timeline/windows.svg);--c:#ffd27a;opacity:var(--night);filter:drop-shadow(0 0 3px #ffc45ccc)}.-O0PpW_layer[data-l=near]{--img:url(/sections/timeline/hills-near.svg);--h:clamp(34px, 7vh, 70px);--x:420px;--c:var(--c-near)}.-O0PpW_layer[data-l=tree]{--img:url(/sections/timeline/trees.svg);--h:clamp(64px, 13vh, 130px);--x:640px;--c:var(--c-tree)}.-O0PpW_road{background:linear-gradient(#ffffff0d,#0000 30%),linear-gradient(#2a3445 0%,#1a2130 100%);position:absolute;inset:0}.-O0PpW_road:before{content:"";background:repeating-linear-gradient(90deg,#e9eef5 0 36px,#c9d3e0 36px 72px);height:4px;position:absolute;inset:0 0 auto}.-O0PpW_lane{height:3px;translate:calc(var(--p) * -600px) 0;background:repeating-linear-gradient(90deg,#fffc 0 30px,#0000 30px 60px);width:calc(100% + 600px);position:absolute;top:52%;left:0;right:0}.-O0PpW_done{z-index:1;height:4px;width:calc(var(--pad) + var(--d) * var(--run) + var(--nose));background:linear-gradient(90deg, var(--brand-700), var(--brand) 60%, #4da3ff);box-shadow:0 0 14px color-mix(in srgb, var(--brand) 70%, transparent);position:absolute;top:0;left:0}.-O0PpW_stops{margin:0;padding:0;list-style:none;position:absolute;inset:0}.-O0PpW_stop{bottom:100%;left:calc(var(--pad) + var(--i) / (var(--n) - 1) * var(--run) + var(--nose));position:absolute}.-O0PpW_stop button{font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;translate:-50%}.-O0PpW_flag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;color:var(--muted);transition:background .4s var(--ease-out), color .4s var(--ease-out), box-shadow .4s var(--ease-out), scale .5s var(--ease-spring);background:#ffffffeb;border-radius:8px;padding:5px 11px;font-size:12.5px;font-weight:800;box-shadow:inset 0 0 0 1px #0f1e3314,0 8px 18px -8px #0f1e3380}.-O0PpW_pole{background:#ffffffbf;width:2px;height:clamp(18px,3vh,30px);transition:background .4s;box-shadow:0 0 0 1px #0f1e331f}.-O0PpW_stop[data-state=past] .-O0PpW_flag{color:var(--tone);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tone) 45%, #fff)}.-O0PpW_stop[data-state=past] .-O0PpW_pole,.-O0PpW_stop[data-state=on] .-O0PpW_pole{background:var(--tone)}.-O0PpW_stop[data-state=on] .-O0PpW_flag{background:var(--tone);color:#fff;box-shadow:0 10px 22px -6px var(--tone);scale:1.12}.-O0PpW_stop button:hover .-O0PpW_flag{scale:1.08}.-O0PpW_stop button:focus-visible .-O0PpW_flag{outline:2px solid var(--brand);outline-offset:3px}.-O0PpW_truck{z-index:2;left:calc(var(--pad) + var(--d) * var(--run));width:var(--tw);pointer-events:none;position:absolute;bottom:26%}.-O0PpW_truckBody{margin-bottom:calc(var(--tw) * -.01);position:relative}.-O0PpW_truckBody img{-webkit-user-select:none;user-select:none;width:100%;height:auto;filter:drop-shadow(0 14px 14px #00143259) brightness(calc(1 - var(--night) * .28));display:block}.-O0PpW_livery{white-space:nowrap;width:66%;height:57%;font-size:calc(var(--tw) * .11);letter-spacing:-.04em;color:var(--ink);opacity:calc(1 - var(--night) * .2);justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;top:8.5%;left:5%}.-O0PpW_livery em{color:var(--brand);font-style:normal}.-O0PpW_beam{width:calc(var(--tw) * .9);height:calc(var(--tw) * .2);clip-path:polygon(0 40%,100% 0,100% 100%,0 70%);filter:blur(3px);opacity:var(--night);background:linear-gradient(90deg,#ffecaabf,#0000);position:absolute;bottom:14%;left:96%}.-O0PpW_shadow{filter:blur(4px);z-index:-1;background:#00000073;border-radius:50%;height:8px;position:absolute;bottom:-4px;left:4%;right:2%}.-O0PpW_frame[data-moving] .-O0PpW_truckBody{animation:.28s ease-in-out infinite alternate -O0PpW_bob}@keyframes -O0PpW_bob{to{transform:translateY(-1.5px)}}.-O0PpW_speed{width:calc(var(--tw) * .4);opacity:0;transform-origin:100%;height:52%;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);background:repeating-linear-gradient(#ffffffb3 0 2px,#0000 2px 12px);position:absolute;top:14%;right:100%;transform:scaleX(.3);-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.-O0PpW_frame[data-moving] .-O0PpW_speed{opacity:1;transform:none}@media (max-width:900px){.-O0PpW_panel{grid-template-columns:1fr;align-content:start;gap:14px;padding-top:clamp(16px,4vh,40px)}.-O0PpW_yearCol{flex-flow:wrap;align-items:center}.-O0PpW_year,.-O0PpW_panel:last-child .-O0PpW_year{font-size:clamp(48px,12vw,80px)}}@media (max-width:640px){.-O0PpW_frame{--tw:108px;--rh:50px}.-O0PpW_hint{display:none}.-O0PpW_text{margin-top:10px;font-size:14.5px}.-O0PpW_points{margin-top:14px}.-O0PpW_points li{padding:6px 10px;font-size:12.5px}.-O0PpW_layer[data-l=mtn],.-O0PpW_layer[data-l=snow]{--h:22vh}.-O0PpW_layer[data-l=city],.-O0PpW_layer[data-l=niche],.-O0PpW_layer[data-l=win]{--h:13vh}.-O0PpW_layer[data-l=tree]{--h:9vh}.-O0PpW_flag{border-radius:50%;width:12px;height:12px;padding:0;font-size:0}.-O0PpW_stop[data-state=past] .-O0PpW_flag{background:var(--tone)}.-O0PpW_stop[data-state=on]{z-index:3}.-O0PpW_stop[data-state=on] .-O0PpW_flag{border-radius:8px;width:auto;height:auto;padding:4px 9px;font-size:11.5px;scale:1}.-O0PpW_stop:last-child[data-state=on] button{translate:-80%}.-O0PpW_stop button{padding:6px}}@media (max-height:560px){.-O0PpW_text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.-O0PpW_points{display:none}}@media (prefers-reduced-motion:reduce){.-O0PpW_panel{transition:opacity .2s;filter:none!important;translate:none!important}.-O0PpW_frame{transition:none}.-O0PpW_frame[data-moving] .-O0PpW_truckBody,.-O0PpW_hint svg,.-O0PpW_clouds,.-O0PpW_stars{animation:none}.-O0PpW_speed{display:none}}