@font-face{font-family:Trideep Hand;src:url(/fonts/TrideepHand-Regular.woff2) format("woff2"),url(/fonts/TrideepHand-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cinzel Decorative;src:url(/fonts/CinzelDecorative-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--paper: #edece4;--paper-shade: #dedcd1;--rule: #c3ced6;--margin-rule: #a8433f;--ink: #22304a;--ink-faded: #4a5771;--pencil: #6e6a63;--correction: #c0392b;--hi-yellow: #f7e14a;--marker-magenta: #e5397e;--marker-teal: #0fa3b1;--marker-blue: #2b50d8;--marker-orange: #f2762e;--tape: rgb(217 205 175 / 70%);--face-hand: "Trideep Hand", "Segoe Script", cursive;--face-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--face-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--face-book-display: "Cinzel Decorative", "Cinzel", Georgia, serif;--face-book-body: "EB Garamond", "Garamond", Georgia, serif;--t-14: .875rem;--t-16: 1rem;--t-18: 1.125rem;--t-22: 1.375rem;--t-28: 1.75rem;--t-40: 2.5rem;--t-64: 4rem;--leading-body: 1.48;--ease-paper: cubic-bezier(.22, 1.02, .36, 1.02);--ease-leaf: cubic-bezier(.32, .72, .24, 1);--dur-turn: .62s;--dur-turn-fast: .34s;--dur-book-flip: 1.1s;--page-w: 34rem;--page-h: 46rem;--page-pad: 2.75rem;--margin-x: 4.5rem;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--chrome-bg: rgb(18 14 11 / 62%);--chrome-bg-hover: rgb(30 24 18 / 78%);--chrome-line: rgb(236 226 208 / 16%);--chrome-line-hover: rgb(236 226 208 / 34%);--chrome-ink: #eadfc9}:root.theme-6to9{--ink: #22304a;--accent: var(--marker-magenta)}:root.theme-9to6{--accent: var(--correction)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:#221a12;color:var(--ink);font-family:var(--face-hand);font-size:var(--t-18);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}:focus-visible{outline:2px solid var(--correction);outline-offset:3px;border-radius:2px}.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}@media (prefers-reduced-motion: reduce){:root{--dur-turn: .2s;--dur-turn-fast: .2s;--dur-book-flip: .2s;--ease-paper: linear;--ease-leaf: linear}}.stage{position:fixed;inset:0;display:grid;place-items:center;perspective:2600px;perspective-origin:50% 42%;overflow:hidden;background:radial-gradient(55% 40% at 32% 16%,rgb(255 196 124 / 12%),transparent 62%),radial-gradient(120% 80% at 50% -20%,rgb(255 214 165 / 9%),transparent 55%),radial-gradient(ellipse at 50% 34%,#4d4033,#322820,#1e1710)}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:var(--noise),repeating-linear-gradient(93deg,rgb(0 0 0 / 5%) 0 2px,transparent 2px 9px),repeating-linear-gradient(87deg,rgb(255 240 214 / 2%) 0 1px,transparent 1px 11px);background-size:180px,auto,auto;mix-blend-mode:overlay}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 105% at 50% 42%,transparent 52%,rgb(8 6 4 / 62%) 100%)}.stage__motes{position:absolute;inset:-3%;pointer-events:none;z-index:1;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 21% 28%,rgb(255 236 200 / 65%),transparent),radial-gradient(1px 1px at 34% 62%,rgb(255 236 200 / 45%),transparent),radial-gradient(2px 2px at 47% 81%,rgb(255 236 200 / 35%),transparent),radial-gradient(1px 1px at 58% 17%,rgb(255 236 200 / 55%),transparent),radial-gradient(1.5px 1.5px at 71% 54%,rgb(255 236 200 / 50%),transparent),radial-gradient(1px 1px at 86% 33%,rgb(255 236 200 / 60%),transparent),radial-gradient(1.5px 1.5px at 12% 76%,rgb(255 236 200 / 40%),transparent);animation:motes-drift 34s ease-in-out infinite alternate}@keyframes motes-drift{0%{transform:translate3d(0,-10px,0)}to{transform:translate3d(8px,12px,0)}}.book{position:relative;width:calc(var(--page-w) * 2);height:var(--page-h);transform-style:flat;perspective:2400px;transition:transform var(--dur-book-flip) var(--ease-paper)}.book__base{position:absolute;left:4%;right:4%;bottom:-2.6rem;height:4rem;pointer-events:none;transform:translateZ(-60px);background:radial-gradient(50% 90% at 50% 40%,rgb(6 5 3 / 55%),rgb(6 5 3 / 20%) 55%,transparent 75%)}.book__board{position:absolute;top:-.6rem;bottom:-.6rem;width:calc(50% + .6rem);pointer-events:none;transform:translateZ(-8px);background-image:radial-gradient(130% 95% at 16% 6%,rgb(255 233 200 / 7%),transparent 52%),var(--noise),linear-gradient(128deg,#43332a,#322419 46%,#221710);background-size:auto,180px,auto;background-blend-mode:normal,overlay,normal;box-shadow:0 26px 60px #0605038c,inset 0 1px #fff0d614}.book__board--left{left:-.6rem;border-radius:10px 2px 2px 10px}.book__board--right{right:-.6rem;border-radius:2px 10px 10px 2px}.book__board:after{content:"";position:absolute;background-color:#e4e2d5;background-image:var(--noise);background-size:180px;box-shadow:inset 0 0 40px #5a4e4024}.book__board--left:after{inset:.6rem 0 .6rem .6rem;border-radius:6px 0 0 6px}.book__board--right:after{inset:.6rem .6rem .6rem 0;border-radius:0 6px 6px 0}.book:before,.book:after{content:"";position:absolute;top:3px;bottom:1px;width:.7rem;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / 12%),transparent 12%,transparent 88%,rgb(0 0 0 / 10%)),repeating-linear-gradient(90deg,#efeee6 0 1.5px,#d8d5c7 1.5px 3px)}.book:before{left:-.65rem;border-radius:3px 0 0 3px}.book:after{right:-.65rem;border-radius:0 3px 3px 0}.book--single:before,.book--single .book__board--left{display:none}.book--single .book__board--right{left:-.6rem;width:auto;border-radius:8px}.book--single .book__board--right:after{inset:.6rem;border-radius:5px}.book__spine{position:absolute;top:0;bottom:0;left:50%;width:2.4rem;transform:translate(-50%);pointer-events:none;z-index:40;background:linear-gradient(90deg,transparent 0%,rgb(90 78 64 / 20%) 40%,rgb(55 45 36 / 36%) 50%,rgb(90 78 64 / 20%) 60%,transparent 100%)}.book--single .book__spine{display:none}.leaf{position:absolute;top:0;left:50%;width:var(--page-w);height:var(--page-h);transform-style:preserve-3d;transform-origin:left center;transition:transform var(--dur-turn) var(--ease-leaf);cursor:grab}.leaf:active{cursor:grabbing}.leaf--static{transition:none}.leaf__face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:0 3px 3px 0}.leaf__face--back{transform:rotateY(180deg);border-radius:3px 0 0 3px}.book--single .leaf{left:0}.page{position:relative;width:100%;height:100%;padding:var(--page-pad);padding-left:var(--margin-x);background-color:var(--paper);color:var(--ink);display:flex;flex-direction:column;isolation:isolate;box-shadow:inset 0 0 60px #7a6a5414,inset 0 0 6px #7a6a540f}.page:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.1;background-image:var(--noise);background-size:180px;mix-blend-mode:multiply}.page--ruled:after{content:"";position:absolute;inset:var(--page-pad) var(--page-pad) var(--page-pad) 0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom,transparent 0,transparent calc(1.85rem - 1px),var(--rule) calc(1.85rem - 1px),var(--rule) 1.85rem);background-size:100% 1.85rem;opacity:.38}.page__margin{position:absolute;top:0;bottom:0;left:calc(var(--margin-x) - var(--rule-gutter, 1.75rem));width:1.5px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#a8433f00 0,#a8433f8c 2.5rem,#a8433f7f calc(100% - 2rem),#a8433f00)}.page--verso{padding-left:var(--page-pad);padding-right:var(--margin-x)}.page--verso .page__margin{left:auto;right:calc(var(--margin-x) - var(--rule-gutter, 1.75rem))}.page__gutter{position:absolute;top:0;bottom:0;width:4rem;z-index:1;pointer-events:none}.page--recto .page__gutter{left:0;background:linear-gradient(90deg,rgb(90 78 64 / 24%),rgb(90 78 64 / 8%) 45%,transparent)}.page--verso .page__gutter{right:0;background:linear-gradient(270deg,rgb(90 78 64 / 24%),rgb(90 78 64 / 8%) 45%,transparent)}.page__number{position:absolute;bottom:1.4rem;font-family:var(--face-mono);font-size:.72rem;color:var(--pencil);letter-spacing:.14em}.page--recto .page__number{right:var(--page-pad)}.page--verso .page__number{left:var(--page-pad)}.page__body{position:relative;z-index:2;flex:1;min-height:0;overflow:hidden}.leaf__shadow{position:absolute;inset:0;z-index:30;pointer-events:none;opacity:0;mix-blend-mode:multiply;will-change:opacity;background:linear-gradient(90deg,rgb(70 58 46 / 55%) 0%,rgb(70 58 46 / 12%) 35%,transparent 70%)}.leaf__sheen{position:absolute;inset:0;z-index:31;pointer-events:none;opacity:0;mix-blend-mode:soft-light;will-change:opacity,transform;background:linear-gradient(105deg,transparent 30%,rgb(255 255 255 / 70%) 50%,transparent 70%)}.hand{font-family:var(--face-hand)}.mono{font-family:var(--face-mono);font-size:var(--t-14);letter-spacing:.02em;color:var(--pencil)}.sans{font-family:var(--face-sans);font-size:var(--t-16)}.ink-faded{color:var(--ink-faded)}.correction{color:var(--correction)}h1,h2,h3{font-weight:400;line-height:1.15;margin:0 0 .75rem}h1{font-size:var(--t-40)}h2{font-size:var(--t-28)}h3{font-size:var(--t-22)}p{margin:0 0 1rem}a{color:inherit;text-decoration-color:var(--correction);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-thickness .14s ease}a:hover{text-decoration-thickness:2px}.theme-6to9 .marker{mix-blend-mode:multiply}.taped{position:relative;background:var(--paper);box-shadow:0 2px 10px #28201838}.taped:before,.taped:after{content:"";position:absolute;width:3.5rem;height:1.35rem;background:var(--tape);box-shadow:inset 0 0 0 1px #a091734d}.taped:before{top:-.6rem;left:-.9rem;transform:rotate(-24deg)}.taped:after{bottom:-.6rem;right:-.9rem;transform:rotate(-24deg)}@media (prefers-reduced-motion: reduce){.stage__motes{animation:none}}.desk{position:relative;z-index:2;display:grid;place-items:center;gap:1.25rem;opacity:calc(1 - var(--p) * .9);transform:scale(calc(1 + var(--p) * .4));transition:opacity .12s linear}.desk__scene{position:relative;width:64rem;height:42rem;max-width:96vw;display:grid;place-items:center;perspective:1900px}.desk__surface{position:relative;width:64rem;height:42rem;transform:rotateX(calc(46deg - var(--p) * 46deg));transform-style:preserve-3d}.desk__surface:before{content:"";position:absolute;inset:-12% -8%;pointer-events:none;background:radial-gradient(55% 48% at 38% 30%,rgb(255 196 130 / 13%),transparent 65%)}.prop{position:absolute;pointer-events:none}.prop--keyboard{left:16.5rem;top:-2.5rem;width:27rem;height:8.2rem;transform:rotate(-1.5deg);border-radius:.7rem;padding:.55rem;background:linear-gradient(180deg,#c7cad0,#a4a7ae);box-shadow:0 16px 34px #06050373,inset 0 1px #ffffff8c,inset 0 -2px 3px #0003}.prop--keyboard:before{content:"";position:absolute;inset:.55rem;border-radius:.35rem;background:repeating-linear-gradient(90deg,transparent 0 1.55rem,#b2b5bc 1.55rem 1.75rem),repeating-linear-gradient(0deg,transparent 0 1.3rem,#b2b5bc 1.3rem 1.5rem),linear-gradient(180deg,#33373e,#23262c)}.prop--mug{left:47.5rem;top:.5rem;width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,#45403a,#2b2620);box-shadow:0 12px 24px #0605037f,inset 0 1px #ffffff24}.prop--mug:before{content:"";position:absolute;inset:.5rem;border-radius:50%;background:radial-gradient(circle at 36% 30%,#6b4326,#2c1a0d 72%);box-shadow:inset .25rem .3rem .6rem #ffebcd2e}.prop--mug:after{content:"";position:absolute;right:-1.35rem;top:50%;width:1.7rem;height:1.7rem;transform:translateY(-50%);border-radius:50%;border:.5rem solid #3a352f;border-left-color:transparent}.prop--car{width:3.6rem;height:1.7rem;border-radius:.85rem/.8rem;background:linear-gradient(180deg,#e0703a,#b34e1f);box-shadow:0 8px 14px #0605036b,inset 0 2px 3px #ffffff59}.prop--car:before{content:"";position:absolute;inset:.22rem .95rem;border-radius:.45rem;background:linear-gradient(180deg,#2c3540,#171d24)}.prop--car:after{content:"";position:absolute;left:.42rem;top:-.16rem;width:.5rem;height:.32rem;border-radius:.16rem;background:#14110e;box-shadow:2.25rem 0 #14110e,0 1.72rem #14110e,2.25rem 1.72rem #14110e}.prop--car--1{left:46rem;top:9.5rem;transform:rotate(24deg)}.prop--car--2{left:51rem;top:13rem;transform:rotate(-14deg);background:linear-gradient(180deg,#4a90c2,#2b6391)}.prop--glasses{left:45rem;top:25.5rem;width:10rem;height:auto;transform:rotate(14deg);filter:drop-shadow(0 6px 8px rgb(6 5 3 / 40%))}.prop--cable{left:3.5rem;top:26.5rem;width:10rem;height:auto;filter:drop-shadow(0 5px 6px rgb(6 5 3 / 35%))}.prop--notes{left:7.5rem;top:6.5rem;width:3.4rem;height:3.4rem;background:linear-gradient(180deg,#f2d64b,#e3c53a);border-radius:2px;transform:rotate(-7deg);box-shadow:0 8px 16px #06050366}.prop--notes:before{content:"";position:absolute;inset:0;transform:rotate(10deg) translate(.5rem,-.4rem);background:linear-gradient(180deg,#f0a8c0,#e191ad);border-radius:2px;z-index:-1}.prop--notes:after{content:"";position:absolute;inset:0;transform:rotate(-18deg) translate(-.45rem,.5rem);background:linear-gradient(180deg,#9edb84,#83c968);border-radius:2px;z-index:-2}.prop--pad{left:46.5rem;top:31rem;width:10rem;height:7rem;transform:rotate(-3deg);border-radius:.9rem;background-image:var(--noise),linear-gradient(135deg,#8a5a34,#6d4426);background-size:180px,auto;background-blend-mode:overlay,normal;box-shadow:0 10px 22px #06050373,inset 0 1px #fff0d61f}.prop--mouse{position:absolute;left:50%;top:50%;width:2.3rem;height:3.5rem;transform:translate(-50%,-50%) rotate(4deg);border-radius:1.15rem;background:linear-gradient(160deg,#d9dce0,#a9adb4);box-shadow:0 6px 12px #06050366,inset 0 1px #fff9}.prop--mouse:before{content:"";position:absolute;left:50%;top:.35rem;width:1px;height:1.1rem;background:#00000040}.desk__bookshadow{position:absolute;left:50%;top:50%;width:24rem;height:30rem;transform:translate(-44%,-42%);pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgb(6 5 3 / 50%),rgb(6 5 3 / 20%) 60%,transparent 78%)}.desk__book{position:absolute;left:50%;top:50%;width:19rem;height:25.5rem;border:0;padding:0;background:none;cursor:pointer;transform:translate(-50%,-50%) rotate(calc(-6deg + var(--p) * 6deg)) scale(var(--bk-s, 1));transform-style:preserve-3d;transition:transform .24s var(--ease-paper),filter .24s ease}.desk__book:hover,.desk__book:focus-visible{--bk-s: 1.02;filter:drop-shadow(0 0 26px rgb(246 202 112 / 30%))}.desk__book:focus-visible{outline:2px solid #f6d67c;outline-offset:8px;border-radius:12px}.desk__book:hover .desk__title,.desk__book:focus-visible .desk__title{filter:brightness(1.18) drop-shadow(0 1px 1px rgb(20 12 4 / 55%)) drop-shadow(0 0 8px rgb(246 210 130 / 35%))}.desk__pages{position:absolute;inset:.4rem -.45rem -.55rem .9rem;border-radius:2px 9px 9px 2px;background:linear-gradient(180deg,#0000 92%,#00000024),repeating-linear-gradient(0deg,#efede3 0 2.5px,#d6d3c5 2.5px 4px);box-shadow:0 26px 60px #0605038c}.desk__cover{position:absolute;inset:0;border-radius:4px 11px 11px 4px;background-image:radial-gradient(130% 95% at 16% 6%,rgb(255 233 200 / 8%),transparent 52%),var(--noise),linear-gradient(128deg,#453527,#33261b 46%,#23180f);background-size:auto,180px,auto;background-blend-mode:normal,overlay,normal;box-shadow:0 3px 8px #06050373,inset 0 1px #fff0d617,inset -1px -1px #0000004d}.desk__cover:before{content:"";position:absolute;inset:10px;border:1px dashed rgb(232 221 204 / 13%);border-radius:2px 7px 7px 2px;pointer-events:none}.desk__cover:after{content:"";position:absolute;top:0;bottom:0;left:1.15rem;width:2px;background:linear-gradient(180deg,#00000061,#00000029 50%,#00000061);box-shadow:1px 0 #fff0d60d}.desk__title{position:absolute;left:calc((100% - 3.6rem)/2);top:40%;transform:translate(-50%,-50%);z-index:1;white-space:nowrap;font-size:var(--t-28);letter-spacing:.04em;background:linear-gradient(165deg,#f8e2a0,#d4a53d 38%,#fdf3c8 50%,#b8862e 66%,#8f6a22);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgb(20 12 4 / 55%)) drop-shadow(0 0 6px rgb(246 200 110 / 16%));transition:filter .24s ease}.desk__band{position:absolute;top:-.35rem;bottom:-.35rem;right:2.4rem;width:.8rem;z-index:2;border-radius:2px;background:linear-gradient(90deg,#15100b,#2e241a 45%,#15100b);box-shadow:0 5px 12px #0605037f,inset 0 0 0 1px #ffffff0a}.desk__tabs{position:absolute;inset:0;pointer-events:none}.desk__tab{position:absolute;left:calc(100% - 3px);width:1.05rem;height:1.5rem;border-radius:0 3px 3px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--tab-c) 88%,white) 0%,var(--tab-c) 45%,color-mix(in srgb,var(--tab-c) 80%,black) 100%);box-shadow:1px 2px 4px #06050359,inset 0 1px #ffffff40}.desk__pen{position:absolute;left:42.2rem;top:14.5rem;width:11rem;height:.55rem;transform:rotate(76deg);transform-origin:left center;border-radius:.3rem;background:linear-gradient(180deg,#323b4d,#131924 68%);box-shadow:0 10px 16px #06050373,inset 0 1px #ffffff24}.desk__pen:before{content:"";position:absolute;right:1.7rem;top:-1px;bottom:-1px;width:.32rem;border-radius:1px;background:linear-gradient(180deg,#ecd09a,#a67c3f)}.desk__pen:after{content:"";position:absolute;left:-.85rem;top:0;border-style:solid;border-width:.275rem .9rem .275rem 0;border-color:transparent #1a2230 transparent transparent}.desk__ui{display:grid;justify-items:center;gap:1.4rem}.desk__instruction{display:grid;justify-items:center;gap:.7rem;margin:0;color:#cdbfa8;font-size:var(--t-22);letter-spacing:.2em;text-indent:.3em}.desk__instruction:after{content:"";width:1px;height:2.4rem;background:linear-gradient(180deg,#cdbfa8,transparent);transform-origin:top;animation:sink 2.4s var(--ease-paper) infinite}@keyframes sink{0%{transform:scaleY(0);opacity:0}35%{transform:scaleY(1);opacity:1}75%{transform:scaleY(1);opacity:0}to{transform:scaleY(1);opacity:0}}.desk__actions{display:flex;align-items:center;gap:.75rem}.stage__plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:opacity .16s linear}.desk--plate .prop,.desk--plate .desk__pen,.desk--plate .desk__surface:before{display:none}.stage__plate--hero{transform-origin:var(--hero-origin, 49% 56%)}.desk--hero .desk__book,.desk--hero .desk__bookshadow{display:none}.desk--plate{--plate-tilt: 45deg;--plate-x: -.5rem;--plate-y: 8rem;--plate-rot: -2deg;--plate-scale: .98}.desk--plate .desk__surface{transform:rotateX(calc(var(--plate-tilt) - var(--p) * var(--plate-tilt)))}.desk--plate .desk__book{transform:translate(calc(-50% + var(--plate-x)),calc(-50% + var(--plate-y))) rotate(calc(var(--plate-rot) + var(--p) * 2deg)) scale(calc(var(--plate-scale) * var(--bk-s, 1)))}.desk__open,.facts__toggle,.controls button,.sound,.small-note button{font-family:var(--face-sans);font-size:.8rem;letter-spacing:.035em;border:1px solid var(--chrome-line);background:var(--chrome-bg);color:var(--chrome-ink);border-radius:999px;padding:.48rem 1.1rem;cursor:pointer;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.desk__open:hover,.facts__toggle:hover,.controls button:hover,.sound:hover,.small-note button:hover{border-color:var(--chrome-line-hover);background:var(--chrome-bg-hover);transform:translateY(-1px)}.controls__flip{border-color:#c9564a8c}.controls__flip:hover{border-color:#c9564ad9;background:#8c352d4d}.book--single{width:var(--page-w)}.book--flip-a{transform:rotateY(90deg) translateZ(5rem);transition-duration:calc(var(--dur-book-flip) / 2);transition-timing-function:cubic-bezier(.55,0,.85,.55)}.book--flip-jump{transform:rotateY(-90deg) translateZ(5rem);transition:none}.book--flip-b{transition-duration:calc(var(--dur-book-flip) / 2);transition-timing-function:cubic-bezier(.15,.45,.35,1)}.ink-text__clip{display:inline-block;clip-path:inset(-8% 100% -8% 0);transition:clip-path .8s var(--ease-paper)}.is-drawn .ink-text__clip{clip-path:inset(-8% -2% -8% 0)}h2.ink-text{margin-bottom:1rem}h2.ink-text .ink-text__clip{position:relative;padding-bottom:.4rem}h2.ink-text .ink-text__clip:after{content:"";position:absolute;left:.05rem;bottom:0;width:3.2rem;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--correction) 60%,transparent);opacity:.65;transform:rotate(-.6deg)}.todo{color:var(--pencil);font-style:italic;opacity:.7;border-bottom:1px dashed rgb(110 106 99 / 55%)}.p-title{display:grid;align-content:center;justify-items:start;height:100%;gap:.9rem}.p-title>.mono{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem}.p-title__name{font-size:var(--t-64);line-height:.98;margin:0}.p-title__thesis{font-size:var(--t-22);color:var(--ink-faded);max-width:24ch;margin:.25rem 0 0}.p-title__flourish{width:13rem;height:2.5rem;margin-top:.75rem}.p-title__flourish path{stroke-dasharray:400;stroke-dashoffset:400;animation:flourish-draw 1.4s var(--ease-paper) .35s forwards}@keyframes flourish-draw{to{stroke-dashoffset:0}}.p-loop{padding-left:1.7rem;margin:0 0 1.25rem}.p-loop li{margin-bottom:.6rem}.p-loop li::marker{font-family:var(--face-mono);font-size:var(--t-14);color:var(--pencil)}.p-evidence{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule);padding-top:.9rem}.p-evidence li{position:relative;padding-left:1.3rem;margin-bottom:.45rem}.p-evidence li:before{content:"—";position:absolute;left:0;color:var(--correction)}.p-ladder{list-style:none;padding:0;margin:.5rem 0 0;position:relative}.p-ladder:before{content:"";position:absolute;left:.55rem;top:.75rem;bottom:1rem;width:2px;border-radius:1px;background:linear-gradient(180deg,var(--ink) 0%,rgb(34 48 74 / 30%) 100%);opacity:.5}.p-ladder li{position:relative;padding-left:2.2rem;margin-bottom:2.2rem}.p-ladder h3{margin-bottom:.15rem}.p-ladder__rung{position:absolute;left:.28rem;top:.65rem;width:.65rem;height:.65rem;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}.p-ladder li:last-child .p-ladder__rung{background:var(--correction);border-color:var(--correction)}.p-small{list-style:none;padding:0}.p-small li{margin-bottom:1.6rem;padding-bottom:1.1rem;border-bottom:1px solid rgb(195 206 214 / 45%)}.p-small li:last-child{border-bottom:0}.p-small h3{margin-bottom:.2rem}.p-skills{font-size:var(--t-16)}.p-skills__group{margin-bottom:1.1rem}.p-skills__group h3{font-size:var(--t-18);color:var(--ink-faded);border-bottom:1px solid rgb(195 206 214 / 50%);padding-bottom:.3rem}.p-skills__group ul{list-style:none;padding:0;margin:0}.p-skill{display:grid;grid-template-columns:3.25rem 1fr auto;align-items:baseline;gap:.65rem;margin-bottom:.32rem;line-height:1.35}.p-skill__mark{height:.5rem;border-radius:999px;align-self:center;background:linear-gradient(90deg,var(--ink) 78%,transparent)}.p-skill__tier{font-size:.72rem}.p-skill--growth .p-skill__mark{background:linear-gradient(90deg,var(--pencil) 60%,transparent)}.p-skill--growth .p-skill__name{color:var(--pencil)}.p-skill__note{grid-column:2 / -1;font-size:.85rem;line-height:1.3;color:var(--pencil);margin:.1rem 0 .25rem}.p-result{font-size:var(--t-28)}.p-notes{list-style:none;padding:0}.p-notes li{margin-bottom:1.25rem}.p-now dt{font-size:.72rem;font-family:var(--face-mono);color:var(--pencil);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.15rem}.p-now dd{margin:0 0 1.2rem}.p-contact,.p-colophon{list-style:none;padding:0}.p-contact li{margin-bottom:.5rem}.p-colophon li{margin-bottom:.8rem;font-size:var(--t-16);color:var(--ink-faded)}.p-project,.p-margin{font-size:var(--t-16);line-height:1.5}.p-project__tagline{font-size:var(--t-18);color:var(--ink-faded);margin-bottom:.35rem}.p-project p,.p-project li{margin-bottom:.5rem}.p-project h3{font-size:.78rem;font-family:var(--face-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--correction);margin:1.2rem 0 .35rem}.p-project ul{margin:0 0 .5rem;padding-left:1.2rem}.p-project__rule{border:0;border-top:1px solid var(--rule);margin:.9rem 0 .65rem}.p-project__stack,.p-project__links{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:.45rem}.p-project__stack li{border:1px solid rgb(110 106 99 / 40%);border-radius:3px;padding:.1rem .42rem;font-size:.68rem;line-height:1.35}.p-project__confidential{margin-top:.9rem;font-style:italic;font-size:.72rem}.p-margin{display:grid;align-content:space-between;gap:1rem;height:100%;padding:.5rem 0}.p-margin__note{max-width:30ch}.p-margin__note p{margin:0}.p-margin__label{font-size:.78rem;font-family:var(--face-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--correction);margin-bottom:.3rem}.p-margin__diagram{max-width:100%;opacity:.8}.b-intro{display:grid;align-content:center;height:100%;gap:.5rem}.b-travel__wall{display:flex;flex-wrap:wrap;gap:1.75rem 1.1rem;align-items:flex-start;padding-top:1rem}.polaroid{all:unset;cursor:pointer;width:9rem;perspective:800px;transform:rotate(var(--tilt));transition:transform .24s var(--ease-paper)}.polaroid:hover,.polaroid:focus-visible{transform:rotate(var(--tilt)) scale(1.04);z-index:2}.polaroid:focus-visible{outline:2px solid var(--correction);outline-offset:4px}.polaroid__inner{display:block;position:relative;height:11rem;transform-style:preserve-3d;transition:transform .48s var(--ease-paper)}.polaroid.is-flipped .polaroid__inner{transform:rotateY(180deg)}.polaroid__face{position:absolute;inset:0;backface-visibility:hidden;background:#fdfcf8;box-shadow:0 10px 24px #1e181252,0 2px 6px #1e181238;padding:.5rem .5rem 0;display:flex;flex-direction:column}.polaroid__img{flex:1;background:radial-gradient(90% 70% at 30% 25%,rgb(255 255 255 / 22%),transparent 60%),linear-gradient(140deg,#c4cdd3,#93a0a9 55%,#78848e);box-shadow:inset 0 0 0 1px #0000000f}.polaroid__caption{padding:.45rem 0;text-align:center;font-size:var(--t-16)}.polaroid__back{transform:rotateY(180deg);padding:.75rem;gap:.4rem;font-size:var(--t-14);line-height:1.45}.polaroid__moment{overflow:hidden}.b-book{font-family:var(--face-book-body);font-size:var(--t-16);line-height:1.7;height:100%}.b-book__title,.b-book__heading{font-family:var(--face-book-display);letter-spacing:.03em}.b-book--cover{display:grid;align-content:center;justify-items:center;text-align:center;gap:.5rem}.b-book__object{perspective:900px;margin-bottom:1.25rem}.b-book__placeholder,.b-book__object img{width:11rem;height:16.5rem;display:block;transform:rotateY(-16deg) rotate(-1.5deg);box-shadow:-12px 16px 32px #1e181273,-2px 4px 10px #1e18124d,inset 0 0 0 1px #0000001f}.b-book__placeholder{position:relative;background:radial-gradient(120% 90% at 70% 10%,rgb(255 255 255 / 8%),transparent 55%),linear-gradient(115deg,#3c4a63,#232d3f);overflow:hidden}.b-book__spine{position:absolute;inset:0 auto 0 0;width:.9rem;background:linear-gradient(90deg,rgb(0 0 0 / 45%),transparent)}.b-book__meta{font-family:var(--face-mono);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--pencil)}.b-book__buy{font-family:var(--face-book-display);font-size:var(--t-14);letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--correction);text-decoration:none;padding-bottom:2px;margin-top:.5rem}.b-book__chapters{list-style:none;counter-reset:chapter;padding:0;margin:0;columns:2;column-gap:1.75rem;font-family:var(--face-hand);font-size:var(--t-18);line-height:1.8}.b-book__chapters li{counter-increment:chapter;break-inside:avoid}.b-book__chapters li:before{content:counter(chapter) ". ";font-family:var(--face-mono);font-size:.72rem;color:var(--pencil)}.b-book__chapters li:last-child:before{content:"— "}.b-book--note p{text-indent:1.5em}.b-book--note p:first-of-type{text-indent:0}.b-book__reactions{list-style:none;padding:0}.b-book__reactions blockquote{margin:0 0 .3rem;font-style:italic}.b-book__aside{font-family:var(--face-hand);font-size:var(--t-18);max-width:28ch;transform:rotate(-1.5deg)}.b-contradiction{display:grid;align-content:center;height:100%;gap:1.25rem}.b-contradiction__dedication{margin:0;font-size:var(--t-28);line-height:1.45;max-width:24ch}.b-contradiction__source{font-style:normal}.b-grave ul{list-style:none;padding:0}.b-grave__entry{margin-bottom:1.35rem}.b-grave__entry p{margin-bottom:.3rem}.b-grave__entry h3{margin-bottom:.15rem}.b-grave__cause{color:var(--correction)}.b-tried ul,.b-someday ul{list-style:none;padding:0}.b-tried li{margin-bottom:.85rem}.b-someday li{display:grid;grid-template-columns:1.2rem 1fr;column-gap:.55rem;row-gap:.15rem;margin-bottom:.9rem}.b-someday li>*:not(.b-someday__box){grid-column:2}.b-someday__box{grid-column:1;grid-row:1;width:.85rem;height:.85rem;border:2px solid var(--ink);border-radius:2px;margin-top:.35rem}.b-someday li p{margin:0;font-size:.9rem;line-height:1.4;color:var(--ink-faded)}.canvas{display:flex;flex-direction:column;height:100%;gap:.6rem}.canvas__title{font-size:var(--t-18);color:var(--ink-faded)}.canvas__surface{flex:1;min-height:0;cursor:crosshair;touch-action:none;border-radius:3px;box-shadow:inset 0 0 0 1px #c3ced666}.canvas__svg{width:100%;height:100%;display:block}.canvas__tools{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:var(--t-14)}.canvas__colors{display:flex;gap:.35rem;border:0;padding:0;margin:0}.canvas__swatch{width:1.35rem;height:1.35rem;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .14s ease}.canvas__swatch:hover{transform:scale(1.12)}.canvas__swatch.is-on{border-color:var(--ink)}.canvas__field{display:flex;align-items:center;gap:.35rem}.canvas__field input{font:inherit;border:0;border-bottom:1px solid rgb(110 106 99 / 50%);background:transparent;padding:.15rem;width:7rem;transition:border-color .14s ease}.canvas__field input:focus{outline:none;border-bottom-color:var(--correction)}.canvas__tools button{font:inherit;border:1px solid rgb(110 106 99 / 45%);background:transparent;border-radius:999px;padding:.22rem .75rem;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.canvas__tools button:hover:not(:disabled){border-color:var(--ink);background:#22304a0f}.canvas__tools button:disabled{opacity:.4;cursor:not-allowed}.canvas__status{font-size:.72rem}.tabs{position:absolute;inset:0;pointer-events:none;z-index:5}.tab{position:absolute;pointer-events:auto;display:flex;align-items:center;height:1.9rem;border:0;cursor:pointer;font-family:var(--face-sans);font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:#fffaf0f2;background:linear-gradient(180deg,color-mix(in srgb,var(--tab-c) 88%,white) 0%,var(--tab-c) 45%,color-mix(in srgb,var(--tab-c) 82%,black) 100%);transition:transform .2s var(--ease-paper)}.tab--right{left:100%;padding:0 .6rem 0 .5rem;border-radius:0 3px 3px 0;box-shadow:2px 3px 8px #06050361,inset 0 1px #ffffff38,inset 2px 0 2px #0000002e}.tab--left{right:100%;flex-direction:row-reverse;padding:0 .5rem 0 .6rem;border-radius:3px 0 0 3px;box-shadow:-2px 3px 8px #06050361,inset 0 1px #ffffff38,inset -2px 0 2px #0000002e}.tab__label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .26s var(--ease-paper),opacity .18s ease}.tab:hover .tab__label,.tab:focus-visible .tab__label,.tab.is-current .tab__label{max-width:9rem;opacity:1}.tab:hover,.tab:focus-visible{transform:translate(0) scale(1.03)}.tab.is-current{box-shadow:2px 3px 10px #06050373,inset 0 1px #ffffff59}.ribbons--drawer{position:fixed;left:0;bottom:0;width:100%;z-index:60;background:#14100ce0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.45rem}.ribbons--drawer ul{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;justify-content:start;overflow-x:auto;gap:.4rem}.ribbons--drawer .ribbon{display:block;border:0;cursor:pointer;font-family:var(--face-sans);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#f6ecdc;background:var(--tab-c, #a8433f);border-radius:3px;padding:.45rem .9rem;white-space:nowrap;opacity:.75}.ribbons--drawer .ribbon.is-current{opacity:1;box-shadow:inset 0 0 0 1.5px #ffffff59}.facts{position:fixed;top:1.1rem;left:1.1rem;z-index:60;max-width:min(22rem,calc(100vw - 2.2rem))}.facts__panel{margin-top:.6rem;background:var(--paper);color:var(--ink);padding:1.15rem 1.25rem;border-radius:6px;border-top:3px solid var(--correction);box-shadow:0 18px 50px #0806047f,0 2px 8px #0806044d;font-size:.82rem;max-height:70vh;overflow-y:auto}.facts__panel dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem .9rem;margin:0}.facts__panel dt{color:var(--pencil);text-transform:uppercase;font-size:.66rem;letter-spacing:.07em;padding-top:.1em}.facts__panel dd{margin:0}.facts__resume{display:inline-block;margin-top:.9rem;font-weight:600}.controls{position:fixed;bottom:1.1rem;left:1.1rem;display:flex;gap:.5rem;z-index:60}.sound{display:inline-flex;align-items:center;gap:.45rem}.sound--prompt{font-size:.85rem;padding:.55rem 1.25rem}.sound__label{font-family:var(--face-hand);font-size:1rem}.small-note{position:fixed;bottom:4.2rem;left:50%;transform:translate(-50%);z-index:70;background:var(--chrome-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--chrome-line);color:var(--chrome-ink);padding:.5rem .6rem .5rem 1.1rem;border-radius:999px;font-size:.78rem;display:flex;align-items:center;gap:.7rem;white-space:nowrap}.small-note button{padding:.2rem .7rem}@media (width <= 1199px){:root{--page-w: 30rem;--page-h: 41rem}.stage__motes{opacity:.25}}@media (width <= 899px){:root{--page-w: min(32rem, 94vw);--page-h: min(44rem, 76vh);--page-pad: 1.75rem;--margin-x: 3rem}.stage__motes,.prop,.desk__pen,.desk__bookshadow{display:none}.desk__scene,.desk__surface{width:auto;height:auto}.desk__book{position:relative;left:auto;top:auto;width:15.5rem;height:21rem;transform:rotate(calc(-6deg + var(--p) * 6deg))}.facts{top:auto;bottom:4.5rem}}@media (width <= 599px){:root{--t-18: 1.125rem;--page-pad: 1.25rem;--margin-x: 2.25rem;--rule-gutter: 1.1rem}.p-title__name{font-size:var(--t-40)}.polaroid{width:7.5rem}.polaroid__inner{height:9.5rem}.controls{bottom:3.5rem}.b-book__chapters{columns:1}}@media (hover: none){.polaroid__inner{transition-duration:.32s}}@media (prefers-reduced-motion: reduce){.leaf,.book,.polaroid__inner,.ink-text{transition-duration:.2s!important}.desk__instruction:after{animation:none;transform:scaleY(1);opacity:.6}.p-title__flourish path{animation:none;stroke-dashoffset:0}.leaf__sheen{display:none}}