:root{--full-w: 100%;--full-h: 100%;--half-w: 50%;--half-h: 50%;--bg: #f8fafc;--surface: #ffffff;--surface-muted: #f1f5f9;--border: #e2e8f0;--border-hover: #cbd5e1;--text: #0f172a;--text-body: #334155;--text-muted: #475569;--text-subtle: #64748b;--text-faint: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-ai: #2563eb;--accent-ai-hover: #1d4ed8;--accent-storyteller: #7c3aed;--accent-storyteller-hover: #6d28d9;--accent-tobacco: #d97706;--accent-tobacco-hover: #b45309;--accent-memoirs: #2563eb;--accent-memoirs-hover: #1d4ed8;--accent-projects: #10b981;--accent-projects-hover: #059669;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .02);--shadow-card-hover: 0 12px 30px rgba(0, 0, 0, .05);--shadow-frame: 0 40px 80px -15px rgba(0, 0, 0, .08);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: Georgia, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--container-wide: 1200px;--container-list: 1000px;--container-read: 800px;--ease-out: cubic-bezier(.16, 1, .3, 1);--section-accent: var(--text-subtle);--section-accent-hover: var(--text)}.accent-ai{--section-accent: var(--accent-ai);--section-accent-hover: var(--accent-ai-hover)}.accent-storyteller{--section-accent: var(--accent-storyteller);--section-accent-hover: var(--accent-storyteller-hover)}.accent-tobacco{--section-accent: var(--accent-tobacco);--section-accent-hover: var(--accent-tobacco-hover)}.accent-memoirs{--section-accent: var(--accent-memoirs);--section-accent-hover: var(--accent-memoirs-hover)}.accent-projects{--section-accent: var(--accent-projects);--section-accent-hover: var(--accent-projects-hover)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;background-color:var(--bg);font-family:var(--font-sans);color:var(--text)}img{max-width:100%}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html.homepage-layout,html.homepage-layout body{height:100%;overflow:hidden}html.homepage-layout body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}@media(max-height:500px){html.homepage-layout,html.homepage-layout body{height:auto;min-height:100%;overflow:auto}}html.subpage-layout{height:auto;min-height:100%;overflow-y:auto}html.subpage-layout body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 20px 60px;min-height:100vh}.top-nav{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:30px;margin-bottom:25px;z-index:100}html.homepage-layout .top-nav{max-width:var(--full-w)}html.subpage-layout .top-nav{width:85vw;max-width:var(--container-wide);margin-left:auto;margin-right:auto}.top-nav a{text-decoration:none;color:var(--text);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;opacity:.5;transition:opacity .3s ease,color .3s ease}.top-nav a:hover,.top-nav a[aria-current=page]{opacity:1;color:var(--text)}.top-nav .lang-divider{color:var(--border);user-select:none;font-size:.8rem}.top-nav a.lang-switch{font-weight:700;opacity:.8;color:var(--accent)}.top-nav a.lang-switch:hover{opacity:1;color:var(--accent-hover)}@media(max-width:768px){html.subpage-layout .top-nav{width:100%}.top-nav{justify-content:center;flex-wrap:wrap;gap:8px 15px;margin-bottom:20px}.top-nav a{font-size:.72rem;letter-spacing:1px}}@media(max-width:400px){.top-nav{gap:8px 10px}.top-nav a{letter-spacing:.5px}}.subpage-container{width:85vw;max-width:var(--container-wide);height:85vh;max-height:85vh;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;padding-right:15px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.1) transparent;animation:fadeIn .8s var(--ease-out) backwards}.subpage-container>*{flex-shrink:0}.subpage-container.container-wide{max-width:var(--container-wide)}.subpage-container.container-list{max-width:var(--container-list)}.subpage-container.container-read{max-width:var(--container-read)}.subpage-container::-webkit-scrollbar{width:5px}.subpage-container::-webkit-scrollbar-track{background:transparent}.subpage-container::-webkit-scrollbar-thumb{background:#0f172a1a;border-radius:10px}.page-header{margin-bottom:40px;padding-top:10px;padding-bottom:25px;border-bottom:1px solid var(--border)}.eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--text-subtle);display:block;margin-bottom:10px}.eyebrow.eyebrow-accent{color:var(--section-accent)}.eyebrow.eyebrow-mono{font-family:var(--font-mono);text-transform:none;letter-spacing:2px}.page-title{font-size:3rem;font-weight:800;letter-spacing:-1px;color:var(--text);line-height:1.1;margin-bottom:15px}.post-title{font-size:2.5rem;font-weight:800;letter-spacing:-.7px;color:var(--text);line-height:1.2}.lead-text{font-size:1.1rem;line-height:1.6;color:var(--text-muted);max-width:700px}.meta-line{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-subtle)}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--section-accent);text-decoration:none;margin-bottom:15px;transition:color .2s ease}.back-link:hover{color:var(--section-accent-hover)}.back-link .arrow{transition:transform .2s ease}.back-link:hover .arrow{transform:translate(-4px)}.chip-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none}.chip{font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;white-space:nowrap}.block-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border)}.block-heading h2{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--text)}.block-heading a{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--section-accent);text-decoration:none;white-space:nowrap}.block-heading a:hover{color:var(--section-accent-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:768px){.subpage-container{width:100%;height:auto;max-height:none;overflow:visible;padding-right:0;padding-top:10px;padding-bottom:40px}.page-title{font-size:2.25rem}.post-title{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
