:root{--bg:#0c0c0c;--ink:#eaeaea;--muted:#a6a6a6;--accent:#e0b85a;--panel:#151515}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(60% 100% at 50% 0%, #151515 0%, var(--bg) 60%);color:var(--ink);line-height:1.6}
.container{max-width:980px;margin:0 auto;padding:0 1.25rem}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #222}
.logo{filter:drop-shadow(0 0 0.25rem rgba(0,0,0,.6))}
.nav a{color:var(--muted);text-decoration:none;margin-left:1rem}
.nav a:hover{color:var(--ink)}
.hero{padding:10vh 0 6vh 0;text-align:left}
.stinger{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:var(--accent);letter-spacing:.02em}
h1{font-size:clamp(2rem,5vw,3.5rem);margin:.25rem 0 0}
.muted{color:var(--muted);font-weight:400}
.tagline{font-size:1.125rem;color:var(--muted);max-width:36ch}
.cta{display:inline-block;margin-top:1.25rem;padding:.75rem 1rem;border:1px solid var(--accent);color:var(--accent);text-decoration:none;border-radius:.375rem}
.cta:hover{background:var(--accent);color:#1b1b1b}
.about,.contact,.post{margin:2rem 0;padding:1.25rem;border:1px solid #222;background:var(--panel);border-radius:.5rem}
.bullets{margin:.5rem 0 0 1rem}
.site-footer{padding:2rem 0 3rem 0;color:var(--muted);font-size:.875rem}
@media (max-width:640px){.nav{display:none}}