@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #DFDFDF;--surface: #E7E7E7;--ink: #1A1A1A;--ink-soft: #4A4A4A;--ink-muted: #7A7A7A;--line: #C9C9C9;--line-strong: #1A1A1A;--accent: #D6001C;--accent-ink: #DFDFDF;--font-display: "Space Grotesk", "Helvetica Neue", sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--ease: cubic-bezier(.25, 1, .5, 1);--t-fast: .2s;--t-base: .4s;--radius: 0;--s-1: 4px;--s-2: 8px;--s-3: 16px;--s-4: 24px;--s-5: 32px;--s-6: 48px;--s-7: 72px;--s-8: 120px;--max: 1040px;color-scheme:light dark}[data-theme=dark]{--bg: #101010;--surface: #181818;--ink: #DFDFDF;--ink-soft: #A8A8A8;--ink-muted: #6E6E6E;--line: #2A2A2A;--line-strong: #DFDFDF;--accent: #FF2D3D;--accent-ink: #101010}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #101010;--surface: #181818;--ink: #DFDFDF;--ink-soft: #A8A8A8;--ink-muted: #6E6E6E;--line: #2A2A2A;--line-strong: #DFDFDF;--accent: #FF2D3D;--accent-ink: #101010}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-display);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background var(--t-base) var(--ease),color var(--t-base) var(--ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:var(--s-3);top:-40px;z-index:999;background:var(--accent);color:var(--accent-ink);padding:var(--s-2) var(--s-3);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.skip:focus{top:var(--s-3)}.container{width:min(var(--max),calc(100% - var(--s-6)));margin:0 auto;padding:var(--s-6) 0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding-bottom:var(--s-4);border-bottom:1px solid var(--line)}.logo{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;color:var(--ink)}.logo:hover{color:var(--ink)}.nav{display:flex;gap:var(--s-4);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.nav a{color:var(--ink-muted);transition:color var(--t-fast) var(--ease)}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.card{position:relative;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);border:1px solid var(--line);background:var(--surface);transition:border-color var(--t-fast) var(--ease)}.card:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--ink);transition:width var(--t-base) var(--ease)}.card:hover:before{width:100%}.card:hover .card-index{color:var(--accent)}.card-index{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-muted);transition:color var(--t-fast) var(--ease)}.card-title{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.2;color:var(--ink)}.card-title a{color:inherit;transition:color var(--t-fast) var(--ease)}.card-title a:hover{color:var(--accent)}.card-description{font-family:var(--font-serif);font-style:italic;font-size:15px;line-height:1.5;color:var(--ink-soft)}.card-meta{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.btn{display:inline-block;padding:var(--s-2) var(--s-4);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line-strong);background:transparent;color:var(--ink);cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-ghost{border-color:var(--line);color:var(--ink-soft)}.btn-ghost:hover{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.section{padding:var(--s-7) 0}.section-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:var(--s-5);color:var(--ink)}.section-subtitle{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:var(--s-2)}.grid{display:grid;gap:var(--s-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.social-link{display:block;padding:var(--s-4);border:1px solid var(--line);background:var(--surface);text-align:center;transition:border-color var(--t-fast) var(--ease)}.social-link:hover{border-color:var(--accent)}.social-link:hover .social-icon{color:var(--accent)}.social-icon{display:block;font-size:24px;margin-bottom:var(--s-2);color:var(--ink);transition:color var(--t-fast) var(--ease)}.social-name{display:block;font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:var(--s-1);color:var(--ink)}.social-handle{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.prose{max-width:65ch}.prose p{margin-bottom:var(--s-4);line-height:1.7}.prose-serif{font-family:var(--font-serif);font-style:italic;color:var(--ink-soft)}.list-plain{list-style:none}.vlog-item{display:block;padding:var(--s-4);border-bottom:1px solid var(--line);transition:background var(--t-fast) var(--ease)}.vlog-item:hover{background:var(--surface)}.vlog-item:hover .vlog-title{color:var(--accent)}.vlog-meta{display:flex;gap:var(--s-3);align-items:baseline;margin-bottom:var(--s-2);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.vlog-title{font-family:var(--font-display);font-size:18px;font-weight:600;margin-bottom:var(--s-1);color:var(--ink);transition:color var(--t-fast) var(--ease)}.vlog-excerpt{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--ink-soft)}.site-footer{margin-top:var(--s-8);padding:var(--s-5) 0 var(--s-6);border-top:1px solid var(--line-strong)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--s-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.footer-links a{transition:color var(--t-fast) var(--ease)}.footer-links a:hover,.footer-accent{color:var(--accent)}.theme-toggle{position:fixed;bottom:var(--s-4);right:var(--s-4);z-index:100;width:48px;height:48px;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:20px;cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.theme-toggle:hover{border-color:var(--accent);background:var(--bg)}.hero{padding:var(--s-7) 0;text-align:center}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:var(--s-3);color:var(--ink)}.hero-subtitle{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.125rem,2vw,1.375rem);color:var(--ink-soft);margin-bottom:var(--s-5);max-width:60ch;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap}.page-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;margin-bottom:var(--s-4);color:var(--ink)}.page-meta{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:var(--s-5)}.terminal-text{font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--ink-soft)}.accent-dot:after{content:".";color:var(--accent)}@media(max-width:768px){.container{width:calc(100% - var(--s-4))}.site-header{flex-direction:column;align-items:flex-start;gap:var(--s-3)}.nav{width:100%;justify-content:space-between}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.theme-toggle{bottom:var(--s-3);right:var(--s-3)}.hero-actions{flex-direction:column;align-items:stretch}}