.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-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}
: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{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:perspective(1500px) translateZ(var(--depth,0px)) rotateY(var(--tilt,0deg));transform-origin:50% 45%;will-change:transform;display:block}.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}: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 16px 130px}:root{--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));right:calc(20px + env(safe-area-inset-right));z-index:2;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)}}.contact-well{justify-content:space-between;display:flex}.contact-key{pointer-events:auto;color:var(--text);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0 0 2px;display:block}.contact-key:focus{outline:none}.contact-cap{background-color:#25282c;background-image:linear-gradient(#3b3f44 0%,#2b2e33 42%,#212428 78%,#1b1e21 100%);border-radius:17px;align-items:center;gap:10px;height:34px;padding:0 6px 0 13px;transition:transform 90ms,box-shadow 90ms,background-color .2s;display:flex;box-shadow:inset 0 1px #ffffff24,inset 0 -2px 3px #00000059,0 0 0 1px #000000b3,0 2px #0d0f11,0 3px 1px #00000080,0 5px 9px #00000073}.contact-key:hover .contact-cap{background-color:#2b2e33;background-image:linear-gradient(#42464c 0%,#30343a 42%,#25282d 78%,#1d2023 100%)}.contact-key[data-down] .contact-cap,.contact-key:active .contact-cap{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px 2px #00000059,0 0 0 1px #000000bf,0 0 #0d0f11,0 1px 1px #0000008c,0 2px 4px #0006}.contact-key:focus-visible .contact-cap{outline:1px solid var(--text-muted);outline-offset:7px}.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{color:var(--icon);flex:none}.contact-key:hover .contact-face{color:var(--text-strong)}.contact-face-done{opacity:0;color:var(--text-strong);transform:translateY(5px)}.contact-face-done svg{color:var(--text-strong)}.contact-key[data-done] .contact-face:not(.contact-face-done){opacity:0;transform:translateY(-5px)}.contact-key[data-done] .contact-face-done{opacity:1;transform:none}.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-cap{padding:0 14px}}@media (prefers-reduced-motion:reduce){html[data-intro=done] .contact{animation:none}.contact-face{transition:opacity .15s;transform:none!important}}