/* Shared, deliberately still film covers. Playback belongs to the viewer. */
.intro-film { min-width: 0; margin: 0; color: #fff7e2; background: #101713; border: 1px solid #566257; }
.intro-film video { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #0b1410; }
.intro-film video:focus-visible { outline: 3px solid #ffaa00; outline-offset: 3px; }
.intro-film figcaption { padding: 1rem 1.1rem .45rem; }
.intro-film-title { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: .3rem 1rem; }
.intro-film-title strong { font: 800 1.05rem/1.3 Arial, Helvetica, sans-serif; }
.intro-film-title > span { color: #ffbd57; font: 800 .75rem/1.4 Arial, Helvetica, sans-serif; white-space: nowrap; }
.intro-film figcaption p { margin: .5rem 0 0; color: #c7d0c4; font: .85rem/1.55 Arial, Helvetica, sans-serif; }
.intro-film figcaption > a { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; color: #ffbd57; font: 800 .75rem/1.3 Arial, Helvetica, sans-serif; text-underline-offset: .2em; }
.intro-film-notes { margin-top: .8rem; color: #e5e9df; border: 1px solid #566257; background: #101713; }
.intro-film-notes summary { display: list-item; min-height: 44px; padding: .75rem 1rem; cursor: pointer; font: 800 .8rem/1.4 Arial, Helvetica, sans-serif; }
.intro-film-notes > div { padding: 0 1rem 1rem; }
.intro-film-notes p { margin: 0; font: .86rem/1.65 Arial, Helvetica, sans-serif; }
.intro-film-notes p + p { margin-top: .8rem; }
.intro-film-notes a { color: #ffbd57; text-decoration: underline; text-underline-offset: .15em; }
.intro-film-gallery { padding: clamp(2.5rem, 5vw, 5rem) max(1.25rem, calc((100% - 1160px) / 2)); color: #f3eee3; background: #14221c; border-block: 1px solid #465747; }
.intro-film-gallery > header { max-width: 50rem; margin-bottom: 2rem; }
.intro-film-gallery .intro-film-eyebrow { margin: 0 0 .8rem; color: #ffbd57; font: 900 .7rem/1.4 Arial, Helvetica, sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.intro-film-gallery h2 { margin: 0 0 1rem; color: inherit; font: 900 clamp(2rem, 4.5vw, 4rem)/.98 Arial, Helvetica, sans-serif; letter-spacing: -.04em; text-transform: uppercase; }
.intro-film-gallery header > p:last-child { margin: 0; color: #c7d0c4; }
.intro-film-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2.5rem); max-width: 1040px; margin-inline: auto; }

.landing-has-film .landing-hero-inner { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: clamp(2rem, 4vw, 4rem); padding: 9rem clamp(1.25rem, 5vw, 4.5rem) 6rem; }
.landing-hero-film { width: 100%; max-width: 520px; justify-self: end; }
.rebirth-landing.landing-has-film .landing-hero h1 { font-size: clamp(3.2rem, 6vw, 5.4rem); }
.landing-has-film .landing-free-callout { margin: 1rem 0 0; padding: .8rem 1rem; transform: none; box-shadow: none; border: 0; }
.landing-has-film .landing-free-callout::after { display: none; }
.landing-has-film .landing-free-callout > span { margin-bottom: .35rem; }
.landing-has-film .landing-free-callout strong { font-size: 1.6rem; }
.landing-has-film .landing-free-callout p { margin-top: .6rem; padding-top: .5rem; font-size: .72rem; }
.rebirth-landing.landing-has-film .landing-masthead { background: #0b0d0ce8; }
.landing-has-film .landing-nav a { display: inline-flex; align-items: center; min-height: 44px; color: #fff; }

.welcome-hero-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); align-items: center; gap: clamp(1.5rem, 3vw, 3rem); }
.welcome-hero-main .welcome-hero-copy { min-width: 0; }
.welcome-hero-main .welcome-hero-film { min-width: 0; max-width: 480px; justify-self: end; }
.welcome-hero-main h1 { font-size: clamp(3rem, 5.5vw, 5.3rem); }
.world-welcome .intro-film-gallery { padding: clamp(2rem, 4.5vw, 4rem); }
.world-welcome .intro-film figcaption p { margin-top: .5rem; }
.world-welcome .intro-film-notes p + p { margin-top: .8rem; }
@media (max-width: 1050px) {
  .welcome-hero-main { grid-template-columns: minmax(0, 1fr); }
  .welcome-hero-main .welcome-hero-film { width: 100%; max-width: 520px; justify-self: start; }
}
@media (max-width: 760px) {
  .landing-has-film .landing-nav > a:first-child { display: none; }
  .landing-has-film .landing-hero-inner { grid-template-columns: minmax(0, 1fr); padding: 7.5rem 1.25rem 2rem; }
  .landing-hero-film { justify-self: center; }
  .rebirth-landing.landing-has-film .landing-hero h1 { font-size: clamp(3rem, 13vw, 5rem); }
  .intro-film-grid { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
  .intro-film figcaption { padding: .85rem .85rem .35rem; }
  .intro-film-title strong { font-size: 1rem; }
}
@media (max-width: 420px) {
  .rebirth-landing.landing-has-film .landing-masthead { flex-wrap: wrap; gap: .35rem; background: #0b0d0c; }
  .landing-has-film .landing-wordmark { min-height: 44px; }
  .landing-has-film .landing-nav { width: 100%; justify-content: space-between; }
  .landing-has-film .landing-nav > a { color: #fff; }
  .landing-has-film .landing-hero-inner { padding-top: 10rem; }
}