:root{--bg:#110f0c;--panel:#21180f;--gold:#d9a44c;--light:#f5e4bf;--red:#a51418}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#342415 0,#110f0c 65%);color:#f4e9d4;font:17px/1.55 Georgia,serif}a{color:var(--gold)}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px max(22px,calc((100vw - 1180px)/2));background:#0d0c0aee;border-bottom:1px solid #8c672c}.brand{font-size:25px;font-weight:900;text-decoration:none;line-height:1;color:var(--light);letter-spacing:1px;white-space:nowrap}.brand span{color:var(--gold)}.brand small{display:block;font:11px Arial,sans-serif;letter-spacing:3px;margin-top:7px;color:#ddd}nav{display:flex;gap:24px}nav a{text-decoration:none;color:var(--light);font:bold 13px Arial,sans-serif;letter-spacing:1px}nav a:hover{color:var(--gold)}.menu{display:none}.hero{max-width:1300px;margin:auto}.hero img{width:100%;display:block;max-height:620px;object-fit:cover;object-position:center}.hero-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;padding:20px;background:#15110b}.btn{display:inline-block;text-decoration:none;text-align:center;font:800 14px Arial,sans-serif;letter-spacing:.5px;padding:14px 19px;border-radius:7px;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.gold{background:linear-gradient(#ffe2a2,#bb812a);color:#181008;border:1px solid #e7b969}.red{background:linear-gradient(#d22c25,#8d0b10);color:#fff;border:1px solid #e44938}.outline{border:1px solid var(--gold);color:var(--light);background:#22190e}.findstrip{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;background:#0b0a09;border-top:1px solid #62441c;border-bottom:1px solid #62441c;padding:20px 12px;color:var(--gold);font:bold 12px Arial,sans-serif;letter-spacing:1px}.section,.panel{max-width:1160px;margin:0 auto;padding:58px 24px}.about{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center;background:linear-gradient(115deg,#332414,#1a140e);border:1px solid #5a3c18;margin-top:28px;border-radius:10px}.coinmark{aspect-ratio:1;border:7px double var(--gold);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font:bold 80px Georgia,serif;color:var(--gold);background:radial-gradient(#604221,#1a130e)}.coinmark span{font:11px Arial,sans-serif;letter-spacing:2px}h2{font-size:clamp(25px,3.2vw,39px);line-height:1.13;color:#e6bb70;text-shadow:2px 2px #000;margin:0 0 18px;letter-spacing:.6px}.about p{max-width:750px}.heading{border-bottom:1px solid #785322;margin-bottom:24px}.heading p{color:#c8b89c;margin:0 0 20px}.gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gear{border:1px solid #97692c;border-radius:9px;overflow:hidden;background:linear-gradient(#302316,#15110e);text-align:center;padding-bottom:18px}.gear img{width:100%;height:230px;object-fit:cover;object-position:center 20%;display:block}.gear h3{min-height:54px;font:800 20px Arial,sans-serif;text-transform:uppercase;color:var(--light);margin:16px 10px}.gear .btn{margin:0 12px;font-size:12px}.extras{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:30px 0}.note{color:#e7cba1;font-size:13px;text-align:center}.videos{border-top:1px solid #553b1e}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.video-grid>div{min-height:170px;background:radial-gradient(circle at 30% 20%,#8a6538,#2a1c11 70%);border:1px solid #91692d;border-radius:8px;padding:20px 15px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:var(--gold);font-size:38px}.video-grid strong{font:bold 19px Arial,sans-serif;color:#fff;text-shadow:2px 2px #000}.video-grid small{font:13px Arial,sans-serif;color:#e6c58d;margin-top:10px}.contact{text-align:center;border-top:1px solid #62441c}.contact>a{font-size:clamp(15px,2.5vw,24px)}footer{text-align:center;background:#080807;padding-bottom:25px;color:#d2bd94}footer img{width:100%;height:160px;object-fit:cover;object-position:center bottom}footer p{padding:0 16px}footer .disclosure{max-width:760px;margin:24px auto;font:13px/1.6 Arial,sans-serif;color:#bcae98}@media(max-width:850px){.top{flex-wrap:wrap;padding:14px 20px}.menu{display:block;background:#302113;color:#f8d89b;border:1px solid #91682b;border-radius:4px;padding:9px 12px}nav{display:none;width:100%;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px;border-top:1px solid #4a3219}.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.coinmark{max-width:210px;margin:auto}}@media(max-width:550px){.hero img{min-height:240px;object-fit:cover}.gear-grid{grid-template-columns:1fr}.gear img{height:270px}.video-grid{grid-template-columns:1fr}.section,.panel{padding:38px 18px}.hero-actions .btn{width:100%}}

.gear-symbol{height:180px;display:flex;align-items:center;justify-content:center;font-size:70px;background:radial-gradient(circle at 45% 40%,#554029,#16110d 75%);border-bottom:1px solid #a78239}.gear-extra{display:flex;flex-direction:column}.gear-extra h3{flex:1}

/* Clickable regions positioned over the two illustrated hero buttons.
   The visible accessible buttons below remain functional on all screens. */
.hero{position:relative}
.hero-hotspots{position:absolute;inset:0 0 auto;aspect-ratio:1024 / 473;pointer-events:none}
.hero-hotspot{position:absolute;display:block;pointer-events:auto;border-radius:10px}
.hero-hotspot:focus-visible{outline:4px solid #fff;outline-offset:3px;background:#d9a44c33}
.hero-hotspot.shop{left:54.2%;top:79.9%;width:21.3%;height:11.8%}
.hero-hotspot.watch{left:76.6%;top:79.9%;width:21.6%;height:11.8%}
@media(max-width:850px){.hero-hotspots{display:none}}

.about-logo{width:min(100%,240px);margin:auto}.about-logo img{display:block;width:100%;height:auto;border-radius:50%;border:3px solid #c69a52;box-shadow:0 8px 30px #0009}.storefront-feature{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(110deg,#493015,#20160c);border:1px solid #b7863e;border-radius:12px;padding:26px;margin-bottom:35px}.storefront-feature h2{margin:7px 0}.storefront-feature p{margin:0;max-width:580px}.storefront-feature .btn{flex-shrink:0}.eyebrow{font:700 12px Arial,sans-serif;letter-spacing:2px;color:#e9c989}.featured-deus p{padding:0 20px;color:#d8c9af;font-size:14px}.featured-deus .gear-symbol{font-size:76px}@media(max-width:550px){.storefront-feature .btn{width:100%}}

/* Dirt Hogz shopping hub */
.shops{padding-top:3rem;padding-bottom:3rem;background:linear-gradient(150deg,#1b150f,#0e0d0c)}
.shops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1.4rem 0}
.shop-card{border:1px solid #8e6c35;background:linear-gradient(145deg,#2a2118,#15120f);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;box-shadow:0 8px 24px #0005}
.shop-card h3{color:#f3d18a;margin:.3rem 0;font-size:1.25rem}
.shop-card p{color:#eee0c8;flex:1;margin:.3rem 0 1rem;line-height:1.5}
.shop-card .btn{max-width:100%;white-space:normal;text-align:center}
.shop-icon{font-size:2rem;color:#d5a951}
@media(max-width:650px){.shops-grid{grid-template-columns:1fr}.shop-card{padding:1.1rem}}