/* Headline and height-matched company standard. */
.standard-hero.film-hero{--hero-type-size:clamp(48px,7.8vw,160px);position:relative;isolation:isolate;overflow:hidden;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2.5%;min-height:0;padding:20px 3% 24px}
.film-hero .hero-film{position:absolute;z-index:-1;object-fit:cover;opacity:0;pointer-events:none;mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}
.film-hero.hero-film-playing .hero-film{opacity:1}
.film-hero .hero-copy{display:block;padding:0;min-height:0}
.film-hero h1{margin:0;font-size:var(--hero-type-size);font-weight:700;letter-spacing:-.055em;line-height:.94;max-width:none}
.film-hero h1 span{display:block;width:max-content;max-width:100%;white-space:nowrap;letter-spacing:-.055em}
.film-hero h1 span+span{margin-top:.045em}
.film-hero .standard-emblem{position:relative;border:0;min-height:0;padding:0;width:calc(var(--hero-type-size) * 3.597);height:calc(var(--hero-type-size) * 2.91);aspect-ratio:auto;justify-self:center;align-self:center;justify-content:center}
/* Crop the transparent PNG margins so its painted height follows the three heading lines. */
.film-hero .standard-emblem img{position:absolute;left:-7.2727%;top:-20.5056%;width:113.6364%;max-width:none;height:auto;flex:none}
.film-hero .hero-copy,.film-hero .standard-emblem img,.film-hero .hero-film{transition:opacity 1.3s ease}
.film-hero.hero-film-playing .hero-copy,.film-hero.hero-film-playing .standard-emblem img{opacity:0}
/* The introductory overlay still docks into the same logo image. */
.brand-intro-active .film-hero .hero-film{opacity:0}
@media(max-width:800px){.standard-hero.film-hero{--hero-type-size:7.8vw;min-height:0;padding-top:20px}}
@media(max-width:580px){.standard-hero.film-hero{--hero-type-size:12vw;display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:24px 6%;min-height:0}}
@media(prefers-reduced-motion:reduce){.film-hero .hero-copy,.film-hero .standard-emblem img,.film-hero .hero-film{transition:none}}

/* A separate grey stage for the landing tour. */
.home-showcase{margin:0;padding:28px 3% 36px;background:#d4d4d1}
.home-showcase-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#071017;border:1px solid #355763}
.home-showcase-frame video{display:block;width:100%;height:100%;object-fit:contain}
.home-showcase-links{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}
.home-showcase-links a{pointer-events:auto;display:flex;align-items:center;justify-content:center;min-width:0;padding:24px;color:#fff;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.8);text-decoration:none;text-align:center;font-size:clamp(18px,2vw,32px);font-weight:500;opacity:0;transition:opacity .2s,background .2s;text-shadow:0 2px 8px #000}
.home-showcase-frame:hover .home-showcase-links a,.home-showcase-frame:focus-within .home-showcase-links a{opacity:1}
.home-showcase-links a:hover{background:rgba(255,255,255,.1);border-color:#fff}
.home-showcase-links a:focus-visible{outline:3px solid #fff;outline-offset:-5px;background:rgba(255,255,255,.1)}
@media(hover:none){.home-showcase-links a{opacity:1}}
@media(max-width:580px){.home-showcase{padding:20px 6% 24px}.home-showcase-links a{font-size:clamp(14px,3.3vw,18px);padding:12px}}
@media(prefers-reduced-motion:reduce){.home-showcase-links a{transition:none}}