:root{--paper:#fff;--sheet:#faf9f6;--paper-2:#faf9f6;--paper-3:#fff;--rule:#e2dccf;--rule-strong:#cbc3b2;--ink:#1d1c18;--ink-soft:#4f4b42;--ink-faint:#767165;--ink-ghost:#b0a999;--graphite:#8f897c;--guide:#dcd5c6;--edge:#6b665b;--accent:#0b6e65;--accent-ink:#0b6e65;--accent-soft:#0b6e651a;--accent-line:#0b6e656b;--on-accent:#fff;--decision:#3f7a3a;--serif:"Iowan Old Style", "New York", ui-serif, Charter, "Palatino Linotype", Cambria, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--page:1220px;--pad:clamp(20px, 5vw, 64px);--radius:10px;--ease:cubic-bezier(.2, .8, .2, 1);--shadow:0 30px 60px -34px #3026146b, 0 2px 6px -2px #30261414;--grain-blend:multiply;--grain-opacity:.035;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#0f1012;--sheet:#15161a;--paper-2:#16171b;--paper-3:#1c1d22;--rule:#25272c;--rule-strong:#363940;--ink:#ece9e1;--ink-soft:#b0aca2;--ink-faint:#858178;--ink-ghost:#4f4d48;--graphite:#6b6962;--guide:#24262b;--edge:#8e8a80;--accent:#5fd6c9;--accent-ink:#5fd6c9;--accent-soft:#5fd6c91f;--accent-line:#5fd6c966;--on-accent:#06211f;--decision:#86c47f;--shadow:0 30px 60px -30px #000000d9, 0 2px 6px -2px #0006;--grain-blend:screen;--grain-opacity:.045;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:76px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;mix-blend-mode:var(--grain-blend);opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .38 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}code,kbd{font-family:var(--mono)}a{color:inherit;-webkit-text-decoration-color:var(--ink-ghost);text-decoration-color:var(--ink-ghost);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--paper-2);border:1px solid var(--rule-strong);transition:top .18s var(--ease);border-radius:8px;padding:10px 16px;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}h1,h2,h3{letter-spacing:-.028em;text-wrap:balance;margin:0;font-weight:640;line-height:1.04}p{margin:0 0 1.1em}.overline{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:.72rem;font-weight:400}kbd{color:var(--ink);background:var(--paper-3);border:1px solid var(--rule-strong);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:0 5px 1px;font-size:max(.82em,11.5px);line-height:1.45;display:inline-block}code{background:var(--paper-3);color:var(--ink-soft);border-radius:4px;padding:1px 5px;font-size:.88em}.button{font:inherit;letter-spacing:-.01em;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule-strong);cursor:pointer;transition:border-color .16s var(--ease), background .16s var(--ease), transform .16s var(--ease);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:11px 20px;font-size:.95rem;font-weight:560;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--ink-ghost);background:var(--paper-3)}.button:active{transform:translateY(1px)}.button-primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.08)}.button-lg{padding:13px 24px;font-size:1rem}.button small{font-family:var(--mono);letter-spacing:.06em;opacity:.72;font-size:.68rem;font-weight:400}.masthead{z-index:50;padding:12px var(--pad);background:color-mix(in srgb, var(--paper) 84%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .2s var(--ease);border-bottom:1px solid #0000;align-items:center;gap:24px;display:flex;position:sticky;top:0}.masthead[data-stuck=true]{border-bottom-color:var(--rule)}.wordmark{letter-spacing:-.02em;color:var(--accent);align-items:center;gap:9px;font-weight:620;text-decoration:none;display:inline-flex}.wordmark span{color:var(--ink)}.masthead-nav{color:var(--ink-soft);gap:24px;margin-left:auto;font-size:.92rem;display:flex}.masthead-nav a{transition:color .16s var(--ease);text-decoration:none}.masthead-nav a:hover{color:var(--ink)}.masthead-cta{padding:8px 16px;font-size:.9rem}@media (width<=600px){.masthead-nav{display:none}.masthead-cta{margin-left:auto}}main{position:relative}main>*{max-width:var(--page);padding-inline:var(--pad);margin-inline:auto}.section-head{margin-bottom:clamp(30px,4.5vh,48px)}.section-head h2,.hero h1{font-family:var(--serif);letter-spacing:-.022em;font-weight:400}.section-head h2{margin-top:12px;font-size:clamp(2.1rem,3.9vw,3.4rem);line-height:1.04}.section-head h2 em,.hero h1 em{color:var(--accent-ink);font-style:italic}.hero{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(28px,4vw,64px);min-height:min(100svh - 61px,860px);padding-block:clamp(24px,5vh,56px) clamp(36px,7vh,80px);display:grid;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px, var(--rule-strong) 1px, transparent 0);opacity:.7;background-size:24px 24px;position:absolute;inset:0 0 0 36%;-webkit-mask-image:radial-gradient(60% 62% at 58%,#000 30%,#0000 100%);mask-image:radial-gradient(60% 62% at 58%,#000 30%,#0000 100%)}.hero-words{max-width:34rem}.hero h1{font-size:clamp(2.9rem,5.5vw,5.3rem);line-height:1}.lead{max-width:31em;color:var(--ink-soft);margin:clamp(20px,3vh,28px) 0 0;font-size:clamp(1.04rem,1.3vw,1.16rem);line-height:1.6}.hero-actions{grid-template-columns:1fr 1fr;gap:12px;max-width:27rem;margin-top:clamp(26px,4vh,36px);display:grid}.hero-fine{color:var(--ink-faint);margin:18px 0 0;font-size:.82rem}.hero-fine span{color:var(--ink-ghost);margin:0 6px}.hero-art{min-width:0;margin:0}@media (width>=1300px){.hero-art-wide{margin-right:calc(-1 * min(80px, (100vw - var(--page)) / 2))}}.hero-art-narrow{display:none}.art{width:100%;height:auto;display:block;overflow:visible}.art text{font-family:var(--sans)}.art .reg path{fill:none;stroke:var(--ink-ghost);stroke-width:1px}.art .guides path{fill:none;stroke:var(--guide);stroke-width:.8px}.art .pencil{opacity:.5}.art .pencil path{fill:none;stroke:var(--graphite);stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round}.art .scribble{opacity:0}.art .n-fill{fill:var(--sheet)}.art .n-cap{fill:var(--rule-strong)}.art .n-line{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}.art .plane{fill:none;stroke:var(--ink-ghost);stroke-width:1.2px}.art .dots circle{fill:var(--ink-ghost)}.art .glyph path{fill:none;stroke:var(--ink-soft);stroke-width:1.2px;stroke-linejoin:round}.art .t-name{letter-spacing:-.01em;fill:var(--ink);font-size:15px;font-weight:620}.art .t-tech{fill:var(--ink-faint);font-size:11.5px}.art .t-kind{font-family:var(--mono);letter-spacing:.12em;fill:var(--ink-faint);font-size:9.5px}.art .t-edge,.art .t-bnd,.art .n-tube .t-name,.art .n-tube .t-kind,.art .n-store .t-name{paint-order:stroke;stroke:var(--paper);stroke-width:5px;stroke-linejoin:round}.art .t-edge{fill:var(--ink-faint);font-size:11.5px}.art .w-line{fill:none;stroke:var(--edge);stroke-width:1.4px}.art .async .w-line{stroke-dasharray:5 4}.art .w-head{fill:var(--edge)}.art .bnd path{fill:none;stroke:var(--ink-faint);stroke-width:1.3px}.art .t-bnd{font-family:var(--mono);letter-spacing:.18em;fill:var(--ink-soft);font-size:10.5px}.art .t-bnd-kind{fill:var(--ink-faint);font-size:9px}.art .note-fill{fill:color-mix(in srgb, var(--decision) 7%, var(--sheet))}.art .note-line{stroke:color-mix(in srgb, var(--decision) 55%, transparent);stroke-width:1.3px}.art .t-tag{font-family:var(--mono);letter-spacing:.14em;fill:var(--decision);font-size:9.5px}.art .t-note{fill:var(--ink-soft);font-size:12px}.art .leader{fill:none;stroke:var(--ink-faint);stroke-width:1.3px;stroke-dasharray:.5 4;stroke-linecap:round}.art .step circle{fill:var(--accent)}.art .step text{fill:var(--on-accent);font-size:10px;font-weight:700}.art .pulse{fill:none;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:.16 2;stroke-dashoffset:.16px;opacity:0}.art .tb path{fill:none;stroke:var(--ink-ghost);stroke-width:1px}.art .tb text{font-family:var(--mono);letter-spacing:.14em;fill:var(--ink-faint);font-size:9.5px}.features{padding-block:clamp(64px,10vh,120px) clamp(48px,8vh,96px)}.reel{grid-template-columns:minmax(250px,.7fr) minmax(0,1.65fr);align-items:center;gap:clamp(32px,4.5vw,72px);display:grid}.reel-tabs{flex-direction:column;display:flex}.reel-tab{width:100%;font:inherit;text-align:left;color:var(--ink-faint);border:0;border-top:1px solid var(--rule);cursor:pointer;transition:color .2s var(--ease);background:0 0;grid-template-columns:2.5rem minmax(0,1fr);align-items:baseline;padding:15px 0 16px;display:grid;position:relative}.reel-tab:last-child{border-bottom:1px solid var(--rule)}.reel-tab:before{content:"";background:var(--accent);transform-origin:0;height:2px;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.reel-tab[aria-selected=true]:before{transform:scaleX(var(--p,1))}.reel-tab:hover{color:var(--ink-soft)}.reel-tab[aria-selected=true]{color:var(--ink)}.reel-tab:focus-visible{outline-offset:-2px}.reel-n{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-faint);font-size:.7rem}.reel-tab[aria-selected=true] .reel-n{color:var(--accent-ink)}.reel-title{font-family:var(--serif);letter-spacing:-.01em;font-size:1.34rem;line-height:1.25}.reel-text{color:var(--ink-soft);grid-column:2;margin-top:6px;font-size:.92rem;line-height:1.55}@media (scripting:enabled){.reel-tab[aria-selected=false] .reel-text{display:none}}.reel-stage{min-width:0;margin:0;position:relative}.frame{position:relative}.frame:before{content:"";pointer-events:none;--m:var(--ink-ghost);--l:14px;background:linear-gradient(var(--m), var(--m)) top left / var(--l) 1px no-repeat, linear-gradient(var(--m), var(--m)) top left / 1px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) top right / var(--l) 1px no-repeat, linear-gradient(var(--m), var(--m)) top right / 1px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) bottom left / var(--l) 1px no-repeat, linear-gradient(var(--m), var(--m)) bottom left / 1px var(--l) no-repeat, linear-gradient(var(--m), var(--m)) bottom right / var(--l) 1px no-repeat, linear-gradient(var(--m), var(--m)) bottom right / 1px var(--l) no-repeat;position:absolute;inset:-14px}.screen{aspect-ratio:16/9;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent), var(--shadow);background:#0f1115;border-radius:8px;position:relative;overflow:hidden}.screen video,.screen img{object-fit:cover;width:100%;height:100%;display:block}.screen img[hidden],.screen video[hidden],.reel-toggle[hidden]{display:none}.reel-toggle{color:#e8ecf2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;opacity:.7;width:32px;height:32px;transition:opacity .16s var(--ease);background:#0f11159e;border:1px solid #e8ecf22e;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:12px;right:12px}.reel-toggle:hover,.reel-toggle:focus-visible{opacity:1}.reel-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.reel-toggle .i-play{fill:currentColor;stroke-width:1.2px}.reel-toggle[data-state=playing] .i-play,.reel-toggle[data-state=paused] .i-pause{display:none}.reel-stage figcaption{min-height:3.2em;color:var(--ink-faint);align-items:baseline;gap:16px;margin-top:26px;font-size:.9rem;line-height:1.5;display:flex}.fig-n{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);flex:none;font-size:.7rem}.try{padding-block:clamp(48px,8vh,96px) clamp(40px,6vh,72px)}.try-head{max-width:34rem}.try-head h2{font-family:var(--serif);letter-spacing:-.035em;margin:12px 0 0;font-size:clamp(2.3rem,4.1vw,3.7rem);font-weight:400;line-height:1.02}.try-head h2 em{color:var(--accent-ink);position:relative}.try-head h2 em:after{content:"";border-top:1px solid var(--accent-line);border-radius:50%;height:12px;position:absolute;bottom:-10px;left:-2px;right:6px;transform:rotate(-1.5deg)}.try-lead{max-width:36rem;color:var(--ink-soft);margin:28px 0 0;font-size:clamp(.98rem,1.5vw,1.1rem);line-height:1.7}.try-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(36px,5vw,80px);display:grid}.try-steps{margin:clamp(32px,5vh,48px) 0 0;padding:0;list-style:none}.try-steps li{border-top:1px solid var(--rule);grid-template-columns:3.2rem minmax(0,1fr);gap:14px;padding:20px 0 18px;display:grid}.try-steps li:last-child{border-bottom:1px solid var(--rule)}.try-n{width:2.6rem;height:2.6rem;font-family:var(--serif);color:var(--accent-ink);place-items:center;margin-top:-4px;font-size:1.35rem;font-style:italic;display:grid;position:relative}.try-n svg{fill:none;width:calc(100% + 6px);height:calc(100% + 6px);stroke:var(--accent-line);stroke-width:1.3px;stroke-linecap:round;position:absolute;inset:-3px;overflow:visible}.try-steps h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:1.34rem;font-weight:400;line-height:1.25}.try-steps p{color:var(--ink-soft);margin:6px 0 0;font-size:.92rem;line-height:1.55}.try-steps b{color:var(--ink);font-weight:600}.brief{margin:0;padding:128px 0 0;position:relative}.brief-under{transform-origin:80% 0;fill:none;stroke-linecap:round;stroke-linejoin:round;width:78%;position:absolute;top:0;right:-14px;transform:rotate(2.4deg)}.bu-sheet{fill:var(--sheet);stroke:var(--rule-strong);stroke-width:1px}.bu-ink{stroke:var(--ink-soft);stroke-width:1.3px}.bu-bnd{stroke:var(--ink-ghost);stroke-dasharray:5 4}.bu-plane{stroke:var(--ink-ghost)}.bu-wire{stroke:var(--accent-ink)}.bu-dash{stroke-dasharray:4 3}.bu-step{fill:var(--accent-ink);stroke:none}.brief-under text{stroke:none;font-family:var(--mono)}.bu-cap{fill:var(--ink-faint);letter-spacing:.14em;font-size:8px}.brief-under .bu-name{fill:var(--ink-soft);font-family:var(--serif);font-size:11px;font-style:italic}.bu-leader{stroke:var(--accent-line);stroke-width:1px}.brief-under .bu-q{fill:var(--graphite);font-family:var(--serif);font-size:10.5px;font-style:italic}.bu-n{fill:var(--on-accent);font-size:9px}.bu-ev{fill:var(--accent-ink);font-size:9.5px}.brief-card{background:var(--paper-3);border:1px solid var(--rule-strong);box-shadow:var(--shadow);border-radius:3px;padding:26px clamp(20px,3vw,34px) 0;position:relative;transform:rotate(-.7deg)}.brief-tape{background:color-mix(in srgb, var(--guide) 70%, transparent);border-inline:1px dashed color-mix(in srgb, var(--rule-strong) 60%, transparent);width:104px;height:26px;margin-left:-52px;position:absolute;top:-13px;left:50%;transform:rotate(-3deg)}.brief-top{border-bottom:1px solid var(--rule);align-items:center;gap:16px;padding-bottom:14px;display:flex}.copy{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-soft);background:var(--paper);border:1px solid var(--rule-strong);cursor:pointer;transition:color .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease);border-radius:6px;align-items:center;gap:7px;margin-left:auto;padding:5px 11px;font-size:.72rem;display:inline-flex}.copy[hidden]{display:none}.copy svg{fill:none;stroke:currentColor;stroke-width:1.4px}.copy:hover{color:var(--ink);border-color:var(--accent-line)}.copy[data-copied]{color:var(--accent-ink);border-color:var(--accent-line);background:var(--accent-soft)}.brief-text{font-family:var(--mono);color:var(--ink);white-space:pre-line;margin:0;padding:22px 0 24px;font-size:clamp(.8rem,1.1vw,.9rem);line-height:1.85}.brief-text mark{color:inherit;background-color:#0000;background-image:linear-gradient(transparent 55%, color-mix(in srgb, var(--accent) 22%, transparent) 55%, color-mix(in srgb, var(--accent) 22%, transparent) 90%, transparent 90%);background-repeat:no-repeat;background-size:100% 100%;border-radius:2px}.brief-tb{border-top:1px solid var(--rule-strong);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 calc(-1*clamp(20px,3vw,34px));display:grid}.brief-tb div{padding:10px clamp(12px,2vw,20px) 12px}.brief-tb div+div{border-left:1px solid var(--rule)}.brief-tb dt{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:.62rem}.brief-tb dd{font-family:var(--serif);color:var(--ink-soft);margin:2px 0 0;font-size:1.05rem;font-style:italic}.brief-you{width:fit-content;position:relative;color:var(--accent-ink)!important}.brief-you:after{content:"";border-bottom:1.3px solid var(--accent-line);border-radius:0 0 60% 40%;height:7px;position:absolute;bottom:1px;left:-6px;right:-14px;transform:rotate(-4deg)}.get{max-width:none;padding-block:clamp(20px,3vh,36px) 0}.get-sheet{isolation:isolate;place-items:center;min-height:max(560px,100svh - 64px - 2*clamp(20px,3vh,36px));padding-block:clamp(72px,12vh,128px);display:grid;position:relative}.get-sheet:before{content:"";z-index:-1;background-image:radial-gradient(circle, var(--rule-strong) 1px, transparent 1.4px);opacity:.7;background-position:50%;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(58% 52%,#000 0%,#0000 100%);mask-image:radial-gradient(58% 52%,#000 0%,#0000 100%)}.get-reg i{background:linear-gradient(var(--rule-strong), var(--rule-strong)) center / 100% 1px no-repeat, linear-gradient(var(--rule-strong), var(--rule-strong)) center / 1px 100% no-repeat;width:28px;height:28px;position:absolute}.get-reg i:first-child{top:-14px;left:-14px}.get-reg i:nth-child(2){top:-14px;right:-14px}.get-reg i:nth-child(3){bottom:-14px;left:-14px}.get-reg i:nth-child(4){bottom:-14px;right:-14px}.get-heading{text-align:center;position:relative}.get-heading .overline{font-size:.7rem}.get-heading h2{font-family:var(--serif);letter-spacing:-.045em;margin:clamp(22px,4vh,40px) 0 0;font-size:clamp(4.2rem,8.6vw,9.2rem);font-weight:400;line-height:1}.get-big,.get-rough{display:block}.get-big{margin-right:.6em}.get-rough{width:fit-content;color:var(--accent-ink);white-space:nowrap;margin:0 auto;padding-left:.55em;font-weight:400;position:relative}.get-ink-pass{padding-left:inherit;color:var(--accent-ink);visibility:hidden;position:absolute;inset:0 auto auto 0}.get-rough:after{content:"";border-top:1.5px solid var(--accent-line);transform-origin:0;border-radius:50%;height:.11em;position:absolute;bottom:-.1em;left:.5em;right:-.06em;transform:rotate(-2deg)}.get-lead{color:var(--ink-soft);margin:clamp(32px,5vh,52px) 0 0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7}.get-drawing{pointer-events:none;margin:0;position:absolute;inset:0}.get-drawing svg{fill:none;stroke-linecap:round;stroke-linejoin:round;display:block;position:absolute;overflow:visible}.get-sketch{width:clamp(200px,23vw,340px);top:clamp(40px,9%,120px);left:clamp(0px,2.6vw,72px)}.get-ink{width:clamp(160px,18vw,260px);bottom:clamp(28px,6%,96px);right:clamp(0px,3.4vw,96px)}.get-drawing .get-art-narrow{display:none}.draft-rough{stroke:var(--graphite);stroke-width:1.3px}.draft-clear{stroke:var(--accent-ink);stroke-width:1.5px}.draft-plane{stroke:var(--accent-line)}.draft-hand{stroke:none;fill:var(--ink-faint);font-family:var(--serif);font-size:22px;font-style:italic}.draft-flourish{stroke:var(--accent-line);stroke-width:1.6px}.dl{width:min(600px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}@media (scripting:none){.dl{margin:40px auto 0;display:block;position:static}.dl-close{display:none}}.dl::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#faf9f69e}@media (prefers-color-scheme:dark){.dl::backdrop{background:#060708a8}}html:has(.dl[open]){overflow:hidden}.dl-sheet{background:var(--paper-3);border:1px solid var(--rule-strong);max-height:calc(100dvh - 32px);box-shadow:var(--shadow), 0 50px 100px -40px #30261459;overscroll-behavior:contain;border-radius:14px;padding:30px clamp(22px,5vw,40px) 26px;position:relative;overflow-y:auto}.dl-close{width:34px;height:34px;color:var(--ink-faint);cursor:pointer;transition:color .15s var(--ease), border-color .15s var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.dl-close:hover{color:var(--ink);border-color:var(--rule-strong)}.dl-close svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round}.dl-art{fill:none;stroke-linecap:round;stroke-linejoin:round;width:168px;margin:0 auto 18px;display:block}.dl-guides{stroke:var(--guide);stroke-width:1px}.dl-window{stroke:var(--ink-soft);stroke-width:1.4px}.dl-dots{fill:var(--ink-ghost)}.dl-ink{stroke:var(--accent-ink);stroke-width:1.5px}.dl-step{fill:var(--accent-ink)}.dl-pencil{stroke:var(--graphite);stroke-width:1.1px;stroke-dasharray:3 4}.dl-version{text-transform:none}.dl-over,.dl-title,.dl-lead{text-align:center}.dl-title{font-family:var(--serif);letter-spacing:-.03em;margin:10px 0 0;font-size:clamp(2.1rem,6vw,2.8rem);font-weight:400;line-height:1.05}.dl-title em{color:var(--accent-ink)}.dl-lead{max-width:27rem;color:var(--ink-soft);margin:12px auto 0;font-size:.95rem;line-height:1.6}.targets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.targets a{height:100%;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule-strong);transition:border-color .16s var(--ease), background .16s var(--ease), transform .16s var(--ease);border-radius:10px;justify-items:start;gap:2px;padding:16px 16px 14px;text-decoration:none;display:grid;position:relative}.targets a:hover{border-color:var(--accent-line);background:var(--paper-3);transform:translateY(-2px)}.t-glyph{fill:none;width:30px;height:30px;stroke:var(--ink-soft);stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;margin-bottom:10px}.t-arrow{fill:none;width:15px;height:15px;stroke:var(--ink-faint);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .16s var(--ease), transform .16s var(--ease);position:absolute;top:16px;right:14px}.targets a:hover .t-arrow{stroke:var(--accent-ink);transform:translateY(2px)}.targets strong{font-family:var(--serif);font-size:1.15rem;font-weight:400}.targets span{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-faint);white-space:nowrap;font-size:.68rem}.targets [aria-current=true]{background:var(--accent-soft);border-color:var(--accent-line)}.targets [aria-current=true] .t-glyph,.targets [aria-current=true] .t-arrow{stroke:var(--accent-ink)}.targets [aria-current=true]:before{content:"Suggested";font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);border-radius:4px;padding:1px 7px;font-size:.6rem;position:absolute;top:-9px;left:14px}.dl-brew{border-top:1px solid var(--rule);margin-top:22px;padding-top:18px}.dl-brew-row{align-items:center;gap:10px;margin-top:8px;display:flex}.dl-brew code{white-space:nowrap;min-width:0;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);border-radius:7px;flex:1;padding:9px 12px;font-size:.76rem;overflow-x:auto}.dl-note{color:var(--ink-soft);background:var(--paper-2);border-left:2px solid var(--accent-line);border-radius:0 7px 7px 0;margin:16px 0 0;padding:11px 14px;font-size:.82rem;line-height:1.6}.dl-note strong{color:var(--ink)}.dl-foot{color:var(--ink-faint);text-align:center;gap:6px;margin:18px 0 0;font-size:.76rem;line-height:1.6;display:grid}.dl-foot code{font-size:.92em}@media (width<=560px){.targets{grid-template-columns:1fr;gap:14px}.targets a{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:13px 14px}.t-glyph{width:26px;height:26px;margin:0}.t-arrow{justify-self:end;position:static}}.footer{max-width:var(--page);padding:26px var(--pad) 56px;border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:16px 32px;margin-inline:auto;display:flex}.footer-brand{color:var(--accent);align-items:center;gap:12px;margin:0;display:flex}.footer-brand span{font-family:var(--mono);color:var(--ink-faint);font-size:.74rem}.footer-links{color:var(--ink-soft);align-items:center;gap:14px;margin-left:auto;font-size:.86rem;display:flex}.footer-links a{transition:color .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);text-decoration:none}.footer-links svg{display:block}.footer-coffee{border:1px solid var(--rule-strong);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 11px;display:inline-flex}.footer-coffee svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.footer-coffee .steam{stroke:var(--accent)}.footer-coffee:hover{color:var(--ink);background:var(--accent-soft);border-color:var(--accent-line)}.footer-icon{width:36px;height:36px;color:var(--ink-faint);border-radius:8px;place-items:center;display:grid}.footer-icon svg{fill:currentColor}.footer-icon:hover{color:var(--ink)}.docs .masthead{border-bottom-color:var(--rule)}.docs .masthead-nav a[aria-current]{color:var(--ink)}.docs-shell{max-width:1320px;padding:40px var(--pad) 72px;grid-template-columns:210px minmax(0,46rem) 190px;justify-content:center;gap:56px;margin-inline:auto;display:grid}.docs-shell main>*{max-width:none;margin-inline:0;padding-inline:0}.docs-nav,.doc-contents{align-self:start;max-height:calc(100vh - 104px);font-size:.9rem;position:sticky;top:84px;overflow-y:auto}.docs-nav ul,.doc-contents ul{margin:0 0 22px;padding:0;list-style:none}.docs-nav-heading{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px;font-size:.7rem}.docs-nav a,.doc-contents a{border-left:2px solid var(--rule);color:var(--ink-soft);padding:5px 0 5px 12px;line-height:1.35;text-decoration:none;display:block}.docs-nav a:hover,.doc-contents a:hover{color:var(--ink);border-left-color:var(--ink-ghost)}.docs-nav a[aria-current=page]{color:var(--ink);border-left-color:var(--accent);font-weight:560}.docs-nav-home{margin-bottom:22px}.docs-nav-compact{display:none}.doc{min-width:0}.doc h1,.doc h2{font-family:var(--serif);letter-spacing:-.018em;font-weight:400}.doc h1{margin:0 0 22px;font-size:clamp(2.2rem,4.2vw,2.9rem)}.doc h2{margin:2.2em 0 .6em;font-size:1.7rem;line-height:1.2}.doc h3{letter-spacing:-.015em;margin:1.9em 0 .6em;font-size:1.14rem;line-height:1.3}.doc h4{margin:1.6em 0 .5em;font-size:1rem}.doc h1+p{color:var(--ink-soft);font-size:1.08rem}.doc-anchor{color:var(--ink-ghost);opacity:0;transition:opacity .16s var(--ease);margin-left:.4em;text-decoration:none}.doc :is(h2,h3,h4):hover .doc-anchor,.doc-anchor:focus-visible{opacity:1}.doc a:not(.doc-anchor){color:var(--accent-ink);-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line)}.doc a:not(.doc-anchor):hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.doc ul,.doc ol{margin:0 0 1.1em;padding-left:1.4em}.doc li{margin:.3em 0}.doc li>p{margin-bottom:.5em}.doc li::marker{color:var(--ink-faint)}.doc img{border:1px solid var(--rule);border-radius:var(--radius);max-width:100%;height:auto;box-shadow:var(--shadow);margin:1.4em 0;display:block}.doc blockquote{border-left:2px solid var(--accent-line);color:var(--ink-soft);margin:1.4em 0;padding:2px 0 2px 18px}.doc hr{border:0;border-top:1px solid var(--rule);margin:2.6em 0}.doc pre{background:var(--paper-2);border:1px solid var(--rule);border-radius:8px;margin:0 0 1.2em;padding:14px 16px;font-size:.84rem;line-height:1.55;overflow-x:auto}.doc pre code{font-size:inherit;color:var(--ink);background:0 0;padding:0}.doc-table{margin:0 0 1.4em;overflow-x:auto}.doc table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.5}.doc th,.doc td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:9px 14px 9px 0}.doc th{color:var(--ink-soft);border-bottom-color:var(--rule-strong);font-weight:600}.doc td code,.doc td kbd{white-space:nowrap}.doc-footer{border-top:1px solid var(--rule);margin-top:64px;padding-top:28px}.doc-pager{grid-template-columns:1fr 1fr;gap:16px;display:grid}.doc .doc-pager a{color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);transition:border-color .16s var(--ease);flex-direction:column;gap:2px;padding:14px 18px;font-weight:560;text-decoration:none;display:flex}.doc .doc-pager a:hover{border-color:var(--accent-line)}.doc-pager small{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem;font-weight:400}.doc .doc-next{text-align:right;grid-column:2;align-items:flex-end}@media (width<=1180px){.docs-shell{grid-template-columns:200px minmax(0,46rem);gap:48px}.doc-contents{display:none}}@media (width<=900px){.docs-shell{padding-top:0;display:block}.docs-nav{display:none}.docs-nav-compact{z-index:40;margin:0 calc(var(--pad) * -1) 28px;padding:0 var(--pad);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);display:block;position:sticky;top:61px}.docs-nav-compact summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:.92rem;font-weight:560;list-style:none;display:flex}.docs-nav-compact summary::-webkit-details-marker{display:none}.docs-nav-compact .docs-nav-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.docs-nav-compact .docs-nav-toggle{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);flex:none;font-size:.7rem;font-weight:400}.docs-nav-compact .docs-nav-toggle:after{content:" +"}.docs-nav-compact[open] .docs-nav-toggle:after{content:" −"}.docs-nav-compact nav{max-height:70vh;padding-bottom:14px;font-size:.95rem;overflow-y:auto}.docs-nav-compact ul{margin:0 0 16px;padding:0;list-style:none}.docs-nav-compact a{border-left:2px solid var(--rule);color:var(--ink-soft);padding:7px 0 7px 12px;text-decoration:none;display:block}.docs-nav-compact a[aria-current=page]{color:var(--ink);border-left-color:var(--accent)}.docs-nav-compact .docs-nav-home{margin-bottom:16px}}@media (width<=560px){.doc-pager{grid-template-columns:1fr}.doc .doc-next{grid-column:auto}}@media (prefers-reduced-motion:no-preference){.get-sheet[data-stage=waiting]:before,.get-sheet[data-stage=waiting] :is(.get-reg,.get-heading .overline,.get-big,.get-rough,.get-lead,.draft-hand,.draft-flourish){opacity:0}.get-sheet[data-stage=waiting] :is(.draft-rough,.draft-clear) path{stroke-dasharray:1 1;stroke-dashoffset:1px}.get-sheet[data-stage=waiting] .get-ink-pass{clip-path:inset(-20% 100% -30% 0)}.get-sheet[data-stage=waiting] .get-rough:after{transform:rotate(-2deg)scaleX(0)}.get-sheet:is([data-stage=waiting],[data-stage=play]) .get-rough{color:var(--graphite)}.get-sheet[data-stage=play]:before{animation:1.6s both appear}.get-sheet[data-stage=play] .get-reg{animation:.9s both appear}.get-sheet[data-stage=play] .get-heading .overline{animation:.6s 50ms both appear}.get-sheet[data-stage=play] .get-big{animation:rise .9s var(--ease) .1s both}.get-sheet[data-stage=play] .get-rough{animation:rise .9s var(--ease) .55s both, inked .3s linear 2.6s forwards}.get-sheet:is([data-stage=waiting],[data-stage=play]) .get-ink-pass{visibility:visible}.get-sheet[data-stage=play] .get-ink-pass{animation:1.15s cubic-bezier(.6,0,.3,1) 1.5s both ink-wipe,.2s linear 2.9s forwards fade-out}.get-sheet[data-stage=play] .get-rough:after{animation:underline .75s var(--ease) 2.4s both}.get-sheet[data-stage=play] .get-lead{animation:rise .8s var(--ease) 2.3s both}.get-sheet[data-stage=play] .hand-q{animation:.6s .3s both appear}.get-sheet[data-stage=play] .hand-a{animation:.6s 2.75s both appear}.get-sheet[data-stage=play] :is(.draft-rough,.draft-clear) path{stroke-dasharray:1 1;animation:.7s ease-out both draw}.get-sheet[data-stage=play] .draft-rough path:first-child{animation-delay:.35s}.get-sheet[data-stage=play] .draft-rough path:nth-child(2){animation-delay:.5s}.get-sheet[data-stage=play] .draft-rough path:nth-child(3){animation-delay:.65s}.get-sheet[data-stage=play] .draft-rough path:nth-child(4){animation-delay:.8s}.get-sheet[data-stage=play] .draft-clear path{animation-timing-function:var(--ease)}.get-sheet[data-stage=play] .draft-clear path:first-child{animation-delay:1.9s}.get-sheet[data-stage=play] .draft-clear path:nth-child(2){animation-delay:2.02s}.get-sheet[data-stage=play] .draft-clear path:nth-child(3){animation-delay:2.14s}.get-sheet[data-stage=play] .draft-clear path:nth-child(4){animation-delay:2.26s}.get-sheet[data-stage=play] .draft-clear path:nth-child(5){animation-delay:2.38s}.get-sheet[data-stage=play] .draft-clear path:nth-child(6){animation-delay:2.5s}.get-sheet[data-stage=play] .draft-clear path:nth-child(7){animation-delay:2.62s}.get-sheet[data-stage=play] .draft-flourish{stroke-dasharray:1 1;animation:.9s ease-in-out 1.05s both draw}.get-sheet[data-stage=play] .draft-flourish+.draft-flourish{animation-duration:.3s;animation-delay:1.85s}.dl[open]{animation:dl-in .42s var(--ease)}.dl[open]::backdrop{animation:.3s appear}.dl[data-closing]{animation:.2s ease-in forwards dl-out}.dl[data-closing]::backdrop{animation:.2s ease-in forwards fade-out}.dl[open] :is(.dl-window,.dl-ink) path{stroke-dasharray:1 1;animation:draw .7s var(--ease) both}.dl[open] .dl-window path{animation-delay:.12s}.dl[open] .dl-ink path{animation-delay:.45s}.dl[open] .dl-ink path+path{animation-delay:.6s}.dl[open] .dl-ink path+path+path{animation-delay:.78s}.dl[open] .dl-step{transform-box:fill-box;transform-origin:50%;animation:pop .4s var(--ease) 1.05s both}.dl[open] .dl-pencil{animation:.6s 1.1s both appear}.dl[open] .targets li{animation:dl-tile .45s var(--ease) both}.dl[open] .targets li:nth-child(2){animation-delay:60ms}.dl[open] .targets li:nth-child(3){animation-delay:.12s}.footer-coffee:hover .steam{animation:1.2s ease-in-out infinite steam}@media (scripting:enabled){.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(14px)}.reveal.shown{opacity:1;transform:none}.try-n svg path{stroke-dasharray:1 1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease);transition-delay:calc(.35s + var(--i) * .22s)}.try-steps.shown .try-n svg path{stroke-dashoffset:0}.brief-text mark{transition:background-size .55s cubic-bezier(.5,0,.3,1);transition-delay:calc(.7s + var(--m) * .28s);background-size:0% 100%}.brief.shown .brief-text mark{background-size:100% 100%}.brief-under{transition:transform 1.1s var(--ease) .25s;transform:rotate(0)translate(-6%,18%)}.brief.shown .brief-under{transform:rotate(2.4deg)}}.art{--tempo:.82s;--flow:3.3s}.art .reg,.art .tb{animation:appear 1s .1s var(--ease) both}.art .guides path{stroke-dasharray:1 1;animation:draw .9s var(--ease) both;animation-delay:calc(var(--d) * var(--tempo))}.art .pencil{animation:settle 1.4s var(--ease) both;animation-delay:calc(3.2 * var(--tempo))}.art .pencil path{stroke-dasharray:1 1;animation:.5s ease-out both draw;animation-delay:calc(var(--d) * var(--tempo))}.art .scribble{animation:.6s ease-in both fade-out;animation-delay:calc(2.5 * var(--tempo))}.art .node .n-line{stroke-dasharray:1 1;animation:draw .8s var(--ease) both;animation-delay:calc(var(--d) * var(--tempo))}.art .node :is(.n-fill,.n-cap,.plane,.dots,.glyph,.leader,text){animation:appear .5s var(--ease) both;animation-delay:calc(var(--d) * var(--tempo) + .35s)}.art .wire .w-line{transform-box:fill-box;transform-origin:0;animation:grow-x .6s var(--ease) both;animation-delay:calc(var(--d) * var(--tempo))}.art .wire.w-v .w-line{transform-origin:50% 0;animation-name:grow-y}.art .wire :is(.w-head,text){animation:appear .35s var(--ease) both;animation-delay:calc(var(--d) * var(--tempo) + .45s)}.art .bnd{animation:appear .9s var(--ease) both;animation-delay:calc(var(--d) * var(--tempo))}.art .step{transform-box:fill-box;transform-origin:50%;animation:pop .45s var(--ease) both;animation-delay:calc(var(--flow) + var(--s) * .22s)}.art .pulse{animation:10s linear infinite travel;animation-delay:calc(var(--flow) + .9s + (var(--s) - 1) * .85s)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes dl-in{0%{opacity:0;transform:translateY(18px)scale(.975)}}@keyframes dl-out{to{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes inked{to{color:var(--accent-ink)}}@keyframes ink-wipe{0%{clip-path:inset(-20% 100% -30% 0)}to{clip-path:inset(-20% -10% -30% 0)}}@keyframes underline{0%{transform:rotate(-2deg)scaleX(0)}to{transform:rotate(-2deg)scaleX(1)}}@keyframes steam{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.55;transform:translateY(-1.5px)}}@keyframes dl-tile{0%{opacity:0;transform:translateY(8px)}}@keyframes appear{0%{opacity:0}}@keyframes settle{0%{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes grow-y{0%{transform:scaleY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes travel{0%{stroke-dashoffset:.16px;opacity:0}1%{opacity:1}8%{stroke-dashoffset:-1px;opacity:1}9%,to{stroke-dashoffset:-1px;opacity:0}}@media (width<=1080px){.reel{grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr)}}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:clamp(28px,6vw,48px)}.hero:before{inset:46% 0 0;-webkit-mask-image:radial-gradient(70% 60% at 50% 55%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 55%,#000 30%,#0000 100%)}.hero-words{max-width:40rem}.hero-art-wide{width:100%;max-width:720px;margin-inline:auto}.reel{grid-template-columns:1fr;gap:28px}.reel-stage{order:-1}.try-body{grid-template-columns:1fr}.brief{max-width:640px}.reel-stage figcaption{min-height:0;margin-top:22px}}@media (width<=640px){.hero-art-wide{display:none}.hero-art-narrow{width:100%;max-width:380px;margin-inline:auto;display:block}.brief{padding-top:96px}.brief-under{width:96%;right:-6px}.brief-card{transform:rotate(-.4deg)}.brief-text{white-space:normal}.brief-tb dd{font-size:.95rem}.get-sheet{padding-block:72px 56px}.get-heading h2{font-size:clamp(3.3rem,13.6vw,4.9rem)}.get-drawing{order:1;width:100%;max-width:340px;margin:40px auto 0;position:static}.get-sketch,.get-ink{display:none}.get-drawing .get-art-narrow{width:100%;display:block;position:static}.draft-hand{font-size:16px}.footer-brand span{font-size:.7rem}.footer-links{margin-left:0}}@media (width<=420px){.hero-actions{grid-template-columns:1fr}}
