*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;background:#0e0e0e;color:#eee}
a{color:#f5a623;text-decoration:none}
header{background:#1a1a1a;padding:12px 0;border-bottom:1px solid #333}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.header-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.logo{font-size:1.4rem;font-weight:700}
.logo span{color:#f5a623}
nav{display:flex;gap:14px;flex-wrap:wrap}
nav a{font-size:.9rem}
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:24px 0}
.video-card{background:#1a1a1a;border-radius:8px;overflow:hidden}
.video-wrap{position:relative;padding-top:56.25%;background:#111}
.video-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700}
.video-copy{padding:12px}
.video-title{font-size:1rem;margin:0 0 6px}
.video-desc{font-size:.85rem;color:#b0b0b0;margin:0}
.bottom-copy{background:#1a1a1a;padding:22px;border-radius:8px;margin:28px 0;color:#b0b0b0;line-height:1.6}
.cta{display:inline-block;background:#f5a623;color:#000;padding:12px 24px;border-radius:6px;font-weight:700;margin:16px 0}
.center{text-align:center}
#age-gate{position:fixed;inset:0;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center}
#age-gate .box{background:#1a1a1a;padding:32px;border-radius:12px;text-align:center;max-width:420px}
#age-gate a{display:inline-block;margin:8px;padding:10px 20px;border-radius:6px;font-weight:700}
#age-yes{background:#f5a623;color:#000}
#age-no{background:#333;color:#fff}