@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Doto;src:url(/fonts/Doto-Variable-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/InstrumentSerif-Regular-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/InstrumentSerif-Italic-latin.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root,[data-theme=light]{color-scheme:light;--surface:#f4f4f4;--surface-raised:#fff;--surface-sunk:#ebebeb;--surface-inverse:#08090a;--ink:#08090a;--ink-muted:#575961;--ink-subtle:#74767e;--ink-inverse:#f4f4f4;--line:#ddd;--line-strong:#74767e;--brand:#08090a;--brand-hover:#1d1e22;--brand-subtle:#ebebeb;--brand-text:#08090a;--on-brand:#fff;--accent:#e2704a;--accent-ink:#08090a;--accent-text:#a14829;--live:#c8291e;--on-live:#fff;--live-subtle:#ffeceb;--live-text:#c8291e;--success:#2c724f;--success-subtle:#edf7f2;--success-text:#2c724f;--info:#3d3e44;--info-subtle:#ebebeb;--info-text:#3d3e44;--focus:#08090a;--focus-inverse:#e8855f;--tint-stone:#ebe8e2;--tint-stone-ink:#2b2925;--tint-cloud:#e6eaee;--tint-cloud-ink:#23282d;--tint-ash:#e4e4e4;--tint-ash-ink:#1f1f1f;--tint-ember:#f8e1d6;--tint-ember-ink:#7b371f;--tint-signal:#ffd9d6;--tint-signal-ink:#a21f16;--gray-0:#fff;--gray-25:#fafafa;--gray-50:#f4f4f4;--gray-100:#ebebeb;--gray-200:#ddd;--gray-300:#c2c2c2;--gray-400:#9b9b9b;--gray-500:#74767e;--gray-600:#575961;--gray-700:#3d3e44;--gray-800:#1d1e22;--gray-900:#111214;--gray-950:#08090a;--ember-50:#fcf3ee;--ember-100:#f8e1d6;--ember-200:#f1c4af;--ember-300:#eba184;--ember-400:#e8855f;--ember-500:#e2704a;--ember-600:#c85a37;--ember-700:#a14829;--ember-800:#7b371f;--ember-900:#542617;--ember-950:#2f150d;--signal-50:#ffeceb;--signal-100:#ffd9d6;--signal-200:#feb4ae;--signal-300:#fc867e;--signal-400:#f6574c;--signal-500:#ea362a;--signal-600:#c8291e;--signal-700:#a21f16;--signal-800:#791811;--signal-900:#50100c;--signal-950:#2c0a07;--basil-50:#edf7f2;--basil-100:#dcefe6;--basil-200:#badecc;--basil-300:#8bc6a8;--basil-400:#54ab80;--basil-500:#3f8d66;--basil-600:#2c724f;--basil-700:#205b3d;--basil-800:#16412b;--basil-900:#102d1f;--basil-950:#0b1e14;--steel-50:#f5f6f7;--steel-100:#e8eaec;--steel-200:#d3d6da;--steel-300:#b6bac0;--steel-400:#979ca4;--steel-500:#787d86;--steel-600:#5d616a;--steel-700:#454850;--steel-800:#2e3035;--steel-900:#1c1d21;--steel-950:#101113;--leather-200:#e3c9a8;--leather-300:#cfa579;--leather-400:#b98450;--leather-500:#9c6636;--leather-600:#7e4f29;--leather-700:#603b20;--leather-800:#432917;--leather-900:#2b1a0f;--surface-warm:#f1ede6;--metal-hi:#f5f6f7;--metal-mid:#b6bac0;--metal-lo:#787d86;--stitch:#9c6636;--leather:#7e4f29;--leather-ink:#fff;--stream-radiance:#d4552f;--stream-standards:#2f6fd6;--stream-vfx:#8a4fd0;--stream-realtime:#0f9a7a;--stream-motion:#d6409f;--stream-ai:#a8740a;--stream-research:#3a8f2f;--stream-design:#9a6a3a;--stream-art:#c0392b;--stream-startups:#6b7d12;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--radius-round:50%;--shadow-1:0 1px 2px #00000014, 0 2px 8px #0000000f;--shadow-2:0 4px 12px #0000001a, 0 12px 32px #00000014;--shadow-3:0 12px 24px #00000024, 0 32px 64px #0000001f;--shadow-product:0 1px 1px #14100c0f, 0 14px 18px -10px #14100c38, 0 38px 54px -26px #14100c4d;--shadow-edge:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #14100c14;--dur-instant:80ms;--dur-quick:.16s;--dur-base:.26s;--dur-slow:.48s;--dur-ring:.9s;--ease-whistle:cubic-bezier(.2, .9, .2, 1);--ease-settle:cubic-bezier(.3, 0, 0, 1);--ease-roll:cubic-bezier(.6, 0, .2, 1);--font-display:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-text:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-data:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-dot:"Doto", "Geist Mono", ui-monospace, monospace;--font-serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--type-display-xl-size:72px;--type-display-xl-line:72px;--type-display-xl-weight:600;--type-display-xl-tracking:-.04em;--type-display-l-size:56px;--type-display-l-line:58px;--type-display-l-weight:600;--type-display-l-tracking:-.04em;--type-display-m-size:40px;--type-display-m-line:44px;--type-display-m-weight:600;--type-display-m-tracking:-.04em;--type-title-l-size:28px;--type-title-l-line:34px;--type-title-l-weight:600;--type-title-l-tracking:-.025em;--type-title-m-size:22px;--type-title-m-line:28px;--type-title-m-weight:600;--type-title-m-tracking:-.025em;--type-title-s-size:18px;--type-title-s-line:24px;--type-title-s-weight:600;--type-title-s-tracking:-.01em;--type-body-l-size:17px;--type-body-l-line:26px;--type-body-l-weight:400;--type-body-size:15px;--type-body-line:22px;--type-body-weight:400;--type-body-s-size:13px;--type-body-s-line:18px;--type-body-s-weight:400;--type-label-size:12px;--type-label-line:16px;--type-label-weight:600;--type-label-tracking:.08em;--type-data-l-size:48px;--type-data-l-line:48px;--type-data-l-weight:600;--type-data-l-tracking:-.02em;--type-data-m-size:28px;--type-data-m-line:32px;--type-data-m-weight:600;--type-data-s-size:14px;--type-data-s-line:20px;--type-data-s-weight:500;--type-dot-xl-size:96px;--type-dot-xl-line:96px;--type-dot-xl-weight:800;--type-dot-l-size:64px;--type-dot-l-line:64px;--type-dot-l-weight:800;--type-dot-m-size:40px;--type-dot-m-line:40px;--type-dot-m-weight:800;--type-serif-l-size:64px;--type-serif-l-line:64px;--type-serif-l-weight:400;--type-serif-l-tracking:-.02em;--type-serif-m-size:40px;--type-serif-m-line:44px;--type-serif-m-weight:400;--type-serif-m-tracking:-.015em;--type-serif-s-size:24px;--type-serif-s-line:30px;--type-serif-s-weight:400;--type-serif-s-tracking:-.005em}.dark,[data-theme=dark]{color-scheme:dark;--surface:#08090a;--surface-raised:#111214;--surface-sunk:#040405;--surface-inverse:#17181b;--ink:#f4f4f4;--ink-muted:#a3a4ab;--ink-subtle:#7d7f87;--line:#1d1e22;--brand:#f4f4f4;--brand-hover:#ddd;--brand-subtle:#1d1e22;--brand-text:#f4f4f4;--on-brand:#08090a;--accent-text:#eba184;--live-subtle:#2a0f0d;--live-text:#fc867e;--success:#3f8d66;--success-subtle:#0f1f17;--success-text:#8bc6a8;--info:#c2c2c2;--info-subtle:#1d1e22;--info-text:#c2c2c2;--focus:#e8855f;--tint-stone:#1f1d1a;--tint-stone-ink:#e7e3dc;--tint-cloud:#181c20;--tint-cloud-ink:#dfe4e9;--tint-ash:#202020;--tint-ash-ink:#e4e4e4;--tint-ember:#2c140b;--tint-ember-ink:#f1c4af;--tint-signal:#2e0f0d;--tint-signal-ink:#feb4ae;--surface-warm:#171513;--metal-hi:#b6bac0;--metal-mid:#5d616a;--metal-lo:#2e3035;--stitch:#b98450;--leather:#9c6636;--shadow-1:inset 0 1px 0 #ffffff0f;--shadow-2:inset 0 1px 0 #ffffff14, 0 8px 24px #00000073;--shadow-3:inset 0 1px 0 #ffffff1a, 0 24px 56px #0000008c;--shadow-product:inset 0 1px 0 #ffffff14, 0 18px 22px -12px #000000a6, 0 44px 60px -28px #000000bf;--shadow-edge:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #0009}[data-palette=signal]{--accent:#f6574c;--accent-text:#a21f16;--focus:#08090a;--focus-inverse:#f6574c}[data-palette=signal].dark,[data-palette=signal][data-theme=dark]{--accent:#f6574c;--accent-text:#fc867e;--focus:#f6574c;--focus-inverse:#f6574c}[data-palette=graphite]{--accent:#c2c2c2;--accent-text:#3d3e44;--focus:#08090a;--focus-inverse:#c2c2c2}[data-palette=graphite].dark,[data-palette=graphite][data-theme=dark]{--accent:#ddd;--accent-text:#ddd;--focus:#ddd;--focus-inverse:#c2c2c2}*,:before,:after{box-sizing:border-box}@view-transition{navigation:auto}html{color-scheme:light dark;-webkit-text-size-adjust:100%;scroll-padding-top:88px}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{background:var(--surface);color:var(--ink);font-family:var(--font-text);font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased;--gap:12px;flex-direction:column;min-height:100dvh;margin:0;display:flex}a{color:inherit;text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}[hidden]{display:none!important}.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:clamp(12px,3vw,24px)}.read{max-width:720px}main{padding-block:var(--space-3) var(--space-8);flex:1}main section{margin-top:var(--space-7)}main section:first-child{margin-top:var(--space-4)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}h1.hero{letter-spacing:-.045em;font-size:clamp(38px,6.4vw,76px);font-weight:600;line-height:.98}h1.page{letter-spacing:-.04em;font-size:clamp(30px,4.6vw,52px);font-weight:600;line-height:1.02}h2{font-size:var(--type-title-m-size);line-height:var(--type-title-m-line);letter-spacing:var(--type-title-m-tracking);font-weight:600}h3{font-size:var(--type-title-s-size);line-height:var(--type-title-s-line);letter-spacing:var(--type-title-s-tracking);font-weight:600}.serif{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.label{font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);text-transform:uppercase;opacity:.62}.data{font-family:var(--font-data);font-variant-numeric:tabular-nums;opacity:.7;font-size:12.5px}.dotnum{font-family:var(--font-dot);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:clamp(48px,7vw,84px);line-height:1}.muted{color:var(--ink-muted)}.lede{color:var(--ink-muted);max-width:52ch;margin:var(--space-3) 0 0;text-wrap:pretty;font-size:18px;line-height:27px}.topbar{z-index:20;pointer-events:none;padding:10px clamp(8px,2vw,16px) 0;position:sticky;top:0}.bar{pointer-events:auto;align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-raised) 74%, transparent);backdrop-filter:blur(18px)saturate(1.4);max-width:1180px;box-shadow:var(--shadow-1);margin-inline:auto;padding:6px 6px 6px 14px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:650;text-decoration:none;display:inline-flex}.wordmark .dot-logo{width:26px;height:26px}nav.main{margin-left:var(--space-3);flex:1;gap:2px;min-width:0;display:flex}nav.main a,nav.main summary{border-radius:var(--radius-pill);color:var(--ink-muted);white-space:nowrap;cursor:pointer;transition:background var(--dur-quick) var(--ease-whistle), color var(--dur-quick) var(--ease-whistle);padding:7px 12px;font-size:14px;text-decoration:none;list-style:none}nav.main summary::-webkit-details-marker{display:none}nav.main a:hover,nav.main summary:hover{background:var(--surface-sunk);color:var(--ink)}nav.main a[aria-current=page]{background:var(--brand);color:var(--on-brand)}.more{position:relative}.more[open] summary{background:var(--surface-sunk);color:var(--ink)}.more .menu{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);min-width:190px;box-shadow:var(--shadow-3);padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.more .menu a{border-radius:var(--radius-sm)}.tools{align-items:center;gap:6px;margin-left:auto;display:flex}.theme{border-radius:var(--radius-pill);background:var(--surface-sunk);border:1px solid var(--line);padding:3px;display:inline-flex}.theme button{appearance:none;border-radius:var(--radius-pill);width:30px;height:28px;color:var(--ink-subtle);cursor:pointer;transition:background var(--dur-quick) var(--ease-whistle), color var(--dur-quick) var(--ease-whistle);background:0 0;border:0;place-items:center;display:grid}.theme button:hover{color:var(--ink)}.theme button[aria-checked=true]{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-1)}.theme svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.signin{border-radius:var(--radius-pill);background:var(--brand);min-height:36px;color:var(--on-brand);align-items:center;gap:8px;padding:0 14px 0 6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.signin .av{border-radius:var(--radius-round);background:var(--surface-raised);width:26px;height:26px;color:var(--ink);text-transform:uppercase;place-items:center;font-size:12px;font-weight:700;display:grid}.signin:hover{background:var(--brand-hover)}@media (width<=860px){.bar{border-radius:var(--radius-lg);flex-wrap:wrap;padding:8px 8px 6px 14px}nav.main{scrollbar-width:none;flex-basis:100%;order:3;margin:4px 0 0;padding-bottom:4px;overflow-x:auto}nav.main::-webkit-scrollbar{display:none}.more .menu{position:fixed;top:auto;left:12px;right:12px}}.bento{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));grid-auto-flow:dense;grid-auto-rows:minmax(96px,auto);display:grid}.w2{grid-column:span 2}.w3{grid-column:span 3}.w4{grid-column:span 4}.h2{grid-row:span 2}.h3{grid-row:span 3}@media (width<=640px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.w3,.w4{grid-column:span 2}.h2,.h3{grid-row:auto}.tile.big .pic,.tile.h2 .pic{flex:0 0 190px}}@media (width<=400px){.bento{grid-template-columns:minmax(0,1fr)}.w2,.w3,.w4{grid-column:auto}}.tile{--t:var(--tint-ash);--ti:var(--tint-ash-ink);isolation:isolate;background:var(--t);color:var(--ti);border-radius:var(--radius-xl);transition:transform var(--dur-base) var(--ease-settle), box-shadow var(--dur-base) var(--ease-settle);flex-direction:column;display:flex;position:relative;overflow:hidden}.tile.tint-stone{--t:var(--tint-stone);--ti:var(--tint-stone-ink)}.tile.tint-cloud{--t:var(--tint-cloud);--ti:var(--tint-cloud-ink)}.tile.tint-ash{--t:var(--tint-ash);--ti:var(--tint-ash-ink)}.tile.tint-ember{--t:var(--tint-ember);--ti:var(--tint-ember-ink)}.tile.tint-signal{--t:var(--tint-signal);--ti:var(--tint-signal-ink)}.tile.plain{--t:var(--surface-raised);--ti:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.tile.dark{--t:var(--surface-inverse);--ti:var(--ink-inverse)}.tile.r-leaf{border-radius:var(--radius-xl) var(--radius-xs) var(--radius-xl) var(--radius-xs)}.tile.r-leaf2{border-radius:var(--radius-xs) var(--radius-xl) var(--radius-xs) var(--radius-xl)}.tile.r-arch{border-radius:120px 120px var(--radius-lg) var(--radius-lg)}.tile.r-pill{border-radius:var(--radius-pill)}.tile.r-tab{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-xs)}.tile.r-sq{border-radius:var(--radius-md)}a.tile,.tile.lift:hover{text-decoration:none}.tile:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)rotate(-.15deg)}.tile:active{transform:scale(.985)}.tile .art{width:100%;height:100%;color:var(--ti);transition:transform .6s var(--ease-settle);display:block}.tile .art .seed{fill:var(--accent)}.tile:hover .art{transform:scale(1.06)rotate(.6deg)}.tile .pic{flex:auto;min-height:92px;overflow:hidden}.tile .body{padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;gap:6px;display:flex}.tile h3{font-size:17px;line-height:21px}.tile.w2 h3,.tile.big h3{letter-spacing:-.025em;font-size:22px;line-height:26px}.tile.big h3{font-size:28px;line-height:31px}.tile h3 a{text-decoration:none}.tile h3 a:after{content:"";z-index:1;position:absolute;inset:0}.tile .ex{opacity:.8;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.tile.big .ex{-webkit-line-clamp:5;font-size:15.5px;line-height:22px}.tile .meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-s{letter-spacing:.02em;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ti) 12%, transparent);align-items:center;gap:6px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip-s .dot{border-radius:var(--radius-round);background:color-mix(in srgb, var(--ti) 40%, transparent);width:6px;height:6px}.chip-s .dot.fresh{background:var(--accent)}.tile .when{font-family:var(--font-data);opacity:.6;margin-left:auto;font-size:12px}.save{z-index:2;border-radius:var(--radius-round);cursor:pointer;background:color-mix(in srgb, var(--surface-raised) 82%, transparent);width:34px;height:34px;color:var(--ink);backdrop-filter:blur(8px);transition:transform var(--dur-quick) var(--ease-whistle);border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px}.save:hover{transform:scale(1.08)}.save:active{transform:scale(.92)}.save svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:17px;height:17px}.save[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.save[aria-pressed=true] svg{fill:currentColor}.mod{padding:var(--space-5);justify-content:space-between;gap:var(--space-4);text-decoration:none}.mod .label{opacity:.7}.mod .dotnum{opacity:1;max-width:none;margin:8px 0 0;font-size:clamp(52px,6vw,76px);line-height:1}.mod h3{letter-spacing:-.03em;margin-top:4px;font-size:22px;line-height:25px}.mod p{opacity:.8;max-width:30ch;margin:6px 0 0;font-size:14px;line-height:20px}.mod .go{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.mod .go span{transition:transform var(--dur-quick) var(--ease-whistle)}.mod:hover .go span{transform:translate(4px)}.mod .corner{opacity:.9;z-index:-1;width:120px;height:120px;position:absolute;bottom:-14px;right:-14px}.mod .corner .seed{fill:var(--accent)}.hero-tile{justify-content:space-between;min-height:340px;padding:clamp(20px,3.2vw,36px)}@media (width>=900px){.hero-tile .copy{padding-right:150px}}.hero-tile .copy{max-width:min(100%,640px)}.hero-tile .lede{color:inherit;opacity:.8}.hero-tile .mascot{z-index:-1;width:clamp(90px,15vw,210px);position:absolute;top:clamp(12px,3vw,28px);right:clamp(12px,3vw,36px)}.chips{margin-top:var(--space-5);z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.chip{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ti,var(--ink)) 9%, transparent);min-height:34px;color:inherit;transition:background var(--dur-quick) var(--ease-whistle), transform var(--dur-quick) var(--ease-whistle);cursor:pointer;border:0;align-items:center;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.chip:hover{background:color-mix(in srgb, var(--ti,var(--ink)) 18%, transparent);transform:translateY(-1px)}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--brand);color:var(--on-brand)}.dot-mascot .ring{fill:none;stroke:var(--ti,var(--ink));stroke-width:9px;stroke-linecap:round}.dot-mascot .eye{fill:var(--ti,var(--ink));transform-box:fill-box;transform-origin:50%;animation:5.2s infinite blink}.dot-mascot .seed{fill:var(--accent);animation:bob 2.4s var(--ease-settle) infinite;transform-box:fill-box;transform-origin:50%}.dot-mascot .cheek{fill:var(--accent);opacity:.25}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.field{flex-wrap:wrap;gap:8px;display:flex}.input{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-raised);min-width:0;min-height:44px;color:var(--ink);font:inherit;flex:180px;padding:0 16px}.input::placeholder{color:var(--ink-subtle)}.btn{border-radius:var(--radius-pill);background:var(--brand);min-height:44px;color:var(--on-brand);cursor:pointer;transition:transform var(--dur-quick) var(--ease-whistle), background var(--dur-quick) var(--ease-whistle);border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-hover)}.btn:active{transform:scale(.96)}.btn.accent{background:var(--accent);color:var(--accent-ink)}.btn.ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.btn[disabled]{opacity:.5;cursor:progress}.form-msg{min-height:20px;margin:8px 0 0;font-size:14px}.form-msg.ok{color:var(--success-text)}.form-msg.err{color:var(--live-text)}.fine{opacity:.7;margin:8px 0 0;font-size:12.5px}.rows{margin:0;padding:0;list-style:none}.rows li{padding:var(--space-3) 0;border-top:1px solid var(--line);gap:4px var(--space-5);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.rows li:last-child{border-bottom:1px solid var(--line)}.rows .sub{color:var(--ink-muted);grid-column:1/-1;max-width:70ch;margin:0}.rows.pairs li{grid-template-columns:minmax(120px,200px) minmax(0,1fr)}.sec-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.sec-head a{color:var(--ink-muted);font-size:14px}table.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;color:var(--ink-subtle);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-2) var(--space-3) var(--space-2) 0;border-bottom:1px solid var(--line-strong);font-size:12px;font-weight:600}.tbl td{padding:var(--space-3) var(--space-3) var(--space-3) 0;border-bottom:1px solid var(--line);vertical-align:top}.table-scroll{overflow-x:auto}details.acc{border-top:1px solid var(--line);padding:var(--space-3) 0}details.acc:last-of-type{border-bottom:1px solid var(--line)}details.acc summary{cursor:pointer;font-weight:600}details.acc summary .data{margin-left:var(--space-2)}.prose p,.prose li{text-wrap:pretty;max-width:65ch}.prose h2{margin-top:var(--space-6);margin-bottom:var(--space-2)}.notice{background:var(--surface-sunk);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--ink-muted)}.filter{width:100%;max-width:420px;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);font:inherit}.banner{justify-content:flex-end;min-height:190px;padding:clamp(20px,3vw,32px)}.banner .art-bg{z-index:-1;opacity:.32;position:absolute;inset:0}.bento.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.bento.cards>*{grid-area:auto}.banner .art-bg .art{height:100%}.banner h1{max-width:16ch}.banner .lede{color:inherit;opacity:.8}.demo canvas{border-radius:var(--radius-md);background:var(--surface-raised);touch-action:none;width:100%;height:auto;display:block}.demo .controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;font-size:13px;display:flex}.demo input[type=range]{accent-color:var(--accent)}.site-footer{margin-top:var(--space-8);padding:var(--space-6) 0 var(--space-7);color:var(--ink-muted);font-size:14px}.site-footer .wrap{gap:var(--space-4) var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.site-footer nav{gap:var(--space-4);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.tile .pic{position:relative}.tile .pic .art-wrap{position:absolute;inset:0}.tile .pic.has-img{min-height:130px}.tile .pic .thumb{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-settle);display:block;position:absolute;inset:0}.tile:hover .pic .thumb{transform:scale(1.05)}.tile .pic:not(.has-img){min-height:110px}.tile.w2 .pic,.tile.h2 .pic{min-height:150px}