/* Approved homepage refinements. Film, timing and original artwork are preserved. */
.story-intro h1{font-size:clamp(90px,11.2vw,182px);letter-spacing:-.055em;line-height:.87}
.story-intro h1 span,.story-intro h1 em{display:block}
.story-intro h1 em{margin-top:.035em}
[data-kinetic=on] .story-intro .story-panel{top:55%}
.story-intro .cinema-kicker{font-size:11px;letter-spacing:.16em;margin-bottom:25px}
.story-intro .cinema-kicker::before{width:18px;margin-right:11px}
.story-scroll-cue{font-size:12px;letter-spacing:.04em;gap:15px;margin-top:27px}
.scroll-stroke{height:23px}
.cinema-page .desktop-nav a{font-size:12px;letter-spacing:0;font-weight:400}
.cinema-page .desktop-nav{gap:20px}
.impact-line{font-size:14px;line-height:1.55;letter-spacing:.01em;margin-top:19px}
.impact-word a::after,.impact-final a::after{opacity:0;transform:scaleX(.35);transform-origin:left;transition:opacity .2s,transform .3s}
.impact-word a:hover::after,.impact-final a:hover::after,.impact-word a:focus-visible::after,.impact-final a:focus-visible::after{opacity:.55;transform:scaleX(1)}
@media(max-width:1100px) and (min-width:901px){.cinema-page .desktop-nav{gap:13px}.cinema-page .desktop-nav a{font-size:11px}}
@media(max-width:640px){
  .story-intro h1{font-size:clamp(76px,23vw,122px);line-height:.89;letter-spacing:-.06em}
  [data-kinetic=on] .story-intro .story-panel{top:58%}
  .story-intro .cinema-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:21px}
  .story-scroll-cue{margin-top:22px;font-size:12px}
  .impact-line{font-size:13px;margin-top:18px}
}
@media(max-height:550px){
  .story-intro h1{font-size:19vh;line-height:.84}
  .story-intro .cinema-kicker{margin-bottom:13px}
  .story-scroll-cue{margin-top:12px;min-height:30px}
  [data-kinetic=on] .story-intro .story-panel{top:52%}
}
@media print{.story-intro h1{font-size:48px!important}.story-intro h1 span,.story-intro h1 em{display:inline}}

/* Keep the WEBSITES caption comfortably above the collaboration strip. */
[data-kinetic=on] .impact-websites .story-panel{--panel-top:68%}
.impact-websites .impact-line{margin-top:10px;margin-left:0}

/* Cookie controls share the homepage palette, type and spacing. */
.cinema-page #irie-cookie-settings{
  left:auto;right:6.4%;bottom:calc(var(--credit-height) + env(safe-area-inset-bottom) + 8px);
  min-height:44px;padding:8px 0;border:0;border-radius:0;background:transparent;
  color:var(--story-ivory);font:400 12px/1.5 var(--body);letter-spacing:.01em;
  box-shadow:none;text-shadow:0 1px 6px #000;transition:color .2s;
}
.cinema-page #irie-cookie-settings:hover{color:var(--story-gold)}
.cinema-page #irie-consent{
  background:#10130ff5;color:var(--story-ivory);border:1px solid #f3edde40;
  border-radius:2px;box-shadow:0 12px 40px #0005;font-family:var(--body);
}
.cinema-page #irie-consent h2{
  color:var(--story-ivory);font:400 26px/1.15 Georgia,'Times New Roman',serif;
  letter-spacing:-.035em;
}
.cinema-page #irie-consent p{color:var(--story-ivory);font:400 13px/1.65 var(--body)}
.cinema-page #irie-consent a{color:var(--story-gold);font:400 12px/1.5 var(--body)}
.cinema-page #irie-consent button{
  border:1px solid #f3edde66;border-radius:2px;background:transparent;color:var(--story-ivory);
  font:400 12px/1.5 var(--body);letter-spacing:.01em;min-height:44px;
}
.cinema-page #irie-consent button:hover{border-color:var(--story-gold);color:var(--story-gold)}
.cinema-page #irie-consent :focus-visible,.cinema-page #irie-cookie-settings:focus-visible{
  outline:2px solid var(--story-gold);outline-offset:4px;
}
@media(max-width:640px){.cinema-page #irie-cookie-settings{right:5%}.cinema-page #irie-consent h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cinema-page #irie-cookie-settings{transition:none}}
@media print{.cinema-page #irie-consent,.cinema-page #irie-cookie-settings{display:none!important}}