@font-face{font-family:Caveat;src:url(/fonts/caveat.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/permanent-marker.woff2)format("woff2");font-weight:400;font-display:swap}:root{--pen:"Caveat", "Bradley Hand", "Segoe Print", cursive;--marker:"Permanent Marker", "Marker Felt", "Comic Sans MS", cursive;--ink-pen:#1f3a8a;--ink-marker:#1b1b21;--ink-red:#b3261e;--ink-green:#1d7a46;--ink-orange:#9c4a08;--ink-purple:#6b3fa0;--highlighter:#f4dc5c99;--chalk:#f3ecd9;color:var(--chalk);font-family:var(--pen);font-synthesis:none;background:#1c140e;font-size:112.5%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#1c140e;margin:0}a{color:inherit;text-underline-offset:.2em}::selection{background:var(--highlighter)}.skip-link{z-index:3;color:#211710;background:#f6efd9;padding:.75rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:1;font:700 1.5rem/1 var(--pen);justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex;position:relative}.site-header>a{color:var(--ink-marker);font:1.4rem/1 var(--marker)}.site-header nav{gap:1.5rem;display:flex}.site-header a{text-decoration:none}.site-header nav a{rotate:-2deg}.site-header nav a:nth-child(2){rotate:1.5deg}.desk{background:#120c08;position:relative}.desk-stage{place-items:center;min-height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.desk-canvas{width:100%;height:100%;position:absolute;inset:0}.desk-stage:after{content:"";pointer-events:none;opacity:.4;background:repeating-linear-gradient(90deg,#0000 0 12px,#0002 13px 14px);position:absolute;inset:0}.lamp-glow{background:radial-gradient(circle,#ffe0a066 0 3%,#d9913a20 30%,#0000 62%);border-radius:50%;width:75vmax;height:75vmax;position:absolute;top:-39vmax;right:-37vmax}.paper{z-index:1;width:min(82vw,700px);min-height:min(78svh,760px);color:var(--ink-pen);clip-path:polygon(1% 1%,98% 0,100% 96%,96% 100%,2% 98%,0 4%);background:repeating-linear-gradient(#0000 0 2.55rem,#718ca21c 2.6rem 2.66rem),#f3ecd9e8;padding:clamp(3rem,8vw,7rem);position:relative;transform:rotate(-1.5deg);box-shadow:-2rem 3rem 5rem #0008}.paper:before{content:"";opacity:.25;pointer-events:none;background:linear-gradient(70deg,#0000 35%,#927f6533 49%,#0000 52%),linear-gradient(-35deg,#0000 55%,#927f652b 57%,#0000 60%);position:absolute;inset:0}.eyebrow{color:var(--ink-red);font:700 1.3rem/1.2 var(--pen);margin:0;position:relative}h1,h2,p{position:relative}h1{color:var(--ink-marker);font:400 clamp(3rem, 9vw, 6rem)/.98 var(--marker);margin:clamp(2rem,8vh,5rem) 0 .5rem}.scrawl{fill:none;width:min(100%,26rem);height:1.4rem;stroke:var(--ink-red);stroke-width:1.6px;stroke-linecap:round;filter:url(#sketch);display:block}.scratch{fill:none;width:3.2em;height:.8em;stroke:var(--ink-pen);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;margin-right:.4em;display:inline-block}s{opacity:.8;text-decoration:none;position:relative}s:after{content:"";background:currentColor;position:absolute;inset:5% -9% 0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' d='M2 12C20 7 45 13 70 8S92 9 98 6M4 7C25 12 50 6 74 11S90 12 96 13M8 15C30 11 60 14 92 10'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' d='M2 12C20 7 45 13 70 8S92 9 98 6M4 7C25 12 50 6 74 11S90 12 96 13M8 15C30 11 60 14 92 10'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.struck{color:var(--ink-pen);font:700 1.2rem/1.1 var(--pen);margin:0 0 .4rem}.site-header s{margin-right:.35em}.marked{background:linear-gradient(transparent 12%, var(--highlighter) 12% 88%, transparent 88%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.coffee{z-index:2;aspect-ratio:1;background:radial-gradient(circle,#26120a 0 51%,#c9b99c 52% 58%,#e4dac5 59%);border:.55rem solid #e4dac5;border-radius:50%;width:8rem;position:absolute;top:17%;right:clamp(-2rem,6vw,6rem);box-shadow:0 1.5rem 2rem #0007}.coffee i{background:linear-gradient(#0000,#ffe8bd88,#0000);width:1px;height:4rem;animation:4s ease-in-out infinite steam;position:absolute;bottom:100%}.coffee i:first-child{left:30%}.coffee i:nth-child(2){animation-delay:1s;left:50%}.coffee i:nth-child(3){animation-delay:2s;left:68%}@keyframes steam{50%{opacity:.2;transform:translate(12px)translateY(-12px)}}.sketch-defs{position:absolute}.thread,.thinking,.circuit{display:none}.flags{width:9rem;margin-top:.6rem;display:block}.flags .colour{filter:url(#crayon)}.flags .outline{fill:none;stroke:var(--ink-pen);stroke-width:.5px;stroke-linecap:round;stroke-linejoin:round;filter:url(#sketch)}.project p{max-width:34rem;font:400 1.35rem/1.3 var(--pen);margin:0 0 .8rem}.project .built b{color:var(--ink-red)}.project .links{gap:1.5rem;font-weight:700;display:flex}.clipping{color:#1b1b1b;clip-path:polygon(0 2%,4% 0,12% 1.5%,27% 0,41% 1.8%,58% .4%,73% 2%,88% .3%,100% 1.6%,99% 30%,100% 62%,98.6% 100%,80% 98.6%,61% 100%,40% 98.4%,22% 100%,3% 98.8%,.8% 60%,0 28%);background:#e6dfcb;width:min(100%,26rem);margin:1rem 0;padding:.5rem .5rem .35rem;display:block;position:relative;rotate:2deg}.clipping video{width:100%;height:auto;display:block}.clipping figcaption{border-top:1px solid #1b1b1b;margin-top:.3rem;padding-top:.25rem;font:italic 700 .85rem/1.2 Georgia,Times New Roman,serif}h3{color:var(--ink-red);font:700 1.3rem/1.1 var(--pen);margin:.9rem 0 .2rem}.choices ul{margin:0;padding:0;list-style:none}.choices li{font:400 1.2rem/1.25 var(--pen);margin:0}.choices li:before{content:none}.choices del{-webkit-text-decoration:line-through 2px var(--ink-red);text-decoration:line-through 2px var(--ink-red);opacity:.75}.choices strong{color:var(--ink-green);padding:0 .35em;position:relative}.choices strong:after{content:"";border:2px solid var(--ink-green);filter:url(#sketch);border-radius:50%;position:absolute;inset:-.05em -.1em;rotate:-2deg}.choices em{opacity:.85;font-style:normal}.choices .fix{color:var(--ink-green);opacity:1;font-weight:700}.choices .fix:before{content:"";background:var(--ink-green);clip-path:polygon(0 35%,60% 35%,60% 0,100% 50%,60% 100%,60% 65%,0 65%);width:1em;height:.5em;margin-right:.3em;display:inline-block}.asides{color:var(--ink-red);margin:1rem 0;padding:0;list-style:none}.asides li{font:700 1.3rem/1.15 var(--pen);margin:0 0 .3rem}.asides li:before{content:none}.asides li:first-child{white-space:nowrap;border:2px solid var(--ink-red);border-radius:50%;padding:.1em .5em;display:inline-block;rotate:-3deg}.project .scrawl{width:12rem;height:.8rem;margin:-.4rem 0 .4rem}.pipeline ol{flex-wrap:wrap;gap:.7rem 1.6rem;margin:.4rem 0;display:flex}.pipeline li{font:700 1.2rem/1.1 var(--pen);color:var(--ink-purple);margin:0;padding:.25rem .6rem}.pipeline li:before{border-color:var(--ink-purple)}.pipeline li:not(:last-child):after{content:"";background:var(--ink-orange);clip-path:polygon(0 35%,60% 35%,60% 0,100% 50%,60% 100%,60% 65%,0 65%);width:.9rem;height:.5rem;position:absolute;top:50%;left:calc(100% + .3rem);translate:0 -50%}.pipeline.loose li:after{content:none}.pipeline p{color:var(--ink-orange);font:700 1.1rem/1.2 var(--pen);margin:0}.project .links a,.pit-exit{border:2px dashed;padding:.2em .5em;text-decoration:none}.pit-exit{font:700 1.4rem/1 var(--pen)}.leaf{margin:0 0 clamp(3rem,8vw,6rem);position:relative}.leaf-title{margin-bottom:clamp(4rem,12vw,9rem)}h2{max-width:16ch;font:700 clamp(2.2rem, 5vw, 3.4rem)/.95 var(--pen);margin:.3rem 0 1.2rem}ol{margin:0;padding:0;list-style:none}li{margin-bottom:1rem;position:relative}li:before,.leaf-contact:before{content:"";border:1.5px solid var(--ink-pen);filter:url(#sketch);pointer-events:none;position:absolute;inset:0}li a{font:700 clamp(1.6rem, 3.4vw, 2.2rem)/1.1 var(--pen);grid-template-columns:auto 1fr;gap:0 1rem;padding:.9rem 1.25rem;text-decoration:none;display:grid}li span,li em{font:400 1.15rem/1.2 var(--pen)}li span{color:var(--ink-red);align-self:center}li em{grid-column:2}.leaf-notes p:not(.eyebrow){max-width:38rem;font:400 1.35rem/1.3 var(--pen);margin:0 0 .8rem}.leaf-contact{font:700 clamp(1.5rem, 3vw, 2rem)/1.1 var(--pen);margin-bottom:0;padding:1.25rem 2rem;display:inline-block}.leaf-contact:before{border-color:var(--ink-red);border-radius:50%}.stage-button,.car-hint{display:none}.desk[data-scene=ready]{height:320svh}.desk[data-scene=ready][data-motion=still]{height:auto}.desk[data-scene=ready] .desk-stage{perspective:158.6svh;height:100svh}.desk[data-scene=ready] .desk-stage:after,.desk[data-scene=ready] .lamp-glow,.desk[data-scene=ready] .coffee,.desk[data-scene=ready] .paper:before{display:none}.desk[data-scene=ready] .paper{width:calc(10 * var(--u));height:calc(7.8 * var(--u));min-height:0;margin:calc(-3.9 * var(--u)) 0 0 calc(-5 * var(--u));background:repeating-linear-gradient(to bottom, transparent 0 calc(.36 * var(--u)), #718ca226 calc(.36 * var(--u)) calc(.375 * var(--u)));box-shadow:none;clip-path:none;transform:rotateX(var(--tilt,0deg));opacity:var(--ink,0);pointer-events:none;padding:0;position:absolute;top:50%;left:50%}.desk[data-scene=ready][data-open=true] .paper{pointer-events:auto}.desk[data-scene=ready] .leaf{margin:0;position:absolute}.desk[data-scene=ready] .site-header{inset:calc(.3 * var(--u)) calc(.6 * var(--u)) auto;font-size:calc(.34 * var(--u));margin:0;position:absolute}.desk[data-scene=ready] .site-header>a{font-size:calc(.3 * var(--u))}.desk[data-scene=ready] .site-header nav{gap:calc(.4 * var(--u))}.desk[data-scene=ready] .leaf-title{text-align:center;opacity:calc(1 - var(--page,0));place-content:center;justify-items:center;display:grid;inset:0;rotate:-1.5deg}.desk[data-scene=ready] .page-two{opacity:var(--page,0);position:absolute;inset:0}.desk[data-scene=ready] .struck{font-size:calc(.25 * var(--u));white-space:nowrap;margin:0;position:absolute}.desk[data-scene=ready] .struck-tagline{left:calc(.75 * var(--u));top:calc(1.12 * var(--u));rotate:-4deg}.desk[data-scene=ready] .struck-follow{left:calc(2.9 * var(--u));top:calc(7.05 * var(--u));rotate:2deg}.desk[data-scene=ready] .thinking{fill:none;stroke-linecap:round;stroke-linejoin:round;filter:url(#sketch);pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.thinking .pencil{stroke:#55585f;stroke-width:.12px;opacity:.45}.thinking .marker{stroke:var(--ink-marker);stroke-width:1.05px}.thinking .pen{stroke:var(--ink-pen);stroke-width:.26px}.desk[data-scene=ready][data-page="1"] .page-two,.desk[data-scene=ready][data-page="2"] .leaf-title{pointer-events:none}.desk[data-scene=ready] .circuit{fill:none;stroke-linejoin:round;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.circuit{filter:url(#sketch)}.circuit .edge{stroke:var(--ink-pen);stroke-width:.28px;stroke-linecap:round}.circuit .centre{stroke:#55585f;stroke-width:.14px;stroke-dasharray:1.2 1.6;opacity:.55}.circuit .grid{stroke:var(--ink-marker);stroke-width:.5px;stroke-linecap:round}.circuit .kerb{stroke:var(--ink-red);stroke-width:.55px;stroke-dasharray:.8 1.2;opacity:.6}.circuit .orange{stroke:var(--ink-orange);stroke-width:.34px;stroke-linecap:round;stroke-linejoin:round}.circuit .green{stroke:var(--ink-green);stroke-width:.3px;stroke-linecap:round}.circuit .skid{stroke:var(--ink-marker);stroke-width:.45px;stroke-linecap:round;opacity:.55}.desk[data-scene=ready] .leaf-work{inset:0}.desk[data-scene=ready] .leaf-work h2{left:calc(3.55 * var(--u));top:calc(5.4 * var(--u));max-width:none;width:calc(2.5 * var(--u));position:absolute;rotate:-2deg}.desk[data-scene=ready] .leaf-work .eyebrow{left:calc(2.95 * var(--u));top:calc(7.2 * var(--u));position:absolute;rotate:-3deg}.desk[data-scene=ready] .stop{margin:0;position:absolute;translate:-45% 80%;rotate:-2deg}.desk[data-scene=ready] .stop:nth-child(2){translate:-121% -85%}.desk[data-scene=ready] .stop:nth-child(3){translate:-108% -60%}.desk[data-scene=ready] .stop:nth-child(4){translate:-106% 35%;rotate:1.5deg}.desk[data-scene=ready] .stop:nth-child(5){translate:-96% 62%}.stop{--box:var(--ink-pen);color:var(--box);background:repeating-linear-gradient(-55deg, transparent 0 .32em, color-mix(in srgb, var(--box) 16%, transparent) .32em .42em)}.stop:nth-child(2){--box:var(--ink-green)}.stop:nth-child(3){--box:var(--ink-orange)}.stop:nth-child(4){--box:var(--ink-purple)}.stop:nth-child(5){--box:var(--ink-red)}.stop:before{border:3px solid var(--box);border-bottom-style:dashed}.stop span{color:var(--ink-marker);font-family:var(--marker);font-size:.8em}.desk[data-scene=ready][data-wide] .project{padding:calc(1.2 * var(--u)) calc(.9 * var(--u)) calc(.5 * var(--u));opacity:0;pointer-events:none}.desk[data-scene=ready][data-wide] .project[data-active]{opacity:1;pointer-events:auto}.desk[data-scene=ready][data-project] .page-two{opacity:0;pointer-events:none}.desk[data-scene=ready][data-wide] .project h2{font:400 calc(.5 * var(--u))/1.05 var(--marker);width:calc(4.4 * var(--u));color:var(--ink-marker);max-width:none;margin-bottom:calc(.3 * var(--u))}.desk[data-scene=ready][data-wide] .project p{max-width:calc(4.3 * var(--u));margin-bottom:calc(.16 * var(--u));font-size:calc(.25 * var(--u))}.desk[data-scene=ready][data-wide] .project .links{gap:calc(.4 * var(--u))}.desk[data-scene=ready][data-wide] h3{margin:calc(.12 * var(--u)) 0 calc(.02 * var(--u));font-size:calc(.23 * var(--u))}.desk[data-scene=ready][data-wide] .worked .what{font-size:calc(.2 * var(--u))}.desk[data-scene=ready][data-wide] .choices{width:calc(4.6 * var(--u));margin-bottom:calc(.2 * var(--u))}.desk[data-scene=ready][data-wide] .choices li{font-size:calc(.2 * var(--u));margin:0}.desk[data-scene=ready][data-wide] .worked .links{left:calc(.9 * var(--u));bottom:calc(.16 * var(--u));margin:0;position:absolute}.desk[data-scene=ready][data-wide] .worked h2{margin-bottom:calc(.06 * var(--u))}.desk[data-scene=ready][data-wide] .project .scrawl{width:calc(2.6 * var(--u));height:calc(.16 * var(--u));margin:0 0 calc(.1 * var(--u))}.desk[data-scene=ready][data-wide] .worked .built{font-size:calc(.19 * var(--u))}.desk[data-scene=ready][data-wide] .asides{right:calc(2.2 * var(--u));top:calc(6.38 * var(--u));width:calc(2.75 * var(--u));margin:0;position:absolute;rotate:2deg}.desk[data-scene=ready][data-wide] .asides li{margin:0 0 calc(.06 * var(--u));font-size:calc(.21 * var(--u))}.desk[data-scene=ready][data-wide] .worked .clipping{width:calc(3.4 * var(--u));top:calc(1.3 * var(--u))}.desk[data-scene=ready][data-wide] .pipeline{right:calc(.5 * var(--u));top:calc(4.25 * var(--u));width:calc(3.6 * var(--u));position:absolute;rotate:-1.5deg}.desk[data-scene=ready][data-wide] .pipeline ol{gap:calc(.14 * var(--u)) calc(.34 * var(--u));margin:calc(.08 * var(--u)) 0}.desk[data-scene=ready][data-wide] .pipeline li{padding:calc(.05 * var(--u)) calc(.12 * var(--u));font-size:calc(.2 * var(--u))}.desk[data-scene=ready][data-wide] .pipeline li:not(:last-child):after{left:calc(100% + .07 * var(--u));width:calc(.2 * var(--u));height:calc(.11 * var(--u))}.desk[data-scene=ready][data-wide] .pipeline p{max-width:none;font-size:calc(.18 * var(--u));margin:0}.desk[data-scene=ready][data-wide] .clipping{right:calc(.55 * var(--u));top:calc(1.4 * var(--u));width:calc(3.9 * var(--u));padding:calc(.09 * var(--u)) calc(.09 * var(--u)) calc(.06 * var(--u));margin:0;position:absolute}.desk[data-scene=ready][data-wide] .clipping figcaption{font-size:calc(.17 * var(--u))}.desk[data-scene=ready][data-wide] .pit-exit{padding:calc(.12 * var(--u)) calc(.2 * var(--u));font-size:calc(.26 * var(--u));white-space:nowrap;border:calc(.02 * var(--u)) dashed var(--ink-red);position:absolute;inset:auto;translate:-50% -50%;rotate:-3deg}.desk[data-scene=ready] .flags{left:calc(.9 * var(--u));top:calc(7.08 * var(--u));width:calc(1.9 * var(--u));margin:0;position:absolute;rotate:2deg}.desk[data-scene=ready] .leaf-notes{left:calc(.8 * var(--u));top:calc(4.45 * var(--u));width:calc(2.4 * var(--u));rotate:-1deg}.desk[data-scene=ready] .leaf-notes b{font-size:calc(.4 * var(--u))}.desk[data-scene=ready] .leaf-contact{left:calc(1.1 * var(--u));top:calc(6.2 * var(--u));padding:calc(.2 * var(--u)) calc(.35 * var(--u));font-size:calc(.28 * var(--u));rotate:-2deg}.desk[data-scene=ready] .eyebrow{font-size:max(1rem, calc(.22 * var(--u)))}.desk[data-scene=ready] h1{font-size:calc(1.5 * var(--u));margin:0}.desk[data-scene=ready] .scrawl{width:calc(6.4 * var(--u));height:calc(.42 * var(--u));margin-top:calc(.1 * var(--u));stroke-width:1.2px}.desk[data-scene=ready] h2{margin:calc(.04 * var(--u)) 0 calc(.14 * var(--u));font-size:calc(.4 * var(--u))}.desk[data-scene=ready] .leaf-notes p:not(.eyebrow){max-width:none;margin:0 0 calc(.1 * var(--u));font-size:max(1rem, calc(.2 * var(--u)))}.desk[data-scene=ready] li{margin-bottom:calc(.13 * var(--u))}.desk[data-scene=ready] li a{gap:0 calc(.08 * var(--u));padding:calc(.06 * var(--u)) calc(.14 * var(--u));font-size:calc(.28 * var(--u));white-space:nowrap;grid-template-columns:auto 1fr}.desk[data-scene=ready] li span,.desk[data-scene=ready] li em{font-size:max(.85rem, calc(.17 * var(--u)))}.desk[data-motion=still] .sound,.desk[data-motion=still] .skip-intro{display:none!important}.desk[data-scene=ready] .stage-button{z-index:2;color:var(--chalk);font:700 1.25rem/1 var(--pen);cursor:pointer;background:#1c140ecc;border:1px solid #f3ecd966;border-radius:999px;padding:.55rem 1.3rem .65rem;transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .14s cubic-bezier(.23,1,.32,1),visibility;display:block;position:absolute;bottom:clamp(1.5rem,5svh,3rem)}.next,.skip-intro{left:50%;translate:-50%}.desk[data-scene=ready] .look{text-underline-offset:.3em;background:0 0;border:0;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;top:clamp(1rem,3svh,2rem);bottom:auto;left:50%;translate:-50%}.desk:not([data-ball=true]) .look,.desk[data-intro=playing] .look,.desk[data-motion=still] .look{opacity:0;visibility:hidden;transition-delay:0s,0s,.2s}.desk[data-scene=ready] .next{width:4rem;height:4rem;color:var(--ink-pen);background:0 0;border:0;place-items:center;padding:0;display:grid}.next svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:url(#sketch);width:3.2rem;height:3.2rem}.desk:not([data-open=true]) .next,.desk[data-project] .next,.desk[data-intro=playing] .next,.desk:not([data-intro=playing]) .skip-intro{opacity:0;visibility:hidden;transition-delay:0s,0s,.2s}.desk[data-motion=still][data-page="2"] .next svg{rotate:180deg}.desk[data-scene=ready]:not([data-motion=still]) .sound{background:0 0;border:0;padding:.4rem .5rem;font-size:1.3rem;right:clamp(1rem,2.5vw,2.5rem);rotate:2deg}.desk[data-scene=ready]:not([data-motion=still]) .car-hint{z-index:2;max-width:8.5rem;color:var(--chalk);font:700 1.3rem/1.05 var(--pen);mix-blend-mode:difference;margin:0;transition:opacity .4s cubic-bezier(.23,1,.32,1);display:block;position:absolute;bottom:clamp(1.5rem,5svh,3rem);left:clamp(1.25rem,4vw,4rem);rotate:-2deg}.desk[data-drove=true] .car-hint,.desk[data-intro=playing] .car-hint{opacity:0}.stage-button:active{transform:scale(.97)}.stage-button:focus-visible{outline-offset:3px;outline:2px solid #ffd59b}.paper a:focus-visible{outline:2px solid var(--ink-red);outline-offset:3px}@media (hover:hover) and (pointer:fine){.skip-intro:hover{background:#2a1e15}.sound:hover{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.paper a:hover{-webkit-text-decoration:underline wavy var(--ink-red);text-decoration:underline wavy var(--ink-red)}}@media (width<=600px){.site-header nav{gap:1rem}.paper{width:92vw}.coffee{opacity:.55}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.coffee i{animation:none}.stage-button,.car-hint{transition:none}}.desk[data-scene=ready][data-wide] .choices:has(section:nth-child(2))+.built{display:none}.about .ink{display:none}.about .note{color:var(--ink-red);font:400 1.5rem/1.05 var(--marker);margin:.4rem 0}.about .skills{margin:1rem 0;padding:0;list-style:none}.about .skills li{color:var(--ink-pen);font:400 1.3rem/1.2 var(--pen);margin:0 0 .9rem}.about .skills li:before{content:none}.about .skills b{color:var(--ink-marker);font:400 1.5rem/1.1 var(--marker);display:block}.about .reach{flex-wrap:wrap;gap:.4rem 1.5rem;display:flex}.leaf-notes a{text-decoration:none;display:block}.leaf-notes b{font:700 clamp(2.2rem, 5vw, 3.4rem)/.95 var(--pen);display:block}.desk[data-scene=ready][data-wide] .about{padding:0}.desk[data-scene=ready][data-wide] .about .ink{fill:none;stroke:#d0102a;stroke-linecap:round;stroke-linejoin:round;filter:url(#crayon);pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.about .ink .fat{stroke-width:.9px}.about .ink .thin{stroke-width:.38px}.about .ink path{stroke-dasharray:1}.desk[data-scene=ready][data-wide] .about .note{color:#c20f26;max-width:none;font:400 calc(.3 * var(--u))/1.05 var(--marker);margin:0;position:absolute}.desk[data-scene=ready][data-wide] .about h2.note{left:calc(3.8 * var(--u));top:calc(1.1 * var(--u));white-space:nowrap;width:auto;font-size:calc(.42 * var(--u));color:var(--ink-marker);rotate:-1.5deg}.desk[data-scene=ready][data-wide] .about .skills{left:calc(3.9 * var(--u));top:calc(2.1 * var(--u));width:calc(5.4 * var(--u));margin:0;position:absolute}.desk[data-scene=ready][data-wide] .about .skills li.note{margin:0 0 calc(.2 * var(--u));color:var(--ink-pen);font:400 calc(.25 * var(--u))/1.15 var(--pen);position:relative}.desk[data-scene=ready][data-wide] .about .skills b{font-size:calc(.36 * var(--u))}.desk[data-scene=ready][data-wide] .about .skills li:nth-child(2){translate:calc(.35 * var(--u)) 0;rotate:-1deg}.desk[data-scene=ready] .about .skills li:nth-child(3){rotate:1deg}.desk[data-scene=ready] .about .skills li:nth-child(4){translate:calc(.25 * var(--u)) 0}.desk[data-scene=ready][data-wide] .about .n1{left:calc(.5 * var(--u));top:calc(1.2 * var(--u));rotate:-5deg}.desk[data-scene=ready][data-wide] .about .n3{left:calc(.5 * var(--u));top:calc(2.05 * var(--u));font-size:calc(.24 * var(--u));rotate:-5deg}.desk[data-scene=ready][data-wide] .about .n5{left:calc(3.95 * var(--u));top:calc(5.75 * var(--u));width:calc(5 * var(--u));color:var(--ink-pen);font:700 calc(.22 * var(--u))/1.15 var(--pen)}.desk[data-scene=ready][data-wide] .about .reach{left:calc(3.9 * var(--u));right:0;top:calc(6.3 * var(--u));justify-content:flex-start;align-items:baseline;gap:calc(.4 * var(--u));font-size:calc(.34 * var(--u));rotate:-2deg}.about .reach a{border:0;padding:0 .2em;text-decoration:none}.about del{opacity:.7;text-decoration:line-through;text-decoration-thickness:3px}@media (prefers-reduced-motion:no-preference){.desk[data-scene=ready][data-wide] .about[data-active] .ink path{animation:.7s cubic-bezier(.23,1,.32,1) both draw;animation-delay:calc(.5s + var(--i) * .38s)}.desk[data-scene=ready][data-wide] .about[data-active] .note{animation:.3s cubic-bezier(.23,1,.32,1) both land;animation-delay:calc(1s + var(--i) * .38s)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes land{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.booting .desk-stage>:not(canvas),.booting .desk-stage:after{visibility:hidden}.scroll-hint{display:none}.desk[data-scene=ready]:not([data-motion=still]) .scroll-hint{z-index:2;color:var(--chalk);font:700 1.5rem/1 var(--pen);pointer-events:none;margin:0;transition:opacity .3s cubic-bezier(.23,1,.32,1);display:block;position:absolute;bottom:clamp(1.5rem,5svh,3rem);left:50%;translate:-50%}.desk:not([data-ball=true]) .scroll-hint,.desk[data-intro=playing] .scroll-hint{opacity:0}.pixel-me{width:9rem;height:auto;image-rendering:pixelated;display:block}.desk[data-scene=ready][data-wide] .pixel-me{left:calc(.75 * var(--u));top:calc(2.55 * var(--u));width:calc(3.2 * var(--u));height:calc(4.4 * var(--u));position:absolute}.sheet-page{z-index:1;width:min(82vw,700px);color:var(--ink-pen);background:#f3ecd9e8;padding:clamp(2rem,6vw,4rem)}.desk[data-scene=ready] .sheet-page{background:0 0}.desk[data-scene=ready] .sheet-page:not([data-active]){visibility:hidden}.desk[data-scene=ready][data-wide] .sheet-page{width:calc(10 * var(--u));height:calc(7.8 * var(--u));margin:calc(-3.9 * var(--u)) 0 0 calc(-5 * var(--u));transform:rotateX(var(--tilt,0deg));position:absolute;top:50%;left:50%}.desk[data-scene=ready]:not([data-wide]) .sheet-page{z-index:4;overscroll-behavior:contain;opacity:0;pointer-events:none;background:#f1e8d2 repeating-linear-gradient(#0000 0 2.2rem,#718ca226 2.2rem 2.26rem);width:auto;margin:0;padding:1.5rem 1.4rem 2rem;transition:opacity .2s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;overflow-y:auto}.desk[data-scene=ready]:not([data-wide]) .sheet-page[data-active]{opacity:1;pointer-events:auto}.desk[data-scene=ready]:not([data-wide]) .sheet-page h2{max-width:none;color:var(--ink-marker);font:400 2rem/1.05 var(--marker);margin:.2rem 0 .8rem}.desk[data-scene=ready]:not([data-wide]) .sheet-page .eyebrow{font-size:1.3rem}.desk[data-scene=ready]:not([data-wide]) .sheet-page li{margin:0 0 .5rem}.desk[data-scene=ready]:not([data-wide]) .sheet-page li em{font-size:1.15rem}.desk[data-scene=ready]:not([data-wide]) .sheet-page .pit-exit{color:var(--ink-red);margin:1.5rem 0 0;display:inline-block}.desk[data-scene=ready]:not([data-wide]) .sheet-page .links{flex-wrap:wrap;gap:.8rem}.desk[data-scene=ready]:not([data-wide]) .about h2.note{color:var(--ink-marker)}.desk[data-scene=ready]:not([data-wide]) .about .reach{overflow-wrap:anywhere;flex-direction:column;font-size:1.25rem}.desk[data-scene=ready]:not([data-wide]) .site-header{font-size:calc(.46 * var(--u))}.desk[data-scene=ready]:not([data-wide]) .site-header>a{font-size:calc(.4 * var(--u))}.desk[data-scene=ready]:not([data-wide]) .site-header s{display:none}.desk[data-scene=ready]:not([data-wide]) .stop a{font-size:calc(.36 * var(--u));padding:calc(.12 * var(--u)) calc(.16 * var(--u))}.desk[data-scene=ready]:not([data-wide]) .stop em,.desk[data-scene=ready]:not([data-wide]) .stop span{display:none}.desk[data-scene=ready]:not([data-wide]) .next{color:var(--chalk)}.desk[data-scene=ready]:not([data-wide]) .struck{display:none}@media (pointer:coarse){.desk[data-scene=ready] .car-hint{display:none}}.desk[data-scene=ready]:not([data-wide]) .car-hint,.desk[data-scene=ready]:not([data-wide]) .leaf-contact{display:none}.desk[data-scene=ready]:not([data-wide]) .leaf-notes b{font-size:calc(.34 * var(--u))}.sheet-page a:focus-visible,.sheet-page h2:focus-visible{outline:2px solid var(--ink-red);outline-offset:3px}.desk[data-scene=ready][data-project] .page-two{visibility:hidden}.desk[data-scene=ready]:not([data-wide]) .site-header a{padding:calc(.2 * var(--u)) calc(.08 * var(--u))}.clipping video{cursor:pointer}h1 .word{white-space:nowrap;display:block}h1 .word span{display:inline-block}h1 .word span:nth-child(5n+1){translate:0 .02em;rotate:-2.5deg}h1 .word span:nth-child(5n+2){translate:0 -.025em;rotate:1.5deg}h1 .word span:nth-child(5n+3){rotate:-1deg;scale:1.03}h1 .word span:nth-child(5n+4){translate:0 .03em;rotate:2.2deg}h1 .word span:nth-child(5n){rotate:-.5deg;scale:.97}h1 .word:nth-child(2) span{rotate:1.8deg}h1 .word:nth-child(2) span:nth-child(2){translate:0 .03em;rotate:-2deg}h1 .word:nth-child(3) span:nth-child(3n){translate:0 -.03em}.track-note{display:none}.desk[data-scene=ready] .track-note{left:calc(5.5 * var(--u));top:calc(.98 * var(--u));color:var(--ink-pen);font:700 calc(.24 * var(--u))/1 var(--pen);white-space:nowrap;margin:0;display:block;position:absolute;rotate:1.5deg}.desk[data-scene=ready] .leaf-contact,.desk[data-scene=ready]:not([data-wide]) .track-note{display:none}.desk[data-scene=ready]:not([data-wide]) .leaf-notes{top:calc(5.15 * var(--u))}.desk[data-scene=ready]:not([data-wide]) .leaf-notes .eyebrow{font-size:calc(.3 * var(--u))}.desk[data-scene=ready]:not([data-wide]) .leaf-work h2{left:calc(3.7 * var(--u));top:calc(5.75 * var(--u));font-size:calc(.34 * var(--u))}