@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600&display=swap");
:root{--bg:#090b0b;--card:#111414;--soft:#171a19;--ink:#f4f1e8;--muted:#aaa99f;--gold:#f2bd32;--line:rgba(242,189,50,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:50;background:rgba(9,11,11,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:76px;display:flex;align-items:center;gap:34px}.brand img{width:170px;max-height:52px;object-fit:contain}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a{font-size:14px;color:#ddd9cd}.nav nav a:hover{color:var(--gold)}.mini{border:1px solid var(--line);padding:10px 14px;border-radius:999px;color:var(--gold);font-weight:700}.hero{min-height:650px;background:linear-gradient(90deg,rgba(5,6,6,.97) 0%,rgba(5,6,6,.86) 37%,rgba(5,6,6,.24) 72%,rgba(5,6,6,.48)),linear-gradient(0deg,#090b0b 0%,transparent 28%),url('../img/hero.jpg') center/cover no-repeat}.hero-in{min-height:650px;display:flex;align-items:center}.hero-copy{max-width:670px;padding:70px 0}.eyebrow{display:inline-block;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;margin-bottom:16px}.hero h1,.heading h2,.about h2,.social h2,.contact h2{font-size:clamp(42px,6vw,78px);line-height:.98;margin:0 0 24px;letter-spacing:-.045em}.hero h1 em{font-family:'Playfair Display',serif;font-weight:600;color:var(--gold)}.hero p{font-size:18px;line-height:1.7;color:#d1cec3;max-width:590px}.actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.actions a,.contact-actions a{padding:14px 19px;border-radius:12px;font-weight:800}.primary{background:var(--gold);color:#121212}.ghost{border:1px solid rgba(255,255,255,.18)}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-54px;position:relative;z-index:2}.trust article{background:rgba(18,21,20,.94);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.trust article>b{color:var(--gold);font-size:24px}.trust h3{margin:18px 0 7px;font-size:16px}.trust p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.section{padding:110px 0}.heading{max-width:650px;margin-bottom:38px}.heading span{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.heading h2,.about h2,.social h2,.contact h2{font-size:clamp(34px,4vw,56px);margin-top:10px}.heading p,.about p,.social p,.contact p{color:var(--muted);line-height:1.75}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.categories div{min-height:135px;background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:24px;font-size:28px;transition:.2s}.categories div:hover{transform:translateY(-4px);border-color:var(--line)}.categories b{display:block;font-size:15px;margin-top:25px}.social{background:#e9e4d8;color:#151615;padding:90px 0}.social-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.social .eyebrow{color:#7b5b00}.social p{color:#5f5c54}.social-cards{display:grid;gap:10px}.social-cards a{display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px;border:1px solid rgba(0,0,0,.1);border-radius:16px;background:rgba(255,255,255,.48);transition:.2s}.social-cards a:hover{transform:translateX(5px);background:white}.social-cards i{grid-row:1/3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#151615;color:#fff;font-style:normal}.social-cards b{font-size:17px}.social-cards small{color:#68645c}.social-cards span{grid-column:3;grid-row:1/3;font-size:24px}.about{padding:110px 0}.about-card{max-width:950px;padding:55px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(242,189,50,.11),transparent 34%),var(--card)}.about p{max-width:780px;font-size:16px}.stores{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.store{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:17px 18px;transition:.2s}.store:hover{border-color:var(--line);transform:translateY(-2px)}.dot{width:7px;height:7px;background:var(--gold);border-radius:50%}.store b{color:var(--gold)}.contact{margin:20px auto 110px;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;padding:48px;border-radius:28px;background:var(--gold);color:#141414}.contact .eyebrow{color:#5c4500}.contact p{color:#504a3e}.contact-actions a{background:#151615;color:white}.contact aside{display:flex;flex-direction:column;justify-content:center;gap:10px}.contact aside a,.contact aside span{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.13)}.float{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;flex-direction:column;gap:8px}.float a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#171a19;border:1px solid var(--line);font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.3)}.float a:hover{background:var(--gold);color:#111}footer{border-top:1px solid rgba(255,255,255,.06);padding:42px 0;text-align:center;color:var(--muted)}footer img{width:160px;margin:0 auto 12px;display:block}footer p{margin:5px}footer small{font-size:11px}.reveal{opacity:0;transform:translateY(16px);transition:.6s ease}.reveal.on{opacity:1;transform:none}@media(max-width:850px){.nav nav{display:none}.mini{margin-left:auto}.hero,.hero-in{min-height:570px}.hero{background-position:62% center}.trust{grid-template-columns:1fr 1fr;margin-top:-34px}.categories{grid-template-columns:1fr 1fr}.social-in,.contact{grid-template-columns:1fr}.social-in{gap:30px}.stores{grid-template-columns:1fr}.about-card{padding:30px}.contact{padding:30px}.section,.about{padding:75px 0}}@media(max-width:520px){.wrap{width:min(100% - 24px,1180px)}.brand img{width:145px}.mini{font-size:12px;padding:9px 10px}.hero h1{font-size:46px}.hero p{font-size:15px}.trust{grid-template-columns:1fr}.categories{grid-template-columns:1fr 1fr}.categories div{min-height:115px;padding:18px}.float{right:10px;bottom:10px}.contact-actions{flex-direction:column}.contact-actions a{text-align:center}}