:root{--ink-paper:#f3efe7;--ink-paper-light:#faf8f3;--ink:#111;--ink-graphite:#2b2b2b;--ink-muted:#a8a29a;--ink-accent:#b8644b;--ink-focus:var(--ink);--ink-space-1:4px;--ink-space-2:8px;--ink-space-3:12px;--ink-space-4:16px;--ink-space-6:24px;--ink-space-8:32px;--ink-space-12:48px;--ink-space-16:64px;--ink-space-24:96px;--ink-space-32:128px;--ink-duration-short:.15s;--ink-duration-base:.3s;--ink-duration-long:.5s;--ink-ease:cubic-bezier(.2,.8,.2,1);--ink-clip-button:polygon(3% 8%, 92% 0%, 100% 48%, 88% 95%, 7% 100%, 0% 52%);--ink-clip-banner:polygon(0 0, 96% 0, 100% 50%, 96% 100%, 0 100%);--ink-clip-button-rough:polygon(3% 7%, 35% 3%, 66% 0%, 93% 4%, 100% 45%, 96% 82%, 87% 98%, 53% 95%, 8% 100%, 0 55%);--ink-clip-banner-rough:polygon(0 5%, 24% 0%, 58% 2%, 94% 0%, 100% 45%, 97% 86%, 74% 100%, 38% 97%, 4% 100%, 0 54%);--ink-clip-trapezoid:polygon(8% 0%, 100% 8%, 92% 100%, 0% 92%);--ink-clip-cut-frame:polygon(0 8%, 8% 0, 92% 0, 100% 8%, 100% 92%, 92% 100%, 8% 100%, 0 92%);--ink-clip-torn-edge:polygon(0 3%, 13% 0, 27% 2%, 42% 0, 58% 3%, 74% 0, 88% 2%, 100% 0, 98% 100%, 81% 97%, 66% 100%, 49% 98%, 33% 100%, 17% 97%, 0 100%);--clip-button:var(--ink-clip-button);--clip-banner:var(--ink-clip-banner);--clip-button-rough:var(--ink-clip-button-rough);--clip-banner-rough:var(--ink-clip-banner-rough);--clip-trapezoid:var(--ink-clip-trapezoid);--clip-cut-frame:var(--ink-clip-cut-frame);--clip-torn-edge:var(--ink-clip-torn-edge)}@layer components{.ink-page{background-color:var(--ink-paper);color:var(--ink);overflow-x:clip}.ink-page :where(h1,h2,h3,h4,h5,h6){color:var(--ink)}.ink-page :where(p,li,dd,figcaption){color:var(--ink-graphite)}.ink-surface{background-color:var(--ink-paper);background-blend-mode:multiply;background-image:url(/ink/paper-tile.webp);background-size:768px 768px}.ink-dark-surface{background-color:var(--ink)}.ink-dark-surface :where(h1,h2,h3,h4,h5,h6,p,li,dd,figcaption){color:var(--ink-paper-light)}}@layer utilities{:where(.ink-page) :where(h1,h2,h3,h4,h5,h6){font-family:var(--font-ui)}:where(.ink-page) :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ink-focus);outline-offset:3px}}.ink-page ::selection{background:color-mix(in srgb, var(--ink) 18%, transparent);color:var(--ink)}.ink-dark-surface,.ink-page :where(.ink-dark-surface,[class~="bg-[color:var(--ink)]"]){--ink-focus:var(--ink-paper-light)}.ink-shell{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;width:min(100% - 96px,1600px);margin-inline:auto;display:grid}.ink-reveal{animation:ink-clip-reveal var(--ink-duration-long) var(--ink-ease) backwards}.ink-reveal-delay-1{animation-delay:var(--ink-duration-short)}.ink-reveal-delay-2{animation-delay:var(--ink-duration-base)}.ink-reveal-delay-3{animation-delay:var(--ink-duration-long)}.ink-stroke-draw{stroke-dasharray:700;stroke-dashoffset:700px;animation:ink-stroke-draw var(--ink-duration-long) var(--ink-ease) forwards}@keyframes ink-clip-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(16px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes ink-stroke-draw{to{stroke-dashoffset:0}}@media (max-width:1023px){.ink-shell{grid-template-columns:minmax(0,1fr);width:min(100% - 48px,1600px)}}@media (max-width:767px){.ink-shell{width:min(100% - 32px,1600px)}}@media (prefers-reduced-motion:reduce){.ink-reveal,.ink-reveal-delay-1,.ink-reveal-delay-2,.ink-reveal-delay-3,.ink-stroke-draw{opacity:1;clip-path:none;stroke-dashoffset:0;animation:none;transform:none}}