/* Shared by the site's inner pages (/film/, /tour/, /privacy/, /terms/, /delete-account/).
   The tokens and base rules match index.html; only what these pages use is here. */
@font-face{font-family:Nunito;src:url(../fonts/nunito-latin-var.woff2) format("woff2");font-weight:500 900;font-style:normal;font-display:swap}
:root{
  --night:#14213D;--night-deep:#0B1426;--night-light:#223258;--snow:#F8F9FB;
  --berry:#C8102E;--berry-hover:#AE0D27;--gold:#F2B705;
  --on-night-muted:#C9D0DE;--line-night:rgba(248,249,251,.18);
  --r-md:16px;--r-lg:24px;--pill:999px;
  --gutter:16px;--maxw:1180px;
  --font:Nunito,ui-rounded,"Segoe UI",system-ui,-apple-system,sans-serif;
}
@media (min-width:768px){:root{--gutter:32px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--night-deep)}
body{margin:0;font-family:var(--font);font-weight:500;font-size:17px;line-height:1.55;color:var(--snow);background:var(--night-deep);overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,video,svg{display:block;max-width:100%}
img,video{height:auto}
h1,h2,p{margin:0}
h1,h2{line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
svg.i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
svg.i.fill{fill:currentColor;stroke:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--gold);color:var(--night);font-weight:800;padding:12px 18px;border-radius:var(--pill);text-decoration:none}
.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}
.wrap{width:min(var(--maxw),calc(100% - 2 * var(--gutter)));margin-inline:auto}

.top{padding-top:env(safe-area-inset-top,0px);box-shadow:0 1px 0 var(--line-night)}
.top-inner{display:flex;align-items:center;gap:12px;min-height:64px}
.brand{display:flex;align-items:center;min-height:44px;margin-right:auto;border-radius:8px}
.brand img{height:40px;width:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--pill);font:800 16px/1.15 var(--font);text-decoration:none;text-align:center}
.btn-berry{background:var(--berry);color:var(--snow)}
.btn-berry:hover{background:var(--berry-hover)}
.btn-ghost{color:var(--snow);box-shadow:inset 0 0 0 2px rgba(248,249,251,.55)}
.btn-ghost:hover{background:rgba(248,249,251,.08)}

@media (min-width:900px){.watch{padding:56px 0 96px}.watch-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:56px}}
.eyebrow{font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
h1{font-size:clamp(32px,3vw + 18px,52px);font-weight:900;margin-top:10px}
.lede{font-size:18px;margin-top:14px;max-width:58ch;color:var(--on-night-muted)}
.ai-note{display:flex;gap:10px;align-items:flex-start;margin-top:16px;max-width:52ch;padding:10px 14px;border-radius:var(--r-md);background:rgba(34,50,88,.72);font-size:14px;line-height:1.45;color:var(--on-night-muted)}
.ai-note svg.i{color:var(--gold);margin-top:1px}
.ai-note + .ai-note{margin-top:8px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}

.footer{padding:40px 0 calc(40px + env(safe-area-inset-bottom,0px));background:var(--night-deep);color:var(--on-night-muted);font-size:14px;line-height:1.6;box-shadow:0 -1px 0 var(--line-night)}
.footer nav ul{display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:14px}
.footer nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--snow);font-weight:800;text-decoration:none;border-radius:8px}
.footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
.footer p + p{margin-top:6px}
