@font-face{font-family:Anton;src:url(assets/Anton.ttf) format("truetype");font-display:swap}
:root{--black:#000;--gold:#d4af37;--gold2:#f1d47a;--green:#0f3d2a;--green2:#16533a;--paper:#f7f3e6;--red:#c0392b;--up:#3ecf7a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:#050505;color:#eee;font-family:Georgia,"Times New Roman",serif;line-height:1.5}
img{max-width:100%;display:block}
a{color:var(--gold)}
h1,h2,h3,.section-title{font-family:Anton,Impact,"Arial Narrow Bold",sans-serif;font-weight:400;letter-spacing:.02em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.announce{display:block;background:#000;color:#fff;text-align:center;padding:.5rem 1rem;font:700 .85rem Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #222}
.announce:hover{color:var(--gold)}
.parody-bar{background:var(--gold);color:#000;text-align:center;font:700 .75rem Arial,sans-serif;padding:.35rem 1rem}
.site-header{position:sticky;top:0;z-index:50;background:#000;border-bottom:2px solid var(--gold)}
.hdr-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.35rem 1.25rem;min-height:58px}
.hdr-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--gold);font-family:Anton,Impact,sans-serif;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;flex:none}
.logo{height:48px;width:auto}
.nav{display:flex;gap:1.75rem;margin-left:auto;margin-right:auto}
.nav a{color:#fff;text-decoration:none;font:700 .85rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:.4rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a:focus{color:var(--gold);border-bottom-color:var(--gold)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--gold);color:var(--gold);font-size:1.4rem;line-height:1;padding:.3rem .6rem;border-radius:4px;cursor:pointer}
.hero-banner{background:#000;text-align:center;padding:0 0 1.75rem}
.hero-banner img{width:100%;max-width:1600px;height:auto;margin:0 auto}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:1.5rem 1rem .5rem}
.tagline{color:#bbb;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;margin:.75rem 1rem 0}
.tagline strong{color:var(--gold);font-weight:400}
.btn{display:inline-block;font:700 .9rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:.85rem 1.6rem;border-radius:2px;text-decoration:none;cursor:pointer;border:2px solid var(--gold);transition:.15s}
.btn-gold{background:var(--gold);color:#000}.btn-gold:hover{background:var(--gold2);border-color:var(--gold2)}
.btn-outline{background:transparent;color:var(--gold)}.btn-outline:hover{background:var(--gold);color:#000}
.ticker{display:flex;background:#000;border-top:1px solid #222;border-bottom:2px solid var(--gold);font:700 .95rem "Courier New",monospace;overflow:hidden}
.ticker-label{background:var(--green2);color:var(--gold);padding:.4rem .8rem;font-size:.75rem;line-height:1.1;flex:none;text-align:center;z-index:1}
.ticker-label small{font-weight:400;font-size:.65rem;color:#ddd}
.ticker-window{overflow:hidden;flex:1;display:flex;align-items:center}
.ticker-track{display:flex;white-space:nowrap;animation:scroll 40s linear infinite}
.ticker-track span{padding:0 1.5rem;color:var(--gold2);border-right:1px solid #333}
.up{color:var(--up)}.down{color:#ff6b5b}.meh{color:#bbb}
@keyframes scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}
main{display:block}
.sec{padding:3.5rem max(1.25rem,calc((100% - 1180px)/2))}
.sec-green{background:linear-gradient(180deg,var(--green),#08251a);border-top:2px solid var(--gold);border-bottom:2px solid var(--gold)}
.section-title{font-size:clamp(2rem,4.5vw,3rem);text-transform:uppercase;text-align:center;color:var(--gold);margin:0 0 1.75rem;line-height:1.05}
.section-title span{display:block;font:italic .95rem Georgia,serif;color:#ccc;text-transform:none;letter-spacing:0;margin-top:.35rem}
.center{text-align:center}.sub{color:#ccc;margin:-1rem 0 1.75rem}
.updated{text-align:center;color:#aaa;font:.85rem Arial,sans-serif;margin:-.75rem 0 1.5rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.card{background:#111;color:#fff;padding:1.25rem;border:1px solid #2a2a2a;border-top:4px solid var(--gold);display:flex;flex-direction:column;gap:.6rem;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-3px);border-color:var(--gold)}
.card h3{margin:0;font-family:Georgia,serif;font-weight:700;letter-spacing:0;font-size:1.08rem;line-height:1.35;flex:1}
.tag{align-self:flex-start;font:700 .7rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#000;background:var(--gold);padding:.15rem .5rem}
.label{align-self:flex-start;font:700 .7rem Arial,sans-serif;color:var(--gold2);border:1px solid #444;padding:.1rem .5rem}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.gallery figure{margin:0;border:2px solid var(--gold);background:#000}
figcaption{font:700 .8rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);padding:.55rem .7rem}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.product{background:#111;border:1px solid #2a2a2a;text-decoration:none;color:#fff;text-align:center;padding-bottom:1.1rem;transition:.15s}
.product img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff}
.product h3{color:var(--gold);font-size:1.6rem;text-transform:uppercase;margin:.8rem 0 .2rem}
.product span{font:700 .8rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#ccc}
.product:hover{border-color:var(--gold);transform:translateY(-3px)}
.split{display:grid;grid-template-columns:1.4fr 1fr;gap:1.25rem}
.panel{background:rgba(0,0,0,.55);border:1px solid var(--gold);padding:1.75rem}
.panel h2{margin:0 0 .5rem;color:var(--gold);font-size:2rem;text-transform:uppercase}
form{display:flex;gap:.5rem;flex-wrap:wrap}
input[type=email]{flex:1;min-width:200px;padding:.8rem;font-size:1rem;border:2px solid var(--gold);border-radius:2px;background:var(--paper)}
input.err{border-color:var(--red)}
.thanks{background:#000;border:1px solid var(--up);color:var(--up);padding:.75rem;font-family:Arial,sans-serif}
.fine{font-size:.8rem;color:#aaa}
.footer{background:#000;border-top:2px solid var(--gold);padding:2.5rem 1.25rem;text-align:center;font-size:.9rem;color:#bbb}
.footer .logo.sm{height:64px;margin:0 auto 1rem}
.foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-bottom:1.25rem}
.foot-nav a{color:#fff;text-decoration:none;font:700 .8rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.foot-nav a:hover{color:var(--gold)}
.footer p{max-width:800px;margin:0 auto .75rem}
@media (max-width:980px){.cards,.gallery,.products{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.nav{gap:1.1rem}}
@media (max-width:820px){
 .menu-btn{display:block}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#000;border-bottom:2px solid var(--gold);margin:0}
 .nav.open{display:flex}
 .nav a{padding:.9rem 1.25rem;border-bottom:1px solid #222}
 .hdr-inner{position:relative}
}
@media (max-width:600px){.cards,.gallery,.products{grid-template-columns:1fr}.hdr-brand span{font-size:1rem}.logo{height:40px}.sec{padding:2.5rem 1rem}.btn{padding:.8rem 1.2rem}}
