:root{--olive:#4b5a2a;--khaki:#d9c79a;--dark:#1d1f17;--brown:#5a3d22;--red:#b8392b}
*{box-sizing:border-box}body{margin:0;font-family:Impact,"Arial Black",sans-serif;background:var(--dark);color:#eee}
p,li,small{font-family:Arial,Helvetica,sans-serif}a{color:var(--khaki)}
nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#1d1f17ee}
nav img{height:40px}nav .links a{margin-left:18px;text-decoration:none;font-size:15px;letter-spacing:1px}
.hero{min-height:720px;background:linear-gradient(#0003,#1d1f17),url(../img/bg_yt.webp) center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px}
.hero img{width:min(620px,90%)}.hero p{font-size:20px;max-width:640px;text-shadow:0 2px 4px #000}
.play{display:inline-block;margin-top:18px;padding:22px 64px;font-size:40px;letter-spacing:3px;background:var(--red);color:#fff;text-decoration:none;border:4px solid var(--khaki);border-radius:8px;box-shadow:0 6px 0 #6d1f16}
.hero small{margin-top:12px;color:var(--khaki)}
section{padding:64px 24px;max-width:1200px;margin:auto}h2{font-size:40px;color:var(--khaki);letter-spacing:2px;margin:0 0 24px}
.trailer{aspect-ratio:16/9;background:#000 url(../img/bg_x.webp) center/cover;display:flex;align-items:center;justify-content:center;border:3px solid var(--olive);position:relative}
.trailer:before{content:"";position:absolute;inset:0;background:#0008}.trailer span{position:relative;font-size:28px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.shot{aspect-ratio:16/9;background:center/cover;position:relative;border:3px solid var(--olive)}
.shot b{position:absolute;top:8px;left:8px;background:var(--red);padding:4px 8px;font-size:13px;font-family:Arial}
.card{background:var(--olive);padding:24px;border-radius:6px}.card h3{margin:0 0 8px;font-size:24px}
.band{background:var(--brown)}.post{background:#0003;padding:18px;border-left:5px solid var(--khaki)}
.social a{display:inline-block;margin:6px;padding:14px 22px;background:var(--olive);text-decoration:none;border-radius:6px;font-size:18px}
footer{text-align:center;padding:32px;background:#111;font-size:14px}footer img{height:56px}
@media(max-width:600px){nav .links{display:none}.hero{min-height:560px}.play{font-size:30px;padding:18px 40px}h2{font-size:30px}}
.howto{margin-top:22px;background:#1d1f17cc;border:2px solid var(--khaki);border-radius:8px;padding:14px 22px;text-align:left;max-width:460px}.howto h3{margin:0 0 6px;color:var(--khaki);font-size:20px;letter-spacing:1px}.howto ol{margin:0;padding-left:20px;font-family:Arial,sans-serif;font-size:16px;line-height:1.6}

nav .brand{display:flex;align-items:center}main.page{max-width:900px;margin:auto;padding:48px 24px}
.page h1{font-size:48px;color:var(--khaki);margin:0 0 8px}.page p,.page li{line-height:1.6;font-size:17px}
.dl{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0 32px}
.dl a{display:block;background:var(--olive);padding:12px;border-radius:6px;text-decoration:none;font-family:Arial;font-size:14px}
.dl img{width:100%;height:120px;object-fit:contain;background:#0004;display:block;margin-bottom:8px}
.btn{display:inline-block;padding:12px 22px;background:var(--red);color:#fff;text-decoration:none;border-radius:6px}
.date{color:var(--khaki);font-family:Arial;font-size:14px}
@media(max-width:600px){nav .links{display:flex;gap:4px}nav .links a{margin-left:10px;font-size:13px}nav .links a.hide-m{display:none}.page h1{font-size:34px}}

.alpha{display:inline-flex;align-items:center;gap:8px;margin:8px 0 12px;padding:6px 14px;background:#1d1f17cc;border:2px solid var(--khaki);border-radius:999px;font-family:Arial,sans-serif;font-size:15px;color:#fff}.alpha span{background:var(--red);color:#fff;padding:2px 8px;border-radius:4px;font-weight:bold;letter-spacing:1px}
.disc{color:#bbb;font-size:13px;max-width:640px;margin:8px auto 0}

.contact{display:grid;gap:14px;max-width:760px;font-family:Arial,sans-serif}.contact label{display:grid;gap:6px;font-size:15px;color:var(--khaki)}
.contact .row{display:grid;gap:14px;grid-template-columns:1fr 1fr}.contact .row[hidden]{display:none}
.contact input,.contact select,.contact textarea{font:16px Arial,sans-serif;padding:10px;border:2px solid var(--olive);border-radius:6px;background:#11130d;color:#eee}
.contact textarea{resize:vertical}.contact button{border:0;font:20px Impact,'Arial Black',sans-serif;letter-spacing:2px;cursor:pointer;justify-self:start;padding:12px 36px}
.contact button:disabled{opacity:.6}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{min-height:1.2em;margin:0}.status.ok{color:#9fd27a}.status.err{color:#ff8a7a}
@media(max-width:600px){.contact .row{grid-template-columns:1fr}}