.nb-section{--cover:#274653;--page:#f5f2eb;--underline:#5c7a8a2e;--nav-h:4rem;overflow-x:clip}.nb-layout{grid-template-areas:"heading""copy";align-items:center;gap:2rem;display:grid}.nb-heading{grid-area:heading}.nb-book-area{grid-area:book;width:100%;display:none;container-type:inline-size}.nb-copy{grid-area:copy}@media (min-width:1024px) and (min-height:640px){.nb-book-area{display:block}.nb-layout{grid-template:"book heading""book copy"/minmax(0,1fr) minmax(0,30rem);align-content:center;gap:1.25rem clamp(2rem,5vw,5rem)}.nb-heading{align-self:end}.nb-copy{align-self:start}}@media (min-width:1024px) and (min-height:640px) and (prefers-reduced-motion:reduce){.nb-layout{grid-template-rows:auto 1fr;align-content:start}.nb-heading,.nb-copy{align-self:start}}@media (min-width:1024px) and (min-height:640px) and (prefers-reduced-motion:no-preference){.nb-section{height:calc(100svh - var(--nav-h));min-height:0}.nb-layout{height:100%}}.nb-spread-view,.nb-stack-view{width:100%;display:none}@media (prefers-reduced-motion:no-preference){.nb-spread-view{flex-direction:column;align-items:center;display:flex}}@media (prefers-reduced-motion:reduce){.nb-stack-view{display:block}}.nb-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.nb-paper{background:repeating-linear-gradient(0deg, transparent 0 1.25rem, var(--underline) 1.25rem calc(1.25rem + 1px), transparent calc(1.25rem + 1px)) 0 1.5rem / 100% 100% no-repeat, var(--page)}.nb-cover-surface{background:radial-gradient(120% 90% at 30% 20%, #ffffff14, transparent 60%), var(--cover);color:#fff}.nb-cover-title{text-align:center;font-family:var(--font-display), var(--font-inter-tight), sans-serif;letter-spacing:.12em;font-weight:800;line-height:1.15;font-size:calc(var(--pw) * .08);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0 16%}.nb-cover-title:after{content:"";background:#ffffff80;width:40%;height:2px}.nb-endpaper{background:#e8e4d9;position:absolute;inset:4%}.nb-last-page{color:var(--cover);font-family:var(--font-display), var(--font-inter-tight), sans-serif;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex;position:absolute;inset:0}.nb-sketch{mix-blend-mode:multiply;position:absolute;inset:6% 7% 9%}.nb-sketch img{object-fit:contain}.nb-page-number{color:#666;font-size:.7rem;position:absolute;bottom:.6rem}.nb-front .nb-page-number{right:.9rem}.nb-back .nb-page-number{left:.9rem}.nb-front.nb-gutter:before,.nb-back.nb-gutter:before{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.nb-front.nb-gutter:before{background:linear-gradient(90deg,#00000038,#0000000d 6%,#0000 14%)}.nb-back.nb-gutter:before{background:linear-gradient(270deg,#00000038,#0000000d 6%,#0000 14%)}.nb-shade{z-index:2;pointer-events:none;opacity:0;position:absolute;inset:0}.nb-front .nb-shade{background:linear-gradient(270deg,#00000073,#00000026)}.nb-back .nb-shade{background:linear-gradient(90deg,#00000073,#00000026)}.nb-back{transform:rotateY(180deg)}.nb-spread-view{--pw:min(50cqi, calc((100svh - var(--nav-h) - 6rem) * .75), 22rem);--ph:calc(var(--pw) * 4 / 3)}.nb-stage{width:calc(var(--pw) * 2);height:var(--ph);position:relative}.nb-book{width:var(--pw);height:100%;position:absolute;top:0;left:50%;translate:-50%}.nb-leaf{transform-origin:0;transform-style:preserve-3d;will-change:transform;position:absolute;inset:1.5% 1.5% 1.5% 0}.nb-leaf .nb-face{box-shadow:0 1px 2px #0000001f}.nb-leaf.nb-cover-leaf{inset:0}.nb-leaf.nb-cover-leaf .nb-face{border-radius:0 6px 6px 0;box-shadow:0 18px 40px -12px #0000008c}.nb-leaf.nb-cover-leaf .nb-back{border-radius:6px 0 0 6px}.nb-stack{gap:1.5rem;width:100%;max-width:28rem;margin:0 auto 1.25rem;padding:0;list-style:none;display:grid}.nb-stack-item{color:#111;border-radius:.25rem;padding:1rem;position:relative}.nb-stack-image{aspect-ratio:1;width:100%;position:relative}.nb-stack-image img{object-fit:contain;mix-blend-mode:multiply}