:root{--bg:#0b0909;--bg2:#141010;--esp:#2A1C13;--brn:#4A2E1C;--ink:#EFE4CF;--acc:#B08A5E;--hot:#c8452f;--mut:#a89a85;--card:#161211;--line:rgba(176,138,94,.18)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:130px}
body{background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif;line-height:1.5}
h1,h2,h3,.num,.tab{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:400}
a{color:inherit;text-decoration:none}[hidden]{display:none!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.06;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* sticky top bar + tabs */
.topbar{position:sticky;top:0;z-index:20;background:rgba(11,9,9,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 5vw 6px}
.wm{height:38px;width:auto;display:block}
.navcta{border:1px solid var(--acc);color:var(--acc);padding:7px 14px;border-radius:99px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.tabs{display:flex;gap:6px;padding:6px 5vw 10px}
.tab{flex:0 0 auto;background:transparent;color:var(--mut);border:1px solid var(--line);padding:8px 20px;border-radius:99px;font-size:16px;letter-spacing:.08em;cursor:pointer;transition:.2s}
.tab:hover{color:var(--ink);border-color:var(--acc)}
.tab.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}
/* drop hero / shop */
.drophero{position:relative;overflow:hidden;padding:48px 5vw 80px;background:radial-gradient(ellipse at 85% 0%,rgba(200,69,47,.14),transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(176,138,94,.10),transparent 50%)}
.drophero>*:not(.heroicon){position:relative}
.heroicon{position:absolute;right:-4vw;top:-2vw;width:min(46vw,560px);opacity:.07;transform:rotate(-12deg);pointer-events:none}
.kicker{color:var(--acc);text-transform:uppercase;letter-spacing:.22em;font-size:12px;display:flex;align-items:center;gap:10px}
.live{width:8px;height:8px;border-radius:50%;background:var(--hot);box-shadow:0 0 0 0 rgba(200,69,47,.7);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(200,69,47,0)}100%{box-shadow:0 0 0 0 rgba(200,69,47,0)}}
h1{font-size:clamp(64px,14vw,200px);line-height:.85;margin:14px 0 4px;letter-spacing:.01em}
h1 .hash{color:transparent;-webkit-text-stroke:2px var(--ink)}
.dropname{font-family:Anton;text-transform:uppercase;font-size:clamp(22px,3.4vw,40px);color:var(--acc);letter-spacing:.18em}
.wave{display:flex;align-items:center;gap:4px;height:44px;margin:22px 0 30px;max-width:520px;opacity:.85}
.wave i{flex:1;background:var(--acc);border-radius:3px;animation:pulse 1.3s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:24px}
.count{color:var(--mut);font-size:13px;text-transform:uppercase;letter-spacing:.14em}
.controls{display:flex;gap:10px;flex-wrap:wrap}
.sel{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.12em}
select{appearance:none;-webkit-appearance:none;background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23B08A5E'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:8px 32px 8px 14px;font:inherit;font-size:14px;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:rgba(176,138,94,.5)}
.pwrap{position:relative;border-radius:12px;overflow:hidden;background:#fff}
.pimg{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .5s}.card:hover .pimg{transform:scale(1.04)}
.badge{position:absolute;top:10px;left:10px;background:var(--bg);color:var(--ink);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:99px}
.pinfo{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 4px 4px}
.card h3{font-size:24px}.price{color:var(--mut);white-space:nowrap}
.btn{display:inline-block;background:var(--acc);color:#0b0909;font-weight:700;padding:14px 26px;border:0;border-radius:99px;font-size:15px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.06em;text-align:center}
.btn:disabled{opacity:.6;cursor:wait}
.buy{margin-top:12px}
.empty{color:var(--mut);padding:40px 0;text-align:center}
.sub{color:var(--mut);font-size:14px;margin-top:22px}
.marquee{overflow:hidden;background:var(--acc);color:#0b0909;font-family:Anton;font-size:26px;white-space:nowrap;padding:8px 0}.marquee div{display:inline-block;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
section{padding:90px 5vw}h2{font-size:clamp(40px,6.5vw,84px);line-height:1;margin-bottom:36px}h2 em{color:var(--acc);font-style:normal}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.story article{border-top:2px dashed var(--acc);padding-top:20px}.num{color:var(--acc);font-size:40px}.story h3{font-size:30px;margin:8px 0}.story p{color:var(--mut)}
.signup{text-align:center;background:var(--bg2);border-top:1px dashed var(--brn)}.signup .kicker{justify-content:center;margin-bottom:12px}.signup h2{margin-bottom:12px}.signup>p{color:var(--mut)}
form{display:flex;gap:10px;max-width:520px;margin:28px auto 0}input{flex:1;padding:15px 20px;border-radius:99px;border:1px solid var(--brn);background:var(--bg);color:var(--ink);font:inherit}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.thanks{color:var(--acc);font-size:20px;margin-top:28px}.err{color:#e07a64;margin-top:14px}
footer{padding:32px 5vw;color:var(--mut);font-size:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--esp)}
.legal{max-width:760px;margin:0 auto;padding:80px 5vw;min-height:60vh}.legal p{margin:16px 0;color:var(--mut)}.legal a,footer a{color:var(--acc)}
/* legacy header used on refund/privacy pages */
header.nav{position:sticky;top:0;z-index:20;background:rgba(11,9,9,.86);backdrop-filter:blur(10px);padding:14px 5vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}
@media(max-width:760px){
 html{scroll-padding-top:120px}
 .grid3{grid-template-columns:1fr}form{flex-direction:column}.btn{width:100%}
 .wm{height:30px}.nav{padding:10px 5vw 4px}.navcta{font-size:11px;padding:6px 10px}
 .tabs{padding:6px 5vw 10px}.tab{flex:1;padding:8px 0;font-size:15px}
 .drophero{padding:30px 5vw 60px}.heroicon{width:80vw;opacity:.06}
 .toolbar{flex-direction:column;align-items:stretch}.controls{justify-content:space-between}.sel{flex:1}.sel select{flex:1;width:100%}
 .grid{grid-template-columns:1fr 1fr;gap:12px}.card{padding:8px;border-radius:14px}.card h3{font-size:18px}.pinfo{flex-direction:column;gap:0;padding:10px 2px 2px}.price{font-size:13px}.buy{padding:11px 10px;font-size:12px}
 section{padding:64px 6vw}
}
@media(max-width:380px){.grid{grid-template-columns:1fr}}