@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;500;600;700&family=Permanent+Marker&display=swap');
:root{--bb-red:#f10b18;--bb-cream:#f0dfd5;--bb-black:#050505;--bb-panel:#111}
*{box-sizing:border-box}
html{background:var(--bb-black);color-scheme:dark}
body{margin:0!important;background:var(--bb-black)!important;color:#fff!important;font-family:Oswald,Arial,sans-serif!important}
a{color:inherit}

/* Shared header for Styles and Arcade */
.metal-site{min-height:100vh!important;max-width:1122px!important;margin:auto!important;padding:0 5% 70px!important;position:relative!important;overflow:hidden!important;background:
 url('/hero-edge-left.png') left top/100px 722px no-repeat,
 url('/hero-edge-right.png') right top/100px 722px no-repeat,
 repeating-linear-gradient(104deg,transparent 0 42px,rgba(255,255,255,.025) 43px 45px),
 radial-gradient(circle at 82% 12%,rgba(241,11,24,.27),transparent 25%),#080808!important}
.metal-site__grain{position:fixed!important;inset:0!important;pointer-events:none!important;opacity:.12!important;mix-blend-mode:screen!important}
.metal-header{display:grid!important;grid-template-columns:minmax(270px,1fr) auto!important;align-items:center!important;gap:24px!important;min-height:145px!important;padding:14px 3% 8px!important;border-bottom:1px solid rgba(255,255,255,.15)!important}
.metal-header__brand{display:block!important;height:118px!important;overflow:hidden!important}
.metal-header__brand img{display:block!important;width:600px!important;max-width:none!important;height:auto!important;filter:drop-shadow(0 5px 2px #000)!important}
.metal-nav{display:flex!important;gap:22px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.metal-nav a{font:600 13px/1 Oswald,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important;text-decoration:none!important;border-bottom:3px solid transparent!important;padding:10px 0!important}
.metal-nav a:hover,.metal-nav a[aria-current="page"]{border-color:var(--bb-red)!important}

.metal-hero-plate{margin:34px 2% 22px!important;padding:34px 4%!important;background:rgba(5,5,5,.75)!important;border:1px solid rgba(255,255,255,.18)!important;clip-path:polygon(0 3%,3% 0,25% 2%,48% 0,70% 2%,97% 0,100% 4%,99% 48%,100% 96%,96% 100%,74% 98%,50% 100%,25% 98%,3% 100%,0 96%,1% 50%)!important}
.metal-eyebrow{color:var(--bb-red)!important;font:600 13px/1 Oswald,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.metal-hero-plate h1,.metal-arcade-console h1{margin:8px 0!important;color:var(--bb-cream)!important;font:700 clamp(52px,8vw,96px)/.87 Bebas Neue,Impact,sans-serif!important;letter-spacing:.01em!important;text-transform:uppercase!important;text-shadow:0 4px 0 #30110f,0 8px 8px #000!important}
.metal-hero-plate__copy,.metal-arcade-console__screen p{max-width:60ch!important;color:#ddd!important;font:400 16px/1.55 Oswald,sans-serif!important}

.metal-style-directory{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;margin:0 2%!important}
.metal-style-link{position:relative!important;display:grid!important;grid-template-rows:auto 270px auto!important;min-width:0!important;padding:14px!important;background:#0e0e0e!important;border:1px solid rgba(255,255,255,.16)!important;text-decoration:none!important;overflow:hidden!important}
.metal-style-link:hover{border-color:var(--bb-red)!important;transform:translateY(-3px)!important}
.metal-style-link__index{color:var(--bb-red)!important;font:400 35px/1 Permanent Marker,cursive!important}
.metal-style-link__image{overflow:hidden!important;background:#1a1a1a!important}
.metal-style-link__image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:grayscale(.1) contrast(1.06)!important}
.metal-style-link__copy{padding-top:13px!important}
.metal-style-link__copy strong{display:block!important;font:600 36px/.95 Bebas Neue,sans-serif!important;color:#fff!important}
.metal-style-link__copy small{font:500 11px/1.4 Oswald,sans-serif!important;letter-spacing:.11em!important;color:#bbb!important}
.metal-style-link__arrow{position:absolute!important;right:15px!important;bottom:11px!important;color:var(--bb-red)!important;font:700 26px/1 Oswald,sans-serif!important}

.metal-arcade-console{margin:40px auto!important;max-width:780px!important;padding:24px!important;background:#0b0b0b!important;border:8px solid #252525!important;box-shadow:0 0 0 2px var(--bb-red),0 25px 40px #000!important}
.metal-arcade-console__screen{padding:44px!important;background:radial-gradient(circle at 50% 42%,#241010,#070707 65%)!important;border:2px solid #555!important;box-shadow:inset 0 0 45px #000!important}
.metal-arcade-console__controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;padding:26px!important;border-top:1px solid #444!important}
.metal-play-button{padding:16px 24px!important;background:var(--bb-red)!important;color:#fff!important;font:600 20px/1 Bebas Neue,sans-serif!important;letter-spacing:.08em!important}

/* Contact, returns and cancellation pages */
.info-shell{width:min(100% - 34px,1000px)!important;margin:auto!important}
header.info-shell{display:grid!important;grid-template-columns:minmax(250px,1fr) auto!important;align-items:center!important;gap:20px!important;padding:18px 0 14px!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
.info-brand{display:block!important;height:105px!important;overflow:hidden!important}
.info-brand img{display:block!important;width:560px!important;max-width:none!important;height:auto!important}
.info-nav{display:flex!important;gap:18px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.info-nav a{font:600 12px/1 Oswald,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#fff!important}
.info-content{margin-top:34px!important;margin-bottom:50px!important;padding:clamp(24px,5vw,54px)!important;background:#0d0d0d!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 18px 40px #000!important}
.info-content h1{margin:0 0 24px!important;color:var(--bb-cream)!important;font:700 clamp(54px,8vw,90px)/.9 Bebas Neue,sans-serif!important;text-transform:uppercase!important;text-shadow:0 4px 0 #35100f!important}
.info-content h2{margin:28px 0 8px!important;color:var(--bb-red)!important;font:600 34px/1 Bebas Neue,sans-serif!important;text-transform:uppercase!important}
.info-content p,.info-content li,.info-content pre{font:400 16px/1.65 Oswald,sans-serif!important;color:#ddd!important}
.info-content a{color:#fff!important;text-decoration-color:var(--bb-red)!important}
.cancellation-model{white-space:pre-wrap!important;padding:22px!important;background:#050505!important;border-left:5px solid var(--bb-red)!important}
footer.info-shell{padding:26px 0 50px!important;border-top:1px solid rgba(255,255,255,.2)!important}

@media(max-width:760px){
 .metal-site{padding:0 18px 45px!important}.metal-header,header.info-shell{grid-template-columns:1fr!important}.metal-header__brand,.info-brand{height:82px!important}.metal-header__brand img,.info-brand img{width:430px!important}.metal-nav,.info-nav{justify-content:flex-start!important;gap:13px!important}.metal-style-directory{grid-template-columns:1fr!important}.metal-style-link{grid-template-rows:auto 240px auto!important}.metal-arcade-console__screen{padding:28px!important}.metal-arcade-console__controls{flex-wrap:wrap!important}.info-content{padding:26px 20px!important}
}
