/* Title cards (Mason's pick, 2026-11-01, thread "Explore new hero design ideas"). The home opening's name steps down to a
   label at the foot of the film, and the three lines become the opening's large words, one at a time, word by word,
   changing at the film's dissolves (titles.js turns this on with html.titles). Every word is as it was. Without the
   script, with reduced motion and in print, the three lines stand together under the name. Loaded after e.css; each rule
   outweighs the hero lockup rules of e.css and home-stats.css. */
body.home-v3.hero-focus.v3-e .hero__wash{background:radial-gradient(ellipse 75% 70% at 0% 100%,rgba(0,0,0,.42),rgba(0,0,0,0) 72%),linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.22) 56%,rgba(0,0,0,.58) 100%)}
body.home-v3.hero-focus.v3-e .hero__lockup{justify-content:flex-end;align-items:flex-start;text-align:left;gap:clamp(14px,2vh,22px);padding:0 var(--pad) clamp(64px,11vh,120px)}
body.home-v3.hero-focus.v3-e .hero__name{font-size:clamp(19px,calc(1.55vw / var(--z,1)),25px);line-height:1.2;letter-spacing:.01em;white-space:nowrap;color:#fff}
body.home-v3.hero-focus.v3-e .hero__lines{font-family:var(--brand);font-weight:300;font-size:clamp(30px,calc(3.4vw / var(--z,1)),52px);line-height:1.08;letter-spacing:-.018em;text-align:left;margin:0;padding:0}
body.home-v3.hero-focus.v3-e .hero__lines li{opacity:1;transform:none;animation:none;text-wrap:balance}
@media (max-width:760px){
  body.home-v3.hero-focus.v3-e .hero__lockup{gap:14px;padding:0 24px 72px}
  body.home-v3.hero-focus.v3-e .hero__name{font-size:18px}
  body.home-v3.hero-focus.v3-e .hero__lines{font-size:min(30px,calc((100vw - 48px) / 11))}
}

/* one line at a time, large: the lines share one place; the list shows once titles.js has set up the words */
html.titles body.home-v3.hero-focus.v3-e .hero__lines{display:grid;font-size:clamp(40px,calc(5.6vw / var(--z,1)),92px);line-height:1.04;max-width:12em;width:100%}
html.titles body.home-v3.hero-focus.v3-e .hero__lines li{grid-area:1/1;align-self:start}
html.titles body.home-v3.hero-focus.v3-e .hero__lines:not(.is-ready){visibility:hidden}
html.titles .hero__lines .t-w{display:inline-block;opacity:0;transform:translateY(.3em);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 80ms)}
html.titles .hero__lines li.is-on .t-w{opacity:1;transform:none}
html.titles .hero__lines li.is-out .t-w{opacity:0;transform:translateY(-.1em);transition-duration:.5s;transition-delay:0s}
@media (max-width:760px){
  html.titles body.home-v3.hero-focus.v3-e .hero__lines{font-size:min(38px,calc((100vw - 48px) / 9.6));line-height:1.08;max-width:none}
}
@media print{
  html.titles body.home-v3.hero-focus.v3-e .hero__lines{display:block;visibility:visible;font-size:30px}
  html.titles .hero__lines .t-w{opacity:1;transform:none}
}