:root{color-scheme:dark;--bg: #1c1a16;--bg-deep: #141210;--surface: #2a2722;--ink: #f2eee3;--ink-2: #e8e0cf;--muted: #b3ab9a;--accent: #d19536;--accent-hover: #e2ab52;--accent-ink: #1c1a16;--tan: #a67c52;--courage: #8a3638;--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2rem, 1.3rem + 3.2vw, 4rem);--step-display: clamp(2.75rem, 1rem + 6.4vw, 7rem);--margin: clamp(1rem, 2.2vw, 2rem);--gutter: clamp(.75rem, 1.4vw, 1.5rem);--section: clamp(4.5rem, 3rem + 8vw, 11rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink-2);font-family:var(--font);font-size:var(--step-body);line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:url(../../../bg-tile.webp) repeat;background-size:250px;opacity:.15;filter:grayscale(1) invert(1) brightness(.4);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}h1,h2,h3{color:var(--ink);font-weight:700;-webkit-hyphens:none;hyphens:none;text-wrap:balance;margin:0}p{margin:0;text-wrap:pretty}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:.07em;transition:color .18s}@media(hover:hover)and (pointer:fine){a:hover{color:var(--accent-hover)}}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{display:block;max-width:100%;height:auto}.btn{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.75rem 1.4rem;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:1rem;text-decoration:none;border-radius:8px;transition:background .18s,transform .14s}.btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.btn:hover{background:var(--accent-hover);color:var(--accent-ink)}}.btn img{width:1.1em;height:1.1em}.btn-quiet{background:var(--surface);color:var(--ink)}@media(hover:hover)and (pointer:fine){.btn-quiet:hover{background:#3b3831;color:var(--ink)}}@media(prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:calc(var(--i, 0) * 70ms)}.js [data-reveal].in{opacity:1;transform:none}}:root{--scrollbar-track: rgba(255, 255, 255, .06);--scrollbar-thumb-from: #f5c96b;--scrollbar-thumb-to: #c78b2e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb-from),var(--scrollbar-thumb-to));border-radius:999px;box-shadow:0 1px 3px #0009;transition:background .2s ease,filter .2s ease}::-webkit-scrollbar-thumb:hover{filter:brightness(1.08)}::-webkit-scrollbar-thumb:active{filter:brightness(.85)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-to) var(--scrollbar-track)}}
