:root,:root[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-wall:#f2ede4;--color-card:#fbf8f2;--color-ink:#1a1816;--color-ink-soft:#5c5750;--color-line:#d9d2c5;--color-dot:#5c57504d;--color-grain-opacity:.06;--color-lilac:#e2cfef;--color-mint:#d1e8cf;--color-butter:#f4e6a6;--color-tape:var(--color-butter);--color-blush:#f3ccd6;--color-sky:#cfe0f0;--color-paper-ink:#1a1816;--color-paper-ink-soft:#5c5750;--color-sticker-paper:#fbf8f2;--color-thread:#dd042b;--color-link:#6e081a;--color-focus:#6e081a;--color-selection:#f4e6a6;--shadow-paper:0 6px 14px #1a18161f, 0 1px 2px #1a18161a;--shadow-paper-lift:0 14px 28px #1a181629, 0 2px 4px #1a18161a;--shadow-pin:0 2px 1.5px #1a18164d;--shadow-sticker:0 3px 4px #1a18162e;--shadow-page:0 -3px 6px #1a18161f;--shadow-flap:0 -6px 14px #1a181624;--shadow-lifted:0 34px 40px -8px #1a18164d;--color-desk:#5f4833;--color-desk-grain:#4d3827;--color-on-desk:#f5f1e9;--color-paper-white:#fbf8f2;--shadow-desk-edge:inset 0 10px 18px -12px #00000080}@supports (color:color(display-p3 0 0 0)){:root,:root[data-theme=day]{--color-wall:color(display-p3 .946046 .930712 .898708);--color-card:color(display-p3 .982972 .973209 .950523);--color-ink:color(display-p3 .100998 .0947921 .0875596);--color-ink-soft:color(display-p3 .357222 .341533 .31613);--color-line:color(display-p3 .846165 .824765 .77874);--color-dot:color(display-p3 .357222 .341533 .31613/.3);--color-lilac:color(display-p3 .873931 .814512 .928497);--color-mint:color(display-p3 .836815 .906378 .819936);--color-butter:color(display-p3 .947071 .903592 .679645);--color-blush:color(display-p3 .928317 .805089 .838135);--color-sky:color(display-p3 .823655 .876625 .93596);--color-paper-ink:color(display-p3 .100998 .0947921 .0875596);--color-paper-ink-soft:color(display-p3 .357222 .341533 .31613);--color-sticker-paper:color(display-p3 .982972 .973209 .950523);--color-thread:color(display-p3 .794986 .172339 .203293);--color-link:color(display-p3 .394832 .082486 .113709);--color-focus:color(display-p3 .394832 .082486 .113709);--color-selection:color(display-p3 .947071 .903592 .679645);--shadow-paper:0 6px 14px color(display-p3 .100998 .0947921 .0875596/.12), 0 1px 2px color(display-p3 .100998 .0947921 .0875596/.1);--shadow-paper-lift:0 14px 28px color(display-p3 .100998 .0947921 .0875596/.16), 0 2px 4px color(display-p3 .100998 .0947921 .0875596/.1);--shadow-pin:0 2px 1.5px color(display-p3 .100998 .0947921 .0875596/.3);--shadow-sticker:0 3px 4px color(display-p3 .100998 .0947921 .0875596/.18);--shadow-page:0 -3px 6px color(display-p3 .100998 .0947921 .0875596/.12);--shadow-flap:0 -6px 14px color(display-p3 .100998 .0947921 .0875596/.14);--shadow-lifted:0 34px 40px -8px color(display-p3 .100998 .0947921 .0875596/.3);--color-desk:color(display-p3 .358662 .284629 .212579);--color-desk-grain:color(display-p3 .288973 .223602 .164171);--color-on-desk:color(display-p3 .959668 .946918 .916731);--color-paper-white:color(display-p3 .982972 .973209 .950523);--shadow-desk-edge:inset 0 10px 18px -12px color(display-p3 0 0 0/.5)}}@supports (color:lab(0% 0 0)){:root,:root[data-theme=day]{--color-wall:lab(94.0117% .584692 4.94324);--color-card:lab(97.7154% .276446 3.42807);--color-ink:lab(8.47485% .659376 1.76408);--color-ink-soft:lab(37.267% 1.08497 4.89222);--color-line:lab(84.5203% .821888 7.267);--color-dot:lab(37.267% 1.08497 4.89222/.3);--color-lilac:lab(85.4629% 11.1537 -13.3323);--color-mint:lab(89.7422% -11.1573 9.39111);--color-butter:lab(91.2841% -1.95462 33.0867);--color-blush:lab(85.622% 15.4349 .436282);--color-sky:lab(88.2749% -3.5494 -10.0191);--color-paper-ink:lab(8.47485% .659376 1.76408);--color-paper-ink-soft:lab(37.267% 1.08497 4.89222);--color-sticker-paper:lab(97.7154% .276446 3.42807);--color-thread:lab(47.4008% 72.6704 45.1814);--color-link:lab(22.724% 42.3764 21.1139);--color-focus:lab(22.724% 42.3764 21.1139);--color-selection:lab(91.2841% -1.95462 33.0867);--shadow-paper:0 6px 14px lab(8.47485% .659376 1.76408/.12), 0 1px 2px lab(8.47485% .659376 1.76408/.1);--shadow-paper-lift:0 14px 28px lab(8.47485% .659376 1.76408/.16), 0 2px 4px lab(8.47485% .659376 1.76408/.1);--shadow-pin:0 2px 1.5px lab(8.47485% .659376 1.76408/.3);--shadow-sticker:0 3px 4px lab(8.47485% .659376 1.76408/.18);--shadow-page:0 -3px 6px lab(8.47485% .659376 1.76408/.12);--shadow-flap:0 -6px 14px lab(8.47485% .659376 1.76408/.14);--shadow-lifted:0 34px 40px -8px lab(8.47485% .659376 1.76408/.3);--color-desk:lab(32.6042% 8.14143 16.2499);--color-desk-grain:lab(25.6383% 7.65197 14.204);--color-on-desk:lab(95.4076% .351816 4.58115);--color-paper-white:lab(97.7154% .276446 3.42807);--shadow-desk-edge:inset 0 10px 18px -12px lab(0% 0 0/.5)}}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-wall:#1c1a18;--color-card:#26231f;--color-ink:#ede7dc;--color-ink-soft:#a8a096;--color-line:#3a3631;--color-dot:#ede7dc1f;--color-grain-opacity:.08;--color-lilac:#cdbbdc;--color-mint:#bdd6bb;--color-butter:#e2d396;--color-tape:#59502b;--color-blush:#e0b8c2;--color-sky:#baccdd;--color-paper-ink:#1a1816;--color-paper-ink-soft:#4a4640;--color-sticker-paper:#fbf8f2;--color-thread:#dd042b;--color-link:#f2899a;--color-focus:#f2899a;--color-selection:#4a4640;--shadow-paper:0 8px 18px #00000073, 0 1px 2px #0006;--shadow-paper-lift:0 16px 32px #00000080, 0 2px 4px #0006;--shadow-pin:0 2px 2px #00000080;--shadow-sticker:0 4px 6px #00000073;--shadow-page:0 -3px 6px #00000059;--shadow-flap:0 -6px 14px #0006;--shadow-lifted:0 34px 40px -8px #0009;--color-desk:#392a1e;--color-desk-grain:#2e2116;--color-on-desk:#ede7dc;--color-paper-white:#e2ddd5;--shadow-desk-edge:inset 0 10px 18px -12px #000000b3}@supports (color:color(display-p3 0 0 0)){:root[data-theme=night]{--color-wall:color(display-p3 .108232 .101968 .0946688);--color-card:color(display-p3 .147379 .137601 .122559);--color-ink:color(display-p3 .925657 .907136 .867797);--color-ink-soft:color(display-p3 .653766 .628977 .59307);--color-line:color(display-p3 .224183 .212084 .194565);--color-dot:color(display-p3 .925657 .907136 .867797/.12);--color-lilac:color(display-p3 .791631 .734939 .853376);--color-mint:color(display-p3 .759315 .836296 .741029);--color-butter:color(display-p3 .876107 .829785 .617785);--color-tape:color(display-p3 .341916 .314034 .188735);--color-blush:color(display-p3 .854346 .727866 .760722);--color-sky:color(display-p3 .742434 .797953 .860366);--color-paper-ink:color(display-p3 .100998 .0947921 .0875596);--color-paper-ink-soft:color(display-p3 .287115 .27497 .253914);--color-sticker-paper:color(display-p3 .982972 .973209 .950523);--color-thread:color(display-p3 .794986 .172339 .203293);--color-link:color(display-p3 .893638 .556698 .606924);--color-focus:color(display-p3 .893638 .556698 .606924);--color-selection:color(display-p3 .287115 .27497 .253914);--shadow-paper:0 8px 18px color(display-p3 0 0 0/.45), 0 1px 2px color(display-p3 0 0 0/.4);--shadow-paper-lift:0 16px 32px color(display-p3 0 0 0/.5), 0 2px 4px color(display-p3 0 0 0/.4);--shadow-pin:0 2px 2px color(display-p3 0 0 0/.5);--shadow-sticker:0 4px 6px color(display-p3 0 0 0/.45);--shadow-page:0 -3px 6px color(display-p3 0 0 0/.35);--shadow-flap:0 -6px 14px color(display-p3 0 0 0/.4);--shadow-lifted:0 34px 40px -8px color(display-p3 0 0 0/.6);--color-desk:color(display-p3 .215106 .168296 .125876);--color-desk-grain:color(display-p3 .173048 .130875 .0925728);--color-on-desk:color(display-p3 .925657 .907136 .867797);--color-paper-white:color(display-p3 .882143 .869043 .839539);--shadow-desk-edge:inset 0 10px 18px -12px color(display-p3 0 0 0/.7)}}@supports (color:lab(0% 0 0)){:root[data-theme=night]{--color-wall:lab(9.40291% .658222 1.78572);--color-card:lab(13.9403% .83454 3.38096);--color-ink:lab(91.9343% .698328 6.10033);--color-ink-soft:lab(66.3798% 1.67826 6.29866);--color-line:lab(22.8707% 1.00376 3.71735);--color-dot:lab(91.9343% .698328 6.10033/.12);--color-lilac:lab(78.1345% 11.24 -14.2873);--color-mint:lab(83.1927% -12.5313 10.5374);--color-butter:lab(84.7469% -1.19984 32.0582);--color-tape:lab(34.1304% -.344366 22.8097);--color-blush:lab(78.6398% 16.0885 .649047);--color-sky:lab(81.0793% -3.73426 -10.6982);--color-paper-ink:lab(8.47485% .659376 1.76408);--color-paper-ink-soft:lab(29.9599% .808746 4.16496);--color-sticker-paper:lab(97.7154% .276446 3.42807);--color-thread:lab(47.4008% 72.6704 45.1814);--color-link:lab(69.1676% 42.3239 9.58003);--color-focus:lab(69.1676% 42.3239 9.58003);--color-selection:lab(29.9599% .808746 4.16496);--shadow-paper:0 8px 18px lab(0% 0 0/.45), 0 1px 2px lab(0% 0 0/.4);--shadow-paper-lift:0 16px 32px lab(0% 0 0/.5), 0 2px 4px lab(0% 0 0/.4);--shadow-pin:0 2px 2px lab(0% 0 0/.5);--shadow-sticker:0 4px 6px lab(0% 0 0/.45);--shadow-page:0 -3px 6px lab(0% 0 0/.35);--shadow-flap:0 -6px 14px lab(0% 0 0/.4);--shadow-lifted:0 34px 40px -8px lab(0% 0 0/.6);--color-desk:lab(18.7126% 5.66906 10.5547);--color-desk-grain:lab(14.0759% 5.33643 9.91375);--color-on-desk:lab(91.9343% .698328 6.10033);--color-paper-white:lab(88.4448% .425488 4.57616);--shadow-desk-edge:inset 0 10px 18px -12px lab(0% 0 0/.7)}}:root{--font-display:"Bricolage Grotesque", ui-sans-serif, sans-serif;--font-body:"Instrument Sans", ui-sans-serif, sans-serif;--text-xs:.8125rem;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);--text-display:clamp(2.75rem, 1.6rem + 5vw, 5.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:7rem;--gutter:clamp(1rem, .5rem + 3vw, 7.5rem);--radius-paper:3px;--radius-pill:999px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--dur-press:.14s;--dur-lift:.2s;--dur-pin:.42s;--dur-crumple:.32s;--dur-reveal:.6s;--z-wall:0;--z-card:1;--z-nav:10;--z-lamp:11;--z-sheet:20}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}@supports not (overflow-x:clip){html{overflow-x:hidden}}html{scroll-behavior:smooth;scrollbar-color:var(--color-ink-soft) var(--color-wall);-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);caret-color:var(--color-thread);background-color:var(--color-wall);-webkit-font-smoothing:antialiased;transition:background-color var(--dur-lift) var(--ease-out), color var(--dur-lift) var(--ease-out);margin:0;line-height:1.55}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle at center, var(--color-dot) 1px, transparent 1.3px);background-size:20px 20px;position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";pointer-events:none;z-index:100;opacity:var(--color-grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}::selection{background:var(--color-selection);color:var(--color-ink)}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.05}p{text-wrap:pretty;max-width:65ch;margin:0}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:var(--z-sheet);padding:var(--space-2) var(--space-4);background:var(--color-ink);color:var(--color-wall);border-radius:var(--radius-pill);position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.page{width:min(1240px, 100% - 2 * var(--gutter));margin-inline-start:auto;margin-inline-end:auto}.section{padding-block:var(--space-8) var(--space-7);scroll-margin-top:var(--space-8)}.hand-heading{width:auto;height:max(2.5rem,min(1.8rem + 2.6vw,4rem));margin-bottom:var(--space-5);display:block}.hand-heading .drawing,.hand-heading .drawing svg{width:auto;height:100%}.drawing{line-height:0;display:inline-block}.drawing svg{width:100%;height:auto;display:block;overflow:visible}.drawing--sticker{color:var(--color-paper-ink);filter:drop-shadow(var(--shadow-sticker))}.drawing--sticker .sticker-back{fill:var(--color-sticker-paper)}.reveal{clip-path:inset(0 100% 0 0);transition:clip-path var(--dur-reveal) var(--ease-out)}[data-revealed=true] .reveal{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{clip-path:none;opacity:0;transition:opacity .15s linear}[data-revealed=true] .reveal{opacity:1}}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-wall);white-space:nowrap;cursor:pointer;transition:transform var(--dur-press) var(--ease-out);border:0;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.nav-wrap{top:var(--space-4);z-index:var(--z-nav);width:min(560px, 100% - 2 * var(--space-4));position:fixed;left:50%;transform:translate(-50%)}.nav{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);background:var(--color-card);border-radius:var(--radius-pill);box-shadow:var(--shadow-paper);display:flex}.nav__brand{width:52px;color:var(--color-ink);display:block}.nav__brand .drawing{width:100%}.nav__links a{position:relative}.nav__underline{color:var(--color-thread);pointer-events:none;position:absolute;bottom:2px;left:18%;right:18%}.nav__underline .drawing{width:100%;height:7px;display:block}.nav__underline svg{width:100%;height:100%}.nav-sheet a[aria-current=location]{text-decoration:underline;-webkit-text-decoration-color:var(--color-thread);-webkit-text-decoration-color:var(--color-thread);text-decoration-color:var(--color-thread);text-decoration-thickness:2px}.nav__links{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.nav__links a{padding:6px var(--space-4) 14px;border-radius:var(--radius-pill);font-weight:500;font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-lift) var(--ease-out);text-decoration:none;display:block}@media (hover:hover) and (pointer:fine){.nav__links a:hover{background:var(--color-wall)}}.nav__menu{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-wall);font-weight:500;font-size:var(--text-sm);cursor:pointer;border:0;display:none}.nav-sheet{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-card);box-shadow:var(--shadow-paper-lift);border-radius:20px}.nav-sheet ul{margin:0;padding:0;list-style:none}.nav-sheet a{padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;text-decoration:none;display:block}@media (max-width:699px){.nav__links{display:none}.nav__menu{display:inline-flex}}@media (min-width:700px){.nav-sheet{display:none}}.lamp{top:var(--space-3);right:var(--space-5);z-index:var(--z-lamp);width:56px;height:86px;color:var(--color-ink);cursor:pointer;transform-origin:70% 0;transition:transform var(--dur-lift) var(--ease-out);background:0 0;border:0;padding:0;position:fixed}.lamp__post{width:100%;position:relative}.lamp__glow{aspect-ratio:1;background:radial-gradient(circle in oklch, var(--color-butter) 0%, transparent 70%);opacity:0;width:52%;transition:opacity var(--dur-lift) var(--ease-out), transform var(--dur-lift) var(--ease-out);border-radius:50%;position:absolute;top:46%;left:2%;transform:scale(.6)}.lamp[data-lit=true] .lamp__glow{opacity:1;transform:scale(1.6)}@media (hover:hover) and (pointer:fine){.lamp:hover{transform:rotate(-4deg)}}.lamp:active{transform:rotate(-4deg)scale(.97)}@media (max-width:699px){.lamp{top:auto;bottom:var(--space-4);right:var(--space-4);box-sizing:content-box;background:var(--color-card);width:50px;height:78px;box-shadow:var(--shadow-paper);border-radius:18px;padding:6px}}.intro{align-items:end;gap:var(--space-6);padding-top:max(7rem,min(5rem + 6vw,10rem));padding-bottom:var(--space-7);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.intro__title{width:min(640px,100%)}.intro__title .drawing{width:100%}.intro__tagline{margin-top:var(--space-5);font-size:var(--text-lg);color:var(--color-ink-soft);max-width:34ch}.scroll-doodle.intro__doodle{width:max(90px,min(6rem + 4vw,160px));margin-bottom:var(--space-2);position:relative}@media (max-width:1539px){.intro__margin-doodle{display:none}}@media (max-width:699px){.intro{grid-template-columns:minmax(0,1fr);padding-top:6.5rem}.scroll-doodle.intro__doodle{width:60px;position:absolute;top:5.5rem;right:0}.intro__title{width:calc(100% - 72px)}}.allwork{z-index:var(--z-sheet);overscroll-behavior:contain;padding:var(--space-5) var(--space-4) var(--space-8);background-color:var(--color-wall);background-image:radial-gradient(circle at center, var(--color-dot) 1px, transparent 1.3px);background-size:20px 20px;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.allwork__back{min-height:44px;padding:var(--space-2) var(--space-2) var(--space-2) 0;color:var(--color-ink);cursor:pointer;background:0 0;border:0;align-items:center;display:inline-flex}.allwork__back .drawing{width:150px}.allwork__next{padding-block:var(--space-2)}.allwork__next .drawing{width:112px;display:block}.allwork__title{margin:var(--space-3) 0 var(--space-5);font-size:var(--text-2xl)}.allwork__tabs{gap:var(--space-1);display:flex}.allwork__tab{padding:var(--space-2) var(--space-4) var(--space-3);color:var(--color-paper-ink);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:transform var(--dur-lift) var(--ease-out);border:0;border-radius:10px 10px 0 0;transform:translateY(6px)}.allwork__tab[aria-selected=true]{font-weight:600;transform:translateY(0)}.allwork__tab[data-paper=lilac]{background:var(--color-lilac)}.allwork__tab[data-paper=mint]{background:var(--color-mint)}.allwork__tab[data-paper=blush]{background:var(--color-blush)}.allwork__stack{margin-top:var(--space-7);display:grid;position:relative}.allwork__file{touch-action:pan-y;grid-area:1/1}.allwork__file .card__note{display:none}.allwork__controls{margin-top:var(--space-6);color:var(--color-ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;display:flex}.wall{--wall-grid:min(1180px, 100% - 2 * var(--gutter));--wall-side:calc((100% - var(--wall-grid)) / 2);padding-inline:var(--wall-side);padding-top:var(--space-5);padding-bottom:var(--space-7);position:relative}.wall__filters{gap:var(--space-2);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.chip{padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);background:var(--color-card);box-shadow:var(--shadow-paper);font-weight:500;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-lift) var(--ease-out), color var(--dur-lift) var(--ease-out), transform var(--dur-press) var(--ease-out);border:0}.chip[aria-pressed=true]{background:var(--color-ink);color:var(--color-wall)}.chip:active{transform:scale(.97)}.wall__picks-label{color:var(--color-ink-soft);margin-bottom:var(--space-6)}.wall__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8.5rem max(2.5rem,min(1rem + 3.5vw,4.5rem));margin:0;padding:0;list-style:none;display:grid}.wall__slot{z-index:var(--z-card);position:relative}.wall__slot:hover,.wall__slot:focus-within{z-index:calc(var(--z-card) + 2)}.wall__slot[data-slot="0"]{margin-top:.5rem}.wall__slot[data-slot="1"]{margin-top:4.5rem}.wall__slot[data-slot="2"]{margin-top:1.5rem;translate:8px}.wall__slot[data-slot="3"]{margin-top:-1.5rem;translate:-10px}.wall__slot[data-slot="4"]{margin-top:3rem}.wall__slot[data-slot="5"]{margin-top:-.5rem;translate:12px}.wall__slot[data-slot="6"]{margin-top:1rem}.wall__grid[data-count="7"] .wall__slot[data-slot="6"]{grid-column:2}.wall__creases{fill:none;width:100%;height:100%;stroke:var(--color-paper-ink-soft);stroke-width:.7px;pointer-events:none;opacity:0;z-index:3;position:absolute;top:0;bottom:0;left:0;right:0}.card__lift{z-index:-1;border-radius:inherit;box-shadow:var(--shadow-lifted);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.card{padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-paper);color:var(--color-paper-ink);box-shadow:var(--shadow-paper);transition:box-shadow var(--dur-lift) var(--ease-out);position:relative}.wall__slot:hover .card{box-shadow:var(--shadow-paper-lift)}.card[data-paper=lilac]{background:var(--color-lilac)}.card[data-paper=mint]{background:var(--color-mint)}.card[data-paper=blush]{background:var(--color-blush)}.card[data-paper=split]{background:linear-gradient(115deg, var(--color-lilac) 50%, var(--color-mint) 50%)}.card__fastener{z-index:2;color:var(--color-paper-ink);position:absolute;left:50%;translate:-50%}.card__fastener .drawing{width:100%;position:relative}.card__fastener--tack{color:var(--color-ink)}.card__fastener--tack .drawing{filter:drop-shadow(var(--shadow-pin))}.card__fastener[data-fastener=thumbtack-front]{width:40px;top:-34px}.card__fastener[data-fastener=thumbtack-tilted-1],.card__fastener[data-fastener=thumbtack-tilted-2]{width:48px;top:-30px}.card__fastener[data-fastener=thumbtack-side-left],.card__fastener[data-fastener=thumbtack-side-right]{width:60px;top:-14px}.card__tack-backing{aspect-ratio:1;background:var(--color-card);width:30px;box-shadow:var(--shadow-paper);border-radius:50%;position:absolute}[data-fastener=thumbtack-front] .card__tack-backing{width:34px;top:2px;left:50%;translate:-50%}[data-fastener=thumbtack-tilted-1] .card__tack-backing,[data-fastener=thumbtack-tilted-2] .card__tack-backing{top:-4px;right:-2px}[data-fastener=thumbtack-side-left] .card__tack-backing{top:50%;right:-6px;translate:0 -50%}[data-fastener=thumbtack-side-right] .card__tack-backing{top:50%;left:-6px;translate:0 -50%}.card__fastener--tape{width:110px;color:var(--color-ink);top:-20px;rotate:-4deg}.card__tape-fill{background:var(--color-tape);opacity:.8;position:absolute;top:12%;bottom:12%;left:6%;right:6%}.card__cover{position:relative}.card__cover img{border-radius:2px;width:100%}.card__circle{color:var(--color-thread);pointer-events:none;position:absolute;top:-7%;bottom:-7%;left:-6%;right:-6%}.card__circle svg{height:100%}.card__title{margin-top:var(--space-4);font-size:var(--text-xl);letter-spacing:-.015em;font-weight:600}.card__meta{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-paper-ink-soft)}.card__links{gap:var(--space-2) var(--space-5);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.card__links a{font-weight:600;font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.card__note{right:-2%;top:calc(100% + var(--space-2));width:74%;color:var(--color-ink);pointer-events:none;position:absolute;rotate:-3deg}@media (hover:hover) and (pointer:fine){.card:hover .reveal{clip-path:inset(0)}}.card:focus-within .reveal{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.card:hover .reveal,.card:focus-within .reveal{opacity:1}}.scroll-doodle{z-index:0;will-change:transform;color:var(--color-ink);pointer-events:none;position:absolute}.scroll-doodle .drawing{width:100%}.sticker-move{display:block}.board-doodle--ink{color:var(--color-thread)}:root[data-theme=day] .board-doodle--plain-by-day .sticker-back{fill:#0000}:root[data-theme=day] .board-doodle--plain-by-day .drawing--sticker{filter:none}.wall__see-all{margin-top:var(--space-7)}@media (max-width:1379px){.board-doodle--gutter{display:none}}@media (max-width:1679px){.board-doodle--far{display:none}}@media (max-width:1023px){.wall__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wall__slot[data-slot]{margin-top:0;translate:none}.wall__slot:nth-child(2n){margin-top:2.5rem}.wall__grid[data-count="7"] .wall__slot[data-slot="6"]{grid-column:auto}}@media (max-width:699px){.wall__grid{row-gap:var(--space-8);padding-inline:var(--space-2);grid-template-columns:minmax(0,1fr)}.wall__slot{padding-bottom:6.5rem}.wall__slot:nth-child(2n){margin-top:0}.wall__see-all{margin-top:var(--space-4)}.board-doodle{display:none}}.toolkit{isolation:isolate;position:relative}.toolkit--scroll{height:340vh;scroll-margin-top:0}.toolkit__sticky{height:100vh;padding-top:var(--space-8);padding-bottom:var(--space-6);flex-direction:column;display:flex;position:sticky;top:0}.toolkit__stage{flex:1;max-height:760px;position:relative}.sheet{z-index:40;width:128px;padding:var(--space-3) var(--space-3) var(--space-5);background:var(--color-paper-white);color:var(--color-paper-ink);box-shadow:var(--shadow-paper);will-change:transform;border-radius:2px;position:absolute}.sheet__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);white-space:nowrap;line-height:1.15;display:block}.sheet__rule{height:2px;margin-top:var(--space-3);background:var(--color-line);border-radius:1px;display:block}.sheet__rule--short{width:60%}.sheet__tabs{gap:4px;display:grid;position:absolute;top:10px;right:-7px}.sheet__tab{background:var(--color-blush);border-radius:0 3px 3px 0;width:12px;height:14px;display:block}.sheet__tab:nth-child(2){background:var(--color-sky)}.sheet__tab:nth-child(3){background:var(--color-lilac)}.sheet__tab:nth-child(4){background:var(--color-mint)}.folders{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:max(2rem,min(1rem + 5vw,6rem));display:grid;position:absolute;bottom:0;left:4%;right:4%}.folders--static{margin-top:var(--space-6);align-items:start;padding-inline-start:4%;padding-inline-end:4%;position:static}.folder{padding-top:26px;position:relative}.folder__back{background:var(--color-butter);filter:brightness(.9);border-radius:6px 12px 12px;position:absolute;top:26px;bottom:0;left:0;right:0}.folder__back:before{content:"";background:inherit;border-radius:10px 10px 0 0;width:38%;height:28px;position:absolute;top:-26px;left:0}.folder__pages{z-index:1;height:calc(var(--stack) + var(--subs-room,0px) + 8px);margin:0 5%;padding:0;list-style:none;position:relative}.filed-page{height:140px;padding:7px var(--space-4) 0;align-content:flex-start;align-items:baseline;gap:var(--space-2) var(--space-3);color:var(--color-paper-ink);background:var(--color-paper-white);border-top:1px solid var(--color-line);box-shadow:var(--shadow-page);border-radius:4px 4px 0 0;flex-wrap:wrap;display:flex;position:absolute;left:0;right:0}.filed-page[data-tint="1"]{background:var(--color-sky)}.filed-page[data-tint="2"]{background:var(--color-mint)}.folder[data-folder=ux] .filed-page[data-tint="1"]{background:var(--color-lilac)}.folder[data-folder=ux] .filed-page[data-tint="2"]{background:var(--color-blush)}.filed-page__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);white-space:nowrap}.folder[data-subs]{--subs-room:30px}@media (max-width:699px){.folder[data-subs]{--subs-room:56px}}.filed-page__subs{gap:var(--space-1) var(--space-2);flex-wrap:wrap;flex-basis:100%;display:flex}.filed-page__sub{font-size:var(--text-xs);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-paper-white);color:var(--color-paper-ink-soft);white-space:nowrap}.filed-page__lines{left:var(--space-4);background:repeating-linear-gradient(to bottom, var(--color-line) 0 2px, transparent 2px 10px);height:22px;position:absolute;top:40px;right:30%}.folder__front{z-index:30;min-height:132px;padding:var(--space-6) var(--space-5) var(--space-5);background:var(--color-butter);color:var(--color-paper-ink);box-shadow:var(--shadow-flap), var(--shadow-paper);border-radius:4px 4px 12px 12px;margin-top:0;position:relative}.folder__label{font-size:var(--text-xl);font-weight:700}.folder__count{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-paper-ink-soft)}.toolkit__doodle{right:4%;top:var(--space-8);width:92px}@media (max-width:699px){.folders--static{gap:var(--space-7);grid-template-columns:minmax(0,1fr)}}.about{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:max(2rem,min(1rem + 4vw,5rem));display:grid;position:relative}.about__portrait{width:100%;position:relative}.about__text p{max-width:62ch;font-size:var(--text-lg);line-height:1.6}.about__text p+p{margin-top:var(--space-4)}.about__signature{width:160px;margin-top:var(--space-5);display:block}.about__doodle--horse{right:2%;bottom:var(--space-5);width:150px}.about__doodle--totoro{right:18%;top:var(--space-6);width:70px}.desk{padding-block:var(--space-7) var(--space-5);color:var(--color-on-desk);background-color:var(--color-desk);background-image:repeating-linear-gradient(176deg, transparent 0 22px, var(--color-desk-grain) 22px 23px, transparent 23px 41px, var(--color-desk-grain) 41px 42.5px);box-shadow:var(--shadow-desk-edge)}.desk__title{height:max(3rem,min(2rem + 3vw,4.75rem))}.desk__items{margin:var(--space-5) 0 0;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:max(1.5rem,min(.5rem + 2.5vw,3.5rem));padding:0;list-style:none;display:flex}.desk__item{flex:none}.desk__item a,.desk__paper{gap:var(--space-2);color:var(--color-paper-ink);box-shadow:var(--shadow-paper);transition:transform var(--dur-lift) var(--ease-out), box-shadow var(--dur-lift) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.desk__item a:hover{box-shadow:var(--shadow-paper-lift);transform:translateY(-6px)rotate(0)}}.desk__item a:active{transform:scale(.98)}.desk__label{align-items:center;gap:var(--space-1);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);white-space:nowrap;display:inline-flex}.desk__small{font-size:var(--text-sm);color:var(--color-paper-ink-soft)}.desk__item--envelope .desk__paper{width:272px;padding:4rem var(--space-4) var(--space-4);background:var(--color-paper-white);border-radius:4px;overflow:hidden;transform:rotate(-4deg)}.envelope__flap{background:var(--color-blush);clip-path:polygon(0 0,100% 0,50% 100%);height:3.75rem;position:absolute;top:0;bottom:auto;left:0;right:0}.desk__item--envelope .desk__small{overflow-wrap:anywhere;color:var(--color-paper-ink);-webkit-user-select:all;user-select:all}.desk__item--card a{width:210px;padding:var(--space-4) var(--space-5);background:var(--color-sky);margin-top:var(--space-4);border-radius:6px;transform:rotate(3deg)}.card-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);white-space:nowrap}.desk__item--cv a{width:170px;min-height:190px;padding:var(--space-4) var(--space-5);background:var(--color-paper-white);border-radius:2px;transform:rotate(-2deg)}.cv-title{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl)}.desk__lines{gap:var(--space-2);margin-block:var(--space-2) var(--space-4);display:grid}.desk__lines span{background:var(--color-line);border-radius:2px;height:3px}.desk__lines span:nth-child(2n){width:70%}.paperclip{border:3px solid var(--color-ink-soft);border-radius:10px;width:16px;height:46px;position:absolute;top:-12px;right:22px}.desk__item--sketchbook a{width:200px;padding:2.25rem var(--space-5) var(--space-4);background:var(--color-lilac);margin-top:var(--space-3);border-radius:4px 12px 12px 4px;transform:rotate(5deg)}.spiral{left:var(--space-4);right:var(--space-4);background:radial-gradient(circle at center, var(--color-paper-ink) 3px, transparent 3.5px) 0 0 / 16px 10px repeat-x;height:10px;position:absolute;top:8px}.desk__item--sticky a{width:160px;min-height:130px;padding:var(--space-4) var(--space-5);background:var(--color-butter);margin-top:var(--space-5);transform:rotate(-6deg)}.desk__copyright{margin-top:var(--space-7);font-size:var(--text-sm);opacity:.75}@media (max-width:1023px){.desk__items{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:699px){.about{grid-template-columns:minmax(0,1fr)}.about__portrait{width:70%;margin-inline-start:auto;margin-inline-end:auto}.about__doodle--horse{width:100px;bottom:-1rem}.about__doodle--totoro{display:none}.desk{padding-bottom:7rem}.desk__items{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.desk__item a,.desk__item .desk__paper{width:100%;margin-top:0}.desk__item--envelope{grid-column:1/-1}.card-name{font-size:var(--text-base)}}