html,body{margin:0;background:#070707;color:#f4f4f4}
body{font-family:"Source Sans 3","Segoe UI",sans-serif;min-height:100%}
button{cursor:pointer;font:inherit;color:inherit;background:none;border:0}
a{color:inherit}
img{max-width:100%;height:auto}
::selection{background:#e10600;color:#fff}
.wrap{max-width:72rem;margin:0 auto;padding:0 1rem}
header{border-bottom:1px solid #2c2c2c}
.head{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 0}
.logo{display:block}
.logo img{height:3.5rem;width:auto;object-fit:contain}
nav{display:flex;gap:.25rem;overflow-x:auto}
nav a{min-height:2.75rem;padding:.5rem .75rem;font-family:Oswald,Impact,"Arial Narrow",sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
nav a.on{background:#e10600;color:#fff}
nav a:not(.on):hover{background:#1a1a1a}
.kicker{font-family:Oswald,Impact,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:#e10600;margin:0}
h1,h2,.title{font-family:Oswald,Impact,"Arial Narrow",sans-serif;font-weight:600;text-transform:uppercase;line-height:.95;margin:.4rem 0 0}
h1{font-size:clamp(2.2rem,6vw,3.6rem);max-width:48rem}
h2{font-size:clamp(1.8rem,4vw,2.4rem)}
.lead{font-size:1.125rem;line-height:1.55;max-width:46rem}
.muted{color:#a3a3a3}
.split{display:grid;gap:1.5rem;margin-top:1.25rem}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2c2c2c;border:1px solid #2c2c2c;align-self:start}
.facts div{background:#111;padding:.75rem}
.facts dt{font-family:Oswald,Impact,sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#e10600}
.facts dd{margin:.25rem 0 0}
.theater{display:grid;gap:1rem;margin-top:2rem}
.frame{position:relative;aspect-ratio:16/9;background:#000}
.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.now-kicker{margin:0.8rem 0 0;font-family:Oswald,Impact,sans-serif;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#e10600}
.title{font-size:clamp(1.4rem,3vw,1.9rem)}
.blurb{color:#a3a3a3;line-height:1.55;max-width:48rem}
.list{list-style:none;margin:0;padding:0;border:1px solid #2c2c2c;background:#111;max-height:70vh;overflow:auto}
.list button{width:100%;min-height:2.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.75rem;text-align:left}
.list button.on{background:#e10600;color:#fff}
.list button:not(.on):hover{background:#1a1a1a}
.list .ek{font-family:Oswald,Impact,sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#e10600}
.list button.on .ek{color:rgba(255,255,255,.8)}
.list .et{font-family:Oswald,Impact,sans-serif;font-weight:600;text-transform:uppercase;font-size:1rem;line-height:1.15}
.cards{display:grid;gap:1rem;padding:2.5rem 0}
.card{display:block;border:1px solid #2c2c2c;background:#111;padding:1.25rem;text-decoration:none}
.card:hover{border-color:#e10600}
.card p{color:#a3a3a3;line-height:1.55}
.rule{border-bottom:1px solid #2c2c2c}
.hero{display:grid;gap:1.5rem;padding:2rem 0}
figure{margin:0;border:1px solid #2c2c2c;background:#000}
figure img{width:100%;max-height:18rem;object-fit:cover;display:block}
figcaption{padding:.5rem .75rem;font-size:.75rem;color:#a3a3a3}
.row{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}
.thumb{height:6rem;width:auto;border:1px solid #2c2c2c;object-fit:cover}
footer{border-top:1px solid #2c2c2c}
.foot{display:flex;flex-direction:column;gap:.5rem;padding:2rem 0;font-size:.9rem;color:#a3a3a3}
.foot a{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#f4f4f4;text-decoration:underline;text-decoration-color:#e10600;text-underline-offset:4px}
@media(min-width:800px){
  .head{flex-direction:row;align-items:center;justify-content:space-between}
  .logo img{height:4rem}
  .split{grid-template-columns:minmax(0,1fr) 16rem}
  .facts{grid-template-columns:1fr}
  .theater{grid-template-columns:minmax(0,1.7fr) minmax(16rem,.9fr)}
  .cards{grid-template-columns:1fr 1fr}
  .hero{grid-template-columns:minmax(0,1fr) 18rem}
  .row{flex-direction:row;align-items:flex-end;justify-content:space-between}
  .foot{flex-direction:row;align-items:flex-end;justify-content:space-between}
}
