:root,:root[data-theme=day]{color-scheme:light;--color-wall: oklch(94.8% .013 82.4);--color-card: oklch(98% .009 84.6);--color-ink: oklch(21.1% .005 67.6);--color-ink-soft: oklch(45.9% .013 76.5);--color-line: oklch(86.6% .019 83.1);--color-dot: oklch(45.9% .013 76.5 / .3);--color-grain-opacity: .06;--color-lilac: oklch(88% .048 311.7);--color-mint: oklch(90.7% .041 143);--color-butter: oklch(92.1% .083 97.3);--color-tape: var(--color-butter);--color-blush: oklch(88.1% .046 .9);--color-sky: oklch(89.9% .029 246.5);--color-paper-ink: oklch(21.1% .005 67.6);--color-paper-ink-soft: oklch(45.9% .013 76.5);--color-sticker-paper: oklch(98% .009 84.6);--color-thread: oklch(56.7% .228 23.8);--color-link: oklch(34.6% .132 20.2);--color-focus: oklch(34.6% .132 20.2);--color-selection: oklch(92.1% .083 97.3);--shadow-paper: 0 6px 14px oklch(21.1% .005 67.6 / .12), 0 1px 2px oklch(21.1% .005 67.6 / .1);--shadow-paper-lift: 0 14px 28px oklch(21.1% .005 67.6 / .16), 0 2px 4px oklch(21.1% .005 67.6 / .1);--shadow-pin: 0 2px 1.5px oklch(21.1% .005 67.6 / .3);--shadow-sticker: 0 3px 4px oklch(21.1% .005 67.6 / .18);--shadow-page: 0 -3px 6px oklch(21.1% .005 67.6 / .12);--shadow-flap: 0 -6px 14px oklch(21.1% .005 67.6 / .14);--shadow-lifted: 0 34px 40px -8px oklch(21.1% .005 67.6 / .3);--color-desk: oklch(42% .045 62);--color-desk-grain: oklch(36% .04 60);--color-on-desk: oklch(96% .012 85);--color-paper-white: oklch(98% .009 84.6);--shadow-desk-edge: inset 0 10px 18px -12px oklch(0% 0 0 / .5)}:root[data-theme=night]{color-scheme:dark;--color-wall: oklch(21.9% .005 67.6);--color-card: oklch(25.8% .009 75.2);--color-ink: oklch(93% .016 82.8);--color-ink-soft: oklch(71% .017 73.6);--color-line: oklch(33.5% .01 73.6);--color-dot: oklch(93% .016 82.8 / .12);--color-grain-opacity: .08;--color-lilac: oklch(81.7% .05 309.7);--color-mint: oklch(85% .046 143.1);--color-butter: oklch(86.5% .08 96);--color-tape: oklch(43% .055 96);--color-blush: oklch(82.1% .048 1.5);--color-sky: oklch(83.7% .031 246.6);--color-paper-ink: oklch(21.1% .005 67.6);--color-paper-ink-soft: oklch(39.6% .011 78.2);--color-sticker-paper: oklch(98% .009 84.6);--color-thread: oklch(56.7% .228 23.8);--color-link: oklch(74.7% .129 10.3);--color-focus: oklch(74.7% .129 10.3);--color-selection: oklch(39.6% .011 78.2);--shadow-paper: 0 8px 18px oklch(0% 0 0 / .45), 0 1px 2px oklch(0% 0 0 / .4);--shadow-paper-lift: 0 16px 32px oklch(0% 0 0 / .5), 0 2px 4px oklch(0% 0 0 / .4);--shadow-pin: 0 2px 2px oklch(0% 0 0 / .5);--shadow-sticker: 0 4px 6px oklch(0% 0 0 / .45);--shadow-page: 0 -3px 6px oklch(0% 0 0 / .35);--shadow-flap: 0 -6px 14px oklch(0% 0 0 / .4);--shadow-lifted: 0 34px 40px -8px oklch(0% 0 0 / .6);--color-desk: oklch(30% .03 60);--color-desk-grain: oklch(26% .028 60);--color-on-desk: oklch(93% .016 82.8);--color-paper-white: oklch(90% .012 84);--shadow-desk-edge: inset 0 10px 18px -12px oklch(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}html{scroll-behavior:smooth;scrollbar-color:var(--color-ink-soft) var(--color-wall);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-ink);caret-color:var(--color-thread);background-color:var(--color-wall);background-image:radial-gradient(circle at center,var(--color-dot) 1px,transparent 1.3px);background-size:20px 20px;background-attachment:fixed;-webkit-font-smoothing:antialiased;transition:background-color var(--dur-lift) var(--ease-out),color var(--dur-lift) var(--ease-out)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;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")}::selection{background:var(--color-selection);color:var(--color-ink)}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0;text-wrap:balance}p{margin:0;max-width:65ch;text-wrap:pretty}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-4);top:-100px;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)}.skip-link:focus{top:var(--space-4)}.page{width:min(1240px,100% - 2 * var(--gutter));margin-inline:auto}.section{padding-block:var(--space-8) var(--space-7);scroll-margin-top:var(--space-8)}.hand-heading{display:block;width:auto;height:clamp(2.5rem,1.8rem + 2.6vw,4rem);margin-bottom:var(--space-5)}.hand-heading .drawing,.hand-heading .drawing svg{height:100%;width:auto}.drawing{display:inline-block;line-height:0}.drawing svg{display:block;width:100%;height:auto;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 0 0 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{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:0;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-wall);font-weight:500;white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform var(--dur-press) var(--ease-out)}.btn:active{transform:scale(.97)}.nav-wrap{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);z-index:var(--z-nav);width:min(560px,100% - 2 * var(--space-4))}.nav{display:flex;align-items:center;justify-content:space-between;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)}.nav__brand{display:block;width:52px;color:var(--color-ink)}.nav__brand .drawing{width:100%}.nav__links a{position:relative}.nav__underline{position:absolute;left:18%;right:18%;bottom:2px;color:var(--color-thread);pointer-events:none}.nav__underline .drawing{display:block;width:100%;height:7px}.nav__underline svg{width:100%;height:100%}.nav-sheet a[aria-current=location]{text-decoration:underline;text-decoration-color:var(--color-thread);text-decoration-thickness:2px}.nav__links{display:flex;gap:var(--space-1);list-style:none;margin:0;padding:0}.nav__links a{display:block;padding:6px var(--space-4) 14px;border-radius:var(--radius-pill);font-weight:500;font-size:var(--text-sm);text-decoration:none;white-space:nowrap;transition:background-color var(--dur-lift) var(--ease-out)}@media(hover:hover)and (pointer:fine){.nav__links a:hover{background:var(--color-wall)}}.nav__menu{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-wall);font-weight:500;font-size:var(--text-sm);cursor:pointer}.nav-sheet{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-card);border-radius:20px;box-shadow:var(--shadow-paper-lift)}.nav-sheet ul{list-style:none;margin:0;padding:0}.nav-sheet a{display:block;padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;text-decoration:none}@media(max-width:699px){.nav__links{display:none}.nav__menu{display:inline-flex}}@media(min-width:700px){.nav-sheet{display:none}}.lamp{position:fixed;top:var(--space-3);right:var(--space-5);z-index:var(--z-lamp);width:56px;height:86px;padding:0;border:0;background:none;color:var(--color-ink);cursor:pointer;transform-origin:70% 0%;transition:transform var(--dur-lift) var(--ease-out)}.lamp__post{position:relative;width:100%}.lamp__glow{position:absolute;left:2%;top:46%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle in oklch,var(--color-butter) 0%,transparent 70%);opacity:0;transform:scale(.6);transition:opacity var(--dur-lift) var(--ease-out),transform var(--dur-lift) var(--ease-out)}.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);width:50px;height:78px;padding:6px;box-sizing:content-box;background:var(--color-card);border-radius:18px;box-shadow:var(--shadow-paper)}}.intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-6);padding-top:clamp(7rem,5rem + 6vw,10rem);padding-bottom:var(--space-7)}.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}.intro__doodle{width:clamp(90px,6rem + 4vw,160px);margin-bottom:var(--space-2)}@media(max-width:1539px){.intro__margin-doodle{display:none}}@media(max-width:699px){.intro{grid-template-columns:minmax(0,1fr);padding-top:6.5rem}.intro__doodle{position:absolute;right:0;top:5.5rem;width:60px}.intro__title{width:calc(100% - 72px)}}.allwork{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);overflow-y:auto;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}.allwork__back{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-2) var(--space-2) 0;border:0;background:none;color:var(--color-ink);cursor:pointer}.allwork__back .drawing{width:150px}.allwork__next{padding-block:var(--space-2)}.allwork__next .drawing{display:block;width:112px}.allwork__title{margin:var(--space-3) 0 var(--space-5);font-size:var(--text-2xl)}.allwork__tabs{display:flex;gap:var(--space-1)}.allwork__tab{padding:var(--space-2) var(--space-4) var(--space-3);border:0;border-radius:10px 10px 0 0;color:var(--color-paper-ink);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transform:translateY(6px);transition:transform var(--dur-lift) var(--ease-out)}.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{position:relative;display:grid;margin-top:var(--space-7)}.allwork__file{grid-area:1 / 1;touch-action:pan-y}.allwork__file .card__note{display:none}.allwork__controls{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6);color:var(--color-ink-soft);font-variant-numeric:tabular-nums}.wall{--wall-grid: min(1180px, 100% - 2 * var(--gutter));--wall-side: calc((100% - var(--wall-grid)) / 2);position:relative;padding-inline:var(--wall-side);padding-top:var(--space-5);padding-bottom:var(--space-7)}.wall__filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-7)}.chip{padding:var(--space-2) var(--space-5);border:0;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)}.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{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:clamp(2.5rem,1rem + 3.5vw,4.5rem);row-gap:8.5rem}.wall__slot{position:relative;z-index:var(--z-card)}.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 0}.wall__slot[data-slot="3"]{margin-top:-1.5rem;translate:-10px 0}.wall__slot[data-slot="4"]{margin-top:3rem}.wall__slot[data-slot="5"]{margin-top:-.5rem;translate:12px 0}.wall__slot[data-slot="6"]{margin-top:1rem}.wall__grid[data-count="7"] .wall__slot[data-slot="6"]{grid-column:2}.wall__creases{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:var(--color-paper-ink-soft);stroke-width:.7;pointer-events:none;opacity:0;z-index:3}.card__lift{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;box-shadow:var(--shadow-lifted);pointer-events:none}.card{position:relative;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)}.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{position:absolute;left:50%;z-index:2;translate:-50% 0;color:var(--color-paper-ink)}.card__fastener .drawing{position:relative;width:100%}.card__fastener--tack{color:var(--color-ink)}.card__fastener--tack .drawing{filter:drop-shadow(var(--shadow-pin))}.card__fastener[data-fastener=thumbtack-front]{top:-34px;width:40px}.card__fastener[data-fastener=thumbtack-tilted-1],.card__fastener[data-fastener=thumbtack-tilted-2]{top:-30px;width:48px}.card__fastener[data-fastener=thumbtack-side-left],.card__fastener[data-fastener=thumbtack-side-right]{top:-14px;width:60px}.card__tack-backing{position:absolute;width:30px;aspect-ratio:1;border-radius:50%;background:var(--color-card);box-shadow:var(--shadow-paper)}[data-fastener=thumbtack-front] .card__tack-backing{left:50%;top:2px;translate:-50% 0;width:34px}[data-fastener=thumbtack-tilted-1] .card__tack-backing,[data-fastener=thumbtack-tilted-2] .card__tack-backing{right:-2px;top:-4px}[data-fastener=thumbtack-side-left] .card__tack-backing{right:-6px;top:50%;translate:0 -50%}[data-fastener=thumbtack-side-right] .card__tack-backing{left:-6px;top:50%;translate:0 -50%}.card__fastener--tape{top:-20px;width:110px;rotate:-4deg;color:var(--color-ink)}.card__tape-fill{position:absolute;top:12%;right:6%;bottom:12%;left:6%;background:var(--color-tape);opacity:.8}.card__cover{position:relative}.card__cover img{width:100%;border-radius:2px}.card__circle{position:absolute;top:-7%;right:-6%;bottom:-7%;left:-6%;color:var(--color-thread);pointer-events:none}.card__circle svg{height:100%}.card__title{margin-top:var(--space-4);font-size:var(--text-xl);font-weight:600;letter-spacing:-.015em}.card__meta{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-paper-ink-soft)}.card__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);list-style:none;margin:var(--space-4) 0 0;padding:0}.card__links a{display:inline-flex;align-items:center;gap:2px;font-weight:600;font-size:var(--text-sm);white-space:nowrap}.card__note{position:absolute;right:-2%;top:calc(100% + var(--space-2));width:74%;color:var(--color-ink);rotate:-3deg;pointer-events:none}@media(hover:hover)and (pointer:fine){.card:hover .reveal{clip-path:inset(0 0 0 0)}}.card:focus-within .reveal{clip-path:inset(0 0 0 0)}@media(prefers-reduced-motion:reduce){.card:hover .reveal,.card:focus-within .reveal{opacity:1}}.scroll-doodle{position:absolute;z-index:0;will-change:transform;color:var(--color-ink);pointer-events:none}.scroll-doodle .drawing{width:100%}.board-doodle--ink{color:var(--color-thread)}:root[data-theme=day] .board-doodle--plain-by-day .sticker-back{fill:transparent}: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{grid-template-columns:minmax(0,1fr);row-gap:var(--space-8);padding-inline:var(--space-2)}.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}.toolkit--scroll{height:340vh;scroll-margin-top:0}.toolkit__sticky{position:sticky;top:0;height:100vh;padding-top:var(--space-8);padding-bottom:var(--space-6);display:flex;flex-direction:column}.toolkit__stage{position:relative;flex:1;max-height:760px}.sheet{position:absolute;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);border-radius:2px;box-shadow:var(--shadow-paper);will-change:transform}.sheet__name{display:block;font-family:var(--font-display);font-weight:600;font-size:var(--text-base);line-height:1.15;white-space:nowrap}.sheet__rule{display:block;height:2px;margin-top:var(--space-3);background:var(--color-line);border-radius:1px}.sheet__rule--short{width:60%}.sheet__tabs{position:absolute;right:-7px;top:10px;display:grid;gap:4px}.sheet__tab{display:block;width:12px;height:14px;border-radius:0 3px 3px 0;background:var(--color-blush)}.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{position:absolute;left:4%;right:4%;bottom:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:clamp(2rem,1rem + 5vw,6rem)}.folders--static{position:static;max-width:900px;margin-top:var(--space-6);align-items:start}.folder{position:relative;padding-top:26px}.folder__back{position:absolute;top:26px;right:0;bottom:0;left:0;background:var(--color-butter);filter:brightness(.9);border-radius:6px 12px 12px}.folder__back:before{content:"";position:absolute;left:0;top:-26px;width:38%;height:28px;background:inherit;border-radius:10px 10px 0 0}.folder__pages{position:relative;z-index:1;height:calc(var(--stack) + 8px);margin:0 5%;padding:0;list-style:none}.filed-page{position:absolute;left:0;right:0;height:140px;padding:7px var(--space-4) 0;display:flex;flex-wrap:wrap;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);border-radius:4px 4px 0 0;box-shadow:var(--shadow-page)}.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}.filed-page__subs{flex-basis:100%;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.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{position:absolute;left:var(--space-4);right:30%;top:40px;height:22px;background:repeating-linear-gradient(to bottom,var(--color-line) 0 2px,transparent 2px 10px)}.folder__front{position:relative;z-index:30;margin-top:0;min-height:132px;padding:var(--space-6) var(--space-5) var(--space-5);background:var(--color-butter);color:var(--color-paper-ink);border-radius:4px 4px 12px 12px;box-shadow:var(--shadow-flap),var(--shadow-paper)}.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{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}}.about{position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}.about__portrait{position:relative;width:100%}.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{display:block;width:160px;margin-top:var(--space-5)}.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:clamp(3rem,2rem + 3vw,4.75rem)}.desk__items{list-style:none;margin:var(--space-5) 0 0;padding:0;display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:clamp(1.5rem,.5rem + 2.5vw,3.5rem)}.desk__item{flex:0 0 auto}.desk__item a{position:relative;display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-paper-ink);text-decoration:none;box-shadow:var(--shadow-paper);transition:transform var(--dur-lift) var(--ease-out),box-shadow var(--dur-lift) var(--ease-out)}@media(hover:hover)and (pointer:fine){.desk__item a:hover{transform:translateY(-6px) rotate(0);box-shadow:var(--shadow-paper-lift)}}.desk__item a:active{transform:scale(.98)}.desk__label{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);white-space:nowrap}.desk__small{font-size:var(--text-sm);color:var(--color-paper-ink-soft)}.desk__item--envelope a{width:220px;padding:4rem var(--space-4) var(--space-4);background:var(--color-paper-white);border-radius:4px;transform:rotate(-4deg);overflow:hidden}.envelope__flap{position:absolute;inset:0 0 auto 0;height:3.75rem;background:var(--color-blush);clip-path:polygon(0 0,100% 0,50% 100%)}.desk__item--envelope .desk__small{overflow-wrap:anywhere}.desk__item--card a{width:210px;padding:var(--space-4) var(--space-5);background:var(--color-sky);border-radius:6px;transform:rotate(3deg);margin-top:var(--space-4)}.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{display:grid;gap:var(--space-2);margin-block:var(--space-2) var(--space-4)}.desk__lines span{height:3px;border-radius:2px;background:var(--color-line)}.desk__lines span:nth-child(2n){width:70%}.paperclip{position:absolute;top:-12px;right:22px;width:16px;height:46px;border:3px solid var(--color-ink-soft);border-radius:10px}.desk__item--sketchbook a{width:200px;padding:2.25rem var(--space-5) var(--space-4);background:var(--color-lilac);border-radius:4px 12px 12px 4px;transform:rotate(5deg);margin-top:var(--space-3)}.spiral{position:absolute;left:var(--space-4);right:var(--space-4);top:8px;height:10px;background:radial-gradient(circle at center,var(--color-paper-ink) 3px,transparent 3.5px) 0 0 / 16px 10px repeat-x}.desk__item--sticky a{width:160px;min-height:130px;padding:var(--space-4) var(--space-5);background:var(--color-butter);transform:rotate(-6deg);margin-top:var(--space-5)}.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:auto}.about__doodle--horse{width:100px;bottom:-1rem}.about__doodle--totoro{display:none}.desk{padding-bottom:7rem}.desk__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4)}.desk__item a{width:100%;margin-top:0}.desk__item--envelope{grid-column:1 / -1}}