/* Generated from design/home-film.tokens.json. */
:root {
  --film-text-share: min(100%, 58rem);
  --film-title-size: clamp(2.5rem, 3.9vw, 4rem);
  --film-title-tablet: clamp(2.5rem, 5.2vw, 3.5rem);
  --film-title-mobile: clamp(1.875rem, 7.5vw, 2.625rem);
  --film-height: 100svh;
  --film-mobile-height: 100svh;
  --film-control-layer: 3;
  --film-poster-position: 78% center;
  --film-scrim: linear-gradient(90deg, rgba(6, 17, 33, .82), rgba(6, 17, 33, .62) 52%, rgba(6, 17, 33, .12)), linear-gradient(0deg, rgba(6, 17, 33, .55), transparent 22%);
  --film-scrim-tablet: linear-gradient(90deg, rgba(6, 17, 33, .82), rgba(6, 17, 33, .58) 75%, rgba(6, 17, 33, .25));
  --film-scrim-mobile: linear-gradient(180deg, rgba(6, 17, 33, .25), rgba(6, 17, 33, .72) 28%, rgba(6, 17, 33, .85) 80%, rgba(6, 17, 33, .7));
  --film-header-bg: transparent;
  --film-control-bg: color-mix(in srgb, var(--signal-hero-bg) 88%, transparent);
  --film-control-opacity: 0.72;
  --film-control-opacity-active: 1;
  --film-border: color-mix(in srgb, var(--signal-hero-text) 32%, transparent);
  --film-expertise-columns: minmax(0, 1fr) minmax(0, 1fr);
  --film-expertise-width: 32rem;
  --film-ink: #f4f7fb;
  --film-ink-soft: #cfe0f5;
  --film-accent: #6fb2ff;
  --film-night: #040c18;
  --film-display: clamp(3rem, 8vw, 8.5rem);
  --film-display-mobile: 14.5vw;
  --film-heading: clamp(2rem, 5vw, 5.25rem);
  --film-heading-mobile: 9.5vw;
  --film-sub: clamp(1.125rem, 2vw, 2.125rem);
  --film-sub-mobile: clamp(1.0625rem, 5vw, 1.375rem);
  --film-year: clamp(4rem, 12vw, 11rem);
  --film-year-mobile: 26vw;
  --film-mark-size: min(46svh, 38vw);
  --film-mark-mobile: min(62vw, 34svh);
  --film-wordmark: clamp(1.5rem, 3vw, 2.75rem);
  --film-bar-space: 8rem;
  --film-bar-space-mobile: 8rem;
  --film-next-bottom: var(--sp-2);
  --film-scrim-live: linear-gradient(0deg, rgba(4, 12, 24, .72), transparent 28%), linear-gradient(180deg, rgba(4, 12, 24, .45), transparent 22%);
  --film-scrim-beat: linear-gradient(90deg, rgba(4, 12, 24, .78), rgba(4, 12, 24, .45) 48%, rgba(4, 12, 24, 0) 78%);
  --film-scrim-beat-mobile: linear-gradient(180deg, rgba(4, 12, 24, .3), rgba(4, 12, 24, .7) 40%, rgba(4, 12, 24, .7) 72%, rgba(4, 12, 24, .35));
  --film-scrim-mark: radial-gradient(ellipse 60% 62% at 50% 46%, rgba(4, 12, 24, .74), rgba(4, 12, 24, .4) 70%, rgba(4, 12, 24, .22));
}