:root{--bg:#0b0a09;--char:#1a1714;--card:#1f1a16;--line:#3a2e24;--text:#eadfcc;--muted:#a8998a;--amber:#e8a23a;--leather:#6b4226;--neon:#e2463b;--type:"Courier Prime","Courier New",Courier,"Nimbus Mono PS",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse at top,#1c1511 0,var(--bg) 60%) fixed;color:var(--text);font-family:Georgia,"Times New Roman",serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.grain{pointer-events:none;position:fixed;inset:0;z-index:50;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.5rem;background:rgba(11,10,9,.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--type);font-weight:700;font-size:1.35rem;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);text-shadow:0 0 12px rgba(232,162,58,.4)}
.brand .logo{width:38px;height:38px}
.links{display:flex;gap:1.6rem}.links a{font-family:var(--type);text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;color:var(--muted)}.links a:hover{color:var(--amber)}
.burger{display:none;background:none;border:0;padding:.4rem;cursor:pointer}.burger span{display:block;width:24px;height:2px;margin:5px 0;background:var(--amber);transition:.2s}
.hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);scroll-margin-top:60px}
.scene{position:absolute;inset:0;width:100%;height:100%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,9,.8),rgba(11,10,9,.1) 60%),linear-gradient(0deg,var(--bg),transparent 18%);pointer-events:none}
.hero-in{position:relative;z-index:2;max-width:1100px;width:100%;margin:0 auto;padding:3rem 1.5rem 8rem}
.hero-in .logo{width:96px;height:96px;filter:drop-shadow(0 0 18px rgba(232,162,58,.35))}
.kicker{font-family:var(--type);text-transform:uppercase;letter-spacing:.3em;font-size:.8rem;color:var(--muted);margin:.6rem 0 0}
.hero h1{font-family:var(--type);text-transform:uppercase;font-size:clamp(3rem,11vw,6.5rem);line-height:1;margin:.2rem 0 .6rem;letter-spacing:.04em;color:#f6c46a;text-shadow:0 0 6px rgba(246,196,106,.6),0 0 28px rgba(232,140,40,.45),0 0 60px rgba(200,90,20,.3)}
.flicker{animation:flick 6s infinite}
@keyframes flick{0%,18%,22%,62%,64%,100%{opacity:1}19%,21%{opacity:.45}63%{opacity:.7}}
.sub{font-size:1.2rem;color:var(--text);opacity:.85;margin:0 0 2rem;font-style:italic}
.cta{display:flex;gap:.8rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.8rem 1.4rem;border-radius:4px;background:linear-gradient(#e8a23a,#b8741f);color:#1a0f05;font-family:var(--type);font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 20px rgba(232,162,58,.25);transition:.2s}.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:rgba(11,10,9,.5);color:var(--text);border:1px solid var(--leather);box-shadow:none}
main{max-width:1100px;margin:0 auto;padding:0 1.5rem}
section{padding:4rem 0 1rem;scroll-margin-top:60px}
h2{font-family:var(--type);text-transform:uppercase;letter-spacing:.2em;font-size:1.6rem;margin:0 0 1.5rem}
.neon{color:#ff6b5e;border:2px solid var(--neon);padding:.15rem .8rem;border-radius:6px;text-shadow:0 0 8px rgba(226,70,59,.8);box-shadow:0 0 12px rgba(226,70,59,.45),inset 0 0 10px rgba(226,70,59,.3)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}
.card{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border-radius:8px;border:1px solid var(--line);background:linear-gradient(145deg,#2a1f17,#1a1511);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),inset 0 0 0 5px rgba(107,66,38,.18);outline:1px dashed rgba(201,162,107,.25);outline-offset:-9px;transition:transform .2s,box-shadow .2s,border-color .2s}
a.card:hover{transform:translateY(-4px);border-color:var(--amber);box-shadow:0 12px 30px rgba(232,162,58,.18),inset 0 0 0 5px rgba(107,66,38,.25)}
.card .icon{font-size:2.2rem}.card h3{margin:0;font-family:var(--type);text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;color:var(--amber)}.card p{margin:0;color:var(--muted);flex:1}
.tag{align-self:flex-start;font-family:var(--type);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:3px;background:rgba(232,162,58,.15);color:var(--amber);border:1px solid rgba(232,162,58,.4)}
.card.soon{opacity:.6;border-style:dashed}.card.soon .tag{background:transparent;color:var(--muted);border-color:var(--line)}
footer{text-align:center;color:var(--muted);padding:3rem 1rem;margin-top:4rem;border-top:1px solid var(--line);font-family:var(--type);font-size:.85rem;letter-spacing:.08em}
.vac{color:#ff6b5e;text-shadow:0 0 8px rgba(226,70,59,.8);animation:flick 4s infinite}
@media(prefers-reduced-motion:reduce){.flicker,.vac,.grain{animation:none}}
@media(max-width:700px){.burger{display:block}
.links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);display:none}
.links a{padding:1rem 1.5rem;border-top:1px solid var(--line)}.nav.open .links{display:flex}
.nav.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .burger span:nth-child(2){opacity:0}.nav.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero{min-height:min(86vh,760px)}.hero-in{padding:2rem 1.5rem 9rem}.hero-in .logo{width:72px;height:72px}}
/* v3 compact */
body{line-height:1.45}
.nav{padding:.45rem 1rem}.brand{font-size:1.05rem;gap:.4rem}.brand .logo{width:28px;height:28px}.links{gap:1.2rem}.links a{font-size:.78rem}
.hero{min-height:0;height:auto;max-height:46vh}.hero-in{padding:1.6rem 1.25rem 2.4rem}.hero-in .logo{width:56px;height:56px}
.kicker{font-size:.68rem;letter-spacing:.25em;margin-top:.3rem}
.hero h1{font-size:clamp(2.2rem,7vw,4rem);margin:.1rem 0 .35rem}
.sub{font-size:1rem;margin:0 0 1rem}.btn{padding:.55rem 1rem;font-size:.82rem}
main{padding:0 1.1rem}section{padding:1.8rem 0 .4rem;scroll-margin-top:48px}
h2{font-size:1.15rem;margin:0 0 .9rem}.neon{padding:.1rem .6rem}
.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem}
.card{padding:1rem;gap:.35rem}.card .icon{font-size:1.6rem}.card h3{font-size:.95rem}.card p{font-size:.88rem;line-height:1.35}.tag{font-size:.65rem;padding:.2rem .5rem}
footer{padding:1.5rem 1rem;margin-top:2rem;font-size:.75rem}
@media(max-width:700px){.links a{padding:.7rem 1.1rem}
.hero{min-height:0;max-height:none}.hero-in{padding:1.1rem 1rem 1.6rem}.hero-in .logo{width:44px;height:44px}
.hero h1{font-size:2.3rem}.sub{font-size:.92rem;margin-bottom:.8rem}
.grid{grid-template-columns:1fr 1fr;gap:.6rem}.card{padding:.75rem;outline-offset:-6px}.card .icon{font-size:1.35rem}.card h3{font-size:.82rem;letter-spacing:.04em}.card p{font-size:.78rem}}