:root{--ink: #24201a;--ink-soft: #6d6455;--paper: #fcfaf5;--paper-soft: #f4eee1;--paper-raised: #ffffff;--accent: #176b4e;--accent-ink: #ffffff;--accent-soft: #e3efe7;--line: #e2daca;--line-strong: #c8bda6;--danger: #c03a2b;--maple: #ebcf95;--maple-hi: #f5e5be;--maple-edge: #c9a96a;--tile-ink: #3a2e17;--shadow-1: 0 1px 2px rgb(58 46 23 / .06), 0 4px 12px rgb(58 46 23 / .07);--shadow-2: 0 2px 4px rgb(58 46 23 / .08), 0 10px 26px rgb(58 46 23 / .1);--font-display: "Iowan Old Style", Georgia, "Times New Roman", serif;--radius: 12px;--radius-sm: 8px;--speed: .16s;--ease: cubic-bezier(.2, .7, .3, 1);--wrap: 64rem;--header-nav-h: 3.4rem;--header-h: calc(var(--header-nav-h) + 1px)}:root[data-theme=dark]{--ink: #eae4d4;--ink-soft: #a79e8b;--paper: #121714;--paper-soft: #1a211c;--paper-raised: #202823;--accent: #4caf8b;--accent-ink: #0c1310;--accent-soft: #1d3a2d;--line: #2e3a33;--line-strong: #46554b;--danger: #e86a57;--maple: #e3c68c;--maple-hi: #efd9a9;--maple-edge: #a8894f;--tile-ink: #32270f;--shadow-1: 0 1px 2px rgb(0 0 0 / .35), 0 4px 12px rgb(0 0 0 / .35);--shadow-2: 0 2px 4px rgb(0 0 0 / .4), 0 10px 26px rgb(0 0 0 / .45)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ink: #eae4d4;--ink-soft: #a79e8b;--paper: #121714;--paper-soft: #1a211c;--paper-raised: #202823;--accent: #4caf8b;--accent-ink: #0c1310;--accent-soft: #1d3a2d;--line: #2e3a33;--line-strong: #46554b;--danger: #e86a57;--maple: #e3c68c;--maple-hi: #efd9a9;--maple-edge: #a8894f;--tile-ink: #32270f;--shadow-1: 0 1px 2px rgb(0 0 0 / .35), 0 4px 12px rgb(0 0 0 / .35);--shadow-2: 0 2px 4px rgb(0 0 0 / .4), 0 10px 26px rgb(0 0 0 / .45)}}*{box-sizing:border-box}html{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1rem}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:var(--paper)}.site-header nav{display:flex;align-items:center;gap:1rem;min-height:var(--header-nav-h);height:var(--header-nav-h);flex-wrap:nowrap}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-family:var(--font-display);color:var(--ink);text-decoration:none;font-size:1.15rem;letter-spacing:.01em}.brand-tile{position:relative;display:inline-grid;place-items:center;width:1.8rem;height:1.9rem;border-radius:5px;background:linear-gradient(160deg,var(--maple-hi),var(--maple));border:1px solid var(--maple-edge);border-bottom-width:3px;color:var(--tile-ink);font-family:system-ui,sans-serif;font-size:1.02rem;font-weight:800;transition:transform var(--speed) var(--ease)}.brand-tile:after{content:"4";position:absolute;right:2px;bottom:1px;font-size:.5rem;font-weight:700;line-height:1}.brand:hover .brand-tile{transform:rotate(-6deg)}main.wrap{padding-top:1.5rem;padding-bottom:3rem}h1,h2{font-family:var(--font-display);font-weight:700}h1{font-size:clamp(1.8rem,4.6vw,2.5rem);line-height:1.12;letter-spacing:-.01em;margin:0 0 .5rem}h2{font-size:clamp(1.25rem,2.7vw,1.5rem);margin:2.25rem 0 .75rem}p{margin:.5rem 0}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--speed) var(--ease)}a:hover{color:color-mix(in srgb,var(--accent) 70%,var(--ink))}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in srgb,var(--maple) 55%,transparent)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes tile-in{0%{opacity:0;transform:translateY(-7px) rotate(-5deg) scale(.85)}to{opacity:1;transform:none}}main.wrap>*{animation:rise .35s var(--ease) both}main.wrap>*:nth-child(1){animation-delay:.02s}main.wrap>*:nth-child(2){animation-delay:.06s}main.wrap>*:nth-child(3){animation-delay:.1s}main.wrap>*:nth-child(n+4){animation-delay:.14s}.site-footer{border-top:1px solid var(--line);background:var(--paper-soft);color:var(--ink-soft);font-size:.875rem;padding:1.5rem 0 2.25rem}.footer-nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width: 40rem){main.wrap{padding-top:2rem}}
