.site-header{border-bottom:2px solid var(--border);background:var(--surface);z-index:20;position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.9rem;padding-bottom:.9rem;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;font-size:1.4rem;font-weight:800;text-decoration:none}.nav{flex-wrap:wrap;gap:.35rem;display:flex}.nav a{color:var(--ink-soft);border-radius:var(--radius);align-items:center;min-height:44px;padding:.6rem .85rem;font-weight:600;text-decoration:none;display:inline-flex}.nav a:hover{background:var(--surface-alt);color:var(--ink)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.hero{padding:3rem 0 2rem}.hero p.tagline{color:var(--ink-soft);margin:0 0 1rem;font-size:1.15rem}.hero p.intro{max-width:42rem;font-size:1.05rem}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin:1.5rem 0 3rem;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.card img{aspect-ratio:16/10;object-fit:cover;width:100%}.card .body{padding:1rem 1.1rem 1.2rem}.card h3{margin:0 0 .35rem;font-size:1.15rem}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--accent)}.card .meta{color:var(--ink-soft);margin:0 0 .5rem;font-size:.85rem}.card p{color:var(--ink-soft);margin:0}.section{padding:1rem 0 2rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-head a{font-weight:600;text-decoration:none}.prose{max-width:42rem}.prose img{border-radius:var(--radius);margin:1.5rem 0}.prose h2{margin-top:2rem}.prose blockquote{border-left:4px solid var(--accent);color:var(--ink-soft);margin:1.5rem 0;padding:.25rem 0 .25rem 1rem}.prose code{background:var(--surface-alt);font-family:var(--font-mono);border-radius:6px;padding:.15em .4em;font-size:.9em}.video-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#000;border:0;width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1.5rem 0 3rem;padding:0;list-style:none;display:grid}.gallery-grid figure{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:0;overflow:hidden}.gallery-grid img{aspect-ratio:1;object-fit:cover}.gallery-grid figcaption{color:var(--ink-soft);padding:.75rem .9rem;font-size:.9rem}.empty{background:var(--surface-alt);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--ink-soft);margin:1.5rem 0 3rem;padding:2rem}.site-footer{border-top:2px solid var(--border);color:var(--ink-soft);margin-top:3rem;padding:2rem 0 3rem;font-size:.9rem}@media (prefers-reduced-motion:no-preference){a,.card{transition:color .12s,background .12s}}:root{--radius:16px;--radius-lg:24px;--maxw:68rem;--font-rounded:ui-rounded, "SF Pro Rounded", "Nunito", "Quicksand", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "Fira Code", monospace;--font-clean:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font:var(--font-rounded)}html[data-palette=playful]{--bg:#fffdf7;--surface:#fff;--surface-alt:#fff2d6;--ink:#1f1a17;--ink-soft:#5d5148;--accent:#e4572e;--accent-ink:#fff;--accent-soft:#ffe3d8;--border:#efe2cf;--shadow:0 6px 0 #1f1a171f}html[data-palette=calm]{--bg:#fff;--surface:#fff;--surface-alt:#f5f6f8;--ink:#16181d;--ink-soft:#5b6270;--accent:#2563eb;--accent-ink:#fff;--accent-soft:#e5edff;--border:#e3e6ec;--shadow:0 1px 3px #14182014}html[data-palette=night]{--bg:#0e1116;--surface:#161b22;--surface-alt:#1c232d;--ink:#e9eef5;--ink-soft:#9aa7b8;--accent:#3ddc97;--accent-ink:#06231a;--accent-soft:#14312a;--border:#26303c;--shadow:0 2px 12px #00000080}html[data-font=rounded]{--font:var(--font-rounded)}html[data-font=clean]{--font:var(--font-clean)}html[data-font=mono]{--font:var(--font-mono)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:light}html[data-palette=night]{color-scheme:dark}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;line-height:1.6}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}a{color:var(--accent)}h1,h2,h3{margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(2rem,6vw,3.2rem)}h2{font-size:clamp(1.4rem,4vw,2rem)}img{max-width:100%;height:auto;display:block}