.orbit{--turn:0deg;left:50%;top:var(--cy);width:0;height:0;rotate:var(--turn);transition:rotate 1.6s cubic-bezier(.6,0,.3,1);position:absolute}.skyball{--s:1;left:calc(var(--s) * var(--r) * cos(var(--a)));top:calc(var(--s) * var(--r) * sin(var(--a)));width:var(--ball);height:var(--ball);margin:calc(var(--ball) / -2);cursor:pointer;pointer-events:auto;rotate:calc(var(--turn) * -1);border:0;border-radius:50%;padding:0;transition:rotate 1.6s cubic-bezier(.6,0,.3,1),scale .2s;position:absolute}.skyball:hover{scale:1.06}.skyball:focus-visible{outline-offset:6px}.sunball{background:radial-gradient(circle at 42% 38%,#fff0c4,#ffcf70 55%,#f6a93f);box-shadow:0 0 30px 8px #ffc46099,0 0 110px 44px #ffd69657}.moonball{--s:-1;background:radial-gradient(circle at 38% 34%,#f4f7f9,#dbe5ec 70%,#c4d2dd);box-shadow:0 0 30px 6px #cfdeea52,0 0 100px 34px #9ebbda29}.moonball svg{fill:#b9c9d6;opacity:.55;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.orbit,.skyball{transition:none}}.sec-lede{max-width:30em;color:var(--text-2);margin-top:22px;font-size:18px;line-height:1.45}.hero{--h:clamp(720px, 100dvh, 1120px);--u:min(100vw / 60, var(--h) * .0112);--sky-r:min(44vw, 640px);--sky-a:-28deg;--focus:var(--ink);height:var(--h);background:var(--ark) url(/_site/x/hero-lake-B6qT3GJN.webp) center bottom / cover no-repeat;color:var(--on-ark);text-align:center;flex-direction:column;align-items:center;transition:color 1.2s;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:0;background:url(/_site/x/hero-lake-night-DXrlr8GA.webp) bottom/cover no-repeat;transition:opacity 1.4s;position:absolute;inset:0}:root[data-sky=night] .hero{--focus:var(--ark);color:#fff}:root[data-sky=night] .hero:before{opacity:1}.sky{--hz:calc(var(--h) - max(62.5vw, var(--h)) * .5);--cy:calc(var(--hz) + 60px);--r:var(--sky-r);--a:var(--sky-a);--ball:clamp(56px, 6.6vw, 96px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--hz) - 30px), transparent calc(var(--hz) + 34px));mask-image:linear-gradient(to bottom, #000 calc(var(--hz) - 30px), transparent calc(var(--hz) + 34px));position:absolute;inset:0;overflow:hidden}:root[data-sky=night] .orbit{--turn:180deg}:root[data-sky=night] .sunball,:root[data-sky=day] .moonball{pointer-events:none}.glint{top:calc(var(--h) - max(62.5vw, var(--h)) * .235);left:calc(50% + var(--sky-r) * cos(var(--sky-a)));width:130px;height:calc(max(62.5vw, var(--h)) * .17);filter:blur(14px);opacity:.55;background:linear-gradient(#fff4e099,#0000);border-radius:50%;margin-left:-65px;transition:opacity 1.4s;position:absolute}:root[data-sky=night] .glint{background:linear-gradient(#cfdeea80,#0000)}.hero-copy{z-index:3;padding:calc(var(--bar) + clamp(24px, 5.5vh, 64px)) var(--gutter) 0;flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.hero h1{text-wrap:balance;font-size:clamp(42px,min(5.5vw,10vh),92px)}.lede{margin-top:14px;font-size:clamp(17px,1.5vw,20px);line-height:1.35}.hero-go{--water:#9ebbda;z-index:3;width:min(860px,100%);padding:8px var(--gutter);background:radial-gradient(ellipse closest-side, var(--water) 70%, transparent);position:absolute;bottom:clamp(6px,1.4vh,16px);left:50%;transform:translate(-50%)}:root[data-sky=night] .hero-go{--water:#10202e}.hero .launch{text-align:left;margin-top:0}.demo{margin-top:10px;font-size:14px;line-height:1.35}.demo a{text-underline-offset:3px;font-weight:700}.demo.no{font-weight:700}.hero .sea{color:#0f1f1b;height:calc(max(62.5vw, var(--h)) * .235);transition:color 1.4s;-webkit-mask-image:linear-gradient(#0000,#00000080 30%,#000 62%);mask-image:linear-gradient(#0000,#00000080 30%,#000 62%)}.boat{z-index:2;width:calc(var(--u) * 60);aspect-ratio:1000/322;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform;position:absolute;top:0;left:0}.boat.held{cursor:grabbing}.sail-go{z-index:3;right:var(--edge);min-height:var(--h-small);color:var(--ink);background:var(--ark);border-radius:var(--r-control);font:inherit;cursor:pointer;border:1px solid #0f1f1b73;padding:0 20px;font-size:15px;font-weight:600;transition:background-color .14s,border-color .14s;position:absolute;bottom:clamp(20px,3.4vh,36px)}.sail-go:hover{border-color:var(--ink)}.sail-go[hidden]{display:none}:root[data-sky=night] .sail-go{color:#fff;background:#10202e;border-color:#ffffff52}:root[data-sky=night] .sail-go:hover{border-color:#fff}:root[data-sky=night] .hero .sea{color:#8fa8bf}.hull{--a:#1b3530;--b:#0a1714;--rail:#2c4a44;z-index:2;width:100%;display:block;position:relative;overflow:visible;-webkit-mask-image:linear-gradient(#000 84%,#0000 100%);mask-image:linear-gradient(#000 84%,#0000 100%)}:root[data-sky=night] .hull{--a:#33566a;--b:#16293a;--rail:#4a7088}.hull-a{stop-color:var(--a)}.hull-b{stop-color:var(--b)}.hull-rail{fill:var(--rail)}.hull-planks path{fill:none;stroke:#edf0ee14;stroke-width:2px}.hull-stripe{fill:var(--ark);opacity:.7}.hull-mirror{width:100%;fill:var(--ink);filter:blur(calc(var(--u) * .5));opacity:.3;position:absolute;top:64%;left:0;overflow:visible;scale:1 -1;-webkit-mask-image:linear-gradient(#0000 38%,#000 90%);mask-image:linear-gradient(#0000 38%,#000 90%)}:root[data-sky=night] .hull-mirror{fill:#33566a;opacity:.4}.cargo{z-index:1;clip-path:polygon(-100% -400%,200% -400%,200% 9.3%,98.6% 9.3%,96.8% 15.9%,94.9% 21.6%,92.9% 26.3%,90.7% 30.3%,88.3% 33.6%,85.8% 36.2%,83.1% 38.3%,80.2% 39.8%,77.2% 40.9%,74% 41.6%,26% 41.6%,22.8% 40.9%,19.8% 39.8%,16.9% 38.3%,14.2% 36.2%,11.7% 33.6%,9.3% 30.3%,7.1% 26.3%,5.1% 21.6%,3.2% 15.9%,1.4% 9.3%,-100% 9.3%);position:absolute;inset:0}.sitecard{--x:0;--y:0;--r:0;--lift:0;width:calc(var(--u) * 17.5);height:calc(var(--u) * 24);margin-left:calc(var(--u) * -8.75);background:var(--bg);color:var(--fg);font-size:calc(var(--u) * 1.5);text-align:left;transform-origin:50% 100%;transform:translate(calc(var(--x) * var(--u)), calc((var(--y) + var(--lift)) * var(--u) * -1)) rotate(calc(var(--r) * 1deg));transition:transform .9s var(--ease);border-radius:1em;flex-direction:column;line-height:1.2;display:flex;position:absolute;bottom:26%;left:50%;overflow:hidden;box-shadow:0 .1em .3em #0f1f1b24,0 1em 2.4em #0f1f1b2e}.sitecard header{background:color-mix(in srgb, var(--fg) 8%, transparent);font-family:var(--font-mono);white-space:nowrap;flex:none;align-items:center;gap:.55em;padding:.75em .95em;font-size:.62em;font-stretch:87%;display:flex;overflow:hidden}.sitecard header i{background:#2f8a5a;border-radius:50%;flex:none;width:.72em;height:.72em}.sitecard.waiting header i{background:var(--ac);animation:1s ease-in-out infinite breathe}.sitecard header span{text-overflow:ellipsis;overflow:hidden}.sitecard .pic{flex:0 0 40%;min-height:0;overflow:hidden}.sitecard .pic svg{width:100%;height:100%;display:block}.sitecard .body{flex-direction:column;flex:1;gap:.5em;min-height:0;padding:.75em .9em .85em;display:flex}.sitecard b{overflow-wrap:anywhere;font-family:var(--font-display);letter-spacing:-.03em;font-size:1.16em;font-weight:800;line-height:1.04}.sitecard ul{margin:0;padding:0;font-size:.7em;list-style:none}.sitecard li{border-top:1px solid color-mix(in srgb, var(--fg) 14%, transparent);justify-content:space-between;gap:1em;padding:.34em 0;display:flex}.sitecard li span:last-child{white-space:nowrap;font-weight:600}.sitecard em{background:var(--ac);color:var(--bg);border-radius:.55em;align-self:flex-start;padding:.45em .8em;font-size:.7em;font-style:normal;font-weight:600}.hull-state{z-index:3;color:var(--pale);font-family:var(--font-body);font-size:calc(var(--u) * 3);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.45em;display:inline-flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.hull-state .dot{background:#8fcf9f;width:.5em;height:.5em}.hull-state .dot.building{background:var(--ark)}.sea{width:100%;height:40%;position:absolute;bottom:0;left:0;right:0}.launch{background:var(--paper);border-radius:999px;align-items:center;gap:8px;margin-top:24px;padding:7px 7px 7px 22px;display:inline-flex;box-shadow:0 20px 44px -24px #0f1f1bbf}.launch:has(input:focus){outline:2px solid var(--focus);outline-offset:3px}.launch-name{color:#56645f;max-width:min(58vw,340px);font-family:var(--font-mono);align-items:baseline;font-size:17px;font-stretch:87%;display:inline-flex;overflow:hidden}.launch input{min-width:2ch;color:var(--ink);border:0;border-bottom:2px solid var(--ink);font:inherit;background:0 0;flex:none;padding:0;font-weight:600}.launch input:focus{outline:none}.launch input::placeholder{color:#77847f;opacity:1}.launch input:placeholder-shown{border-bottom:2px dashed #77847f}.launch button{min-height:var(--h-control);color:var(--pale);background:var(--ink);border-radius:var(--r-control);font:inherit;white-space:nowrap;cursor:pointer;border:0;padding:0 22px;font-size:16px;font-weight:600;transition:background-color .14s}.launch button:hover:not(:disabled){background:#24322e}.launch button:disabled{opacity:.55}.ship{--u:280px;--rail:44px;padding:var(--sec-y) 0 calc(var(--sec-y) * .8);overflow:hidden}.ship-head{max-width:var(--col);padding-inline:var(--gutter);grid-template-columns:max-content minmax(0,30em);justify-content:space-between;align-items:end;gap:22px clamp(40px,5vw,72px);margin:0 auto;display:grid}.ship h2 em{display:block}.ship h2,.rope-sec h2,.deck-sec h2,.night h2{font-size:clamp(42px,5.6vw,78px)}.ship-head .sec-lede{margin:0}.line{height:330px;margin-top:clamp(20px,3vw,36px);position:relative}.rail{z-index:2;height:var(--rail);padding:0 var(--edge);background:var(--text);color:var(--bg);justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex;position:absolute;top:190px;left:0;right:0;overflow:hidden}.rail code{font-size:13.5px}.rail>*{background:var(--text);padding:0 12px;position:relative}.rail>:first-child{margin-left:-12px}.rail>:last-child{align-items:center;gap:8px;margin-right:-12px;display:inline-flex}.rail .dot{background:var(--bg)}.rail:before{content:"";opacity:.6;background:radial-gradient(circle,currentColor 2px,#0000 2.6px) 0/36px 8px repeat-x;animation:1.2s linear infinite visits;position:absolute;inset:0}@keyframes visits{to{background-position-x:36px}}.line-view{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--edge));mask-image:linear-gradient(to right, transparent, #000 var(--edge));position:absolute;inset:0;overflow:hidden}.line-view:active{cursor:grabbing}.track{--at:0;--from:54vw;--pulled:0px;width:0;transform:translateX(calc(var(--from) - var(--u) * var(--at) + var(--pulled)));transition:transform .8s var(--ease);position:absolute;top:0;bottom:0;left:0}.track.held{transition:none}.push{--left:1;left:calc(var(--u) * var(--i));top:calc(190px + var(--rail) / 2 - var(--u) / 2);width:var(--u);aspect-ratio:2;position:absolute}.push svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.push path{fill:none;stroke:var(--building);stroke-width:12px;stroke-dasharray:1;stroke-dashoffset:var(--left);transition:stroke-dashoffset .9s cubic-bezier(.45,0,.3,1),stroke .3s}.push.done path{stroke:var(--line-strong)}.push.fail path{stroke:var(--failed)}.push-end{background:var(--failed);opacity:0;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;transition:opacity .2s .5s;position:absolute}.push.fail .push-end{opacity:1}.push-tag{width:max-content;max-width:calc(var(--u) * 1.2);font-size:14px;line-height:1.3;display:grid;position:absolute;bottom:calc(100% - 3px);left:34%}.push-tag b{align-items:center;gap:7px;font-weight:600;display:inline-flex}.push-tag .dot.live{background:var(--live)}.push.done .push-tag{opacity:0}.ver{left:calc(var(--u) * var(--i));top:calc(190px + var(--rail) + 14px);width:calc(var(--u) - 24px);border-left:2px solid var(--line-strong);justify-items:start;padding-left:12px;font-size:14px;line-height:1.4;display:grid;position:absolute}.ver code{color:var(--muted)}.ver span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.ver em{align-items:center;gap:7px;font-style:normal;font-weight:600;display:none}.ver em .dot{background:var(--live)}.ver button{color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ver button:hover{color:var(--text)}.ver.now{border-left-color:var(--text)}.ver.now em{display:inline-flex}.ver.now button{display:none}.ship-do{max-width:var(--col);padding-inline:var(--gutter);flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 auto;display:flex}.ship-do button{min-height:var(--h-control);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-control);font:inherit;cursor:pointer;background:0 0;padding:0 22px;font-weight:600}.ship-do>button:first-child{color:var(--on-solid);background:var(--solid);border-color:var(--solid)}.ship-do button:hover:not(:disabled){border-color:var(--text)}.ship-do button:disabled{opacity:.5;cursor:default}.ship-note{color:var(--text-2);margin-left:10px;font-size:15.5px}.ship-nav{gap:4px;margin-left:auto;display:flex}.ship-do .ship-nav button{min-height:38px;color:var(--text-2);text-underline-offset:4px;border:0;padding:0 12px;font-size:15px;text-decoration:underline}.ship-do .ship-nav button:disabled{opacity:.4;text-decoration:none}.ship-log{max-width:var(--col);padding-inline:var(--gutter);color:var(--text-2);font-family:var(--font-mono);margin:14px auto 0;font-size:12.5px;font-stretch:87%;line-height:1.7}.ship-log[hidden]{display:none}.ship-log b{color:var(--failed);font-weight:500;display:block}.ways-box{max-width:var(--col);padding-inline:var(--gutter);margin:clamp(44px,5vw,64px) auto 0}.ways-lead{font-weight:600}.ways{border-top:1px solid var(--line-strong);grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px;margin-top:12px;padding-top:14px;font-size:15.5px;display:grid}.ways dt{font-weight:600}.ways dd{color:var(--text-2);margin-top:2px}.rope-sec{max-width:var(--col);padding:calc(var(--sec-y) / 2) var(--gutter) var(--sec-y);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,5vw,72px);margin:0 auto;display:grid}.soft{color:var(--text);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;font-weight:600;text-decoration:underline}.dbs{border-top:1px solid var(--line);margin-top:34px;padding-top:18px}.dbs p{max-width:30em;color:var(--text-2);font-size:15.5px}.dbs ul{font-family:var(--font-body);letter-spacing:-.02em;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px;margin:14px 0 0;padding:0;font-size:17px;font-weight:600;list-style:none;display:grid}.dbs li span{color:var(--muted);font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:0;margin-left:3px;font-size:14px;font-weight:500}.board{background-color:var(--face);background-image:radial-gradient(var(--line-strong) 1.1px, transparent 1.5px);border:1px solid var(--line);border-radius:var(--r-surface);background-position:11px 11px;background-size:22px 22px;position:relative}.board-head{z-index:1;color:var(--muted);pointer-events:none;align-items:baseline;gap:10px;font-size:14px;display:flex;position:absolute;top:16px;left:22px}.board-head b{color:var(--text);font-family:var(--font-body);letter-spacing:-.02em;font-size:18px;font-weight:600}.ropes{touch-action:pan-y;height:480px;position:relative}.rope-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rope{fill:none;stroke:var(--text);stroke-width:3px;stroke-linecap:round}.rope.flow{stroke:var(--ark);stroke-width:4px;stroke-dasharray:3 24;animation:1s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-27px}}.node{background:var(--nc);border-radius:var(--r-inner);width:min(220px,50% - 20px);color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;padding:16px 18px;transition:box-shadow .16s;position:absolute;top:0;left:0;box-shadow:0 20px 36px -24px #0f1f1b99}.node.held{z-index:3;cursor:grabbing;box-shadow:0 30px 50px -24px #0f1f1bbf}.node h3{font-family:var(--font-body);letter-spacing:-.03em;font-size:24px;font-weight:600}.node small{opacity:.75;font-size:13px;display:block}.node-state{align-items:center;gap:8px;margin-top:12px;font-size:14.5px;font-weight:600;display:flex}.n-ark{--nc:var(--ark)}.n-clay{--nc:var(--clay)}.n-sage{--nc:var(--sage)}.node-var{opacity:0;max-height:0;transition:max-height .3s var(--ease), opacity .3s, margin .3s;font-size:12px;display:block;overflow:hidden}.node-var.in{opacity:1;max-height:24px;margin-top:8px}.pull{background:var(--text);border:4px solid var(--face);cursor:crosshair;touch-action:none;border-radius:50%;width:22px;height:22px;margin-left:-11px;animation:1.8s ease-in-out infinite tug;position:absolute;bottom:-11px;left:50%}.pull:before{content:"";border-radius:50%;position:absolute;inset:-14px}.linked .pull{cursor:default;animation:none}@keyframes tug{50%{transform:translateY(5px)scale(1.2)}}.packet{z-index:2;background:var(--solid);color:var(--on-solid);font-family:var(--font-mono);white-space:nowrap;border-radius:8px;padding:3px 9px;font-size:11.5px;font-stretch:87%;position:absolute;top:0;left:0}.night{--n:.67;--a:.33;--h:.58;--focus:var(--ink);background:color-mix(in srgb, var(--ink) calc(var(--n) * 100%), var(--ark));color:var(--ink);position:relative;overflow:hidden}.night.dark{--focus:var(--ark);color:var(--pale)}.stars{opacity:calc((var(--n) - .35) * 1.5);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 42%,#000 58%);mask-image:linear-gradient(90deg,#0000 42%,#000 58%)}.stars i{background:var(--pale);border-radius:50%;width:3px;height:3px;animation:2.6s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{50%{opacity:.25}}.night-in{z-index:2;max-width:var(--col);padding:var(--sec-y) var(--gutter) 90px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"title ark""lede ark""money ark""dial dial""sizes sizes""note note";column-gap:56px;margin:0 auto;display:grid;position:relative}.night h2{grid-area:title;max-width:8em}.night-lede{opacity:.85;grid-area:lede;max-width:25em;margin-top:22px;font-size:18px;line-height:1.45}.night-money{grid-area:money;margin-top:30px}.night-ark{--base:150px;--rise:200px;grid-area:ark;place-self:end;width:min(100%,420px);padding-top:190px;position:relative}.orb{z-index:0;left:calc(10% + var(--a) * 80%);bottom:calc(var(--base) + var(--h) * var(--rise));aspect-ratio:1;background:color-mix(in oklab, var(--pale) calc(var(--n) * 100%), var(--clay));width:clamp(64px,7vw,108px);box-shadow:0 0 calc(40px + var(--a) * 80px) color-mix(in oklab, var(--pale) calc(var(--n) * 100%), var(--clay));border-radius:50%;position:absolute;translate:-50% 50%}.bobber{z-index:1;width:72%;margin:0 auto -14px;animation:4.5s ease-in-out infinite bob;position:relative}.bobber svg{fill:currentColor;width:100%;display:block;overflow:visible}.night-arcs path{fill:none;stroke:currentColor;stroke-width:16px;opacity:var(--lit,1);transition:opacity .24s}.pond{width:100%;height:74px;color:inherit;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}@keyframes bob{50%{transform:translateY(8px) rotate(calc(var(--n) * 4deg))}}.zz{font-family:var(--font-body);opacity:0;gap:8px;font-weight:500;transition:opacity .3s;display:flex;position:absolute;top:-40px;right:14%}.asleep .zz{opacity:1}.zz i{font-style:normal;animation:2.4s ease-in-out infinite zed}.zz i:nth-child(2){font-size:1.4em;animation-delay:.4s}.zz i:nth-child(3){font-size:1.9em;animation-delay:.8s}@keyframes zed{50%{opacity:.4;transform:translateY(-12px)rotate(8deg)}}.night-money strong{font-family:var(--font-body);letter-spacing:-.045em;white-space:nowrap;font-size:clamp(50px,6.4vw,92px);font-weight:500;line-height:1;display:block}.night-money span{opacity:.8}.dial{grid-area:dial;margin-top:44px}.dial-top{justify-content:space-between;gap:16px;font-weight:600;display:flex}.dial-rail{--ticks:repeating-linear-gradient(90deg, currentColor 0 2px, transparent 2px 9px);height:56px;margin-top:6px;position:relative}.dial-rail:before{content:"";background:var(--ticks);opacity:.45;position:absolute;inset:16px 8px}.dial-range{width:100%;height:56px;color:inherit;appearance:none;cursor:grab;background:0 0;margin:0;position:absolute;inset:0}.dial-range:active{cursor:grabbing}.dial-range:focus{outline:none}.dial-range:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:10px}.dial-range::-webkit-slider-runnable-track{background:0 0;height:56px}.dial-range::-moz-range-track{background:0 0;height:56px}.dial-range::-webkit-slider-thumb{appearance:none;width:16px;height:50px;transition:transform .12s var(--ease);background:currentColor;border-radius:999px;margin-top:3px;box-shadow:0 6px 18px #00000059}.dial-range::-moz-range-thumb{background:currentColor;border:0;border-radius:999px;width:16px;height:50px}.dial-range:active::-webkit-slider-thumb{transform:scale(1.25,1.08)}.sizes{grid-area:sizes;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 56px;margin-top:26px;display:grid}.size .dial-top{font-size:15px}.size .dial-top output{font-family:var(--font-body);letter-spacing:-.02em;white-space:nowrap;font-size:19px;font-weight:600}.size .dial-rail{height:34px;margin-top:2px}.size .dial-rail:before,.size .dial-rail:after{pointer-events:none;top:11px;bottom:11px;left:4px}.size .dial-rail:before{opacity:.35;right:4px}.size .dial-rail:after{content:"";width:calc((100% - 8px) * var(--f));background:var(--ticks);position:absolute}.size .dial-range{z-index:1;height:34px}.size .dial-range::-webkit-slider-runnable-track{height:34px}.size .dial-range::-moz-range-track{height:34px}.size .dial-range::-webkit-slider-thumb{width:9px;height:28px}.size .dial-range::-moz-range-thumb{width:9px;height:28px}.size-note{justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.size-note span{opacity:.8}.size-note b{white-space:nowrap;font-weight:700}.not-yet{opacity:.8;grid-area:note;margin-top:30px;font-size:14px}.deck-sec{padding:var(--sec-y) var(--gutter) calc(var(--sec-y) * .6);text-align:center;overflow:hidden}.deck{--cw:250px;--step:min(172px, (100cqw - var(--cw)) / 5);--title-w:calc(var(--step) - 48px);max-width:1100px;height:380px;margin:56px auto 0;position:relative;container-type:inline-size}.deck .card:first-child{--i:0}.deck .card:nth-child(2){--i:1}.deck .card:nth-child(3){--i:2}.deck .card:nth-child(4){--i:3}.deck .card:nth-child(5){--i:4}.deck .card:nth-child(6){--i:5}.card{--x:calc(var(--i) - 2.5);top:0;bottom:0;left:calc(50% - (5 * var(--step) + var(--cw)) / 2 + var(--i) * var(--step));width:var(--step);color:var(--ct);text-align:left;text-decoration:none;position:absolute}.card:last-child{--title-w:none;width:var(--cw)}.card:hover,.card:focus-visible{z-index:3;outline:none}.face{width:var(--cw);background:var(--cc);border-radius:var(--r-surface);pointer-events:none;height:290px;transform:translateY(calc(var(--x) * var(--x) * 6px)) rotate(calc(var(--x) * 4deg));flex-direction:column;justify-content:space-between;padding:22px;transition:transform .34s cubic-bezier(.2,1.3,.4,1);display:flex;position:absolute;top:40px;left:0;box-shadow:0 24px 40px -26px #0f1f1bb3}.card:hover .face,.card:focus-visible .face{transform:translateY(-30px)rotate(0)scale(1.04)}.card:focus-visible .face{outline:2px solid var(--focus);outline-offset:3px}.card b{max-width:var(--title-w);font-family:var(--font-body);font-size:clamp(20px, calc(var(--step) * .16), 26px);letter-spacing:-.035em;font-weight:500;line-height:1.04}.face>span{max-width:var(--title-w);font-size:14.5px;line-height:1.3}.c-ark{--cc:var(--ark);--ct:var(--ink)}.c-clay{--cc:var(--clay);--ct:var(--ink)}.c-sage{--cc:var(--sage);--ct:var(--ink)}.c-ink{--cc:var(--ink);--ct:var(--pale)}.c-face{--cc:var(--paper);--ct:var(--ink)}:root[data-theme=dark] .c-ink .face{box-shadow:inset 0 0 0 1px var(--line-strong), 0 24px 40px -26px #000000b3}.end{--focus:var(--ink);min-height:640px;padding:110px var(--gutter) 240px;background:var(--ark);color:var(--on-ark);text-align:center;align-content:start;justify-items:center;gap:18px;display:grid;position:relative;overflow:hidden}.end h2{z-index:2;font-size:clamp(60px,11vw,170px);position:relative}.end .launch{z-index:2;margin-top:10px;position:relative}.end-note{z-index:2;background:var(--ark);border-radius:8px;padding:3px 8px;font-size:14px;position:relative}.end .sea{height:46%}@media (width<=1000px),(hover:none){.deck{height:auto;margin:40px calc(-1 * var(--gutter)) 0;padding:10px var(--gutter) 26px;scroll-snap-type:x mandatory;--title-w:none;gap:14px;display:flex;overflow-x:auto;container-type:normal}.card,.card:last-child{scroll-snap-align:center;flex:none;width:240px;height:280px;position:static}.face{width:100%;height:100%;transform:rotate(calc(var(--x) * .8deg));position:relative;top:0}.card b{font-size:26px}.card:hover .face,.card:focus-visible .face{transform:none}}@media (width<=900px){.rope-sec,.ship-head{grid-template-columns:minmax(0,1fr)}.ship-head{align-items:start}.ways{grid-template-columns:repeat(2,minmax(0,1fr))}.stars{-webkit-mask-image:linear-gradient(#0000 24%,#000 30%);mask-image:linear-gradient(#0000 24%,#000 30%)}.night-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""lede""ark""money""dial""sizes""note"}.night-ark{--base:110px;--rise:140px;justify-self:center;width:min(100%,300px);padding-top:150px}.orb{width:60px}.sizes{grid-template-columns:minmax(0,1fr)}.hero{--sky-a:-50deg}}@media (width<=760px){.ship{--u:170px}.track{--from:56vw}.ship-note{width:100%;margin:4px 0 0}.rail:before{-webkit-mask-image:none;mask-image:none}}@media (width<=620px){.ways{grid-template-columns:minmax(0,1fr)}.launch{justify-content:space-between;margin-top:18px;padding-left:14px;display:flex}.launch-name{font-size:15px}.launch button{padding:0 14px;font-size:15px}.sec-lede,.night-lede{font-size:17px}.dbs ul{grid-template-columns:repeat(2,minmax(0,1fr))}.ropes{height:480px}.node{min-height:124px;padding:14px 15px}.node h3{font-size:21px}.n-ark{width:min(220px,66%)}.end{min-height:560px;padding-top:90px}.end .launch{width:100%;max-width:420px}}@media (prefers-reduced-motion:reduce){.rail:before,.pull,.rope.flow,.bobber,.zz i,.stars i,.dot.building{animation:none}.face,.hero,.hero:before,.hero .sea,.glint,.sitecard,.track,.push path,.push-end,.launch button{transition:none}}