:root{--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncR type='linear' slope='1.7' intercept='-.35'/><feFuncG type='linear' slope='1.7' intercept='-.35'/><feFuncB type='linear' slope='1.7' intercept='-.35'/></feComponentTransfer></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");--sand:#ead9b8;--soft-rinse:#a3b8db;--tidal-depth:#475a8a;--earth:#6e3224;--wax:#a63a2c;--wax-light:#dd7c63;--wax-dark:#4f140c;--emberwood:#4a1210;--page-color:#e4cb9f;--felt-color:var(--emberwood);--felt-img:url(/textures/felt-emberwood.webp);--btn-color:var(--tidal-depth);--btn-img:url(/textures/felt-tidal-depth.webp);--paper-img:url(/textures/grain.png);--ink:var(--emberwood);--ink-soft:var(--earth);--link:#3d4f7f;--rule:color-mix(in srgb, var(--earth) 28%, transparent);--rule-strong:color-mix(in srgb, var(--earth) 55%, transparent);--accent:var(--tidal-depth);--accent-ink:var(--sand);--wash:color-mix(in srgb, var(--soft-rinse) 35%, transparent);--surface:var(--soft-rinse);--font-quote:var(--font-philosopher), "p22-morris-golden", Georgia, serif;--font-display:"p22-morris-troy", Georgia, "Times New Roman", serif;--font-text:var(--font-quote);--font-ui:var(--font-atkinson), "Atkinson Hyperlegible", system-ui, sans-serif;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-lead:clamp(1.1875rem, 1.1rem + .4vw, 1.375rem);--display-sm:1.375rem;--display-md:clamp(1.5rem, 1.3rem + .8vw, 1.875rem);--display-lg:clamp(2rem, 1.6rem + 1.6vw, 2.75rem);--display-xl:clamp(2.25rem, 1.7rem + 2.6vw, 3.25rem);--leading-text:1.6;--leading-display:1.15;--measure:66ch;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--gutter:clamp(1.25rem, 5vw, 3rem);--radius-sm:.25rem;--radius-md:.5rem;--card-ratio:1200 / 1674;--radius-card:4.17% / 2.99%;--border:1px solid var(--rule);--shadow-card:0 1px 1px #00000047, 0 3px 8px #0000003d;--shadow-card-lift:0 2px 2px #0000004d, 0 8px 16px #0000004d;--motion-100:.1s;--motion-150:.15s;--motion-200:.2s;--motion-300:.3s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease:var(--ease-out);--duration-fast:var(--motion-150);--duration-base:var(--motion-200);--duration-slow:var(--motion-300);--motion-fly:.45s;--motion-flip:.65s;--motion-deal:.5s;--focus-ring:0 0 0 2px var(--sand), 0 0 0 4px var(--tidal-depth);--shadow-object:drop-shadow(0 .5px .5px #00000047) drop-shadow(0 2px 2px #0000005c) drop-shadow(0 6px 9px #0000004d);--shadow-object-lift:drop-shadow(0 1px 1px #0000004d) drop-shadow(0 9px 10px #00000057) drop-shadow(0 22px 28px #0000004d)}.felt{--ink:var(--sand);--ink-soft:color-mix(in srgb, var(--sand) 92%, transparent);--link:var(--sand);--rule:color-mix(in srgb, var(--sand) 32%, transparent);--rule-strong:color-mix(in srgb, var(--sand) 60%, transparent);--accent:var(--sand);--accent-ink:var(--emberwood);--wash:color-mix(in srgb, var(--sand) 14%, transparent);--focus-ring:0 0 0 2px var(--felt-color), 0 0 0 4px var(--sand);color:var(--ink)}.paper{--ink:var(--emberwood);--ink-soft:var(--earth);--link:#3d4f7f;--rule:color-mix(in srgb, var(--earth) 28%, transparent);--rule-strong:color-mix(in srgb, var(--earth) 55%, transparent);--accent:var(--tidal-depth);--accent-ink:var(--sand);--wash:color-mix(in srgb, var(--soft-rinse) 35%, transparent);--focus-ring:0 0 0 2px var(--sand), 0 0 0 4px var(--tidal-depth);color:var(--ink)}[data-bg=sand]{--card-bg:var(--sand);--card-ink:var(--emberwood)}[data-bg=soft-rinse]{--card-bg:var(--soft-rinse);--card-ink:var(--emberwood)}[data-bg=tidal-depth]{--card-bg:var(--tidal-depth);--card-ink:var(--sand)}[data-bg=earth]{--card-bg:var(--earth);--card-ink:var(--sand)}[data-bg=emberwood]{--card-bg:var(--emberwood);--card-ink:var(--sand)}@media (prefers-reduced-motion:reduce){:root{--motion-100:.01ms;--motion-150:.01ms;--motion-200:.01ms;--motion-300:.01ms;--motion-fly:.01ms;--motion-flip:.01ms;--motion-deal:.01ms}}@media (max-width:47.99rem){:root{--text-sm:.875rem;--text-base:1rem;--text-lg:1.0625rem;--text-lead:1.125rem;--display-sm:1.2rem;--display-md:1.45rem;--display-lg:1.75rem;--display-xl:2rem}}
*,:before,:after{box-sizing:border-box}html{font-synthesis:none;background:var(--page-color) var(--paper-img) 0 0 / 340px 340px;color:var(--ink);-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-text);font-size:var(--text-base);line-height:var(--leading-text);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}h1,h2,.display{font-family:var(--font-display);font-weight:400;line-height:var(--leading-display);letter-spacing:.01em;color:var(--ink);text-wrap:balance;font-synthesis:none}h1{font-size:var(--display-lg);margin:0}h2{font-size:var(--display-md);margin:0 0 var(--space-4)}h3{font-family:var(--font-display);font-weight:400;font-size:var(--display-sm);line-height:var(--leading-display);letter-spacing:.01em;color:var(--ink);margin:0 0 var(--space-2);text-wrap:balance}h1,h2{color:var(--ink);text-shadow:0 1px #fff0d280}.felt h1,.felt h2{text-shadow:none;background:var(--sand) var(--paper-img) 0 0 / 340px 340px;color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 -1px #00000059)drop-shadow(0 1px #ffecc829)drop-shadow(0 4px 5px #00000061);-webkit-background-clip:text;background-clip:text}.paper h1,.paper h2{color:var(--ink);-webkit-text-fill-color:currentColor;filter:none;text-shadow:0 1px #fff0d280;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}p{margin:0 0 var(--space-4);text-wrap:pretty}em,blockquote,.note{font-style:italic}blockquote{font-family:var(--font-quote);font-style:normal}a{color:var(--link);text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease);text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:2px solid #0000}::selection{background:var(--sand);color:var(--emberwood)}.reg{font-family:var(--font-text);vertical-align:.7em;letter-spacing:0;margin-left:.15em;font-size:.55em;font-weight:400;line-height:0}.prose{max-width:var(--measure)}.page{width:min(100% - 2 * var(--gutter), 72rem);margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.suit{font-variant-emoji:text}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.motion-rise{animation:rise var(--motion-300) var(--ease-out) both;animation-delay:calc(min(var(--i,0), 6) * 30ms)}.motion-fade{animation:fade-in var(--motion-150) var(--ease-out) both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 40%}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}html[data-splash]{overflow:hidden}.note{font-family:var(--font-quote);font-style:normal}
