*{box-sizing:border-box;margin:0}body{font-family:Inter,sans-serif;background:#07071a;color:#fff}
a{color:inherit;text-decoration:none}
nav{display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;position:absolute;width:100%;z-index:3}
nav img{height:64px;border-radius:12px;border:2px solid #f7d117}
nav .links a{margin-left:26px;font-weight:600;font-size:15px;opacity:.9}
nav .cta{background:#f7d117;color:#2b1a0e;padding:10px 18px;border-radius:999px;font-weight:800}
.hero{position:relative;min-height:720px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:120px 5vw 60px;overflow:hidden;
background:radial-gradient(circle at 75% 30%,#3a1d5c 0,transparent 45%),radial-gradient(circle at 20% 80%,#5c1a1a 0,transparent 40%),linear-gradient(#07071a,#140b2e)}
.burst{position:absolute;border-radius:50%;background:repeating-conic-gradient(var(--c) 0 3deg,transparent 3deg 18deg);-webkit-mask:radial-gradient(circle,transparent 18%,#000 20%,transparent 70%);opacity:.75}
.hero h1{font-family:Bangers;font-size:96px;line-height:.9;letter-spacing:2px;color:#f7d117;text-shadow:0 0 30px #ff6a00aa,4px 4px 0 #b3261e}
.hero h1 span{color:#fff;display:block;font-size:56px;text-shadow:3px 3px 0 #b3261e}
.hero p{font-size:19px;max-width:520px;margin:22px 0;opacity:.9;line-height:1.5}
.btns a{display:inline-block;padding:16px 26px;border-radius:999px;font-weight:800;margin:0 10px 10px 0}
.b1{background:#e0312a;box-shadow:0 0 24px #e0312a99}.b2{border:2px solid #f7d117;color:#f7d117}
.frank{position:relative;z-index:2;justify-self:center}
.frank img{width:100%;max-width:400px;display:block;filter:drop-shadow(0 0 28px #f7d11766) drop-shadow(0 0 70px #e0312a55)}
.bubble{position:absolute;top:-10px;left:-40px;background:#fff;color:#2b1a0e;font-family:Bangers;font-size:26px;padding:12px 18px;border-radius:20px;transform:rotate(-6deg)}
.strip{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.store{padding:34px 5vw;}.store h3{font-family:Bangers;font-size:36px;letter-spacing:1px}
.open{background:#f7d117;color:#2b1a0e}.closed{background:#2b1a0e;color:#f3e3c3}
.tag{display:inline-block;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px;background:#e0312a;color:#fff;margin-bottom:8px}
section.prods{padding:70px 5vw;text-align:center}
.prods h2,.yt h2{font-family:Bangers;font-size:60px;color:#f7d117;letter-spacing:1px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px}
.card{background:#16123a;border-radius:20px;padding:18px;border:1px solid #ffffff22}
.card img{width:100%;height:180px;object-fit:contain;background:#fff;border-radius:14px}
.card b{display:block;margin-top:12px;font-size:17px}.card small{color:#f7d117}
.yt{margin:0 5vw 70px;border-radius:28px;padding:48px;display:flex;gap:40px;align-items:center;background:linear-gradient(120deg,#b3261e,#5c1a1a)}
.yt .play{flex:0 0 300px;height:170px;border-radius:18px;background:url(/assets/frank-bash.jpg) center/cover;display:grid;place-items:center}
.yt .play i{width:72px;height:72px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;color:#e0312a;font-size:30px}
footer{padding:30px 5vw;border-top:1px solid #ffffff22;opacity:.8;font-size:14px;display:flex;justify-content:space-between}
@media(max-width:700px){nav .links{display:none}nav img{height:48px}.hero{grid-template-columns:1fr;padding-top:100px;text-align:center}.hero h1{font-size:64px}.hero h1 span{font-size:38px}.hero p{font-size:16px;margin:16px auto}.frank{order:-1}.frank img{max-width:260px}.bubble{left:-10px;font-size:20px}.strip{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr;gap:12px}.card img{height:120px}.prods h2,.yt h2{font-size:42px}.yt{flex-direction:column;padding:28px;text-align:center}.yt .play{flex:none;width:100%}footer{flex-direction:column;gap:8px}}
.vid{position:relative;display:block;width:100%;border:0;padding:0;background:none;cursor:pointer}
.pb{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;background:#e0312a;color:#fff;display:grid;place-items:center;font-size:15px;box-shadow:0 2px 10px #0006}
.vid:hover .pb{transform:scale(1.12)}
#m{position:fixed;inset:0;background:#000c;display:none;place-items:center;z-index:50}#m.on{display:grid}
#m .w{width:min(900px,92vw);aspect-ratio:16/9;position:relative}#m iframe{width:100%;height:100%;border:0;border-radius:12px}
#m .x{position:absolute;top:-44px;right:0;background:none;border:0;color:#fff;font-size:34px;cursor:pointer}
@media(max-width:700px){.bubble{top:6px;left:auto;right:-62px;font-size:16px;padding:8px 10px;z-index:3;transform:rotate(6deg)}.pb{width:30px;height:30px;font-size:12px;right:6px;bottom:6px}}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#f7d117;color:#000;padding:8px;z-index:99}
a:focus-visible,button:focus-visible{outline:3px solid #7ad3ff;outline-offset:3px}
nav.sub{position:static;background:#07071a;border-bottom:1px solid #ffffff22}
.page{max-width:820px;margin:0 auto;padding:50px 5vw 70px;line-height:1.7;font-size:17px}
.page h1{font-family:Bangers;font-size:56px;line-height:1;color:#f7d117;letter-spacing:1px;margin-bottom:18px}
.page h2{font-family:Bangers;font-size:34px;color:#f7d117;margin:30px 0 8px;letter-spacing:1px}
.page p,.page ul{margin:0 0 14px}.page ul{padding-left:22px}.page a{color:#7ad3ff;text-decoration:underline}
.meta{opacity:.7;font-size:14px;margin-bottom:20px}
.mobnav{display:none}
@media(max-width:700px){.mobnav{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:10px;background:#140b2e;font-weight:600;font-size:14px}.page h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:700px){nav{position:static;justify-content:center;background:#07071a}.hero{padding-top:30px}.yt a{word-break:break-all;font-size:14px}}

.soc{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin:0}.soc a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff33;font-weight:600;font-size:14px}.soc a:hover{background:#f7d117;color:#2b1a0e}
nav .soc{display:inline-flex;margin-left:20px;gap:6px;vertical-align:middle}nav .soc a{padding:7px;border-radius:50%}
.follow{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;padding:18px 5vw;background:#140b2e;border-bottom:1px solid #ffffff22}
footer .soc{margin-top:8px}footer .soc a{padding:7px;border-radius:50%}
.hero .frank img{max-width:500px}@media(min-width:701px){.hero{grid-template-columns:1fr 1fr}.frank{width:100%;max-width:500px}}
.slider{display:flex;align-items:center;gap:12px;margin-top:30px}.vp{overflow:hidden;flex:1;border-radius:20px;touch-action:pan-y}
.track{display:flex;transition:transform .5s ease}.slide{flex:0 0 100%;margin:0!important;list-style:none;padding:4px}
.arr{flex:0 0 48px;height:48px;border-radius:50%;border:2px solid #f7d117;background:#07071a;color:#f7d117;font-size:30px;line-height:1;cursor:pointer}.arr:disabled{opacity:.3;cursor:default}.arr:not(:disabled):hover{background:#f7d117;color:#07071a}
.dots{margin-top:12px;opacity:.75;font-size:14px}
.reviews{padding:60px 5vw;background:radial-gradient(circle at 50% 0,#3a1d5c,transparent 70%);text-align:center}.reviews h2{font-family:Bangers;font-size:54px;color:#f7d117;letter-spacing:1px}.rsum{opacity:.85;margin:6px 0 24px}
.rwrap{display:flex;align-items:center;gap:12px}.rtrack{flex:1;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px}.rtrack::-webkit-scrollbar{display:none}
.rv{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;background:#fff;color:#2b1a0e;border-radius:20px;padding:24px;margin:0;text-align:left;display:flex;flex-direction:column;gap:12px}
.rv .st{color:#e8a800;font-size:22px;letter-spacing:2px}.rv blockquote{margin:0;font-size:16px;line-height:1.55;flex:1}.rv figcaption{font-size:13px;font-weight:700;color:#7a4b1c}
@media(max-width:900px){.rv{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:700px){.hero .frank img{max-width:330px}nav .soc{display:none}.slider{gap:0;position:relative}.arr{flex-basis:38px;height:38px;font-size:24px}.slider .arr{position:absolute;top:42%;z-index:2}.slider .prev{left:-14px}.slider .next{right:-14px}.rv{flex-basis:88%}.reviews h2{font-size:40px}.rwrap .arr{display:none}.follow{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.track{transition:none}.rtrack{scroll-behavior:auto}}