@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Rubik:wght@400;500;600;700;800&display=swap');

:root{--red:#EE1C24;--ink:#1a1a1a}
*{box-sizing:border-box}
body{margin:0;background:#e9e9e9;color:#fff;font-family:'Rubik',Arial,sans-serif}
button{font:inherit;cursor:default}
.deck{max-width:1440px;margin:0 auto}
.intro{background:#151515;color:#fff;padding:18px 48px;display:flex;justify-content:space-between;align-items:center}
.intro strong{font-size:16px}.intro span{font-size:12.5px;color:#b7b7b7}
.frame{height:1000px;position:relative;overflow:hidden;background:#000;margin-bottom:40px;box-shadow:0 14px 50px #0002}
.tag{position:absolute;z-index:6;top:20px;right:22px;background:var(--red);color:#fff;padding:9px 14px;border-radius:50px;font-weight:700;font-size:12px;letter-spacing:.06em}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;letter-spacing:.04em}
.brand img{width:40px;height:40px;object-fit:contain}

header{position:relative;z-index:3;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff22}
.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600;color:#ddd}
.cta{border:0;padding:13px 20px;font-weight:700;border-radius:3px;background:var(--red);color:#fff}

.hero{position:relative;height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.heroimg{position:absolute;inset:0;background:url('assets/action-bw.jpg') center 30%/cover;filter:grayscale(1) contrast(1.15)}
.shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,#000000aa 0%,#000000f0 65%,#000 100%)}
.badgewrap{position:relative;z-index:2;margin-bottom:22px}
.bigbadge{width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 10px 40px #000a)}
.hero h1{position:relative;z-index:2;font-family:'Fjalla One',Impact,sans-serif;text-transform:uppercase;font-size:30px;letter-spacing:.04em;line-height:1.3;margin:0;color:#eee}

.chips{position:relative;z-index:2;background:#0c0c0c;border-top:3px solid var(--red);padding:26px 50px 34px}
.chiphead{font:700 13px 'Rubik';letter-spacing:.14em;color:#999;margin-bottom:14px;text-align:center}
.chips .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:9px;background:#181818;border:1px solid #2a2a2a;border-radius:30px;padding:10px 16px 10px 10px;font-size:13.5px;font-weight:600;color:#eee}
.chip i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:14px}
.chip em{font-style:normal;color:#999;font-size:11.5px;margin-left:2px}

.note{max-width:1440px;margin:-15px auto 55px;background:#fff;padding:18px 25px;font-size:14px;line-height:1.5;color:#333}

@media(max-width:700px){
  .frame{height:1220px}
  .nav span{display:none}
  header{padding:16px}
  .bigbadge{width:150px;height:150px}
  .hero h1{font-size:22px;padding:0 20px}
  .chips{padding:22px 22px 28px}
}