.iso{--anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;--anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;--anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;--anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;--anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#fff;--anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;--anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;--anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);--anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014}.iso[data-theme=light]{--anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;--anatomy-paper:#fbfbfa;--anatomy-face:#fff;--anatomy-top:#fff;--anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;--anatomy-lit-top:#fff;--anatomy-lit-shade:#eeeeeb;--anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000;--anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;--anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;--anatomy-lift:inset 0 1px 0 0 #fff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a}.iso-svg{width:100%;height:auto;display:block;overflow:visible}.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}.iso-fill{fill:var(--anatomy-paper);stroke:none}.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.iso-shade,.iso-top{stroke:none}.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.iso-top{fill:var(--anatomy-top)}.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4px;stroke-linejoin:round}.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.iso-line[data-tone=hi]{stroke:var(--anatomy-hi)}.iso-line[data-tone=mid]{stroke:var(--anatomy-mid)}.iso-line[data-tone=lo]{stroke:var(--anatomy-lo)}.iso-line[data-tone=faint]{stroke:var(--anatomy-faint)}.iso-line[data-tone=lit]{stroke:var(--anatomy-lit)}.iso-line[data-tone=red]{stroke:var(--anatomy-red)}.iso-line[data-tone=green]{stroke:var(--anatomy-green)}.iso-line[data-tone=blue]{stroke:var(--anatomy-blue)}.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1px}.iso-line[data-dashed]{stroke-dasharray:3 3}.iso-line[data-flow]{stroke-dasharray:2 6}.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.iso-wire[data-tone=hi] .iso-wire-end{stroke:var(--anatomy-hi)}.iso-wire[data-tone=mid] .iso-wire-end{stroke:var(--anatomy-mid)}.iso-wire[data-tone=faint] .iso-wire-end{stroke:var(--anatomy-faint)}.iso-wire[data-tone=lit] .iso-wire-end{stroke:var(--anatomy-lit)}.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.iso-dots[data-tone=hi] circle{opacity:.85}.iso-dots[data-tone=mid] circle{opacity:.45}.iso-dots[data-tone=lo] circle{opacity:.22}.iso-dots[data-tone=faint] circle{opacity:.12}.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}.iso-face-text[data-tone=hi]{fill:var(--anatomy-hi)}.iso-face-text[data-tone=lo]{fill:var(--anatomy-lo)}.iso-face-text[data-tone=faint]{fill:var(--anatomy-faint)}.tb-body{fill:var(--anatomy-shade-2);stroke:none}.tb-shine{fill:var(--anatomy-top);stroke:none}.tb-shade{fill:var(--anatomy-shade-0);stroke:none}.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45px;stroke-linecap:butt;stroke-linejoin:round}.tb-ring[data-tone=mid]{stroke:var(--anatomy-mid)}.tb-ring[data-tone=faint]{stroke:var(--anatomy-faint)}.tb-ring[data-tone=hi]{stroke:var(--anatomy-hi)}@keyframes iso-flow{to{stroke-dashoffset:-32px}}@keyframes iso-pulse{0%,to{opacity:.18}12%{opacity:1}40%{opacity:.18}}.iso-line[data-flow]{animation:1.6s linear infinite iso-flow}.iso-dots circle[data-pulse]{animation:1.6s step-end infinite iso-pulse;animation-delay:var(--pulse-at,0s)}.iso-figure{margin:32px 0 36px}.iso-plate{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card);border-radius:0;padding:52px 24px;position:relative}.iso-plate-corners{pointer-events:none;position:absolute;inset:18px 20px}.iso-plate-corner{color:var(--anatomy-muted);font-family:var(--anatomy-mono);letter-spacing:.04em;white-space:nowrap;font-size:10.5px;line-height:1;position:absolute}.iso-plate-corner[data-corner=fig]{color:var(--anatomy-text);top:0;left:0}.iso-plate-corner[data-corner=title]{text-transform:uppercase;letter-spacing:.1em;top:0;right:0}.iso-plate-corner[data-corner=hint]{text-transform:uppercase;letter-spacing:.1em;bottom:0;left:0}.iso-plate-corner[data-corner=readout]{color:var(--anatomy-text);font-variant-numeric:tabular-nums;bottom:0;right:0}.iso-plate .iso-svg{margin:0 auto}.iso-legend{color:var(--anatomy-muted);gap:8px;margin-top:12px;font-size:13px;line-height:1.55;display:grid}.iso-keys{flex-wrap:wrap;gap:6px 18px;display:flex}.iso-key{align-items:center;gap:7px;display:inline-flex}.iso-swatch{flex:none;width:16px;height:10px;overflow:visible}.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.iso-swatch[data-mark=raised] path,.iso-swatch[data-mark=flat] path{stroke:var(--anatomy-mid)}.iso-swatch[data-mark=lit] path{stroke:var(--anatomy-lit)}.iso-swatch[data-mark=dim] path{stroke:var(--anatomy-lo)}.iso-swatch[data-mark=dotted] path{stroke-dasharray:.01 3;stroke-width:1.4px}.iso-swatch[data-mark=dashed] path{stroke-dasharray:3 2.5}.iso-swatch[data-mark=red] path{stroke:var(--anatomy-red)}.iso-swatch[data-mark=green] path{stroke:var(--anatomy-green)}.iso-swatch[data-mark=blue] path{stroke:var(--anatomy-blue)}.iso-swatch-crease{stroke:var(--anatomy-lo)!important}@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner=hint]{bottom:18px}}@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}
.iso.intro-overlay{--anatomy-page:var(--loader-bg);--anatomy-card:var(--loader-bg);--anatomy-paper:#35383c;--anatomy-face:#3c3f44;--anatomy-top:#484c51;--anatomy-shade-3:#3a3d42;--anatomy-shade-2:#33363a;--anatomy-shade-1:#2c2f33;--anatomy-shade-0:#25282c;--anatomy-lit-top:#4e5156;--anatomy-lit-shade:#3a3d42;--anatomy-hi:#868b91;--anatomy-mid:#55595e;--anatomy-lo:#1b1e21;--anatomy-faint:#26292d;--anatomy-lit:#eaf0f9;--anatomy-dot:#bec4cc;--anatomy-weight:.65px;--mac-top-a:#53565b;--mac-top-b:#404348;--mac-front-a:#404348;--mac-front-b:#313438;--mac-side-a:#2a2d31;--mac-side-b:#202327;--mac-key-a:#464a4f;--mac-key-b:#3c4044;--mac-glass:#0c0e12;--mac-phosphor:#e8ebef;--mac-slot:#0f1114}.intro-overlay{z-index:50;background-color:var(--loader-bg);transition:opacity .45s var(--anatomy-ease);position:fixed;inset:0;overflow:hidden}.intro-overlay[data-stage=fade]{opacity:0;pointer-events:none}.intro-overlay .intro-svg{width:100vw;height:100dvh;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:640px){.intro-overlay .intro-svg{width:150vw}}.mac-body>.iso-top{fill:url(#mac-top)}.mac-body>.iso-shade[data-shade="3"]{fill:url(#mac-front)}.mac-body>.iso-shade[data-shade="0"]{fill:url(#mac-side)}.mac-body>.iso-edge{stroke:#ffffff12}.mac-body>.iso-crease,.mac-body>.iso-bevel{stroke:#ffffff29}.mac-key>.iso-top{fill:url(#mac-key-top)}.mac-key>.iso-edge{stroke:#00000080}.mac-key>.iso-crease,.mac-key>.iso-bevel{stroke:#ffffff1a}.mac-groove{stroke:#00000073;stroke-width:.9px}.mac-hole{fill:#00000042;stroke:#0003;stroke-width:.5px}.mac-contact{fill:url(#mac-contact)}.mac-well{fill:var(--anatomy-shade-2)}.mac-bezel{fill:var(--anatomy-shade-3)}.mac-dark{fill:var(--mac-slot)}.mac-glass{fill:var(--mac-glass);transition:fill .5s var(--anatomy-ease)}.mac-badge{opacity:.8}.mac-cord{stroke-width:1.1px}.mac-beam{fill:none;stroke:var(--anatomy-lit);stroke-width:1.4px;stroke-linecap:round}.mac-shine{opacity:0}.mac-sheen{pointer-events:none}.mac-mini{opacity:0;transition:opacity .45s var(--anatomy-ease)}.intro-overlay .mac-mini path,.intro-overlay .mac-mini rect,.intro-overlay .mac-mini circle{vector-effect:none}.intro-overlay[data-stage] .mac-mini{opacity:1}.intro-overlay[data-stage] [data-part=crt],.intro-overlay[data-stage] .mac-shine,.intro-overlay[data-stage] .mac-sheen{opacity:0;transition:opacity .35s var(--anatomy-ease)}.intro-overlay[data-stage] .mac-glass{fill:var(--bg)}.intro-3d{width:100%;height:100%;display:block;position:absolute;inset:0}.intro-overlay[data-mode="3d"] .intro-svg{display:none}.intro-vignette{pointer-events:none;width:100%;height:100%;opacity:var(--vig,0);display:block;position:absolute;inset:0}.intro-overlay[data-mode="3d"]:after{display:none}.intro-overlay:after{content:"";pointer-events:none;opacity:var(--vig,0);background:radial-gradient(70% 65%,#0000 40%,#0009 100%);position:absolute;inset:0}.mac-spill{pointer-events:none}.intro-overlay [data-b]{opacity:0}.intro-overlay[data-built] [data-b]{opacity:1}@media (prefers-reduced-motion:reduce){.intro-overlay [data-b]{opacity:1}.intro-overlay,.mac-mini,.mac-glass{transition-duration:.2s}}
.pond{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:fixed;inset:0}.pond[data-ready]{opacity:1}
html[data-resume-motion] .page{transition:filter .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}html[data-resume=open] .page{filter:blur(12px);opacity:.38;pointer-events:none;transform:scale(.97)}.rs{z-index:70;position:fixed;inset:0}.rs-backdrop{position:absolute;inset:0}.rs-window{transform-origin:0 0;will-change:transform;background:#1c1d20;border-radius:12px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #000000a6,0 12px 30px #0006,0 40px 90px -20px #000000bf}.rs-bar{-webkit-user-select:none;user-select:none;background:linear-gradient(#2d2f34,#25272b);border-bottom:1px solid #0000008c;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:40px;padding:0 10px;display:grid;box-shadow:inset 0 1px #ffffff12}.rs-close{cursor:pointer;background:0 0;border:0;justify-self:start}.rs-esc{opacity:.55;margin-left:2px}.rs-title{font-family:var(--mono);letter-spacing:0;color:var(--text-muted);white-space:nowrap;font-size:12.5px}.rs-actions{justify-self:end;gap:2px;display:flex}.rs-action{height:26px;font-family:var(--mono);letter-spacing:0;color:var(--text-muted);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:12px;transition:color .15s,background-color .15s;display:flex}.rs-zoom{background:#00000038;border-radius:9px;align-items:center;margin-right:6px;padding:2px;display:flex;box-shadow:inset 0 1px 2px #00000073,0 1px #ffffff0d}.rs-zoom-step,.rs-zoom-level{height:24px;color:var(--text-muted);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:11.5px;transition:color .15s,background-color .15s;display:grid}.rs-zoom-step{width:24px}.rs-zoom-level{min-width:44px;padding:0 4px}.rs-zoom-step:hover:not(:disabled),.rs-zoom-level:hover,.rs-zoom-step:focus-visible,.rs-zoom-level:focus-visible{color:var(--text-strong);background-color:#ffffff12;outline:none}.rs-zoom-step:disabled{opacity:.35;cursor:default}.rs-action:hover,.rs-action:focus-visible{color:var(--text-strong);background-color:#ffffff0f;outline:none}.rs-body{overscroll-behavior:contain;touch-action:pan-x pan-y;background:#2a2b2f;flex:1;min-height:0;padding:28px;overflow:auto}.rs-page{aspect-ratio:3600/4659;background:#f7f7f5;border-radius:2px;max-width:760px;margin:0 auto;position:relative;box-shadow:0 0 0 1px #00000040,0 12px 32px #00000073}.rs-page img{border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.rs-page-link{border-radius:3px;position:absolute}.rs-page-link:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.rs[data-mode=sheet] .rs-window{transform-origin:50% 100%;border-radius:20px 20px 0 0;height:90dvh;bottom:0;left:0;right:0}.rs-sheet-head{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#2d2f34,#25272b);border-bottom:1px solid #0000008c;flex:none;padding:8px 10px 10px 16px;box-shadow:inset 0 1px #ffffff12}.rs-grab{background:#ffffff38;border-radius:3px;width:38px;height:5px;margin:0 auto 10px;display:block}.rs-sheet-row{align-items:center;gap:6px;display:flex}.rs-sheet-row .rs-title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.rs-sheet-close{width:30px;height:30px;color:var(--text-strong);background:#ffffff14;border:0;border-radius:50%;place-items:center;margin-left:2px;display:grid}.rs[data-mode=sheet] .rs-body{padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.rs[data-mode=sheet] .rs-action-label{display:none}.rs[data-mode=sheet] .rs-zoom{margin-right:2px}@media (max-width:640px){html[data-resume=open] .page{filter:none;opacity:.3}.rs-action{padding:0 7px}}@media (prefers-reduced-motion:reduce){.rs{animation:.2s both rs-fade}@keyframes rs-fade{0%{opacity:0}}}
:root{--intro-w:min(640px, 100vw - 48px);--intro-gap:140px;--slider-w:min(560px, 100vw - 32px);--card-w:min(var(--slider-w), (100vh - 270px) / 1.12);--card-gap:64px}.page{touch-action:pan-y pinch-zoom;position:fixed;inset:0;overflow:hidden}.intro-layer{touch-action:pan-y pinch-zoom;scrollbar-width:none;transform-origin:50%;will-change:transform, filter, opacity;place-items:safe center;padding:110px 16px 150px;display:grid;position:absolute;inset:0;overflow-y:auto}.projects{z-index:1;align-items:center;gap:var(--card-gap);width:max-content;padding-left:calc(50vw + var(--intro-w) / 2 + var(--intro-gap));padding-right:calc(50vw - var(--card-w) / 2);pointer-events:none;will-change:transform;display:flex;position:absolute;top:0;bottom:0;left:0}.card-body{transform-origin:50% 45%;will-change:transform;display:block;transform:perspective(1500px)}.card{width:var(--card-w);pointer-events:auto;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;flex:none;display:block}.card:focus{outline:none}.card:focus-visible .card-media{box-shadow:0 0 0 1px #ffffff0f, 0 0 0 4px var(--bg), 0 0 0 5px var(--text-muted)}.card-media{aspect-ratio:1.02;background-color:var(--pill-bg);border-radius:18px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 24px 48px -24px #000000b3}.card-media:before,.card-media:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.card-media:before{background:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--lift,0) * .5)), #fff0 60%), linear-gradient(90deg, rgba(0, 0, 0, calc(var(--shade,0) * .55)), rgba(0, 0, 0, calc(var(--shade,0) * 1.15)));box-shadow:inset 1.5px 0 0 rgba(255, 255, 255, var(--rim,.08)), inset 0 1px 0 #ffffff1a}.card-media:after{background:linear-gradient(105deg, #fff0 30%, rgba(255, 255, 255, var(--glint,.1)) 47%, rgba(255, 255, 255, calc(var(--glint,.1) * .35)) 53%, #fff0 70%);background-size:260% 100%;background-position:var(--glint-x,50%) 0;mix-blend-mode:soft-light}.card-floor{height:0;display:block;position:relative}.card-floor:before{content:"";z-index:-1;filter:blur(4px);background:radial-gradient(closest-side,#000000b3,#0000);border-radius:50%;height:22px;position:absolute;top:-10px;left:8%;right:8%}.card-reflection{aspect-ratio:1.02;object-fit:cover;opacity:.14;filter:blur(2px)saturate(.8);pointer-events:none;border-radius:18px;width:100%;position:absolute;top:3px;left:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 80%,#000000d9 100%);mask-image:linear-gradient(#0000 80%,#000000d9 100%)}.stage-light{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(34% 46% at 50% 44%,#d6e0ee12,#d6e0ee00 70%),radial-gradient(80% 90% at 50% 46%,#0000 45%,#00000073 100%);position:absolute;inset:0}.loop-video{width:100%;height:100%;display:block}.loop-video video,.card-media img{object-fit:cover;border-radius:inherit;-webkit-user-drag:none;width:100%;height:100%;display:block}.card-meta{z-index:1;justify-content:space-between;gap:16px;margin-top:14px;padding:0 2px;font-size:15px;line-height:1.4;display:flex;position:relative}.card-title{color:var(--text-strong);font-weight:500}.card-kind{font-family:var(--mono);letter-spacing:0;color:var(--text-muted);font-size:13px}.card-out{vertical-align:-1px;margin-left:6px;display:inline-block}.card-eyebrow{font-family:var(--mono);letter-spacing:0;color:var(--text-muted);white-space:nowrap;margin-bottom:14px;font-size:13px;line-height:1.4;position:absolute;bottom:100%;left:2px}:root{--well-h:68px;--knob:52px}.slider{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:2;width:var(--slider-w);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding-bottom:34px;position:fixed;transform:translate(-50%)}.slider[data-active]{cursor:grabbing}.slider:focus-visible{outline:none}.slider:focus-visible .slider-well{outline:1px solid var(--text-muted);outline-offset:5px}.slider-well{height:var(--well-h);border-radius:calc(var(--well-h) / 2);background-color:var(--bg);background-image:radial-gradient(45% 110% at 100% 60%, #ffffff17, #fff0 70%), linear-gradient(180deg, color-mix(in srgb, var(--bg), #fff 2%) 0%, color-mix(in srgb, var(--bg), #fff 4%) 30%, color-mix(in srgb, var(--bg), #fff 4%) 62%, color-mix(in srgb, var(--bg), #fff 7%) 88%, color-mix(in srgb, var(--bg), #fff 4%) 100%);position:relative;overflow:hidden;box-shadow:inset 0 10px 12px -9px #000000bf,inset 0 2px 3px #0009,inset 0 -1px #ffffff12,inset -14px 0 16px -10px #ffffff1a,inset 14px 0 16px -10px #0009,0 -1px #000000b3,0 1px #ffffff24,0 2px 1px #ffffff0a}.slider-groove{left:calc(var(--knob) / 2 + 4px);right:calc(var(--knob) / 2 + 4px);background-color:#000;background-image:linear-gradient(180deg, #000, color-mix(in srgb, var(--bg), #000 40%));border-radius:4px;height:7px;margin-top:-3.5px;position:absolute;top:50%;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff0d,0 -1px #0006}.slider-rail,.slider-stops{left:calc((var(--well-h) - var(--knob)) / 2 + var(--knob) / 2);right:calc((var(--well-h) - var(--knob)) / 2 + var(--knob) / 2);position:absolute}.slider-rail{top:0;bottom:0}.slider-stops{top:var(--well-h);height:34px}.slider-stop{font-family:var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--text-muted);opacity:.7;pointer-events:none;font-size:13px;font-weight:500;line-height:1;transition:color .25s,opacity .25s;position:absolute;top:13px;transform:translate(-50%)}.slider-stop[data-on]{color:var(--text-strong);opacity:1}.slider-knob{z-index:1;width:var(--knob);height:var(--knob);margin:calc(var(--knob) / -2) 0 0 calc(var(--knob) / -2);pointer-events:none;will-change:transform;position:absolute;top:50%;left:0}.slider-cap{background-color:#25282c;background-image:radial-gradient(circle at 36% 26%,#ffffff29 0%,#fff0 26%),radial-gradient(circle at 40% 30%,#56595f 0%,#393d41 26%,#25282c 58%,#16191c 86%,#101215 100%);border-radius:50%;transition:transform .12s,box-shadow .12s;position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff38,inset 0 -4px 7px #0000008c,0 0 0 1px #000000a6,1px 4px 7px #000000a6,3px 8px 14px #00000059}.slider[data-active] .slider-cap{transform:scale(.97);box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -3px 6px #0009,0 0 0 1px #000000b3,1px 2px 4px #000000b3,2px 5px 9px #0006}html[data-intro=done] .card{animation:.9s cubic-bezier(.22,1,.36,1) both card-in;animation-delay:calc(var(--sig-end,0s) + var(--i,0) * 90ms)}@keyframes card-in{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html[data-intro=done] .card{animation-name:fade-in;animation-duration:.3s}@keyframes fade-in{0%{opacity:0}}}.intro-layer::-webkit-scrollbar{display:none}@media (max-width:560px){.intro-layer{padding:96px 24px 130px}:root{--slider-w:min(560px, 100vw - 48px);--intro-gap:48px;--card-gap:16px;--well-h:60px;--knob:46px}.slider{bottom:calc(14px + env(safe-area-inset-bottom))}}.contact{top:calc(18px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));z-index:3;pointer-events:none;position:fixed}html[data-intro=on] .contact{visibility:hidden}html[data-intro=done] .contact{animation:.8s cubic-bezier(.22,1,.36,1) both contact-in;animation-delay:var(--sig-end,0s)}@keyframes contact-in{0%{opacity:0;visibility:hidden;transform:translateY(-10px)}}@property --band{syntax:"<angle>";inherits:false;initial-value:-95deg}.contact-cap{--band:-95deg;--peak:#f2f4f7;--fill:linear-gradient(180deg, #2a2c31 0%, #1a1b1f 52%, #121316 100%);--seat:inset 0 0 0 1px #0009, inset 0 3px 4px -1px #0000008c, 0 0 0 1px #050607, 0 0 0 1.5px #ffffff12;pointer-events:auto;background:radial-gradient(130% 40px at 50% -8px, #ffffff29, #ffffff0a 52%, #fff0 70%) padding-box, radial-gradient(90% 18px at 50% calc(100% + 4px), #ffffff12, #fff0 70%) padding-box, var(--fill) padding-box, linear-gradient(180deg, #fff6, #fff0 20px, #0000 calc(100% - 20px), #00000073) border-box, conic-gradient(from var(--band), #4d5259 0deg, #9298a0 22deg, var(--peak) 42deg, #fff 50deg, #ffc2a6 53deg, #a8ecff 55.5deg, #c4b5ff 57.5deg, #e6e9ed 61deg, #9a9fa7 88deg, #3a3e44 135deg, #5f646c 188deg, #bfc4cb 216deg, #f6f7f9 229deg, #a8ecff 232deg, #c4b5ff 234deg, #a4aab2 246deg, #3c4046 302deg, #4d5259 360deg) border-box;width:max-content;box-shadow:var(--seat),  0 3px 0 #0b0c0e, 0 4px 1px #00000080, 0 7px 12px #00000080;text-shadow:0 1px 1px #000000b3;border:3.5px solid #0000;border-radius:20px;flex-direction:column;transition:transform 90ms,box-shadow 90ms;display:flex;position:relative;overflow:hidden}.contact-cap[data-open]{width:268px;max-width:calc(100vw - 40px);box-shadow:var(--seat), 0 3px 0 #0b0c0e, 0 6px 2px #00000073, 0 18px 34px #0000008c}@media (hover:hover) and (pointer:fine){.contact-cap:not([data-open]):hover{--peak:#fff;--fill:linear-gradient(180deg, #303238 0%, #1e2024 52%, #15161a 100%);box-shadow:var(--seat), 0 4px 0 #0b0c0e, 0 5px 1px #00000080, 0 10px 16px #00000080, 0 0 14px #ffffff09;transition-duration:.25s;animation:1.3s ease-in-out band-sweep;transform:translateY(-1px)}}@keyframes band-sweep{0%,to{--band:-95deg}50%{--band:-55deg}}.contact-cap[data-down]:not([data-open]){box-shadow:var(--seat), 0 0 0 #0b0c0e, 0 1px 1px #0000008c, 0 2px 5px #00000073;transition-duration:90ms;transform:translateY(3px)}.contact-cap:not([data-open]):has(.contact-head:active){box-shadow:var(--seat), 0 0 0 #0b0c0e, 0 1px 1px #0000008c, 0 2px 5px #00000073;transition-duration:90ms;transform:translateY(3px)}.contact-head{height:33px;color:var(--text);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:0 13px 0 15px;display:flex}.contact-head:focus{outline:none}.contact-head:focus-visible{outline:1px solid var(--text-muted);outline-offset:-5px;border-radius:14px}.contact-head:hover{color:var(--text-strong)}.contact-chevron{color:var(--icon);flex:none;transition:transform .45s cubic-bezier(.22,1,.36,1)}.contact-cap[data-open] .contact-chevron{transform:rotate(180deg)}.contact-label{font-family:var(--mono);letter-spacing:0;font-size:13px;font-weight:500;line-height:1;display:grid}.contact-face{white-space:nowrap;grid-area:1/1;align-items:center;gap:7px;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1);display:flex}.contact-face svg{flex:none}.contact-face-done{opacity:0;color:var(--text-strong);transform:translateY(5px)}.contact-face:not(.contact-face-done)[aria-hidden=true]{opacity:0;transform:translateY(-5px)}.contact-face-done[aria-hidden=false]{opacity:1;transform:none}.contact-ways{border-top:1px solid #ffffff0f;padding:6px 6px 7px;position:relative;box-shadow:inset 0 1px #00000059}.contact-list{z-index:1;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative}.contact-glide{opacity:0;pointer-events:none;will-change:transform;background:#ffffff0e;border-radius:12px;height:36px;transition:transform .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),opacity .18s;position:absolute;top:0;left:6px;right:6px;box-shadow:inset 0 1px #ffffff0a}.contact-glide[data-on]{opacity:1}@media (hover:none),(pointer:coarse){.contact-glide{display:none}}.contact-row{width:100%;height:36px;color:var(--text);font-family:var(--mono);letter-spacing:0;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:0 7px 0 10px;font-size:13px;font-weight:500;line-height:1;transition:color .15s,transform 90ms;display:grid}.contact-row:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.contact-row:hover{color:var(--text-strong)}}.contact-row:focus-visible{color:var(--text-strong)}.contact-row[data-down],.contact-row:active{color:var(--text-strong);transform:translateY(1px)}.contact-row[data-done]{color:var(--text-strong)}.contact-row-icon{color:var(--icon);place-items:center;display:grid}.contact-row[data-done] .contact-row-icon,.contact-row:focus-visible .contact-row-icon{color:var(--text-strong)}@media (hover:hover) and (pointer:fine){.contact-row:hover .contact-row-icon{color:var(--text-strong)}}.contact-row-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.contact-kbd{width:22px;height:22px;font-family:var(--mono);color:var(--text-muted);background:#0000004d;border-radius:11px;place-items:center;font-size:11px;font-weight:500;line-height:1;display:grid;box-shadow:inset 0 1px 2px #000000a6,0 1px #ffffff12}.contact-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:none) and (pointer:coarse){.contact-kbd{display:none}.contact-row{height:42px}}@media (prefers-reduced-motion:reduce){html[data-intro=done] .contact{animation:none}.contact-face{transition:opacity .15s;transform:none!important}.contact-cap:hover{animation:none!important}}@media (min-width:1024px){.contact-head{height:36px;padding:0 14px 0 17px}.contact-label,.contact-row{font-size:14px}.contact-cap[data-open]{width:292px}.contact-row{grid-template-columns:17px 1fr auto;height:39px}.contact-row-icon svg,.contact-face svg{width:15px;height:15px}.contact-kbd{border-radius:12px;width:23px;height:23px;font-size:11.5px}}
