:root{--ink:#090b09;--cream:#f1f5e8;--gold:#c3f53c;--red:#ef3d34;--line:rgba(241,245,232,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;background:rgba(11,10,8,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font:900 13px/1 Inter}.brand img{width:42px;height:42px;object-fit:contain}.topbar nav{display:flex;gap:28px;font:500 13px DM Mono}.topbar nav a:hover{color:var(--gold)}.pill{border:1px solid var(--gold);border-radius:999px;padding:10px 18px;color:var(--gold);font-weight:900}
.hero{min-height:calc(100vh - 71px);position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;padding:6vw 4vw 8vw;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(246,185,0,.18),transparent 32%)}.eyebrow,.section-no{font:500 13px DM Mono;color:var(--gold);letter-spacing:.08em}.hero h1,.lore h2,.section-head h2,.details h2{font:400 clamp(72px,10vw,160px)/.82 Anton;margin:24px 0}.hero h1 em,.lore h2 em{font-style:normal;color:var(--gold)}.lede{max-width:580px;font-size:clamp(18px,2vw,27px);line-height:1.35}.actions{display:flex;gap:12px;margin-top:36px}.button{padding:16px 24px;border:1px solid var(--cream);font-weight:900}.primary{background:var(--gold);color:var(--ink);border-color:var(--gold)}.button:hover{transform:translateY(-2px)}.hero-art{margin:0;position:relative;transform:rotate(2deg);border:12px solid var(--cream);background:var(--cream);box-shadow:20px 20px 0 var(--red)}.hero-art img{aspect-ratio:1;object-fit:cover}.hero-art figcaption{color:var(--ink);font:900 16px DM Mono;padding:12px 2px 2px}.ticker{position:absolute;bottom:12px;left:-2%;width:104%;display:flex;gap:20px;white-space:nowrap;background:var(--gold);color:var(--ink);padding:10px 0;font:900 18px DM Mono;transform:rotate(-1deg)}.ticker span{animation:run 18s linear infinite}@keyframes run{to{transform:translateX(-100%)}}
.lore{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;padding:10vw 4vw;border-top:1px solid var(--line)}.lore h2{font-size:clamp(58px,8vw,126px)}.lore-copy{align-self:end;font-size:clamp(18px,1.7vw,24px);line-height:1.55}.lore-copy p+ p{margin-top:30px;color:#c9bfa9}
.memes{padding:8vw 4vw;background:var(--cream);color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:clamp(66px,9vw,140px);margin-bottom:4vw}.section-head>p{font:700 16px DM Mono;text-align:right}.meme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.meme-grid img{width:100%;aspect-ratio:1;object-fit:cover;border:5px solid var(--ink);transition:.2s}.meme-grid img:nth-child(2n){transform:rotate(1deg)}.meme-grid img:nth-child(3n){transform:rotate(-1deg)}.meme-grid img:hover{transform:rotate(0) scale(1.02)}
.details{padding:9vw 4vw}.detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end}.details h2{font-size:clamp(110px,18vw,270px);color:var(--gold);margin-bottom:0}.detail-wrap>div>p{font:900 20px DM Mono}.details dl{margin:0}.details dl div{display:grid;grid-template-columns:1fr 1fr;padding:24px 0;border-top:1px solid var(--line)}dt{font:500 13px DM Mono;color:#a99f8b}dd{margin:0;font-weight:900;text-align:right}.fineprint{max-width:880px;margin:80px 0 0;color:#8f8778;font:400 12px/1.6 DM Mono}
footer{display:flex;align-items:end;justify-content:space-between;padding:5vw 4vw;border-top:1px solid var(--line);font:900 18px DM Mono}footer img{width:90px}footer p:last-child{font-size:12px;color:#8f8778}
@media(max-width:800px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:14vw}.hero-copy{z-index:2}.hero h1{font-size:20vw}.hero-art{margin:5vw 5vw 12vw}.lore,.detail-wrap{grid-template-columns:1fr}.meme-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start}.section-head>p{display:none}.details h2{font-size:34vw}footer{align-items:start;gap:30px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker span{animation:none}}
