:root{color-scheme:light;--bg: #f5f5f5;--ink: #111;--muted: #444;--border: #111;--accent: #e7e7e7;--serif: "Merriweather", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", "Courier New", monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--ink);min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.page{padding:32px clamp(16px,4vw,48px) 64px;max-width:1200px;margin:0 auto}.site-header,.site-footer{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border);padding-bottom:16px;margin-bottom:32px}.site-footer{border-bottom:none;border-top:2px solid var(--border);padding-top:16px;margin-top:64px;color:var(--muted);font-size:.85rem}.logo{font-family:var(--mono);letter-spacing:-.02em;font-weight:700;font-size:1.05rem}.nav-links{display:flex;gap:14px;flex-wrap:wrap}.nav-link{font-family:var(--mono);font-size:.9rem;border:2px solid var(--border);padding:8px 10px;transition:background .15s ease,transform .15s ease}.nav-link:hover{background:var(--ink);color:#fff;text-decoration:none;transform:translate(-2px,-2px);box-shadow:4px 4px #000}.hero{display:grid;gap:12px;border:2px solid var(--border);padding:clamp(24px,5vw,48px);background:linear-gradient(120deg,#f9f9f9,#f1f1f1);box-shadow:8px 8px #000}.hero h1{font-family:var(--serif);font-size:clamp(2.6rem,4.8vw,3.75rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0}.eyebrow{font-family:var(--mono);color:#0891b2;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:500;margin:0}.lede{font-size:.9rem;max-width:720px;margin:0}.lede a{color:#06c;text-decoration:underline}.lede a:hover{color:#004999}.stack{display:flex;flex-direction:column;gap:48px}.boundary{border:2px solid var(--border);padding:clamp(16px,3vw,32px);background:#fff;box-shadow:6px 6px #000}.writings{display:grid;gap:24px}.writings-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border);padding-bottom:8px}.writings h2{font-family:var(--serif);font-size:1.85rem;font-weight:700;margin:0;letter-spacing:-.01em}.writings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.writing-card{border:2px solid var(--border);padding:16px;background:#fff;min-height:200px;display:grid;gap:10px;transition:transform .15s ease,box-shadow .15s ease}.writing-card:nth-child(odd){background:#fff}.writing-card:nth-child(2n+2){background:#fafcff}.writing-card:hover{transform:translate(-4px,-4px);box-shadow:6px 6px #000;text-decoration:none}.writing-card h3{font-family:var(--serif);font-weight:700;margin:0;font-size:1.15rem;line-height:1.3}.writing-card p{margin:0;color:var(--muted);font-size:.85rem}.card-top{display:flex;align-items:center;gap:8px;font-family:var(--mono);color:#0891b2;font-size:.8rem;font-weight:400}.dot{width:6px;height:6px;background:var(--ink);border-radius:50%}.post{border:2px solid var(--border);padding:clamp(18px,4vw,40px);background:#fff;box-shadow:6px 6px #000}.post h1{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3rem);font-weight:700;margin:8px 0 24px;line-height:1.2;letter-spacing:-.01em}.post-body{display:grid;gap:12px;line-height:1.6;font-size:.9rem}.post-body p{margin:0}.post-body a{color:#06c;text-decoration:underline}.post-body a:hover{color:#004999}.post-body ul{margin:0 0 0 18px;padding:0;display:grid;gap:6px}.post-body img{width:auto;max-width:100%;height:auto;display:block;margin:24px auto;border:2px solid var(--border);box-shadow:4px 4px #000}.post-body a img{width:auto;max-width:100%;height:auto;transition:transform .15s ease,box-shadow .15s ease}.post-body a:hover img{transform:translate(-2px,-2px);box-shadow:6px 6px #000}@media (max-width: 720px){.post-body img,.post-body a img{max-width:100%}}.not-found{border:2px solid var(--border);padding:32px;background:#fff;display:grid;gap:12px;max-width:520px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);font-weight:500;border:2px solid var(--border);padding:10px 16px;background:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}@media (max-width: 720px){.site-header,.site-footer{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{width:100%}.nav-link{flex:1;text-align:center}}