:root{--f-paper:#fbf8f1;--f-sheet:#fffdf8;--f-back:#f3ecdf;--f-desk:#e9e1d1;--f-dot:#e3dccb;--f-rule:#dce5f2;--f-margin:#f0a9a4;--f-ink:#24211c;--f-ink2:#5e5a51;--f-pen:#2b4cff;--f-red:#d9423f;--f-mint:#a3e8c8;--f-coral:#ff8f78;--f-butter:#ffe07e;--f-lilac:#cfbbff;--f-sky:#97d6ff;--f-display:var(--font-display), "Avenir Next", "Segoe UI", system-ui, sans-serif;--f-body:var(--font-body), "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--f-hand:var(--font-hand), "Marker Felt", "Segoe Print", cursive;--f-mono:var(--font-label), ui-monospace, "SF Mono", Menlo, monospace;--f-nav-h:66px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scroll-padding-top:calc(var(--f-nav-h) + 16px)}body.f-body{color:var(--f-ink);background-color:var(--f-paper);background-image:radial-gradient(circle at 1px 1px, var(--f-dot) 1.3px, transparent 1.7px);font:400 17px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;background-size:22px 22px;margin:0;overflow-x:clip}.f-body ::selection{background:var(--f-butter);color:var(--f-ink)}.f-body :focus-visible{outline:3px solid var(--f-pen);outline-offset:3px;border-radius:4px}.f-body h1,.f-body h2,.f-body h3,.f-body h4{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;color:var(--f-ink);margin:0;line-height:1.05}.f-skip{z-index:100;background:var(--f-ink);color:#fff;border-radius:6px;padding:8px 14px;text-decoration:none;position:absolute;top:-60px;left:12px}.f-skip:focus{top:12px}.f-wrap{max-width:1180px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.f-narrow{max-width:760px}.f-hand{font-family:var(--f-hand)}.f-mono{font-family:var(--f-mono);letter-spacing:.04em;font-size:.78rem}.f-pen{color:var(--f-pen)}.f-muted{color:var(--f-ink2)}.f-hl{background-image:linear-gradient(transparent 56%, var(--hlc,var(--f-butter)) 56%, var(--hlc,var(--f-butter)) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;padding:0 .08em}.f-hl.m{--hlc:var(--f-mint)}.f-hl.c{--hlc:#ffc3b6}.f-hl.s{--hlc:#bfe5ff}.f-hl.l{--hlc:#e0d3ff}.f-ear{background:var(--ec,var(--f-butter));padding:0 .3em;display:inline-block;position:relative}.f-ear:after{content:"";background:linear-gradient(225deg, var(--f-paper) 50%, color-mix(in oklab, var(--ec,var(--f-butter)) 70%, #000) 50%);width:.42em;height:.42em;position:absolute;top:0;right:0}.f-btn{font:700 .98rem var(--f-display);border:2px solid var(--f-ink);background:var(--bc,var(--f-butter));color:var(--f-ink);box-shadow:3px 3px 0 var(--f-ink);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:11px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.f-btn:hover{box-shadow:4px 4px 0 var(--f-ink);transform:translate(-1px,-1px)}.f-btn:active{box-shadow:1px 1px 0 var(--f-ink);transform:translate(2px,2px)}.f-btn.ghost{--bc:var(--f-sheet)}.f-btn[disabled]{opacity:.6;cursor:progress}.f-link{border-bottom:2px solid var(--f-pen);color:var(--f-pen);font-weight:600;text-decoration:none}.f-link:hover{background:#e6ecff}.f-tape{z-index:4;pointer-events:none;background:repeating-linear-gradient(-45deg, #ffffff6b 0 6px, #fff0 6px 12px), var(--tc,#ff8f78c7);width:92px;height:26px;position:absolute;box-shadow:0 1px 2px #0000001a}.f-tape.tl{top:-11px;left:-28px;transform:rotate(-32deg)}.f-tape.tr{top:-11px;right:-28px;transform:rotate(32deg)}.f-tape.bl{bottom:-10px;left:-28px;transform:rotate(30deg)}.f-tape.br{bottom:-10px;right:-28px;transform:rotate(-30deg)}.f-tape.tc{top:-13px;left:calc(50% - 46px);transform:rotate(-3deg)}.f-tape.sm{width:64px;height:20px;left:calc(50% - 32px)}.f-stamp{font:500 .7rem var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--sc,var(--f-red));transform:rotate(var(--st,-2deg));white-space:nowrap;border:1.5px solid;border-radius:3px;padding:3px 8px;display:inline-block}.f-stamps{flex-wrap:wrap;gap:8px 10px;display:flex}.f-sticky{background:var(--sc,var(--f-butter));transform:rotate(var(--sr,-1.2deg));background-image:linear-gradient(#0000000d,#0000 22px);min-width:0;padding:16px 16px 18px;position:relative;box-shadow:0 1px 1px #00000014,0 10px 16px -10px #281e0a61}.f-sticky .v{font:800 2rem/1 var(--f-display);letter-spacing:-.02em}.f-sticky .l{margin-top:6px;font-weight:600}.f-sticky .n{font-family:var(--f-hand);color:var(--f-ink2);margin-top:6px;font-size:1rem;line-height:1.35}.f-sticky h3,.f-sticky h4{font:700 1.02rem/1.25 var(--f-display);margin:0 0 6px}.f-sticky p{margin:0;font-size:.96rem;line-height:1.5}.f-print{transform:rotate(var(--pr,.8deg));background:#fff;margin:0;padding:10px 10px 12px;position:relative;box-shadow:0 1px 2px #0000001a,0 16px 24px -16px #281e0a66}.f-print img{width:100%;height:auto;display:block}.f-print figcaption{font-family:var(--f-hand);color:var(--f-ink2);margin-top:8px;font-size:1rem;line-height:1.3}button.f-print{cursor:zoom-in;font:inherit;color:inherit;text-align:left;border:0;width:100%}.f-polaroid{transform:rotate(var(--pr,-2deg));background:#fff;margin:0;padding:10px 10px 42px;position:relative;box-shadow:0 1px 2px #0000001a,0 18px 26px -16px #281e0a73}.f-polaroid img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.f-polaroid figcaption{font-family:var(--f-hand);color:var(--f-ink2);font-size:1rem;line-height:1.2;position:absolute;bottom:9px;left:12px;right:12px}.f-nav{z-index:60;height:calc(var(--f-nav-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(8px);border-bottom:1.5px dashed var(--f-dot);background:#fbf8f1e6;position:fixed;top:0;left:0;right:0}.f-nav .f-wrap{height:var(--f-nav-h);justify-content:space-between;align-items:center;gap:14px;display:flex}.f-logo{color:var(--f-ink);font:800 1.2rem var(--f-display);letter-spacing:-.02em;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.f-logo svg{flex:none;width:36px;height:36px}.f-logo .f-wordmark{width:auto;height:23px;color:var(--f-ink)}.f-tabs{align-items:flex-end;gap:6px;height:100%;margin:0;padding:0;list-style:none;display:flex}.f-tab{color:var(--f-ink);background:var(--c);font:700 .92rem var(--f-display);transform:rotate(var(--r)) translateY(4px);border-radius:5px 5px 2px 2px;padding:7px 14px 9px;text-decoration:none;transition:transform .2s;display:inline-block;position:relative;box-shadow:0 2px #00000014}.f-tab:hover{transform:rotate(var(--r)) translateY(1px)}.f-tab[aria-current=page]{box-shadow:0 0 0 2px var(--f-ink);transform:rotate(0)translateY(-2px)}.f-menu-btn{border:1.5px solid var(--f-ink);background:var(--f-butter);font:700 .85rem var(--f-display);color:var(--f-ink);cursor:pointer;border-radius:999px;padding:6px 14px;display:none}.f-mnav{left:0;right:0;top:calc(var(--f-nav-h) + env(safe-area-inset-top,0px));z-index:59;background:var(--f-sheet);border-bottom:2px solid var(--f-ink);padding:14px 0 18px;position:fixed;box-shadow:0 16px 30px -18px #28190a66}.f-mnav ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.f-mnav a{color:var(--f-ink);font:700 1.2rem var(--f-display);background:var(--c);border-radius:6px;padding:10px 14px;text-decoration:none;display:block}.f-mnav a[aria-current=page]{box-shadow:inset 0 0 0 2px var(--f-ink)}.f-main{padding-top:calc(var(--f-nav-h) + env(safe-area-inset-top,0px));min-height:100vh}.f-page-head{gap:12px;padding:64px 0 30px;display:grid}.f-page-head h1{letter-spacing:-.04em;font-size:clamp(3rem,8vw,6.2rem);line-height:.92}.f-page-head .f-hand{color:var(--f-pen);font-size:1.4rem}.f-page-head .lede{max-width:62ch;color:var(--f-ink2);margin:0;font-size:1.15rem}.f-no{font:500 .78rem var(--f-mono);letter-spacing:.08em;color:var(--f-ink2);text-transform:uppercase}.f-sec-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding-top:70px;display:flex}.f-sec-title h2{font-size:clamp(2rem,4.5vw,3.2rem)}.f-sec-title .f-hand{color:var(--f-pen);font-size:1.2rem}.f-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:34px;padding:56px 0 30px;display:grid}.f-hero .lbl{background:var(--f-butter);padding:4px 10px;display:inline-block;transform:rotate(-1.5deg)}.f-hero h1{letter-spacing:-.045em;margin:16px 0 10px;font-size:clamp(3.6rem,9vw,7.4rem);line-height:.9}.f-hero .aka{color:var(--f-pen);align-items:center;gap:10px;margin:0;font-size:1.6rem;display:flex}.f-hero .aka svg{width:44px;height:32px}.f-hero .lede{max-width:42ch;margin:18px 0 26px;font-size:1.18rem}.f-ctas{flex-wrap:wrap;gap:14px;display:flex}.f-hero-card{background:var(--f-sheet);background-image:radial-gradient(circle at 1px 1px, var(--f-dot) 1.2px, transparent 1.6px);background-size:20px 20px;border-radius:10px;min-width:0;padding:40px 18px 26px;position:relative;transform:rotate(1deg);box-shadow:0 20px 34px -20px #28190a59,inset 0 0 0 1px #5a462814}.f-hero-card .card-lbl{position:absolute;top:14px;left:18px}.f-kori-note{border:1.5px dashed var(--f-ink2);background:#fff;border-radius:8px;align-items:center;gap:14px;max-width:520px;margin-top:26px;padding:12px 16px;display:flex;transform:rotate(-.6deg)}.f-kori-note svg{flex:none;width:44px;height:32px}.f-kori-note p{color:var(--f-ink2);margin:0;font-size:.95rem}.f-kori-note b{color:var(--f-ink)}.f-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 30px;padding:26px 0 30px;display:grid}.f-icard{color:inherit;background:#fff;background-image:linear-gradient(to bottom, transparent 46px, #d9423f73 46px, #d9423f73 47.5px, transparent 47.5px), repeating-linear-gradient(to bottom, transparent 0 27px, var(--f-rule) 27px 28px);transform:rotate(var(--cr,-.6deg));background-position:0 0,0 47px;border-radius:4px;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:20px;padding:26px 24px 24px;text-decoration:none;transition:transform .25s;display:grid;position:relative;box-shadow:0 1px 2px #00000014,0 18px 28px -20px #28190a66}.f-icard:hover{transform:rotate(0)translateY(-3px)}.f-icard .thumb{background:#fff;padding:6px;display:block;position:relative;transform:rotate(-2.5deg);box-shadow:0 6px 12px -8px #00000073}.f-icard .thumb img{object-fit:cover;object-position:top;width:100%;height:170px;display:block}.f-icard h3{margin:2px 0 6px;font-size:1.6rem}.f-icard p{color:var(--f-ink2);margin:0;font-size:.98rem;line-height:1.5}.f-icard .go{margin-top:12px;display:inline-block}.f-notes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;padding:26px 0 30px;display:grid}.f-notes-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.f-note-card{color:inherit;transform:rotate(var(--cr,.8deg));background:#fff;flex-direction:column;gap:10px;min-width:0;padding:12px 12px 18px;text-decoration:none;transition:transform .25s;display:flex;position:relative;box-shadow:0 1px 2px #00000014,0 16px 24px -18px #28190a73}.f-note-card:hover{transform:rotate(0)translateY(-3px)}.f-note-card img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto;display:block}.f-note-card h3{letter-spacing:-.01em;font-size:1.12rem;line-height:1.2}.f-note-card .ex{color:var(--f-ink2);margin:0;font-size:.92rem;line-height:1.45}.f-note-card .f-stamp{align-self:flex-start}.f-filters{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.f-filters button{border:1.5px solid var(--f-ink);font:600 .9rem var(--f-body);color:var(--f-ink);cursor:pointer;box-shadow:2px 2px 0 var(--f-ink);background:#fff;border-radius:999px;padding:5px 13px}.f-filters button[aria-pressed=true]{background:var(--f-butter)}.f-mini-about{grid-template-columns:300px minmax(0,1fr);align-items:center;gap:48px;padding:70px 0 60px;display:grid}.f-mini-about h2{margin-bottom:14px;font-size:clamp(1.9rem,4vw,3rem)}.f-mini-about p{max-width:56ch;margin:0 0 18px}.f-contact-teaser{background:var(--f-sheet);background-image:repeating-linear-gradient(to bottom, transparent 0 31px, var(--f-rule) 31px 32px);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:30px 0 10px;padding:34px 32px;display:flex;transform:rotate(-.4deg);box-shadow:0 1px 2px #00000014,0 24px 36px -24px #28190a73}.f-contact-teaser h2{font-size:clamp(1.8rem,4vw,2.8rem)}.f-contact-teaser p{color:var(--f-ink2);margin:6px 0 0}.f-shelf{border-bottom:10px solid #c9b48f;align-items:flex-end;gap:10px;height:230px;margin:10px 0 30px;padding:0 18px;display:flex;overflow:auto hidden;box-shadow:0 12px 16px -12px #3c280a66}.f-spine{height:var(--h);background:var(--sp);border:2px solid var(--f-ink);color:var(--f-ink);background-image:linear-gradient(90deg,#0000000f,#ffffff40 30%,#0000 60%,#00000014);border-bottom:0;border-radius:6px 6px 0 0;flex-direction:column;flex:0 0 64px;justify-content:flex-start;align-items:center;gap:10px;padding:12px 0;text-decoration:none;transition:transform .2s;display:flex;position:relative}.f-spine b{writing-mode:vertical-rl;font:800 1.15rem var(--f-display);letter-spacing:-.01em;transform:rotate(180deg)}a.f-spine:hover{transform:translateY(-14px)}.f-spine.soon{opacity:.75;border-style:dashed}.f-spine.soon b{color:var(--f-ink2)}.f-spread{perspective:2600px;grid-template-columns:1fr 1fr;margin:30px 0 80px;scroll-margin-top:90px;display:grid;position:relative}.f-spread:after{content:"";z-index:7;pointer-events:none;border-left:2px dashed #24211c38;position:absolute;top:18px;bottom:18px;left:50%}.f-pg{min-width:0;min-height:560px;position:relative}.f-pg.left{background-color:var(--f-sheet);background-image:linear-gradient(to right, transparent 53px, var(--f-margin) 53px, var(--f-margin) 54.5px, transparent 54.5px), repeating-linear-gradient(to bottom, transparent 0 31px, var(--f-rule) 31px 32px);border-radius:10px 0 0 10px;padding:46px 40px 48px 70px;box-shadow:inset -22px 0 26px -22px #3c280a4d,0 20px 34px -20px #28190a59}.f-pg.right{transform-style:preserve-3d}.f-pg-in{height:100%;min-height:inherit;background-color:var(--f-sheet);background-image:radial-gradient(circle at 1px 1px, var(--f-dot) 1.2px, transparent 1.6px);background-size:20px 20px;border-radius:0 10px 10px 0;align-content:center;padding:46px 36px 48px;display:grid;position:relative;box-shadow:inset 22px 0 26px -22px #3c280a4d,0 20px 34px -20px #28190a59}.f-cover{z-index:8;transform-origin:0;transform-style:preserve-3d;pointer-events:none;transition:transform 1.1s cubic-bezier(.6,.05,.25,1),opacity .35s .95s,visibility 0s linear 1.3s;position:absolute;inset:0}.f-cover-face{background:var(--cover,var(--f-sky));backface-visibility:hidden;background-image:linear-gradient(135deg,#ffffff4d,#fff0 45%),radial-gradient(circle at 1px 1px,#00000014 1px,#0000 1.4px);background-size:100% 100%,12px 12px;border-radius:0 10px 10px 0;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 20px 34px -20px #28190a59,inset 0 0 0 2px #24211c26}.f-cover-back{background:var(--f-back);backface-visibility:hidden;border-radius:10px 0 0 10px;position:absolute;inset:0;transform:rotateY(180deg)}html:not([data-reveal=ready]) .f-cover{display:none}@media print{.f-cover{display:none!important}.f-reveal{opacity:1!important;transform:none!important}}.f-spread[data-open=true] .f-cover{opacity:0;visibility:hidden;transform:rotateY(-178deg)}.f-cover-label{background:var(--f-sheet);border:2px solid var(--f-ink);text-align:center;box-shadow:3px 3px 0 var(--f-ink);border-radius:6px;padding:18px 26px;transform:rotate(-1.5deg)}.f-cover-label .f-mono{color:var(--f-ink2)}.f-cover-label b{font:800 2rem/1 var(--f-display);letter-spacing:-.02em;margin-top:4px;display:block}.f-pg h2{margin:8px 0 12px;font-size:clamp(2rem,3.6vw,3rem)}.f-pg .tagline{font:600 1.15rem/1.4 var(--f-display);color:var(--f-ink2);margin:0 0 14px}.f-pg .summary{max-width:46ch;margin:0 0 18px}.f-meta{grid-template-columns:auto 1fr;gap:2px 14px;margin:0 0 18px;font-size:.95rem;display:grid}.f-meta dt{font:500 .72rem/1.9 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--f-ink2)}.f-meta dd{margin:0}.f-mini-stickies{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 24px;display:grid}.f-mini-stickies .f-sticky{padding:12px 12px 14px}.f-mini-stickies .v{font-size:1.5rem}.f-mini-stickies .l{font-size:.82rem;line-height:1.3}.f-anno-scope{position:relative}.f-fig-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px 44px;display:grid}.f-fig-row.stack{grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px}.f-anno{font-family:var(--f-hand);color:var(--f-pen);max-width:15ch;margin:0;font-size:1.12rem;line-height:1.3}.f-anno.l{text-align:right;justify-self:end}.f-anno.r{justify-self:start}.f-fig-row.stack .f-anno{text-align:center;justify-self:center;max-width:34ch}.f-phone-mount{aspect-ratio:.5;width:clamp(170px,19vw,240px);position:relative}.f-phone-mount.big{width:clamp(200px,22vw,270px)}.f-phone-mount .f-tape{width:70px;height:22px}.f-phone-mount canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.f-phone-poster{background:#0b0b0f;border:6px solid #0b0b0f;border-radius:26px;transition:opacity .4s;position:absolute;inset:4% 20.5%;overflow:hidden;box-shadow:0 16px 26px -14px #0000008c}.f-phone-poster img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.f-phone-mount[data-3d=ready] .f-phone-poster{opacity:0}.f-target-print{width:100%;max-width:440px}.f-fig-row.stack .f-target-print{max-width:560px}.f-target-print.wide{max-width:100%}svg.f-arrows{pointer-events:none;z-index:8;position:absolute;top:0;left:0;overflow:visible}svg.f-arrows path,svg.f-arrows circle{fill:none;stroke:var(--f-pen);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}svg.f-arrows circle{stroke-width:1.8px;stroke-dasharray:3 3}svg.f-arrows[data-draw=true] .ln{stroke-dasharray:var(--len);animation:.75s cubic-bezier(.3,.7,.3,1) both f-draw}svg.f-arrows[data-draw=true] .hd,svg.f-arrows[data-draw=true] circle{animation:.3s .6s both f-fade}@keyframes f-draw{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}@keyframes f-fade{0%{opacity:0}to{opacity:1}}.f-case-top{padding-top:36px}.f-crumb{flex-wrap:wrap;align-items:center;gap:8px;padding-top:26px;display:flex}.f-crumb a{color:var(--f-ink2);text-decoration:none}.f-crumb a:hover{color:var(--f-pen)}.f-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px 18px;padding:10px 0 40px;display:grid}.f-toc{flex-wrap:wrap;align-items:center;gap:8px 10px;padding:0 0 30px;display:flex}.f-toc>.f-mono{color:var(--f-ink2);margin-right:6px}.f-toc a{color:var(--f-ink);border:1.5px solid var(--f-ink);font:600 .9rem var(--f-body);box-shadow:2px 2px 0 var(--f-ink);background:#fff;border-radius:999px;padding:5px 12px;text-decoration:none}.f-toc a:hover{background:var(--f-butter)}.f-toc a .f-mono{color:var(--f-pen)}.f-cs-sec{padding:54px 0 30px;scroll-margin-top:90px}.f-sec-h{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.f-sec-h h2{font-size:clamp(1.9rem,4vw,3rem)}.f-sec-h .kick{color:var(--f-ink2);width:100%;margin:0}.f-cs-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:46px;display:grid}.f-cs-grid.solo{grid-template-columns:minmax(0,1fr)}.f-ruled{background-color:var(--f-sheet);background-image:linear-gradient(to right, transparent 45px, var(--f-margin) 45px, var(--f-margin) 46.5px, transparent 46.5px), repeating-linear-gradient(to bottom, transparent 0 31px, var(--f-rule) 31px 32px);border-radius:6px;padding:34px 32px 34px 62px;line-height:32px;position:relative;box-shadow:0 1px 2px #0000000f,0 18px 30px -22px #28190a59}.f-ruled p{margin:0 0 32px;font-size:1.04rem}.f-ruled p:last-child{margin-bottom:0}.f-side{gap:34px;min-width:0;display:grid}.f-prints2{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.f-qcard{transform:rotate(var(--qr,-.8deg));background:#fff;margin:0;padding:20px 22px;position:relative;box-shadow:0 1px 2px #00000014,0 14px 22px -16px #28190a66}.f-qcard blockquote{font-family:var(--f-hand);margin:0;font-size:1.3rem;line-height:1.35}.f-qcard figcaption{font:500 .74rem var(--f-mono);color:var(--f-ink2);letter-spacing:.03em;margin-top:10px;display:block}.f-stick-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px 22px;margin-top:34px;display:grid}.f-persona{gap:14px;display:grid}.f-persona .who{font:700 1.1rem var(--f-display)}.f-persona .arch{font-family:var(--f-hand);color:var(--f-pen);font-size:1.1rem}.f-redesigns{gap:22px;margin-top:34px;display:grid}.f-rd{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:8px;display:grid}.f-rd .ic{background:#fff;min-width:0;padding:16px 18px;box-shadow:0 1px 2px #00000014,0 12px 20px -14px #28190a66}.f-rd .ic p{margin:0}.f-rd .ic.before{transform:rotate(-.8deg)}.f-rd .ic.after{background:#f2fff8;transform:rotate(.6deg)}.f-rd .ic .f-mono{color:var(--f-ink2)}.f-rd .ic .flow{font:700 1.05rem var(--f-display);margin:2px 0 4px}.f-rd svg{width:70px;height:40px}.f-results{flex-wrap:wrap;gap:30px 56px;margin-top:40px;display:flex}.f-result{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;max-width:440px;display:grid}.f-result .num{font:800 3rem/1 var(--f-display);letter-spacing:-.03em;padding:14px 18px;position:relative}.f-result .num svg{width:calc(100% + 20px);height:calc(100% + 12px);position:absolute;inset:-6px -10px;overflow:visible}.f-result .num svg ellipse{fill:none;stroke:var(--f-red);stroke-width:2.2px}.f-result p{margin:0}.f-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px;display:grid}.f-check{background:#fff;padding:20px 20px 22px;box-shadow:0 1px 2px #00000014,0 14px 22px -16px #28190a66}.f-check h3{font:700 1.1rem var(--f-display);margin:0 0 10px}.f-check ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.f-check li{grid-template-columns:22px minmax(0,1fr);gap:6px;font-size:.97rem;line-height:1.45;display:grid}.f-check li:before{content:var(--mk);font-family:var(--f-hand);color:var(--mc);font-size:1.15rem;font-weight:700;line-height:1.2}.f-lessons{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px 24px;margin-top:30px;display:grid}.f-lesson{transform:rotate(var(--cr,-.5deg));background:#fff linear-gradient(#0000 54px,#d9423f66 54px 55.5px,#0000 55.5px);padding:26px 22px 22px;position:relative;box-shadow:0 1px 2px #00000014,0 14px 22px -16px #28190a66}.f-lesson h3{font:700 1.12rem/1.25 var(--f-display);min-height:30px;margin:0 0 18px}.f-lesson p{margin:0;font-size:.98rem;line-height:1.55}.f-viol{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin-top:30px;display:grid}.f-vc{border-top:6px solid var(--f-coral);background:#fff;padding:18px 18px 20px;box-shadow:0 1px 2px #00000014,0 14px 22px -16px #28190a66}.f-vc .f-mono{color:var(--f-ink2)}.f-vc h3{font:700 1.02rem/1.3 var(--f-display);margin:4px 0 8px}.f-vc p{margin:0;font-size:.95rem;line-height:1.5}.f-tall{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:40px;margin-top:40px;display:grid}.f-tall-stage{top:calc(var(--f-nav-h) + 30px);justify-items:center;gap:10px;display:grid;position:sticky}.f-tall-stage .f-hand{color:var(--f-pen);text-align:center;max-width:26ch;font-size:1.1rem}.f-tall-steps{gap:40vh;padding:10vh 0 30vh;display:grid}.f-flowstrip{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 16px;margin-top:30px;display:grid}.f-flowstrip figure{margin:0}.f-flowstrip img{aspect-ratio:9/19.5;object-fit:cover;object-position:top;background:#0b0b0f;border:4px solid #0b0b0f;border-radius:12px;width:100%;height:auto}.f-flowstrip figcaption{font-family:var(--f-hand);color:var(--f-ink2);margin-top:6px;font-size:.98rem}.f-flowgroup+.f-flowgroup{margin-top:30px}.f-next-nb{border-top:2px dashed var(--f-dot);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding:50px 0 80px;display:flex}.f-next-nb h3{font-size:clamp(1.6rem,3vw,2.4rem)}.f-video-print video{background:#111;width:100%;height:auto;display:block}.f-video-wall{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px 24px;margin:30px 0 10px;display:grid}.f-article-grid{grid-template-columns:220px minmax(0,740px);justify-content:center;gap:44px;display:grid}.f-article{min-width:0;max-width:740px;padding:40px 0 60px}.f-article .art-cover{--pr:-.6deg;margin:24px 0 40px}.f-article h1{letter-spacing:-.03em;margin:16px 0 14px;font-size:clamp(2.3rem,5.4vw,3.8rem);line-height:1.02}.f-article .ameta{color:var(--f-ink2);flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.f-margin{top:calc(var(--f-nav-h) + 30px);background:var(--f-butter);align-self:start;gap:8px;max-height:calc(100vh - 140px);margin-top:120px;padding:18px 16px;display:grid;position:sticky;overflow:auto;transform:rotate(-1.2deg);box-shadow:0 1px 1px #00000014,0 10px 16px -10px #281e0a61}.f-margin>.f-mono{color:var(--f-ink2)}.f-margin a{color:var(--f-ink);padding:2px 0;font-size:.95rem;line-height:1.35;text-decoration:none}.f-margin a .f-hand{color:var(--f-pen);font-weight:700}.f-margin a[aria-current=true]{text-decoration:underline;-webkit-text-decoration-color:var(--f-pen);text-decoration-color:var(--f-pen);text-underline-offset:3px;font-weight:700;text-decoration-thickness:2px}.f-margin .note{color:var(--f-ink2);margin:8px 0 0;font-size:.98rem;line-height:1.35}.f-art-body{font-size:1.14rem;line-height:1.78}.f-art-body>*{margin-top:0;margin-bottom:0}.f-art-body>*+*{margin-top:1.15em}.f-art-body h2{letter-spacing:-.02em;margin-top:1.9em;scroll-margin-top:90px;font-size:clamp(1.6rem,3.4vw,2.2rem)}.f-art-body h3{margin-top:1.6em;scroll-margin-top:90px;font-size:1.35rem}.f-art-body h2 a,.f-art-body h3 a{color:inherit;text-decoration:none}.f-art-body a{color:var(--f-pen);text-underline-offset:3px;text-decoration-thickness:2px}.f-art-body :not(pre)>code{font-family:var(--f-mono);background:#fff3c4;border-radius:3px;padding:1px 5px;font-size:.86em}.f-art-body figure[data-rehype-pretty-code-figure]{margin-left:0;margin-right:0}.f-art-body pre{background-image:linear-gradient(var(--f-rule) 1px, transparent 1px), linear-gradient(90deg, var(--f-rule) 1px, transparent 1px);border:2px solid var(--f-ink);box-shadow:3px 3px 0 var(--f-ink);background-size:18px 18px;border-radius:6px;margin:0;padding:16px 18px;font-size:.86rem;line-height:1.6;overflow-x:auto;background-color:#fff!important}.f-art-body pre code{font-family:var(--f-mono);background:0 0;padding:0;font-size:1em}.f-art-body [data-rehype-pretty-code-title]{font:500 .74rem var(--f-mono);background:var(--f-butter);border:2px solid var(--f-ink);border-bottom:0;border-radius:6px 6px 0 0;padding:4px 10px;display:inline-block}.f-art-body [data-rehype-pretty-code-title]+pre{border-top-left-radius:0}.f-art-body ul,.f-art-body ol{padding-left:1.3em}.f-art-body li+li{margin-top:.35em}.f-art-body blockquote{font-family:var(--f-hand);border-left:4px solid var(--f-butter);margin-left:0;margin-right:0;padding-left:18px;font-size:1.35rem;line-height:1.45}.f-art-body blockquote p{margin:0}.f-art-body img{max-width:100%;height:auto}.f-art-body figure{margin:1.8em 0}.f-art-body hr{border:0;border-top:2px dashed var(--f-dot);margin:2.4em 0}.f-art-body table{border-collapse:collapse;width:100%;font-size:.96rem;display:block;overflow-x:auto}.f-art-body th,.f-art-body td{border:1.5px solid var(--f-dot);text-align:left;vertical-align:top;padding:8px 10px}.f-art-body th{font-family:var(--f-display);background:#fff8da}.f-callout{background:var(--cc,#eaf4ff);border:2px solid var(--f-ink);box-shadow:3px 3px 0 var(--f-ink);border-radius:6px;padding:14px 18px;font-size:1.02rem}.f-callout>:first-child{margin-top:0}.f-callout>*+*{margin-top:.6em}.f-pencil{left:0;right:0;top:calc(var(--f-nav-h) + env(safe-area-inset-top,0px));z-index:55;pointer-events:none;height:10px;position:fixed}.f-pencil .body{background:linear-gradient(#f7cb4d,#e8b32f);border-radius:0 2px 2px 0;height:6px;position:absolute;top:2px;left:0}.f-pencil .body:before{content:"";background:#f49aa0;width:14px;position:absolute;top:0;bottom:0;left:0}.f-pencil .tip{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:11px solid #e9c9a0;width:0;height:0;position:absolute;top:1px}.f-about-top{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:40px;padding:50px 0 30px;display:grid}.f-about-top h1{letter-spacing:-.04em;font-size:clamp(2.6rem,6.6vw,5.2rem);line-height:.95}.f-about-top .lede{max-width:48ch;margin:18px 0 0;font-size:1.15rem}.f-pstack{height:420px;position:relative}.f-pstack .f-polaroid{width:250px;position:absolute}.f-pstack .f-polaroid:first-child{--pr:-6deg;top:20px;left:8%}.f-pstack .f-polaroid:nth-child(2){--pr:5deg;top:90px;right:4%}.f-diary{gap:70px;padding:40px 0;display:grid}.f-entry{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:50px;display:grid}.f-entry:nth-child(2n){grid-template-columns:300px minmax(0,1fr)}.f-entry:nth-child(2n) .f-entry-fig{order:-1}.f-entry h2{margin:10px 0 14px;font-size:clamp(1.8rem,3.6vw,2.6rem)}.f-entry p{margin:0}.f-interests{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:20px 0 70px;display:grid}.f-interests .f-sticky{font:700 1.2rem var(--f-display);text-align:center;place-items:center;min-height:110px;display:grid}.f-lightbox{color:#fbf7ee;background:#17151a radial-gradient(at 50% 0,#ffd6962e,#0000 60%);margin:30px 0 40px;padding:56px 0 60px}.f-lightbox h2{font-size:clamp(2rem,4.5vw,3.2rem);color:#fbf7ee!important}.f-lightbox .f-hand{color:#ffd98a;font-size:1.2rem}.f-lb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.f-lb{text-align:left;color:#fbf7eebf;cursor:zoom-in;font:inherit;background:0 0;border:0;gap:10px;padding:0;display:grid}.f-lb img{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:100%;height:auto;transition:transform .3s,box-shadow .3s;display:block;box-shadow:0 0 0 1px #ffffff14,0 0 40px -6px #ffbe7859}.f-lb:hover img{transform:translateY(-4px);box-shadow:0 0 0 1px #ffffff26,0 0 60px -4px #ffbe7899}.f-lb .f-mono{font-size:.72rem}.f-viewer{z-index:700;background:#0c0b0eeb;align-content:center;place-items:center;gap:12px;padding:30px 16px;display:grid;position:fixed;inset:0}.f-viewer img{object-fit:contain;border-radius:4px;width:auto;max-width:min(1100px,92vw);height:auto;max-height:80vh}.f-viewer p{color:#fbf7eed9;text-align:center;margin:0}.f-viewer-close{top:max(16px, env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));color:#fbf7ee;cursor:pointer;background:0 0;border:1.5px solid #fbf7ee;border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:1;position:absolute}.f-contact-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:48px;padding:10px 0 80px;display:grid}.f-letter-paper{background-color:var(--f-sheet);background-image:repeating-linear-gradient(to bottom, transparent 0 31px, var(--f-rule) 31px 32px);border-radius:4px;padding:40px 36px;position:relative;transform:rotate(-.5deg);box-shadow:0 1px 2px #00000014,0 24px 36px -24px #28190a73}.f-form{gap:18px;display:grid}.f-field{gap:6px;display:grid}.f-field label{font:700 1rem var(--f-display)}.f-field input,.f-field textarea{width:100%;font:400 1.05rem var(--f-body);color:var(--f-ink);border:2px solid var(--f-ink);box-shadow:2px 2px 0 var(--f-ink);background:#ffffffd9;border-radius:6px;padding:10px 12px}.f-field textarea{resize:vertical;min-height:180px;line-height:1.55}.f-field input:focus,.f-field textarea:focus{outline:3px solid var(--f-pen);outline-offset:2px}.f-field [aria-invalid=true]{border-color:var(--f-red);box-shadow:2px 2px 0 var(--f-red)}.f-err{font-family:var(--f-hand);color:var(--f-red);margin:0;font-size:1rem}.f-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.f-sent{justify-items:start;gap:12px;display:grid}.f-sent h2{font-size:clamp(1.8rem,4vw,2.6rem)}.f-elsewhere{gap:14px;display:grid}.f-elsewhere a,.f-elsewhere .em{color:var(--f-ink);border-left:6px solid var(--lc,var(--f-sky));background:#fff;gap:2px;padding:14px 18px;text-decoration:none;display:grid;box-shadow:0 1px 2px #00000014,0 12px 20px -14px #28190a66}.f-elsewhere a:hover b{color:var(--f-pen)}.f-elsewhere b{font:700 1.05rem var(--f-display)}.f-elsewhere span{font:500 .8rem var(--f-mono);color:var(--f-ink2);overflow-wrap:anywhere}.f-elsewhere .em-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.f-elsewhere .em-row span{-webkit-user-select:all;user-select:all;color:var(--f-ink);font-size:.9rem}.f-copy{border:1.5px solid var(--f-ink);background:var(--f-butter);font:600 .78rem var(--f-body);color:var(--f-ink);cursor:pointer;border-radius:999px;padding:3px 10px}.f-foot{border-top:2px dashed var(--f-dot);margin-top:30px;padding:34px 0 60px}.f-foot .f-wrap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;display:flex}.f-foot .links{flex-wrap:wrap;gap:18px;display:flex}.f-foot a{color:var(--f-ink);font-weight:600;text-decoration:none}.f-foot a:hover{color:var(--f-pen)}.f-foot .f-hand{color:var(--f-pen);font-size:1.15rem}.f-foot p{margin:0}.f-navigated .f-page{transform-origin:50% 0;animation:.42s cubic-bezier(.2,.75,.25,1) both f-unfold}@keyframes f-unfold{0%{opacity:0;clip-path:inset(0 0 55%);transform:perspective(1400px)rotateX(-7deg)translateY(10px)}60%{clip-path:inset(0)}to{opacity:1;clip-path:inset(0);transform:none}}html.f-js[data-reveal=ready] .f-reveal:not([data-in=true]){opacity:0;transform:translateY(14px) rotate(var(--rr,0deg));transition:opacity .6s,transform .6s cubic-bezier(.2,.75,.25,1)}.f-js .f-reveal{transition:opacity .6s,transform .6s cubic-bezier(.2,.75,.25,1)}@media (max-width:980px){.f-tabs{display:none}.f-menu-btn{display:inline-block}.f-hero,.f-cs-grid,.f-mini-about,.f-about-top,.f-contact-grid,.f-tall{grid-template-columns:minmax(0,1fr)}.f-tall-stage{position:relative;top:0}.f-tall-steps{gap:30px;padding:10px 0}.f-notes-grid,.f-notes-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.f-cards{grid-template-columns:minmax(0,1fr)}.f-spread{perspective:none;grid-template-columns:minmax(0,1fr)}.f-spread:after{display:none}.f-pg{min-height:0}.f-pg.left{border-radius:10px 10px 0 0;padding:40px 22px 34px 60px;box-shadow:0 20px 34px -20px #28190a59}.f-pg-in{border-top:2px dashed #24211c38;border-radius:0 0 10px 10px;padding:34px 18px 38px;box-shadow:0 20px 34px -20px #28190a59}.f-cover{display:none}.f-entry,.f-entry:nth-child(2n){grid-template-columns:minmax(0,1fr)}.f-entry:nth-child(2n) .f-entry-fig{order:0}.f-entry-fig{max-width:300px}.f-checks{grid-template-columns:minmax(0,1fr)}.f-interests{grid-template-columns:repeat(2,minmax(0,1fr))}.f-mini-about .f-polaroid{max-width:280px}.f-article-grid{grid-template-columns:minmax(0,1fr);gap:0}.f-article-grid>.f-margin{display:none}.f-lb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){body.f-body{font-size:16px}.f-fig-row{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}.f-anno,.f-anno.l,.f-anno.r{text-align:center;justify-self:center;max-width:30ch}.f-phone-mount,.f-phone-mount.big{width:min(230px,62vw)}.f-icard{grid-template-columns:minmax(0,1fr)}.f-icard .thumb img{height:190px}.f-notes-grid,.f-notes-grid.three{grid-template-columns:minmax(0,1fr)}.f-mini-stickies{grid-template-columns:repeat(2,minmax(0,1fr))}.f-rd{grid-template-columns:minmax(0,1fr)}.f-rd svg{justify-self:center;transform:rotate(90deg)}.f-prints2{grid-template-columns:minmax(0,1fr)}.f-ruled{padding:26px 18px 26px 52px}.f-pstack{height:360px}.f-pstack .f-polaroid{width:200px}.f-pstack .f-polaroid:nth-child(2){top:120px}.f-letter-paper{padding:30px 20px}.f-interests .f-sticky{font-size:1.02rem}.f-art-body{font-size:1.06rem}.f-shelf{height:190px}.f-spine{flex-basis:54px}.f-contact-teaser{padding:26px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.f-navigated .f-page{animation:none}.f-cover{transition:none}.f-js .f-reveal,html.f-js[data-reveal=ready] .f-reveal:not([data-in=true]){opacity:1;transition:none;transform:none}svg.f-arrows[data-draw=true] .ln,svg.f-arrows[data-draw=true] .hd,svg.f-arrows[data-draw=true] circle{animation:none}.f-icard,.f-note-card,.f-tab,.f-btn,.f-spine{transition:none}}