.nb{--background:#f5f4f2;--text-primary:#1a1a1a;--text-secondary:#000000b8;--muted:#00000094;--border:#00000024;--border-subtle:#00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:var(--background);--ink:var(--text-primary);--ink-soft:var(--muted);--hair:var(--border);--rule-line:#00000021;--perf:44px;--gutter:clamp(20px, 4vw, 52px);--text-col:50%;min-height:100vh;color:var(--ink);background-color:var(--paper);position:relative;overflow-x:clip}.nb-perf{--coil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 34'%3E%3Cline x1='5' y1='22' x2='35' y2='18' stroke='black' stroke-opacity='.22' stroke-width='4.6' stroke-linecap='round'/%3E%3Cline x1='3' y1='19' x2='33' y2='15' stroke='black' stroke-width='3.8' stroke-linecap='round'/%3E%3Ccircle cx='36' cy='15' r='5.2' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");width:var(--perf);background:var(--ink);-webkit-mask-image:var(--coil);-webkit-mask-image:var(--coil);mask-image:var(--coil);-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;-webkit-mask-size:var(--perf) calc(var(--perf) * .773);-webkit-mask-size:var(--perf) calc(var(--perf) * .773);mask-size:var(--perf) calc(var(--perf) * .773);z-index:2;position:absolute;inset:0 auto 0 0}.nb-page{margin-left:var(--perf);position:relative}.nb-head{padding:6px var(--gutter) clamp(56px, 8vw, 120px) clamp(8px, 1.2vw, 14px);grid-template-columns:1fr auto;align-items:start;column-gap:24px;display:grid;position:relative}.nb-title{letter-spacing:-.04em;text-transform:lowercase;margin:0;font-size:clamp(44px,6.4vw,112px);font-weight:600;line-height:.95}.nb-intro{padding:0 var(--gutter) clamp(56px, 8vw, 120px) calc(var(--gutter) - 14px);padding-left:calc(var(--gutter) - 14px + (100% - var(--gutter) * 2 + 14px) * .5);letter-spacing:-.035em;text-transform:lowercase;white-space:pre-line;margin:0;font-size:clamp(26px,3.2vw,48px);font-weight:600;line-height:1.08}.nb-line{padding:0 var(--gutter) clamp(40px, 6vw, 88px) calc(var(--gutter) - 14px)}.nb-line-title{margin:0 0 clamp(18px,2.4vw,32px)}.nb-line-list{margin:0;padding:0 0 0 28px;list-style:none;position:relative}.nb-line-list:before{content:"";background:var(--ink);width:1px;position:absolute;top:.9em;bottom:.9em;left:4px}.nb-hito{grid-template-columns:calc(var(--text-col) - 14px) minmax(0, 1fr);align-items:baseline;padding:14px 0 18px;display:grid;position:relative}.nb-hito:after{content:"";background:var(--hair);transform-origin:0;height:1px;position:absolute;inset:0 0 auto}.nb-hito:first-child:after{display:none}.nb-hito:before{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:1.15em;left:-28px}.nb-when,.nb-what{margin:0}.nb-when{letter-spacing:-.03em;text-transform:lowercase;font-feature-settings:"tnum" 1;font-size:clamp(20px,2.1vw,30px);font-weight:600;line-height:1.2}.nb-what{text-wrap:pretty;white-space:pre-line;max-width:34em}.nb-what:first-line{color:var(--ink)}.nb-dots{height:20px;margin-left:calc(var(--gutter) - 14px);background-image:radial-gradient(circle at center, var(--ink) 0 3.6px, transparent 4px);background-position:0 0;background-size:14px 20px}.nb-dots--end{margin-top:clamp(40px,6vw,88px)}.nb-take{padding-bottom:clamp(36px,5vw,72px)}.nb-row{grid-template-columns:var(--text-col) minmax(0, 1fr) auto;padding:14px var(--gutter) 0 calc(var(--gutter) - 14px);align-items:start;column-gap:0;display:grid}.nb-num,.nb-note{margin:0}.nb-note{text-align:right}.nb-body{--rule:22px;padding-bottom:var(--rule);background-repeat:no-repeat;background-size:100% 100%;background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--rule) - 1px), var(--rule-line) calc(var(--rule) - 1px) var(--rule))}.nb-h2{background:linear-gradient(var(--rule-line), var(--rule-line)) 0 100% / 100% 1px no-repeat, var(--paper);letter-spacing:-.03em;font-size:clamp(20px,2.1vw,30px);font-weight:600;line-height:calc(var(--rule) * 2);text-transform:lowercase;text-wrap:balance;margin:0}.nb-h2-text{max-width:18ch;display:block}.nb-p{margin:var(--rule) 0 0;text-wrap:pretty;white-space:pre-line;max-width:34em}.nb-mark{color:var(--paper);background:linear-gradient(var(--ink), var(--ink)) no-repeat 0 50% / 100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3em .12em .38em .16em/.22em .4em .18em .36em;margin:0 -.12em;padding:.06em .3em}@supports (animation-timeline:view()){.nb-mark{color:var(--ink);background-size:0% 100%;animation:linear both nb-draw;animation-timeline:view();animation-range:entry 25% cover 38%}@keyframes nb-draw{to{color:var(--paper);background-size:100% 100%}}}@media (prefers-reduced-motion:reduce){.nb-mark{color:var(--paper);background-size:100% 100%;animation:none}}.nb-take--flip .nb-body{grid-area:1/1}.nb-take--flip .nb-num{grid-area:1/2}.nb-take--flip .nb-note{grid-area:1/3}.nb-foot{padding:clamp(40px, 6vw, 80px) var(--gutter) 56px calc(var(--gutter) - 14px);max-width:64rem}@media (max-width:760px){.nb{--perf:30px}.nb-hito{grid-template-columns:1fr;row-gap:6px}.nb-head{padding-bottom:32px}.nb-intro{padding-left:calc(var(--gutter) - 14px);padding-bottom:56px}.nb-row{grid-template-columns:1fr auto;row-gap:22px}.nb-num,.nb-take--flip .nb-num{grid-area:1/1}.nb-note,.nb-take--flip .nb-note{grid-area:1/2}.nb-body,.nb-take--flip .nb-body{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){.nb .fade-in{animation:none}}.nb-page--click,.nb-page--click a,.nb-page--click button{cursor:pointer}.nb-more,.nb-close{color:var(--ink);cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-block}.nb-more{margin-top:clamp(28px,4vw,56px);margin-left:28px}.nb-close{place-self:start end}.nb-more,.nb-close{letter-spacing:-.035em;text-transform:lowercase;transition:opacity var(--duration-fast) var(--ease-out);font-size:clamp(26px,3.2vw,48px);font-weight:600;line-height:.95}.nb-more:hover,.nb-close:hover{opacity:.55}.nb.nb-inv{--background:#000;--text-primary:#f5f4f2;--text-secondary:#f5f4f2b8;--muted:#f5f4f294;--border:#ffffff29;--border-subtle:#ffffff17;--rule-line:#ffffff24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.nb-overlay{z-index:60;overscroll-behavior:contain;outline:none;position:fixed;inset:0;overflow:hidden auto}.nb-overlay-inner{min-height:100%;position:relative}.nb-visual{aspect-ratio:1;width:100%;max-width:30rem;color:var(--ink);grid-area:1/1;align-self:start;margin-top:44px;position:sticky;top:14vh}.nb-take--flip .nb-visual{grid-column:2}.nb-visual svg{width:100%;height:100%;display:block;overflow:visible}.nb-v-out,.nb-v-grow,.nb-v-pop,.nb-v-pulse{transform-box:fill-box;transform-origin:50%}.nb-v-out{opacity:0;transform:scale(.4)}.nb-v-grow{transform:scale(1.3)}.nb-v-lap{transform-origin:205px 205px}.nb-v-label{fill:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:600}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.nb-take{view-timeline:--take block}.nb-v-gather,.nb-v-draw,.nb-v-fade,.nb-v-out,.nb-v-grow,.nb-v-pop,.nb-v-pulse,.nb-v-lap{animation-duration:1ms;animation-timing-function:cubic-bezier(.25,.6,.25,1);animation-fill-mode:both;animation-timeline:--take;animation-range:cover var(--a,15%) cover var(--b,45%)}.nb-v-gather{animation-name:nb-v-gather}.nb-v-draw{animation-name:nb-v-draw}.nb-v-fade{animation-name:nb-v-fade}.nb-v-out{animation-name:nb-v-out}.nb-v-grow{animation-name:nb-v-grow}.nb-v-pop{animation-name:nb-v-pop}.nb-v-pulse{animation-name:nb-v-pulse}.nb-v-lap{animation-name:nb-v-lap}.nb-v-linear{animation-timing-function:linear}@keyframes nb-v-gather{0%{transform:translate(var(--dx,0), var(--dy,0))}}@keyframes nb-v-draw{0%{stroke-dashoffset:1px}}@keyframes nb-v-fade{0%{opacity:0}}@keyframes nb-v-out{0%{opacity:1;transform:none}}@keyframes nb-v-grow{0%{transform:none}}@keyframes nb-v-pop{0%{transform:scale(.27)}}@keyframes nb-v-pulse{50%{opacity:1;transform:scale(1.9)}}@keyframes nb-v-lap{0%{opacity:0;transform:rotate(-360deg)}2%{opacity:1}to{transform:rotate(0)}}}}.nb-more .nb-mark{animation-range:entry 10% entry 90%}.nb-title,.nb-close{align-self:baseline}@media (max-width:1024px){.nb-visual,.nb-take--flip .nb-visual{opacity:.26;pointer-events:none;z-index:0;grid-area:1/1/span 3/-1;place-self:start center;width:min(100%,26rem);max-width:none;margin:0;position:sticky;top:max(12vh,50vh - 13rem)}.nb-num,.nb-note,.nb-body{z-index:1;position:relative}}.nb-word{white-space:nowrap}.nb-wd{display:inline-block}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.nb-perf{animation:1.6s steps(28,end) 60ms both nb-punch}.nb-ch{animation:nb-key .16s ease-out var(--d,0s) both}.nb-wd{animation:nb-write .55s cubic-bezier(.2, .7, .2, 1) calc(var(--lag,0s) + var(--d,0s)) both}.nb-in{animation:nb-rise .6s cubic-bezier(.2, .7, .2, 1) var(--d,0s) both}.nb [data-reveal] .nb-mark{color:var(--ink);animation:nb-marker .55s cubic-bezier(.6, 0, .2, 1) calc(var(--lag,0s) + var(--m,0s)) both;background-size:0% 100%;animation-timeline:auto;animation-range:normal}.nb-line-list:before{transform-origin:top;animation:nb-thread calc(var(--n,6) * .22s) cubic-bezier(.45, 0, .25, 1) .4s both}.nb-hito:before{animation:nb-stamp .5s cubic-bezier(.3, 1.5, .5, 1) calc(.4s + var(--k,0) * .22s) both}.nb-hito:after{animation:nb-rule .7s cubic-bezier(.6, 0, .2, 1) calc(.3s + var(--k,0) * .22s) both}.nb-hito:last-child:before{animation:nb-stamp .5s cubic-bezier(.3, 1.5, .5, 1) calc(.4s + var(--k,0) * .22s) both, nb-breathe 2.8s ease-out calc(1.1s + var(--k,0) * .22s) infinite}.nb-dots{animation:nb-print .9s steps(36, end) var(--d,0s) both}.nb-body{animation:1.1s cubic-bezier(.6,0,.2,1) .18s both nb-ruling}.nb-visual{animation:.9s ease-out .25s both nb-appear}.nb [data-reveal]:not(.is-in) :is(.nb-ch,.nb-wd,.nb-in,.nb-mark,.nb-dots,.nb-body,.nb-visual),.nb [data-reveal]:not(.is-in) :is(.nb-line-list,.nb-hito):before,.nb [data-reveal]:not(.is-in) .nb-hito:after,.nb [data-reveal]:not(.is-in).nb-dots{animation-play-state:paused}@keyframes nb-punch{0%{clip-path:inset(0 0 100%)}}@keyframes nb-key{0%{opacity:0}}@keyframes nb-write{0%{opacity:0;transform:translateY(.28em)}}@keyframes nb-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes nb-marker{to{color:var(--paper);background-size:100% 100%}}@keyframes nb-thread{0%{transform:scaleY(0)}}@keyframes nb-stamp{0%{transform:scale(0)}60%{transform:scale(1.35)}}@keyframes nb-rule{0%{transform:scaleX(0)}}@keyframes nb-breathe{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ink) 45%, transparent)}70%,to{box-shadow:0 0 0 12px color-mix(in srgb, var(--ink) 0%, transparent)}}@keyframes nb-print{0%{clip-path:inset(0 100% 0 0)}}@keyframes nb-ruling{0%{background-size:0% 100%}}@keyframes nb-appear{0%{opacity:0}}}.nb-page--ink,.nb-page--ink .nb-hito{cursor:none}.nb-ink{z-index:50;pointer-events:none;display:none;position:fixed;top:0;left:0}.nb-page--ink~.nb-ink{display:block}.nb-ink i{border:.6px solid var(--ink);background:var(--ink);border-radius:50%;width:14px;height:14px;transition:transform .32s cubic-bezier(.3,1.4,.5,1),background-color .2s,opacity .2s;position:absolute;top:-7px;left:-7px}.nb-ink[data-state=off] i{opacity:0;transform:scale(.3)}.nb-ink[data-state=ring] i{background-color:#0000;transform:scale(2.6)}.nb-ink[data-press] i{transform:scale(.6)}