:root{
  --orange:#fc7600;
  --black:#000;
  --peach:#fadabf;
  --white:#fff;
  --paper:#f6efe8;
  --muted:#756b63;
  --line:rgba(0,0,0,.12);
  --display:Impact,"Arial Black",sans-serif;
  --body:Inter,Arial,sans-serif;
  --hero-title-size:92px;
  --section-title-size:76px;
  --category-title-size:34px;
  --body-size:17px;
  --hero-title-color:#fff;
  --hero-text-color:#fff;
  --section-title-color:#000;
  --body-text-color:#756b63;
  --category-title-color:#fff;
  --category-text-color:#f8e5d3;
  --member-title-color:#fff;
  --member-text-color:#fff;
  --button-color:#fc7600;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--black);font-family:var(--body)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer}
.site-header{position:sticky;top:0;z-index:20;height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 38px;background:rgba(0,0,0,.92);color:var(--white);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:18px;line-height:.85}
.brand img{width:48px;height:48px;object-fit:contain}
.site-header nav{display:flex;gap:24px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.site-header nav a{color:rgba(255,255,255,.72)}
.site-header nav a:hover{color:var(--orange)}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid currentColor;font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.header-cta,.button.primary{background:var(--button-color);border-color:var(--button-color);color:var(--black)}
.button.ghost{background:transparent;color:inherit}
.button:hover{transform:translateY(-1px)}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:36px;align-items:stretch;padding:58px 5vw 46px;background:radial-gradient(circle at 20% 0,rgba(252,118,0,.2),transparent 36%),linear-gradient(135deg,#070707,#18110b 58%,#000);color:var(--white);overflow:hidden}
.hero-copy{display:flex;flex-direction:column;justify-content:center;max-width:900px}
.eyebrow{margin:0 0 18px;color:var(--orange);font-size:10px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}
.hero h1{max-width:1050px;margin:0;color:var(--hero-title-color);font-family:var(--display);font-size:clamp(46px,7.4vw,var(--hero-title-size));line-height:.96;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}
.hero-copy>p:not(.eyebrow){max-width:720px;margin:26px 0 0;color:color-mix(in srgb,var(--hero-text-color) 78%,transparent);font-size:clamp(16px,2vw,calc(var(--body-size) + 7px));line-height:1.45}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-card{align-self:stretch;display:grid;grid-template-rows:1fr auto;min-height:560px;padding:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(252,118,0,.14),rgba(255,255,255,.04));position:relative;overflow:hidden}
.hero-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.035) 79px)}
.hero-card img{position:relative;z-index:1;place-self:center;width:min(90%,520px);max-height:520px;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.65))}
.hero-card div{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);padding-top:18px}
.hero-card span{color:var(--peach);font-size:10px;font-weight:900;letter-spacing:.16em}
.hero-card strong{font-family:var(--display);font-size:42px;color:var(--orange)}
.category-section,.club-section,.giveaway-section,.contact-section{padding:86px 5vw}
.section-head{max-width:880px;margin-bottom:32px}
.section-head h2,.club-section h2,.contact-section h2{margin:0;color:var(--section-title-color);font-family:var(--display);font-size:clamp(42px,6vw,var(--section-title-size));line-height:.88;letter-spacing:-.04em;text-transform:uppercase}
.section-head p,.club-section p,.contact-section p{max-width:760px;color:var(--body-text-color);font-size:var(--body-size);line-height:1.55}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-card{min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;border:1px solid var(--line);background:#16110d;position:relative;overflow:hidden;color:var(--white)}
.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.82));z-index:1}
.category-card:after{content:attr(data-index);position:absolute;top:14px;left:18px;z-index:2;font-family:var(--display);font-size:78px;color:rgba(255,255,255,.16)}
.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(1.06) contrast(1.04)}
.category-card h3,.category-card p,.category-card button{position:relative;z-index:2}
.category-card h3{margin:0 0 12px;color:var(--category-title-color);font-family:var(--display);font-size:var(--category-title-size);line-height:.9;text-transform:uppercase}
.category-card p{margin:0 0 18px;color:var(--category-text-color);line-height:1.45}
.category-card button{width:max-content;border:1px solid var(--button-color);background:var(--button-color);color:var(--black);min-height:42px;padding:0 15px;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.club-section{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:34px;background:var(--black);color:var(--white)}
.club-section h2{color:var(--member-title-color)}
.club-section p{color:color-mix(in srgb,var(--member-text-color) 76%,transparent)}
.club-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.benefit-card{padding:30px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
.benefit-card h3{margin:0 0 18px;font-family:var(--display);font-size:42px;color:var(--orange);text-transform:uppercase}
.benefit-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.benefit-card li{padding:14px 0;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.78)}
.giveaway-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;border:1px solid var(--line);background:var(--white)}
.giveaway-card span{color:var(--orange);font-size:10px;font-weight:950;letter-spacing:.18em}
.giveaway-card h3{margin:8px 0 8px;font-family:var(--display);font-size:44px;text-transform:uppercase}
.giveaway-card p{margin:0;color:var(--muted);max-width:720px}
.contact-section{background:linear-gradient(135deg,var(--button-color),#b84c00);color:var(--black);text-align:center}
.contact-section p{margin-left:auto;margin-right:auto;color:rgba(0,0,0,.76)}
.contact-section .eyebrow{color:#000}
.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
.contact-section .button.primary{background:#000;border-color:#000;color:var(--button-color)}
footer{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;background:#000;color:rgba(255,255,255,.62);font-size:12px}
footer a{color:var(--peach)}
.category-modal,.giveaway-modal{width:min(1120px,calc(100vw - 26px));max-height:calc(100vh - 26px);border:0;padding:0;background:var(--paper);box-shadow:0 45px 120px rgba(0,0,0,.6);overflow:auto}
.category-modal::backdrop,.giveaway-modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.modal-close{position:sticky;top:12px;float:right;z-index:5;width:42px;height:42px;margin:12px;border:0;border-radius:50%;background:var(--black);color:var(--orange);font-size:26px}
.modal-hero{display:grid;grid-template-columns:minmax(260px,.8fr) 1fr;gap:28px;align-items:end;padding:34px;border-bottom:1px solid var(--line);background:#fff}
.modal-hero img{width:100%;height:360px;object-fit:cover;background:#111}
.modal-hero h2{margin:0;color:var(--section-title-color);font-family:var(--display);font-size:clamp(46px,6vw,86px);line-height:.86;text-transform:uppercase}
.modal-hero p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.5}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:28px 34px 34px}
.product-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-height:100%}
.product-card img{width:100%;aspect-ratio:1.15;object-fit:cover;background:#16110d}
.product-card div{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px}
.product-card h3{margin:0;font-family:var(--display);font-size:30px;line-height:.9;text-transform:uppercase}
.product-card p{margin:0;color:var(--muted);line-height:1.45;font-size:14px}
.product-card strong{margin-top:auto;color:var(--orange);font-family:var(--display);font-size:24px}
.product-card button{height:46px;border:0;background:var(--button-color);color:#000;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.empty-products{grid-column:1/-1;padding:30px;border:1px dashed var(--line);background:#fff;color:var(--muted);text-align:center}
.giveaway-modal-head{padding:38px 42px 22px;background:#fff;border-bottom:1px solid var(--line)}
.giveaway-modal-head h2{margin:0;color:var(--section-title-color);font-family:var(--display);font-size:clamp(48px,7vw,96px);line-height:.84;text-transform:uppercase}
.giveaway-modal-head p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:17px;line-height:1.45}
.giveaway-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:28px 42px 42px}
.giveaway-link-card{display:flex;flex-direction:column;gap:12px;min-height:220px;padding:24px;border:1px solid var(--line);background:#fff}
.giveaway-link-card span{width:max-content;padding:7px 10px;border-radius:999px;background:var(--peach);color:#8d4a12;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.giveaway-link-card h3{margin:0;font-family:var(--display);font-size:40px;line-height:.9;text-transform:uppercase}
.giveaway-link-card p{margin:0;color:var(--muted);line-height:1.45}
.giveaway-link-card a{margin-top:auto;width:max-content;background:var(--button-color);color:#000;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.giveaway-link-empty{grid-column:1/-1;padding:34px;border:1px dashed var(--line);background:#fff;color:var(--muted);text-align:center}
.copy-toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translateX(-50%);max-width:calc(100vw - 28px);padding:14px 18px;background:#000;color:var(--orange);font-size:12px;font-weight:900;box-shadow:0 16px 40px rgba(0,0,0,.32)}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-card{min-height:360px}.category-grid{grid-template-columns:repeat(2,1fr)}.club-section{grid-template-columns:1fr}.site-header nav{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.site-header{height:auto;padding:14px 18px}.header-cta{display:none}.hero{padding:42px 22px}.hero h1{font-size:58px}.category-section,.club-section,.giveaway-section,.contact-section{padding:58px 22px}.category-grid{grid-template-columns:1fr}.giveaway-card{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column;gap:8px}.modal-hero{grid-template-columns:1fr;padding:24px}.modal-hero img{height:260px}.product-grid,.giveaway-link-grid{grid-template-columns:1fr;padding:22px}.category-modal,.giveaway-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.giveaway-modal-head{padding:28px 24px 18px}}
