@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#11110f;--panel:#1b1b18;--cream:#f4e5c5;--gold:#e5b762;--red:#df4a32;--muted:#b1aaa0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f6f2e9;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(20px,5vw,90px);border-bottom:1px solid #35332c;background:#131310;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:23px;letter-spacing:1px}.brand img{width:55px;height:55px;object-fit:cover;border-radius:50%}.brand b{color:var(--gold)}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}nav a:hover,.textlink:hover{color:var(--gold)}.navcta{background:var(--gold);color:#181612;padding:13px 18px;border-radius:3px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:670px;align-items:center;gap:35px;padding:60px clamp(20px,6vw,100px);background:radial-gradient(circle at 76% 44%,#413423 0,#171612 45%,#11110f 76%)}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:3px;font-size:12px}.hero h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif}.hero h1{font-size:clamp(65px,7.5vw,120px);line-height:.91;letter-spacing:-1px;margin:22px 0}.hero h1 em,h2 em{font-style:normal;color:var(--gold)}.lead{font-size:17px;line-height:1.75;color:#c8c0b2;max-width:610px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0 40px}.btn{display:inline-block;padding:17px 25px;font-weight:800;font-size:13px;letter-spacing:.6px;border-radius:3px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--red);color:white}.outline{border:1px solid #797166}.statline{display:flex;gap:30px;border-top:1px solid #484137;padding-top:23px;flex-wrap:wrap}.statline span{display:flex;flex-direction:column;gap:5px}.statline strong{font:800 30px 'Barlow Condensed',sans-serif;color:var(--gold)}.statline small{font-size:10px;letter-spacing:1px;color:var(--muted)}.hero-art{text-align:center;position:relative}.hero-art .stone{width:100%;border:8px solid #2b261d;box-shadow:0 30px 90px #0009;transform:rotate(3deg)}.art-label{font:800 18px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--gold);margin-top:22px}.section{padding:90px clamp(20px,6vw,100px)}.sectionhead{max-width:850px;margin-bottom:35px}.section h2,.closing h2{font-size:clamp(48px,6vw,85px);line-height:.95;margin:15px 0}.sectionhead p{color:var(--muted);line-height:1.7}.story{background:#1b1a17}.storygrid{display:grid;grid-template-columns:1fr 1.7fr;gap:18px;align-items:stretch}.storygrid figure{margin:0;background:#10100f;position:relative;min-width:0}.storygrid img{width:100%;height:420px;object-fit:contain;display:block}.storygrid .before img{object-fit:contain;object-position:center center;background:#151411}.storygrid figcaption{padding:16px 20px;background:#0c0c0bd9;font:900 25px 'Barlow Condensed',sans-serif;letter-spacing:1px}.storygrid figcaption span{color:var(--gold);font-size:13px;margin-left:12px}.storytext{max-width:850px;margin-top:42px}.storytext h3,.video-side h3,.future h3{font-size:36px;margin:0 0 12px}.storytext p,.video-side p,.future p{line-height:1.8;color:#bfb8ab}.textlink{display:inline-block;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:1px;margin-top:12px}.video{background:#11110f}.videogrid{display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:center}.video-screen{background:black;border:1px solid #413b31;aspect-ratio:16/9}.video-screen video{width:100%;height:100%;object-fit:contain}.video-note{color:#8f887d;font-size:12px}.video-side{padding:35px;border-left:3px solid var(--red)}.youtube-mark{color:var(--red);font-size:48px;margin-bottom:15px}.video-side .btn{margin:15px 0;display:table}.future{background:#211e19}.futuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.future article{padding:30px;background:#151411;border-top:3px solid var(--gold)}.futureicon{color:var(--red);font:900 36px 'Barlow Condensed',sans-serif}.future h3{margin-top:18px}.soon{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:2px}.closing{text-align:center;padding:100px 20px;background:radial-gradient(circle,#382d20,#141310 65%)}.closing .btn{margin-top:25px}footer{padding:35px clamp(20px,6vw,100px);display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid #3c362b}.footerbrand{display:flex;align-items:center;gap:10px;font:800 22px 'Barlow Condensed',sans-serif}.footerbrand img{width:48px;height:48px;object-fit:cover;border-radius:50%}.social{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.social a:hover{color:var(--gold)}footer small{color:#8e887e;font-size:11px}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-art{max-width:550px;margin:auto}.storygrid,.videogrid{grid-template-columns:1fr}.storygrid img{height:auto;max-height:500px}.futuregrid{grid-template-columns:1fr}nav{gap:13px}nav a:not(.navcta){display:none}}@media(max-width:550px){.top{height:72px;padding:8px 16px}.brand{font-size:18px}.brand img{width:45px;height:45px}.navcta{font-size:11px;padding:11px}.hero{padding:55px 20px}.hero h1{font-size:64px}.statline{gap:18px}.section{padding:65px 20px}.storygrid figcaption span{display:block;margin-left:0}.video-side{padding:15px}.closing{padding:70px 20px}}
/* v2: put the merchandise logo front and center, keep the stone art tilted right */
.hero-logos{position:relative;padding:0 0 85px 30px}
.hero-art .stone{transform:rotate(3deg);display:block}
.cartoon-feature{position:absolute;bottom:0;left:0;width:clamp(150px,32%,245px);padding:8px;background:#e8d4aa;border:5px solid #17140e;box-shadow:0 15px 35px #000a;transform:rotate(-2deg)}
.cartoon-feature img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.cartoon-feature span{display:block;background:#17140e;color:#f1c36b;font:800 12px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.2px;padding:7px 3px}
.storygrid .before img{object-fit:contain;object-position:center center}
@media(max-width:900px){.hero-logos{padding-bottom:70px}.cartoon-feature{width:32%}}

.cartoon-feature{background:transparent;border:0;box-shadow:none;padding:0;transform:rotate(0deg);width:clamp(170px,35%,275px)}
.cartoon-feature img{aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 10px 12px #000b)}

/* V4: preserve the complete original cartoon logo, including its original GARAGE GYM / GRANDPA lettering. */
.brand img,.footerbrand img{object-fit:contain;border-radius:0}
.cartoon-feature{width:clamp(185px,39%,310px)}
.cartoon-feature img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:900px){.cartoon-feature{width:39%}}

/* v5: preserve the full cartoon logo in circular header/footer badges; no hero overlay */
.hero-logos{padding:0 18px 24px}
.brand img,.footerbrand img{border-radius:50%;object-fit:cover;background:#eedbb4}
