:root{--bg:#121010;--esp:#2A1C13;--brn:#4A2E1C;--ink:#EFE4CF;--acc:#B08A5E;--mut:#CDBEA3;--card:#2A1C13}
*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif;line-height:1.5}
h1,h2,h3,.brand,.num{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:400}
a{color:inherit;text-decoration:none}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;position:sticky;top:0;background:rgba(18,16,16,.9);backdrop-filter:blur(8px);z-index:5}
.brand{display:flex;gap:10px;align-items:center;font-size:24px}.navcta{border:1px solid var(--acc);color:var(--acc);padding:8px 16px;border-radius:99px;font-size:14px}
.hero{min-height:88vh;display:flex;flex-direction:column;justify-content:center;padding:40px 5vw;background:radial-gradient(circle at 80% 20%,rgba(176,138,94,.16),transparent 50%)}
.kicker{color:var(--acc);text-transform:uppercase;letter-spacing:.2em;font-size:13px}
h1{font-size:clamp(72px,17vw,240px);line-height:.85;margin:16px 0}h1 span{display:block;font-size:.32em;-webkit-text-stroke:1.5px var(--ink);color:transparent;letter-spacing:.12em}
.tag{font-size:clamp(18px,2.4vw,28px);max-width:640px}
.wave{display:flex;align-items:center;gap:4px;height:90px;margin:36px 0;max-width:720px}
.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)}}
.btn{display:inline-block;align-self:flex-start;background:var(--acc);color:#121010;font-weight:700;padding:16px 28px;border:0;border-radius:99px;font-size:16px;cursor:pointer;font-family:inherit;text-transform:uppercase;letter-spacing:.05em}
.marquee{overflow:hidden;background:var(--acc);color:#121010;font-family:Anton;font-size:28px;white-space:nowrap;padding:10px 0}.marquee div{display:inline-block;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
section{padding:96px 5vw}h2{font-size:clamp(44px,7vw,88px);line-height:1;margin-bottom:40px}h2 em{color:var(--acc);font-style:normal}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.story article{border-top:2px solid var(--acc);padding-top:20px}.num{color:var(--acc);font-size:40px}.story h3{font-size:32px;margin:8px 0}.story p,.card p,.sub{color:var(--mut)}
.sub{margin:-24px 0 40px}.card{background:var(--card);border-radius:16px;padding:16px}.card h3{font-size:24px;margin-top:14px}
.ph{aspect-ratio:4/5;border-radius:10px;display:grid;place-items:center;font-family:Anton;font-size:44px;color:rgba(239,228,207,.35);border:2px dashed var(--brn);background:repeating-linear-gradient(45deg,#1d1510 0 2px,#2A1C13 2px 9px)}
.ph.hood{color:rgba(176,138,94,.6)}
.signup{text-align:center;background:var(--card)}.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:16px 20px;border-radius:99px;border:1px solid var(--brn);background:#121010;color:var(--ink);font:inherit}
.thanks{color:var(--acc);font-size:20px;margin-top:28px}
footer{padding:32px 5vw;color:var(--mut);font-size:14px;display:flex;gap:10px;align-items:center}
@media(max-width:760px){.grid3{grid-template-columns:1fr}form{flex-direction:column}.btn{align-self:stretch;text-align:center}.navcta{display:none}section{padding:64px 6vw}}

body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.07;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")}
.wm{height:44px;width:auto;display:block}
.hero{position:relative;overflow:hidden}.hero>*:not(.heroicon){position:relative}
.heroicon{position:absolute;right:4vw;top:50%;transform:translateY(-50%) rotate(-8deg);width:min(42vw,560px);opacity:.22;pointer-events:none}
.marquee{border-top:1px solid var(--brn);border-bottom:1px solid var(--brn)}
.story article{border-top-style:dashed}
.signup{border-top:1px dashed var(--brn)}footer{border-top:1px solid var(--esp)}
@media(max-width:760px){h1 span{font-size:.5em;letter-spacing:.06em;-webkit-text-stroke-width:1.2px}.wm{height:36px}.heroicon{width:70vw;top:18%;opacity:.14}}

.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.pimg{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;margin-bottom:16px;background:#fff}.buy{margin-top:14px;display:inline-block}.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)}
