:root{--bg:#121a0f;--bg2:#1c2717;--moss:#3f5a2c;--mush:#8a6a4f;--cream:#f4ecd8;--lime:#c5ff4a;--purple:#b98ae0;--text:#efe8d6;--muted:#c4bba5}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.08rem/1.7 Nunito,system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--lime)}a:hover{color:var(--purple)}
:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
h1,h2,h3,.logo{font-family:"Bagel Fat One",Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:.01em}
h1{font-size:clamp(2rem,5vw,3.3rem);color:var(--lime);margin:.3em 0}
h2{font-size:clamp(1.5rem,3.2vw,2.1rem);color:var(--cream);margin:1.6em 0 .5em}
h3{font-size:1.3rem;color:var(--cream)}
.skip{position:absolute;left:-999px;top:0;background:var(--lime);color:#111;padding:.5em 1em;z-index:9}.skip:focus{left:0}
.wrap{max-width:1150px;margin:0 auto;padding:0 1.2rem}.wrap-narrow{max-width:760px;margin:0 auto;padding:0 1.2rem}
.site-header{background:var(--bg2);border-bottom:3px solid var(--moss)}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;padding-top:.8rem;padding-bottom:.8rem}
.logo{font-size:1.55rem;color:var(--lime);text-decoration:none}.logo span{color:var(--purple)}
nav a{color:var(--cream);text-decoration:none;font-weight:800;margin-left:1.2rem}nav a:hover{color:var(--lime)}
.hero{background-size:cover;background-position:center;min-height:68vh;display:flex;align-items:center}
.hero-inner{max-width:1150px;margin:0 auto;padding:4rem 1.2rem;width:100%}.hero-inner>*{max-width:620px}
.hero p{font-size:1.2rem;color:var(--cream)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800;color:var(--purple)!important}
.btn{display:inline-block;background:var(--lime);color:#14200c;font-weight:800;padding:.75em 1.4em;border-radius:999px;text-decoration:none;box-shadow:0 4px 0 #6b8f22}
.btn:hover{background:var(--purple);color:#1a0f24;box-shadow:0 4px 0 #6d4a8c}
.intro{text-align:center;padding:2.5rem 1.2rem}.center{text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem;margin:1.5rem 0 3rem}
.card{background:var(--bg2);border-radius:22px;overflow:hidden;border:2px solid #2c3b22;transition:transform .2s}
.card:hover{transform:translateY(-4px) rotate(-.4deg);border-color:var(--lime)}
.card a{text-decoration:none;color:inherit}.card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.card-body{padding:1rem 1.2rem 1.3rem}.card-body h3{margin:.3em 0;color:var(--lime)}.card-body p{color:var(--muted);font-size:.95rem;margin:0}
time{font-size:.8rem;color:var(--muted);font-weight:700}
.page-head{text-align:center;padding:2rem 0 0}
.post-head{padding-top:2rem}.post-hero{border-radius:22px;margin:1.2rem 0}
.disclosure-line{background:#24301c;border-left:4px solid var(--purple);padding:.7em 1em;border-radius:10px;font-size:.9rem;color:var(--muted)}
.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}.prose strong{color:var(--cream)}
.product{background:linear-gradient(135deg,#22301a,#2a2219);border:2px dashed var(--mush);border-radius:20px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.product h3{margin:.2em 0 .3em;color:var(--lime)}.product p{margin:.3em 0 1em}
.product-tag{display:inline-block;background:var(--purple);color:#1a0f24;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.2em .8em;border-radius:999px;margin:0!important}
.product small{display:block;margin-top:.7em;color:var(--muted)}
.pin{margin:3rem auto;max-width:420px;text-align:center}.pin img{border-radius:16px}.pin figcaption{margin-top:.8rem;font-size:.95rem}
.more{border-top:3px dotted var(--moss);margin-top:2rem}
.page{padding:2rem 1.2rem 3rem}
.site-footer{background:#0c120a;border-top:3px solid var(--moss);padding:2rem 0;margin-top:3rem;color:var(--muted)}
.site-footer .fine{font-size:.85rem}
@media(max-width:600px){nav a{margin:0 1rem 0 0}.hero{min-height:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}