:root{--nb-ink:#1d1c19;--nb-ink-2:#5f5a4f;--nb-rule:#cfc7b5;--nb-accent:#46602d;--nb-stamp:#b3261e;--nb-sheet:#fdfcf8;--nb-paper:#f7f6f3;--nb-tape:#ece2b2b8;--nb-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--nb-label:var(--sans,Inter, system-ui, sans-serif);--nb-hand:Caveat, "Bradley Hand", cursive;--nb-body:Newsreader, Georgia, "Times New Roman", serif;--nb-shadow:drop-shadow(0 1px .5px #2d230f38) drop-shadow(0 9px 10px #2d230f24);--nb-shadow-lift:drop-shadow(0 2px 1px #2d230f33) drop-shadow(0 18px 18px #2d230f2e)}.nb-label{font:700 11px/1.35 var(--nb-label);letter-spacing:.09em;text-transform:uppercase;color:var(--nb-ink-2)}.nb-hed{font:400 clamp(56px, 7vw, 104px)/.92 var(--serif);letter-spacing:-.025em;color:var(--nb-ink);text-wrap:balance;margin:0}.nb-hed em{color:inherit;font-style:italic}.nb-dek{font:italic 400 clamp(20px, 2vw, 24px)/1.38 var(--nb-body);color:var(--nb-ink);text-wrap:pretty;max-width:34ch;margin:0}.nb-tape{z-index:3;background:var(--nb-tape);width:92px;height:26px;transform:rotate(var(--t,-4deg));mix-blend-mode:multiply;clip-path:polygon(0 8%,6% 0,12% 10%,20% 2%,100% 0,96% 14%,100% 30%,95% 50%,100% 70%,96% 88%,100% 100%,10% 100%,4% 92%,0 76%,5% 56%,0 38%,4% 22%);position:absolute;top:-12px;left:calc(50% - 46px)}.nb-piece{grid-column:var(--c);grid-row:var(--r);z-index:var(--z,1);min-width:0;transform:rotate(var(--rot,0deg));filter:var(--nb-shadow);animation:.7s cubic-bezier(.2,.7,.2,1) both nb-settle;animation-delay:calc(var(--i,0) * 70ms);align-self:start;transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .4s;position:relative}.nb-piece:hover{transform:rotate(calc(var(--rot,0deg) * .5)) translateY(-5px);filter:var(--nb-shadow-lift);z-index:20}.nb-piece.nb-still:hover{transform:rotate(var(--rot,0deg));filter:var(--nb-shadow)}@keyframes nb-settle{0%{transform:rotate(calc(var(--rot,0deg) * 1.8)) translateY(-14px) scale(1.03)}}@media (prefers-reduced-motion:reduce){.nb-piece{transition:none;animation:none}.nb-piece:hover{transform:rotate(var(--rot,0deg))}}.nb-read{font:700 26px/1 var(--nb-hand);color:var(--nb-accent);margin-top:22px;display:inline-block}.nb-sticky{color:#2a2512;font:700 clamp(24px, 2.3vw, 30px)/1.05 var(--nb-hand);background:#f6e27a;padding:18px 18px 22px;box-shadow:inset 0 -14px 18px -14px #785a0040}.nb-home{min-height:0;padding-block:110px 140px;scroll-margin-top:-60px;overflow-x:clip}.nb-notebook{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.nb-intro{grid-column:1/span 4;gap:18px;padding-right:24px;display:grid;position:sticky;top:110px}.nb-intro .nb-all{width:fit-content;font-size:18px}.nb-board{grid-column:5/-1;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(30px,auto);display:grid}.nb-legal{color:var(--nb-ink);background:linear-gradient(90deg,#0000 52px,#ce505080 52px 53px,#0000 53px),repeating-linear-gradient(#0000 0 31px,#466eb44d 31px 32px) 0 70px,#fbf4c8;padding:74px 30px 34px 72px;text-decoration:none;display:block;position:relative}.nb-legal:before{content:"";background:radial-gradient(circle at 50% 50%, var(--nb-paper) 0 4px, transparent 4.5px) 0 50% / 22px 22px repeat-x, #e9dfab;height:22px;position:absolute;inset:0 0 auto}.nb-legal time,.nb-card time{text-align:right;font:500 26px/var(--pitch) var(--nb-hand);color:var(--nb-ink-2);display:block;position:relative}.nb-legal h3{font:400 clamp(36px, 4vw, 52px)/calc(var(--pitch) * 2) var(--serif);letter-spacing:-.015em;color:var(--nb-ink);text-wrap:balance;margin:0}.nb-legal p{font:400 18px/var(--pitch) var(--nb-body);color:#3d3a32;margin:0}.nb-card{color:var(--nb-ink);background:linear-gradient(transparent 52px, #ce505073 52px 53px, transparent 53px), repeating-linear-gradient(transparent 0 25px, #466eb438 25px 26px), var(--nb-sheet);background-position:0 0,0 58px,0 0;padding:20px 22px 24px;text-decoration:none;display:block}.nb-card h3{font:400 27px/var(--pitch) var(--serif);margin:var(--pitch) 0 0;color:var(--nb-ink);text-wrap:balance}.nb-card p{font:400 15px/var(--pitch) var(--nb-body);color:var(--nb-ink-2);margin:0}.nb-card .nb-read{font-size:22px}.nb-legal{--pitch:32px;background-position:0 0,0 64px,0 0}.nb-card{--pitch:26px;background-position:0 0,0 64px,0 0}.nb-legal .nb-read,.nb-card .nb-read{width:fit-content;line-height:var(--pitch);margin-top:var(--pitch);display:block;position:relative}.nb-legal h3{position:relative;top:calc(20px - .337em)}.nb-legal .nb-read{top:-4.5px}.nb-card h3{position:relative;top:-5px}.nb-card .nb-read{top:-3px}.nb-legal time{top:-4.5px}.nb-card time{top:-5px}.nb-article{padding-block:130px 90px}.nb-head{border-bottom:1px solid var(--nb-ink);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:32px;padding-bottom:28px;display:grid}.nb-head>div{grid-column:1/span 9;gap:20px;display:grid}.nb-head aside{grid-column:10/-1;justify-self:end;position:relative}.nb-stamp-updated{--nb-stamp:#1f4fa3;white-space:nowrap;position:absolute;top:46px;left:-26px;transform:rotate(-11deg)}.nb-head .nb-hed{font-size:clamp(54px,8vw,120px);line-height:.9}.nb-head .nb-dek{max-width:40ch}.nb-stamp{border:3px double var(--nb-stamp);color:var(--nb-stamp);font:800 24px/1 var(--nb-label);letter-spacing:.08em;text-transform:uppercase;mix-blend-mode:multiply;opacity:.92;border-radius:6px;justify-items:center;gap:2px;padding:8px 14px;display:inline-grid;-webkit-mask-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='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -4 2.9'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");mask-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='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -4 2.9'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.nb-stamp small{font:700 10px var(--nb-label);letter-spacing:.14em}.nb-meta{flex-wrap:wrap;gap:6px 22px;padding-top:12px;display:flex}.nb-prose{max-width:680px;font:400 20px/1.62 var(--nb-body);color:var(--nb-ink);margin:clamp(36px,5vw,60px) auto 0}.nb-prose>*{margin-block:0 1em}.nb-prose p{color:var(--nb-ink)}.nb-prose>p:first-of-type:first-letter{float:left;font:400 5.1em/.76 var(--serif);color:var(--nb-accent);margin:.05em .09em 0 0}.nb-prose h2{font:400 40px/1.05 var(--serif);letter-spacing:-.01em;color:var(--nb-ink);margin-top:1.6em}.nb-prose h3{font:700 14px/1.3 var(--nb-label);letter-spacing:.12em;text-transform:uppercase;color:var(--nb-ink);margin-top:2em}.nb-prose a{color:var(--nb-accent);text-underline-offset:4px;text-decoration:underline 1px}.nb-prose em{color:inherit}.nb-prose blockquote{font:italic 400 clamp(26px,3vw,36px)/1.25 var(--serif);color:var(--nb-ink);text-wrap:pretty;border:0;margin:1.6em 0;padding:0 0 0 1em;position:relative}.nb-prose blockquote p{color:inherit;font:inherit;margin:0}.nb-prose blockquote p+p{margin-top:.65em}.nb-prose blockquote:before{content:"“";font:400 1.65em/1 var(--serif);color:var(--nb-accent);position:absolute;top:.03em;left:0}.nb-prose ul,.nb-prose ol{padding-left:1.2em}.nb-prose li{margin-bottom:.35em}.nb-prose li::marker{color:var(--nb-accent)}.nb-prose code{font:400 .82em var(--nb-mono);background:#ebe5d5;padding:.1em .35em}.nb-prose pre{background:var(--nb-sheet);font:400 14px/1.7 var(--nb-mono);filter:var(--nb-shadow);margin-block:1.6em;padding:20px 22px;overflow-x:auto}.nb-prose pre code{font-size:inherit;background:0 0;padding:0}.nb-prose img{background:var(--nb-sheet);max-width:100%;height:auto;filter:var(--nb-shadow);margin-block:1.4em;padding:10px;transform:rotate(1deg)}.nb-prose hr{text-align:center;border:0;margin:2.4em 0}.nb-prose hr:before{content:"⁂";font:400 26px var(--serif);color:var(--nb-accent)}@media (width<=1023px){.nb-notebook,.nb-head{grid-template-columns:minmax(0,1fr)}.nb-intro,.nb-board,.nb-head>div,.nb-head aside{grid-column:1}.nb-intro{padding:0 0 40px;position:static}.nb-head aside{justify-self:start}}@media (width<=640px){.nb-board{flex-direction:column;display:flex}.nb-board>.nb-piece{width:var(--mw,90%);margin-top:-14px}.nb-board>.nb-piece:first-child{margin-top:0}.nb-board>.nb-piece:nth-child(odd){align-self:flex-start}.nb-board>.nb-piece:nth-child(2n){align-self:flex-end}.nb-legal{background:linear-gradient(90deg,#0000 28px,#ce505080 28px 29px,#0000 29px),repeating-linear-gradient(#0000 0 31px,#466eb44d 31px 32px) 0 50px,#fbf4c8;padding:60px 20px 28px 40px}.nb-prose blockquote{margin-inline:0}.nb-home{padding-block:70px 80px}}.nb-board{isolation:isolate;position:relative}.nb-empty-sticky .nb-sticky{background:linear-gradient(#e8d26c 0,#f6e27a 20%,#f9e995 85%,#f3df7d);min-height:230px;padding:30px 26px}.nb-empty-sticky h3{font:700 38px/1.05 var(--nb-hand);margin:0 0 22px}.nb-empty-sticky p{font:400 27px/1.2 var(--nb-hand);margin:0}@media (width<=800px){.nb-board-empty{min-height:320px;padding-top:22px}.nb-board>.nb-empty-sticky{width:68%;margin-top:20px}.nb-empty-sticky .nb-sticky{padding:24px 20px}.nb-empty-sticky h3{font-size:32px}.nb-empty-sticky p{font-size:24px}}.nb-roadwork{z-index:1;pointer-events:none;width:34%;max-width:280px;position:absolute;top:-36px;right:-1%;transform:rotate(6deg)}.nb-roadwork img{filter:drop-shadow(0 3px 2px #28201433)drop-shadow(10px 16px 16px #28201429);width:100%;height:auto;display:block}.nb-beacon{aspect-ratio:1;mix-blend-mode:screen;opacity:0;background:radial-gradient(closest-side,#ffd678f2,#ffaa288c 22%,#ff961e2e 48%,#0000);border-radius:50%;width:30%;position:absolute;top:28.8%;left:8.7%;translate:-50% -50%}@media (prefers-reduced-motion:no-preference){.nb-beacon{animation:1.1s step-end infinite nb-blink}}@keyframes nb-blink{0%{opacity:1}55%{opacity:0}}@media (width<=800px){.nb-roadwork{width:40%;top:-6px;right:-2%}.nb-board.nb-board-empty>.nb-piece.nb-empty-sticky{align-self:flex-start;margin-top:56px}}.nb-board-empty .nb-roadwork{z-index:30}.nb-board-empty .nb-empty-sticky{animation:none}@keyframes nb-rise{0%{opacity:0;transform:translate(var(--from-x,0px), var(--from-y,0px)) rotate(14deg);animation-timing-function:cubic-bezier(.25,.6,.3,1)}18%{opacity:1}to{opacity:1;transform:rotate(var(--rot))}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){.nb-board-empty .nb-empty-sticky{animation-name:nb-rise;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 10% cover 55%}}}