/* Press-page layout. External file because the site CSP is style-src 'self'
   (no unsafe-inline) — an inline <style> block gets blocked in production. */
.press { padding: 40px 0 80px; }
.press-top {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 20px; padding: 22px 0;
}
.press-top img.logo { width: min(360px, 68vw); height: auto; }
.press-kicker {
  font: 0.72rem/1.4 var(--display); color: var(--crust);
  letter-spacing: 0.04em; text-transform: uppercase;
}
.press h1 {
  font: clamp(1.6rem, 4.4vw, 2.9rem)/1.05 var(--display);
  color: var(--bone); margin: 6px 0 10px; text-transform: uppercase;
}
.press .lede { max-width: 60ch; color: var(--ash); font-size: 1.08rem; }
.press h2 {
  font: 1.15rem/1.2 var(--display); color: var(--crust);
  text-transform: uppercase; margin: 54px 0 16px;
  padding-bottom: 10px; border-bottom: 2px solid var(--line);
}
.cta { display: flex; flex-wrap: wrap; gap: 14px; margin: 22px 0 8px; }
.factbar {
  display: flex; flex-wrap: wrap; gap: 10px 30px; margin: 20px 0 4px;
  padding: 16px 18px; border: 2px solid var(--line); background: rgba(10,7,5,0.5);
}
.factbar b { color: var(--crust); font: 0.66rem/1.3 var(--display); text-transform: uppercase; display: block; }
.factbar span { color: var(--bone); }
.embed { position: relative; aspect-ratio: 16/9; margin-top: 8px;
  border: 4px solid var(--crust); background: #000; box-shadow: 10px 10px 0 rgba(0,0,0,.6); overflow: hidden; }
.embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.trailer-links { margin-top: 12px; }
table.facts { width: 100%; border-collapse: collapse; }
table.facts th, table.facts td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
table.facts th { color: var(--crust); font: 0.66rem/1.3 var(--display); text-transform: uppercase; white-space: nowrap; width: 200px; }
table.facts td { color: var(--bone); }
.copyblock { border-left: 4px solid var(--dirt); background: rgba(10,7,5,0.5);
  padding: 14px 18px; margin: 14px 0; color: var(--bone); }
.copyblock .tag { font: 0.6rem/1.2 var(--display); color: var(--crust); text-transform: uppercase; display: block; margin-bottom: 8px; }
ul.feat { list-style: none; padding: 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); }
ul.feat li { border: 2px solid var(--line); background: rgba(10,7,5,0.5); padding: 14px 16px; color: var(--bone); }
ul.feat b { color: var(--crust); }
.shots { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); }
.shots a { display: block; line-height: 0; }
.shots img { width: 100%; height: auto; display: block; border: 3px solid var(--crust); }
.links a { color: var(--crust); }
.press footer { margin-top: 60px; padding-top: 20px; border-top: 2px solid var(--line);
  color: var(--ash); display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; }