:root{color-scheme:light dark;--paper: #f4f7fb;--card: #ffffff;--ink: #1c2434;--muted: #5b6678;--line: #dbe3ee;--grid: #e6ecf5;--gridax: #b8c4d6;--sky: #0ea5e9;--sky-text: #0369a1;--violet: #7c3aed;--violet-text: #6d28d9;--amber: #f59e0b;--amber-text: #b45309;--good: #10b981;--good-text: #047857;--fill-sky: #0369a1;--on-fill-sky: #ffffff;--margin: rgba(239, 68, 68, .42);--marker: color-mix(in srgb, var(--amber) 42%, transparent);--tape: rgba(245, 158, 11, .26);--shadow: 0 1px 2px rgba(24, 36, 52, .07), 0 14px 34px rgba(24, 36, 52, .12);--r: 16px;--ease: cubic-bezier(.16, 1, .3, 1);--wrap: 1180px;--gutter: clamp(16px, 4vw, 40px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #0d1420;--card: #141d2c;--ink: #e8eef7;--muted: #93a1b6;--line: #25324a;--grid: #1a2537;--gridax: #3a4a66;--sky: #38bdf8;--sky-text: #7dd3fc;--violet: #a78bfa;--violet-text: #c4b5fd;--amber: #fbbf24;--amber-text: #fcd34d;--good: #34d399;--good-text: #34d399;--fill-sky: #38bdf8;--on-fill-sky: #0d1420;--margin: rgba(248, 113, 113, .32);--marker: color-mix(in srgb, #fbbf24 52%, transparent);--tape: rgba(253, 230, 138, .34);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--paper: #0d1420;--card: #141d2c;--ink: #e8eef7;--muted: #93a1b6;--line: #25324a;--grid: #1a2537;--gridax: #3a4a66;--sky: #38bdf8;--sky-text: #7dd3fc;--violet: #a78bfa;--violet-text: #c4b5fd;--amber: #fbbf24;--amber-text: #fcd34d;--good: #34d399;--good-text: #34d399;--fill-sky: #38bdf8;--on-fill-sky: #0d1420;--margin: rgba(248, 113, 113, .32);--marker: color-mix(in srgb, #fbbf24 52%, transparent);--tape: rgba(253, 230, 138, .34);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .5)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;scrollbar-color:var(--gridax) var(--paper)}body{margin:0;color:var(--ink);background-color:var(--paper);font:400 1.0625rem/1.65 Assistant,system-ui,Segoe UI,sans-serif;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:26px 26px;caret-color:var(--sky);-webkit-font-smoothing:antialiased}::selection{background:var(--marker);color:inherit}:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}a{color:inherit;text-underline-offset:.22em}img,video{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:Rubik,system-ui,sans-serif;line-height:1.08;text-wrap:balance;margin:0}h2{font-weight:900;font-size:clamp(2.1rem,5vw,3.6rem);letter-spacing:-.025em}h3{font-weight:900;font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.02em}p{margin:0}b{font-weight:700}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}.narrow{max-width:1040px}.center{text-align:center}.sub{color:var(--muted);font-size:1.15rem;margin-top:14px;max-width:60ch}.center .sub,.center.sub{margin-inline:auto}.ca{color:var(--sky-text)}.cb{color:var(--violet-text)}.cc{color:var(--amber-text)}.ca,.cb,.cc{font-family:Rubik;font-weight:900;direction:ltr;unicode-bidi:isolate}.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:50;background:var(--fill-sky);color:var(--on-fill-sky);padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}.skip:focus{top:12px}.top{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:4px double var(--gridax)}.bar{display:flex;align-items:center;gap:18px;min-height:66px}.brand{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;font:900 1.2rem Rubik;text-decoration:none;letter-spacing:-.01em}.brand-mark{display:block;flex:none}.links{display:flex;gap:4px;margin-inline-start:auto}.links a{position:relative;isolation:isolate;text-decoration:none;font-weight:700;color:var(--muted);padding:8px 12px;transition:color .2s}.links a:after,.tree-tabs button:after{content:"";position:absolute;z-index:-1;inset-inline:8px;bottom:7px;height:.5em;background:var(--marker);-webkit-mask:var(--brush) center / 100% 100% no-repeat;mask:var(--brush) center / 100% 100% no-repeat;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.links a:hover{color:var(--ink)}.links a:hover:after,.tree-tabs button:hover:after,.tree-tabs button[aria-pressed=true]:after{transform:scaleX(1)}.icon-btn{width:42px;height:42px;border-radius:12px;border:0;background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background-color .2s}.icon-btn:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.icon-btn .i-moon{fill:currentColor;stroke:none}.i-sun{display:none}:root[data-theme=dark] .i-sun{display:block}:root[data-theme=dark] .i-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .i-sun{display:block}:root:not([data-theme=light]) .i-moon{display:none}}.skills{padding:clamp(56px,8vw,110px) 0 clamp(24px,4vw,48px)}.tree-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:28px 0 16px}.tree-tabs button{position:relative;isolation:isolate;font:700 1.1rem Rubik;color:var(--muted);background:none;border:0;padding:8px 12px;cursor:pointer}.tree-tabs button:hover,.tree-tabs button[aria-pressed=true]{color:var(--ink)}.tree-sum{margin-inline-start:auto;color:var(--muted);font-weight:600}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--fill-sky);color:var(--on-fill-sky);text-decoration:none;font:700 1rem Rubik;border-radius:12px;padding:10px 16px;box-shadow:var(--shadow);transition:transform .35s var(--ease),filter .2s}.btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease)}.btn:hover svg{transform:translate(-4px)}.btn-lg{font-size:1.2rem;padding:17px 28px;border-radius:16px}.textlink{font-weight:700;color:var(--sky-text);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--sky) 45%,transparent)}.textlink:hover{text-decoration-color:currentColor}.page{position:relative}.page:before,.top:before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:max(10px,calc((100vw - var(--wrap)) / 2 - 18px));width:0;border-inline-start:2px solid var(--margin);pointer-events:none}@media(max-width:720px){.page:before,.top:before{inset-inline-start:8px}}.marker{position:relative;isolation:isolate;white-space:nowrap}.marker:after{content:"";position:absolute;z-index:-1;inset-inline:-.14em;bottom:.02em;height:.56em;background:var(--marker);-webkit-mask:var(--brush) center / 100% 100% no-repeat;mask:var(--brush) center / 100% 100% no-repeat;transform:rotate(-.7deg)}.js .marker:after{clip-path:inset(0 0 0 100%);transition:clip-path .95s var(--ease)}.js .marker.on:after{clip-path:inset(0 0 0 0)}:root{--brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M6 9 C40 4 90 6 140 5 S260 3 330 6 S392 4 396 8 L398 14 L393 20 L399 27 L394 33 C330 37 250 35 180 36 S60 38 12 35 L4 30 L9 24 L2 18 L7 13 Z'/%3E%3C/svg%3E")}.hero{padding:clamp(48px,8vw,104px) 0 clamp(48px,7vw,88px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:center}.hero h1{font-weight:900;font-size:clamp(2.7rem,5.6vw,5.1rem);letter-spacing:-.035em;line-height:1.02}.lede{font-size:clamp(1.1rem,1.6vw,1.28rem);color:var(--muted);max-width:50ch;margin-top:26px}.lede b{color:var(--ink)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:34px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.chips span{font:700 .88rem Rubik;color:var(--muted);border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 13px}.doodle{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:560px;justify-self:center;touch-action:pan-y;cursor:crosshair}.doodle canvas{width:100%;aspect-ratio:1 / 1;display:block}.eq{order:-1;white-space:nowrap;pointer-events:none;transition:opacity .6s var(--ease);font:900 clamp(1rem,1.8vw,1.35rem) "Rubik";font-variant-numeric:tabular-nums;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 12px;box-shadow:var(--shadow)}.eq sup{font-size:.62em}.eq .a{color:var(--sky-text)}.eq .b{color:var(--violet-text)}.eq .c{color:var(--amber-text)}.hint{text-align:center;margin-top:-4px;font-weight:600;font-size:.95rem;color:var(--muted)}.hint-touch{display:none}@media(hover:none){.hint-touch{display:inline}.hint-mouse{display:none}}.parby{position:absolute;inset-inline-end:-8px;bottom:34px;width:clamp(92px,11vw,138px);height:auto;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(13,20,32,.22));transition:transform .45s var(--ease);transform-origin:50% 90%}.parby.flip{transform:rotate(-4deg) scale(.97)}.parby-close{display:block;width:clamp(130px,16vw,190px);height:auto;margin:0 auto 8px;filter:drop-shadow(0 12px 16px rgba(13,20,32,.22))}@media(max-width:900px){.parby{inset-inline-end:0;bottom:30px}}.taped{position:relative;margin:0;background:var(--card);padding:10px;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow)}.taped img,.taped video{border-radius:8px}.taped:before,.taped:after{content:"";position:absolute;top:-15px;width:120px;height:34px;pointer-events:none;background:linear-gradient(100deg,transparent 0 8%,rgba(255,255,255,.18) 30%,transparent 55%,rgba(255,255,255,.1) 80%,transparent),var(--tape);-webkit-mask:var(--torn) center / 100% 100% no-repeat;mask:var(--torn) center / 100% 100% no-repeat;box-shadow:0 1px 1px #0000000f}:root{--torn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 34' preserveAspectRatio='none'%3E%3Cpath d='M4 0 H116 L113 4 L118 8 L114 12 L119 17 L115 21 L118 26 L113 30 L117 34 H3 L6 30 L1 25 L5 21 L2 16 L6 12 L1 8 L5 4 Z'/%3E%3C/svg%3E")}.taped:before{inset-inline-start:34px;transform:rotate(-4deg)}.taped:after{inset-inline-end:34px;transform:rotate(3deg)}.tilt-l{transform:rotate(-1.1deg)}.tilt-r{transform:rotate(.9deg)}.video{padding:clamp(40px,6vw,80px) 0}.video h2,.video .sub{text-align:center;margin-inline:auto}.video-frame{margin-top:40px}.video-frame video{width:100%;aspect-ratio:16 / 9;background:#0d1420}.sound{position:absolute;inset-inline-start:26px;bottom:26px;display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;font:700 1rem Rubik;color:#fff;background:#080c14c7;padding:11px 18px;border-radius:999px;box-shadow:0 6px 20px #00000059;transition:transform .35s var(--ease),background-color .2s}.sound:hover{background:#080c14eb;transform:translateY(-2px)}.sound svg{width:22px;height:22px;fill:#fff;stroke:#fff;stroke-width:1.6;stroke-linejoin:round}.sound svg .w{fill:none;stroke-linecap:round}.sound[hidden]{display:none}.how{padding:clamp(56px,8vw,110px) 0}.how h2{margin-bottom:clamp(40px,6vw,80px)}.note{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center}.note+.note{margin-top:clamp(64px,9vw,120px)}.note.flip .note-text{order:2}.note-text p{margin-top:18px;font-size:1.15rem;color:var(--muted);max-width:44ch}.note-text p b{color:var(--ink)}.shot{justify-self:center;width:100%}.shot-tall{max-width:380px}.shot-sq{max-width:480px}.th-light{display:none}:root[data-theme=light] .th-light{display:block}:root[data-theme=light] .th-dark{display:none}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .th-light{display:block}:root:not([data-theme=dark]) .th-dark{display:none}}.race{padding:clamp(56px,8vw,110px) 0}.race h2{font-size:clamp(2rem,4.6vw,3.4rem)}.race-steps{list-style:none;counter-reset:s;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}.race-steps li{counter-increment:s;display:grid;grid-template-columns:2.4rem 1fr;gap:10px;padding:14px 4px;border-bottom:1px solid var(--line);font-size:1.1rem;color:var(--muted)}.race-steps li:before{content:counter(s);font:900 1.35rem/1.25 Rubik;color:var(--sky-text);font-variant-numeric:tabular-nums}.race-steps b{color:var(--ink)}.race-note{font-size:1rem;margin:18px 0 26px}.close{padding:clamp(72px,10vw,140px) 0 clamp(80px,10vw,140px)}.close h2{font-size:clamp(2.8rem,8vw,6rem);letter-spacing:-.035em}.close .sub{margin-bottom:36px}.foot{border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper) 90%,transparent)}.foot-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:26px}.foot p{color:var(--muted);font-size:.95rem}.doc{padding:clamp(40px,6vw,80px) 0 clamp(64px,8vw,110px)}.doc .wrap{max-width:820px}.doc h1{font-weight:900;font-size:clamp(2.3rem,5vw,3.4rem);letter-spacing:-.03em}.doc .updated{color:var(--muted);margin-top:12px;font-weight:600}.doc h2{font-size:clamp(1.35rem,2.4vw,1.7rem);letter-spacing:-.015em;margin:44px 0 12px}.doc p,.doc li{max-width:68ch}.doc p+p{margin-top:12px}.doc ul{padding-inline-start:22px;margin:10px 0 0;display:grid;gap:8px}.doc a{color:var(--sky-text);font-weight:700}.doc .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin-top:28px;box-shadow:var(--shadow)}.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px}.foot-links a{color:var(--muted);font-weight:600;font-size:.95rem;text-decoration:none}.foot-links a:hover{color:var(--ink);text-decoration:underline}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.doodle{max-width:440px}.note,.note.flip{grid-template-columns:1fr}.note.flip .note-text{order:0}.ruled{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}@media(max-width:720px){.links{display:none}.bar{gap:10px}.icon-btn{margin-inline-start:auto}.sound{position:static;width:100%;justify-content:center;margin-top:10px;box-shadow:none}.taped:before,.taped:after{width:80px;height:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}}.wm-alt{display:inline-block;font-weight:500;color:var(--sky-text);transform:rotate(8deg);transform-origin:100% 85%;white-space:nowrap;margin-inline-start:.06em}