/* Separate film-first experiment. The saved Example 3 does not load this file. */
html { scroll-behavior: smooth; }
.sh { position: fixed !important; inset: 0 0 auto; width: 100%; background: transparent; border-bottom-color: transparent; backdrop-filter: none; transition: background .25s, border-color .25s; }
.sh[data-over-film="false"] { background: rgba(7,11,20,.94); border-bottom-color: rgba(255,255,255,.09); backdrop-filter: blur(12px); }
.tg-film, .tg-film[data-still="false"] { height: calc(100svh + var(--film-travel,170svh)) !important; background: #070b14; }
.tg-film-stage, .tg-film[data-still="true"] .tg-film-stage { position: sticky; top: 0; height: 100svh; min-height: 0; pointer-events: auto; }
.tg-film-image, .tg-film-video { object-position: center; }
.tg-film-video { transition: opacity .25s; }
.tg-film-shade { background: linear-gradient(90deg,rgba(7,11,20,.64),rgba(7,11,20,.24) 48%,rgba(7,11,20,.04) 80%),linear-gradient(0deg,#070b14 0%,rgba(7,11,20,.22) 22%,transparent 55%,rgba(7,11,20,.25) 100%); }
.review-hero-overlay, .tg-film[data-still="true"] .review-hero-overlay { position: absolute; inset: 0; height: 100%; min-height: 0; align-items: center; pointer-events: none; }
.review-hero-overlay .tg-film-content, .tg-film[data-still="true"] .tg-film-content { padding: 72px 0 100px; }
.review-hero-overlay .tg-film-copy { max-width: 650px; opacity: var(--film-title-opacity,1); transform: translateY(var(--film-title-y,0px)); pointer-events: none; }
.tg-film-copy h1 { font-size: clamp(44px,5.2vw,74px); line-height: 1.13; text-shadow: 0 2px 35px rgba(7,11,20,.35); }
.review-scroll { bottom: max(32px,env(safe-area-inset-bottom)); }
.review-scroll-label { color: #c2ccd7; font-size: 12px; }
.review-scroll-track { height: 1px; background: rgba(195,212,224,.25); }
.review-scroll-fill { background: #75cdb0; }
.review-scroll-link:focus-visible { outline: 2px solid #34d399; outline-offset: 7px; border-radius: 2px; }
.film-introduction { width: min(1120px,calc(100% - 64px)); margin: 0 auto; padding: 54px 0 64px; display: flex; align-items: center; justify-content: space-between; gap: 48px; scroll-margin-top: calc(var(--tg-nav-height,64px) + 20px); }
.film-introduction > p { margin: 0; max-width: 590px; font: 400 clamp(17px,1.6vw,21px)/1.75 Rubik,sans-serif; color: #c2cbd8; }
.film-introduction .landing_actions__0lSei { margin: 0; flex-shrink: 0; gap: 20px; }
.film-introduction + section { border-top: 1px solid rgba(130,155,190,.12); }
.tg-film[data-still="true"] { height: 100svh !important; }
.tg-film[data-still="true"] .tg-film-stage { position: relative; }
.tg-film[data-still="true"] .review-scroll-track { display: none; }
@media(max-width:860px) {
  .tg-film { --film-travel: 130svh; }
  .tg-film-shade { background: linear-gradient(0deg,#070b14 0%,rgba(7,11,20,.2) 25%,transparent 55%,rgba(7,11,20,.65) 80%,rgba(7,11,20,.5) 100%); }
  .review-hero-overlay, .tg-film[data-still="true"] .review-hero-overlay { align-items: flex-start; }
  .review-hero-overlay .tg-film-content, .tg-film[data-still="true"] .tg-film-content { padding: max(132px,calc(var(--tg-nav-height,64px) + 45px)) 0 0; }
  .tg-film-copy h1 { font-size: clamp(36px,8.4vw,62px); }
  .review-scroll { bottom: max(26px,env(safe-area-inset-bottom)); }
  .review-scroll-label { font-size: 11px; }
  .film-introduction { width: calc(100% - 44px); padding: 40px 0 48px; flex-direction: column; align-items: flex-start; gap: 24px; }
  .film-introduction .landing_actions__0lSei { flex-wrap: wrap; gap: 12px; }
}
@media(max-height:600px) {
  .tg-film-copy h1 { font-size: clamp(32px,5vw,48px); }
  .review-hero-overlay, .tg-film[data-still="true"] .review-hero-overlay { align-items: center; }
  .review-hero-overlay .tg-film-content, .tg-film[data-still="true"] .tg-film-content { padding: 64px 0 80px; }
  .review-scroll { bottom: max(18px,env(safe-area-inset-bottom)); }
  .review-scroll-link { gap: 10px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } .sh,.tg-film-video { transition: none; } }
@media print { .sh { position: relative !important; } .tg-film,.tg-film[data-still="false"],.tg-film[data-still="true"] { height: 600px !important; } .tg-film-stage,.tg-film[data-still="true"] .tg-film-stage { position: relative; height: 600px; } .review-scroll { display: none; } }