:root{color-scheme:light;--bg: #F3EDE2;--surface: #EBE3D5;--ink: #1C1915;--ink-2: #4A443C;--ink-3: #6B6459;--accent: #A93F1C;--accent-ink: #8A3216;--on-accent: #F3EDE2;--rule: #D6CCBB;--border-ui: #8F8676;--grain-opacity: .07;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-sans: "Instrument Sans", "Helvetica Neue", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-md: clamp(1.125rem, 1rem + .6vw, 1.375rem);--text-lg: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);--text-xl: clamp(2.25rem, 1.6rem + 3vw, 4rem);--text-hero: clamp(3.5rem, 1.5rem + 11vw, 9.5rem);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 7rem;--container: 1120px;--radius: 2px;--ease: cubic-bezier(.3, .7, .2, 1);--dur-fast: .16s;--dur-base: .3s;--dur-slow: .7s}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #17150F;--surface: #201D16;--ink: #EFE7D8;--ink-2: #BDB3A2;--ink-3: #948B7B;--accent: #E0663A;--accent-ink: #EE8A63;--on-accent: #17150F;--rule: #332E24;--border-ui: #6E6555;--grain-opacity: .09}}@media(prefers-contrast:more){:root{--grain-opacity: 0;--rule: var(--border-ui)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative}body:before{content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.17 0 0 0 0 0.12 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px}img,svg{display:block;max-width:100%}::selection{background:var(--accent);color:var(--on-accent)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.05;letter-spacing:-.015em;color:var(--ink);font-variation-settings:"opsz" 96;text-wrap:balance}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md);font-variation-settings:"opsz" 48}h4{font-size:var(--text-base);font-variation-settings:"opsz" 24}p{color:var(--ink-2);max-width:62ch;text-wrap:pretty}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:var(--border-ui);transition:color var(--dur-fast) var(--ease),text-decoration-color var(--dur-fast) var(--ease)}a:hover{color:var(--accent);text-decoration-color:currentColor}button{font:inherit;color:inherit;cursor:pointer}code,pre,kbd{font-family:var(--font-mono);font-size:.9em}.mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);letter-spacing:.01em}.section-title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--text-md);font-variation-settings:"opsz" 36,"SOFT" 60;color:var(--ink);letter-spacing:0;padding-bottom:var(--space-1);margin-bottom:var(--space-4);position:relative}.section-title:after{content:"";position:absolute;left:0;bottom:0;width:2.5rem;height:2px;background:var(--accent)}.container{width:min(var(--container),100% - 2 * var(--space-3));margin-inline:auto}.section{padding-block:var(--space-6)}@media(max-width:640px){.section{padding-block:var(--space-5)}}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.section-head .section-title{margin-bottom:var(--space-4)}.rule{border:0;border-top:1px solid var(--rule)}.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.55rem 1.1rem;border:1.5px solid var(--border-ui);border-radius:var(--radius);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn svg{width:1em;height:1em}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-accent:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--on-accent)}.chip{display:inline-flex;align-items:center;min-height:2.25rem;padding:.3rem .8rem;border:1.5px solid var(--border-ui);border-radius:var(--radius);background:transparent;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.arrow-link{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--ink);text-decoration:none}.arrow-link svg{width:1rem;height:1rem;transition:transform var(--dur-base) var(--ease)}.arrow-link:hover{color:var(--accent)}.arrow-link:hover svg{transform:translate(4px)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--space-2);z-index:3000;padding:.75rem 1.25rem;background:var(--ink);color:var(--bg);font-weight:500;border-radius:var(--radius);text-decoration:none}.skip-link:focus{top:var(--space-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}.reveal{opacity:0;transform:translateY(14px);animation:reveal var(--dur-slow) var(--ease) forwards;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes reveal{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-ui);border:2px solid var(--bg);border-radius:6px}
