:root{--black:#050505;--cream:#fff3db;--gold:#d7a84a;--deepgold:#9c6a17;--pink:#d6005c;--wine:#650021;--muted:#b8aa9b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 20%,rgba(130,0,43,.22),transparent 32%),radial-gradient(circle at 10% 75%,rgba(166,109,18,.08),transparent 30%);z-index:-1}
.announcement{padding:12px 18px;text-align:center;letter-spacing:.22em;font-size:12px;background:linear-gradient(90deg,#4e001a,#8d0031,#4e001a);color:white}
header{height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(215,168,74,.22);position:sticky;top:0;background:rgba(5,5,5,.92);backdrop-filter:blur(12px);z-index:10}
.brand{font-family:Georgia,serif;font-size:30px;color:var(--cream);text-decoration:none}nav{display:flex;gap:28px}nav a{color:var(--cream);text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.18em}
.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding:80px 6vw}
.eyebrow{color:var(--gold);letter-spacing:.28em;font-size:12px;font-weight:700}.eyebrow span{color:var(--pink)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.03;margin:20px 0}
h1{font-size:clamp(54px,7vw,104px)}h2{font-size:clamp(40px,5vw,72px)}h3{font-size:clamp(28px,3vw,42px)}em{font-style:normal;color:var(--gold)}
.intro,.section-heading p,.about>p,.connect>p,.launch-box p{max-width:680px;color:var(--muted);font-size:19px}
.button{display:inline-block;margin-top:26px;padding:17px 25px;border:1px solid var(--gold);background:linear-gradient(135deg,#720026,#a0003c);color:white;text-decoration:none;letter-spacing:.14em;font-size:12px}
.logo-wrap{text-align:center}.logo-wrap img{width:min(100%,650px);filter:drop-shadow(0 20px 40px rgba(0,0,0,.65))}
.section,.shop{padding:90px 5vw;border-top:1px solid rgba(215,168,74,.18)}.center{text-align:center}.section>h2{text-align:center}
.feature-image{display:block;width:min(100%,1280px);margin:45px auto 0;border:1px solid rgba(215,168,74,.55);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.section-heading{max-width:820px;margin:auto;text-align:center}.section-heading p{margin-left:auto;margin-right:auto}
.category-grid{max-width:1180px;margin:50px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.category-card{appearance:none;text-align:left;min-height:190px;padding:24px;border:1px solid rgba(215,168,74,.38);background:linear-gradient(145deg,#0d0d0d,#17020a);color:var(--cream);cursor:pointer;transition:.25s ease}
.category-card:hover,.category-card:focus{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 18px 35px rgba(0,0,0,.45);outline:none}
.category-card span{display:block;color:var(--pink);font-size:12px;letter-spacing:.2em;margin-bottom:38px}
.category-card strong{display:block;color:var(--gold);font-family:Georgia,serif;font-size:24px;font-weight:400}
.category-card small{display:block;color:var(--muted);margin-top:8px;font-size:13px}
.launch-box{max-width:880px;margin:40px auto 0;padding:38px;text-align:center;border:1px solid rgba(215,168,74,.45);background:radial-gradient(circle at 50% 0%,rgba(101,0,33,.32),transparent 70%)}
.launch-box p{margin-left:auto;margin-right:auto}
.about{padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid rgba(215,168,74,.2)}
.values{padding:40px 7vw 90px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.values div{padding:30px 20px;border:1px solid rgba(215,168,74,.32);text-align:center}.values strong{display:block;color:var(--gold);letter-spacing:.12em}.values span{display:block;color:var(--muted);font-size:13px;margin-top:8px}
.connect{text-align:center;padding:110px 6vw;background:linear-gradient(180deg,transparent,rgba(101,0,33,.18))}.connect>p{margin-left:auto;margin-right:auto}
footer{text-align:center;padding:65px 20px;border-top:1px solid rgba(215,168,74,.25);color:var(--gold);letter-spacing:.16em}footer img{width:170px}.small{font-size:11px}.copyright{color:#766b61;font-size:10px;margin-top:25px}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){header{height:76px}.brand{font-size:23px}nav{display:none}.hero{grid-template-columns:1fr;padding:55px 24px 70px;min-height:auto}.hero-copy{order:1}.logo-wrap{order:0}.logo-wrap img{max-width:430px}h1{font-size:54px}.intro{font-size:17px}.section,.shop{padding:70px 20px}.about{grid-template-columns:1fr;padding:75px 24px;gap:10px}.values{grid-template-columns:1fr 1fr;padding:20px 20px 70px}.connect{padding:80px 24px}.announcement{font-size:10px}}
@media(max-width:560px){h1{font-size:45px}.category-grid,.values{grid-template-columns:1fr}.feature-image{margin-top:28px}.logo-wrap img{width:100%}.launch-box{padding:28px 20px}}

.hats-collection{max-width:1180px;margin:55px auto 0;padding:55px 35px;border:1px solid rgba(215,168,74,.38);background:linear-gradient(180deg,rgba(101,0,33,.14),rgba(0,0,0,.2))}
.hat-types{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px auto 0;max-width:900px}
.hat-types div{padding:20px;border:1px solid rgba(215,168,74,.32);text-align:center;background:#080808}
.hat-types strong{display:block;color:var(--gold);letter-spacing:.1em;font-size:13px}
.hat-types span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.coming-note{text-align:center;color:var(--gold);letter-spacing:.2em;font-size:12px;margin:32px 0 0}
@media(max-width:650px){.hats-collection{padding:38px 16px}.hat-types{grid-template-columns:1fr}}