@property --h{syntax:"<number>";inherits:true;initial-value:205}:root{--h:205;color-scheme:light;--paper:oklch(.875 .095 var(--h));--paper-2:oklch(.92 .06 var(--h));--ink-1:oklch(.21 .05 var(--h));--ink-2:oklch(.34 .07 var(--h));--rule:oklch(.21 .05 var(--h) / .24);--loud:oklch(.43 .17 calc(var(--h) + 180));--on-loud:oklch(.98 .01 var(--h));--text:"Fraunces", ui-serif, Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--g:clamp(16px, 4.4vw, 44px);--head:58px;--ease:cubic-bezier(.2, .8, .2, 1);transition:--h 1s var(--ease)}.dark-vars,:root[data-night],:root[data-theme=dark]{color-scheme:dark;--paper:oklch(.165 .038 var(--h));--paper-2:oklch(.215 .045 var(--h));--ink-1:oklch(.95 .03 var(--h));--ink-2:oklch(.8 .05 var(--h));--rule:oklch(.95 .03 var(--h) / .22);--loud:oklch(.82 .15 calc(var(--h) + 180));--on-loud:oklch(.17 .04 var(--h))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:oklch(.165 .038 var(--h));--paper-2:oklch(.215 .045 var(--h));--ink-1:oklch(.95 .03 var(--h));--ink-2:oklch(.8 .05 var(--h));--rule:oklch(.95 .03 var(--h) / .22);--loud:oklch(.82 .15 calc(var(--h) + 180));--on-loud:oklch(.17 .04 var(--h))}}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink-1);font-family:var(--text);font-variation-settings:"SOFT" 50, "WONK" 0;-webkit-text-size-adjust:100%;font-size:106.25%;line-height:1.5;overflow-x:clip}body{min-height:100svh;margin:0;overflow-x:clip}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--ink-1);outline-offset:2px;border-radius:3px}img{max-width:100%;height:auto}button{font:inherit;color:inherit}.skip{z-index:20;background:var(--ink-1);color:var(--paper);border-radius:8px;padding:8px 14px;position:fixed;top:-60px;left:12px}.skip:focus{top:10px}#cloud{z-index:2;pointer-events:none;width:100vw;height:100lvh;display:block;position:fixed;inset:0}html:not(.live) #cloud{display:none}.head{z-index:6;height:var(--head);padding:0 var(--g);pointer-events:none;align-items:center;gap:6px;display:flex;position:fixed;inset:0 0 auto}.head:before{content:"";background:linear-gradient(var(--paper) 62%, transparent);z-index:-1;position:absolute;inset:0 0 -12px}.head>*{pointer-events:auto}.mark{letter-spacing:-.015em;font-variation-settings:"SOFT" 100, "WONK" 1;align-items:center;gap:8px;margin-right:auto;font-size:1.12rem;font-weight:700;text-decoration:none;display:inline-flex}.mark svg{width:24px;height:24px}.nav{gap:2px;display:none}.nav a,.round,.menu summary{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:99px;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:.92rem;text-decoration:none;list-style:none;display:inline-flex}.nav a:hover,.round:hover,.menu summary:hover{background:var(--rule)}.round span,.nav .icon span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.round svg{width:20px;height:20px}.mode[data-now=system] .i-sun,.mode[data-now=system] .i-moon,.mode[data-now=light] .i-auto,.mode[data-now=light] .i-moon,.mode[data-now=dark] .i-sun,.mode[data-now=dark] .i-auto{display:none}.go{background:var(--ink-1);height:38px;color:var(--paper);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:0 15px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.go:hover{background:var(--loud);color:var(--on-loud)}.menu{position:relative}.menu summary::-webkit-details-marker{display:none}.menu-panel{width:min(250px, calc(100vw - 2 * var(--g)));background:var(--ink-1);color:var(--paper);border-radius:16px;padding:8px;display:grid;position:absolute;top:44px;right:0}.menu-panel a{border-radius:10px;padding:10px 12px;font-size:1.12rem;text-decoration:none}.menu-panel a:hover{background:color-mix(in oklch, var(--paper) 16%, transparent)}@media (width<=359px){.mark{gap:0;font-size:0}.go{padding:0 12px}.round{padding:0 8px}}@media (width>=900px){.nav{display:flex}.menu{display:none}.round span{clip-path:none;width:auto;height:auto;position:static}}.foot{z-index:3;padding:44px var(--g) 30px;border-top:1px solid var(--rule);background:var(--paper);gap:22px;font-size:.95rem;display:grid;position:relative}.foot nav{flex-wrap:wrap;gap:8px 18px;display:flex}.foot .ledger{max-width:40em;color:var(--ink-2);font-family:var(--mono);margin:0;font-size:.74rem;line-height:1.6}.foot .fine{color:var(--ink-2);margin:0;font-size:.85rem}@media print{#cloud,.head,.foot{display:none}}.under{z-index:0;position:relative}.over{z-index:3;position:relative}.giant{font-variation-settings:"opsz" 144, "SOFT" 0, "WONK" 1;transition:font-variation-settings .7s var(--ease), opacity .35s;letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-weight:900;line-height:.86}.wet .giant{font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;transition-duration:.25s}.fit{--max:12.5rem;font-size:min(calc((100vw - 2 * var(--g)) / (var(--fit) * .56)), var(--max))}.big{font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,10.5vw,4.6rem);font-weight:800;line-height:.96}.lead{font-variation-settings:"opsz" 24, "SOFT" 50, "WONK" 0;max-width:34em;margin:14px 0 0;font-size:1.28rem;line-height:1.32}.say{max-width:30em;margin:12px 0 0;font-size:1.16rem;line-height:1.38}.hint{color:var(--ink-2);margin:12px 0 0;font-size:.86rem}.acts,.actions{flex-wrap:wrap;align-items:center;gap:10px 18px;margin:18px 0 0;display:flex}.button{background:var(--ink-1);min-height:48px;color:var(--paper);transition:transform .2s var(--ease);border-radius:99px;align-items:center;padding:0 22px;font-weight:650;text-decoration:none;display:inline-flex}.button:hover{background:var(--loud);color:var(--on-loud);transform:translateY(-1px)rotate(-.6deg)}.text-link{font-weight:600}.crumbs{z-index:3;color:var(--ink-2);font-size:.9rem;position:relative}.verbs{letter-spacing:-.012em;font-variation-settings:"opsz" 36, "SOFT" 80, "WONK" 1;margin:0;font-size:clamp(1.5rem,6.4vw,2.05rem);font-weight:500;line-height:1.2}.verb{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;text-decoration:underline 2px wavy;text-decoration-color:var(--loud);text-underline-offset:.17em;touch-action:manipulation;background:0 0;border:0;padding:0;font-weight:800}.verb:hover,.verb[aria-pressed=true]{color:var(--loud)}.pigments{left:var(--g);right:var(--g);bottom:max(12px, env(safe-area-inset-bottom));z-index:6;background:var(--paper-2);border:1px solid var(--rule);border-radius:18px;padding:10px 12px;position:fixed;box-shadow:0 8px 30px #0000002e}.pigments-say{margin:0 0 8px;font-size:.9rem;line-height:1.25}.done{font-weight:700}.pigments ul{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pigments [data-pigment]{background:var(--chip);cursor:pointer;border:0;border-radius:50%;width:38px;height:38px;box-shadow:inset 0 -3px 5px #00000040,inset 0 3px 4px #ffffff4d}.pigments [aria-pressed=true]{outline:3px solid var(--ink-1);outline-offset:2px}.wash{border:1px solid var(--rule);font-size:.85rem;font-family:var(--text);cursor:pointer;background:0 0;border-radius:99px;padding:3px 10px}.tray{gap:10px;margin:14px 0 0;display:grid}.tray ul{justify-content:space-between;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tray-paint button{background:var(--chip);cursor:pointer;touch-action:manipulation;width:42px;height:42px;transition:transform .18s var(--ease);border:0;border-radius:50%;display:block;box-shadow:inset 0 -3px 5px #00000047,inset 0 3px 4px #ffffff52}.tray-paint [aria-pressed=true]{outline:3px solid var(--ink-1);outline-offset:2px;transform:scale(1.08)}.tray-shapes button{border:1px solid var(--rule);background:color-mix(in oklch, var(--paper-2) 70%, transparent);cursor:pointer;touch-action:manipulation;border-radius:14px;width:52px;height:52px;padding:2px;display:block}.tray-shapes img{width:100%;height:100%;display:block}.tray-shapes [aria-pressed=true]{outline:2px solid var(--ink-1);outline-offset:1px}.tray-wash{margin:-4px 0 0}.ghost{z-index:5;opacity:0;pointer-events:none;background:#ffffff4d;border:2px solid #ffffffd9;border-radius:50%;width:52px;height:52px;transition:opacity .22s;position:fixed;top:-26px;left:-26px;box-shadow:0 3px 16px #00000047}.ghost.on{opacity:1}.film{--spot:min(94vw, 45svh);--spot-top:calc(var(--head) + 1svh);position:relative}.film-stage{z-index:1;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:100svh;margin-bottom:-100svh;position:sticky;top:0}.film-spot{left:50%;top:var(--spot-top);width:var(--spot);height:var(--spot);touch-action:pan-y;cursor:grab;position:absolute;transform:translate(-50%)}:root[data-tool=paint] .film-spot,:root[data-tool=blow] .film-spot,:root[data-tool=paint] .stage,:root[data-tool=blow] .stage{touch-action:none;cursor:crosshair}.film-still{opacity:0;pointer-events:none;transition:opacity .42s;position:absolute;inset:0}.film-spot.is-sharp .film-still,html:not(.live) .film-still{opacity:1}.film-still img{object-fit:contain;width:100%;height:100%;display:block}.scene{min-height:142svh;padding:0 var(--g);pointer-events:none;position:relative}.scene a,.scene button{pointer-events:auto}.scene .words{top:calc(var(--spot-top) + var(--spot) + 1svh);z-index:3;padding-bottom:20svh;transition:opacity .35s;position:sticky}.scene:not(.scene--hero){padding-top:calc(var(--spot-top) + var(--spot) + 1svh)}.film:not(:has(.is-now)) .scene:not(.scene--hero) .copy{opacity:1}.live .scene:not(.is-now) .words{opacity:0}.live .scene:not(.is-now) .words a,.live .scene:not(.is-now) .words button{pointer-events:none}.scene--hero{min-height:170svh}.live .scene:not(.is-now) .hero-name,.live .scene:not(.is-now) .numeral{opacity:0}.hero-name,.numeral{transition:opacity .35s}.hero-name{top:calc(var(--head) + .5svh);font-size:calc((100vw - 2 * var(--g)) / 5.08);position:sticky}.scene--hero .words{margin-top:calc(var(--spot) - 15.5vw)}.scene--hero .say{margin-top:10px;font-size:1.05rem}.scene--hero .acts{margin-top:10px}.numeral{top:calc(var(--head) - 2svh);margin:calc(-1 * (var(--spot) + 2svh)) 0 0;letter-spacing:-.05em;font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;height:0;color:color-mix(in oklch, var(--ink-1) 15%, var(--paper));font-size:min(62vw,34svh);font-weight:900;line-height:.9;position:sticky}.scene-still{width:min(100%,460px);margin:20px auto;display:block}.live .scene-still,.live .scene--qr .under{display:none}.scene--shelves{min-height:auto}.scene--shelves .words{padding-bottom:30svh;position:relative;top:auto}@media (width<=899px){.scene--shelves .words{z-index:0}.film[data-scene=shelves] .film-stage{pointer-events:none;background:linear-gradient(var(--paper) calc(var(--spot-top) + var(--spot) * .96), transparent calc(var(--spot-top) + var(--spot)))}.film[data-scene=shelves] .film-spot{pointer-events:auto}}.last{padding:16svh var(--g)}.live .film-still img{pointer-events:none}.splash{padding-top:calc(var(--head) + 6px)}.top{padding:0 var(--g);position:relative}.top .crumbs{margin-bottom:10px}.top .giant{--max:11rem}.stage{aspect-ratio:1;touch-action:pan-y;cursor:grab;z-index:1;-webkit-user-select:none;user-select:none;width:min(94vw,62svh);margin:-8vw auto 0;position:relative}.stage picture,.stage img{object-fit:contain;width:100%;height:100%;display:block}.stage img{z-index:3;opacity:0;pointer-events:none;transition:opacity .42s;position:relative}.stage.is-sharp img,html:not(.live) .stage img{opacity:1}.intro{margin-top:8px}.what{font-variation-settings:"opsz" 30, "SOFT" 70, "WONK" 0;max-width:32em;margin:0;font-size:clamp(1.3rem,5.2vw,1.6rem);line-height:1.26}.intro .verbs{margin-top:22px;font-size:1.14rem;font-weight:400;line-height:1.4}.your-paint{margin:12px 0 0;font-size:.95rem}.share-now{margin-top:14px;display:none}.sharing .share-now{display:block}.sharing .giant,.sharing .numeral{opacity:0}.steps{justify-content:space-between;gap:16px;margin:22px 0 0;font-size:.95rem;display:flex}.steps a{font-weight:600;text-decoration:none}.reading{padding:26px var(--g) 60px;background:var(--paper);max-width:47rem}.block{margin-top:36px}.block h2{letter-spacing:-.02em;font-variation-settings:"opsz" 72, "SOFT" 100, "WONK" 1;margin:0 0 10px;font-size:1.8rem;font-weight:800}.block p{margin:0 0 12px}.howto{font-size:1.2rem;line-height:1.34}.facts{border-top:1px solid var(--rule);margin:0}.facts>div{border-bottom:1px solid var(--rule);grid-template-columns:7.5em 1fr;gap:12px;padding:8px 0;display:grid}.facts dt{color:var(--ink-2)}.facts dd{overflow-wrap:anywhere;margin:0}.sheet-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.sheet{border-collapse:collapse;width:100%;font-size:.94rem}.sheet th,.sheet td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:8px 12px 8px 0;font-weight:400}.sheet thead th{color:var(--ink-2);font-size:.82rem}.sheet tbody th{font-weight:600}.sheet small{color:var(--ink-2);display:block}.claims,.plain{margin:0;padding:0;list-style:none}.claims li{margin-bottom:14px}.kicker{color:var(--ink-2);margin:0 0 3px;font-size:.82rem}.references{padding-left:1.2em;font-size:.94rem}.plain li{padding:3px 0}.reading .rows{margin:0}.copybox{background:var(--paper-2);border:1px solid var(--rule);border-radius:12px;margin:10px 0;position:relative}.copybox pre,.copybox code{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:14px 76px 14px 14px;font-size:.78rem;line-height:1.5;display:block}.copy{height:30px;color:var(--ink-2);font-size:.74rem;font-family:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;display:inline-flex;position:absolute;top:7px;right:7px}.copy svg{width:16px;height:16px}.copy:hover{background:var(--rule);color:var(--ink-1)}.copy.did{color:var(--ink-1);font-weight:700}.split{--list-stage:41svh;position:relative}.split-stage{height:calc(var(--head) + var(--list-stage));z-index:1;padding-top:var(--head);background:linear-gradient(var(--paper) 88%, transparent);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:sticky;top:0}.split-spot,.film-spot{position:relative}.film-spot{position:absolute}.row-still{z-index:3;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .42s;position:absolute;inset:0}.row-still.on{opacity:1}.split-spot{aspect-ratio:1;cursor:grab;height:100%;margin:0 auto}.split-list{z-index:0;padding:10px var(--g) 46svh;position:relative}.rows{border-top:1px solid var(--rule);margin:16px 0 0;padding:0;list-style:none}.rows a{border-bottom:1px solid var(--rule);grid-template-columns:52px 1fr;align-items:center;column-gap:12px;padding:7px 0;text-decoration:none;display:grid}.rows img{grid-row:span 2;width:52px;height:52px}.row-name{letter-spacing:-.012em;font-variation-settings:"opsz" 30, "SOFT" 100, "WONK" 1;font-size:1.22rem;font-weight:650;line-height:1.12}.row-what{color:var(--ink-2);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.25;display:-webkit-box;overflow:hidden}.rows a.is-on .row-name{color:var(--loud)}.rows--big a{grid-template-columns:1fr auto;align-items:baseline;padding:5px 0 7px}.rows--big .row-name{letter-spacing:-.03em;font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;font-size:clamp(1.9rem,8.6vw,3.1rem);font-weight:800}.row-n{font-variation-numeric:tabular-nums;color:var(--ink-2)}.shelf-group{margin-top:34px}.shelf-group h2{margin:0;font-size:1.05rem;font-weight:700}.filter{margin:16px 0 0}.filter input,.search-form input{border:1px solid var(--rule);background:var(--paper-2);width:100%;height:48px;color:var(--ink-1);font:inherit;border-radius:12px;padding:0 16px}.drop{margin-top:18px}.drop-box{border:2px dashed var(--ink-1);cursor:pointer;border-radius:18px;justify-items:start;gap:8px;padding:18px;display:grid}.drop.is-over .drop-box{background:var(--paper-2)}.drop-title{font-variation-settings:"opsz" 40, "SOFT" 100, "WONK" 1;font-size:1.3rem;font-weight:800;line-height:1.1}.drop-routes{font-size:.96rem}.drop-input{opacity:0;width:1px;height:1px;position:absolute}.drop-promise,.drop-say{margin:8px 0 0;font-size:.92rem}.page-head{padding:calc(var(--head) + 16px) var(--g) 0}.page-head h1{position:relative}.live.word-up .page-head h1{color:#0000}.page-body{padding:22px var(--g) 60px;max-width:44rem}.prose h2{letter-spacing:-.02em;font-variation-settings:"opsz" 72, "SOFT" 100, "WONK" 1;margin:30px 0 8px;font-size:1.7rem;font-weight:800;line-height:1.05}.prose p,.prose li{line-height:1.5}.prose table{max-width:100%;display:block;overflow-x:auto}.needs-words{background:repeating-linear-gradient(-45deg, transparent 0 9px, color-mix(in oklch, var(--loud) 14%, transparent) 9px 18px), var(--paper-2);border:2px dashed var(--loud);border-radius:4px;margin:16px 0;padding:11px 14px;font-size:.95rem;line-height:1.35;transform:rotate(-.4deg)}.needs-words strong{font-variation-settings:"opsz" 36, "SOFT" 100, "WONK" 1;font-weight:800;display:block}.contact{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.contact a{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;padding:10px 0;text-decoration:none;display:flex}.contact .row-name{letter-spacing:-.03em;font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;font-size:clamp(1.9rem,8.6vw,3rem);font-weight:800}.contact a:hover .row-name{color:var(--loud)}.search-form{grid-template-columns:1fr auto;gap:8px;display:grid}.search-results{gap:16px;margin:0;padding:0;list-style:none;display:grid}.search-results li{grid-template-columns:56px 1fr;gap:12px;display:grid}.search-results h2{margin:0;font-size:1.2rem}.search-results p{margin:2px 0}body.leaving #page{opacity:.55;transition:opacity .18s}@media (width>=900px){:root{--head:64px}.film{--spot:min(84svh, 56vw)}.film-spot{top:50%;left:auto;right:3vw;transform:translateY(-46%)}.scene,.scene:not(.scene--hero){padding:0 calc(var(--spot) * .98 + 5vw) 0 var(--g)}.scene .words{max-width:30rem;padding-top:0;top:26svh}.scene:not(.scene--hero) .copy{padding-top:22svh;top:4svh}.scene--hero{padding-right:var(--g)}.hero-name{top:calc(var(--head) + 1.5svh);font-size:calc((100vw - 2 * var(--g)) / 5.08)}.scene--hero .words{max-width:29rem;margin-top:0;padding-top:0;top:44svh}.numeral{margin:0;font-size:46svh;position:absolute;top:12svh;right:2vw}.live .numeral{text-align:right;margin-right:calc(-1 * (var(--spot) * .98 + 5vw));position:sticky;top:16svh}.scene--shelves{padding-right:calc(var(--spot) * .98 + 5vw)}.scene--shelves .words{max-width:none;padding:12svh 0}.last{position:relative}.top{min-height:calc(100svh - var(--head));grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;column-gap:3vw;display:grid}.top .crumbs{grid-area:1/1}.top .giant{--max:13rem;grid-area:2/1/auto/-1}.stage{grid-area:2/2/span 2;justify-self:end;width:min(46vw,84svh);margin:0}.intro{grid-area:3/1;max-width:32rem;margin-top:26px}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);display:grid}.split-stage{height:100svh;padding:var(--head) 3vw 3vw 0;background:0 0;grid-area:1/2;place-items:center;display:grid}.split-spot{width:100%;max-width:84svh;height:auto}.split-list{padding:calc(var(--head) + 24px) var(--g) 18svh;grid-area:1/1}.page-body{padding-top:30px}.pigments{width:max-content;max-width:90vw;left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){:root{transition:none}*{scroll-behavior:auto!important}}.frame-manual #page{padding-top:var(--head)}html:not(.live) .tray,html:not(.live) .pigments{display:none}html:not(.live) .verb{pointer-events:none;color:inherit;font-weight:inherit;text-decoration:none}.no-cloud .split-stage,.no-cloud .splash .verbs{display:none}