/* Home only: small, staggered editorial blocks over the film. */
.hero.stage-hero.home-hero{
 --hero-service-grey:var(--service-grey);
 --hero-copy-size:clamp(16px,1.5vw,22px);
 display:flex;align-items:center;height:100svh;min-height:640px;
 padding:0 var(--pad);
}
.home-hero .hero-media:after{
 background:linear-gradient(180deg,rgba(var(--ink-rgb),0.5608) 0%,rgba(var(--ink-rgb),0.1412) 30%,rgba(var(--ink-rgb),0.3765) 50%,rgba(var(--ink-rgb),0.1020) 72%,rgba(var(--ink-rgb),0.6667) 100%);
}
.home-hero .home-hero-content{width:100%;position:static;z-index:2;text-align:left}
.home-hero .hero-lower{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 column-gap:0;row-gap:12px;align-items:start;
 position:absolute;left:var(--pad);right:var(--pad);
 bottom:34px;z-index:2;
}
.home-hero .hero-reading{
 position:relative;z-index:2;display:grid;
 grid-template-columns:repeat(12,minmax(0,1fr));
 grid-template-rows:auto 1fr auto;min-height:clamp(280px,40svh,460px);
 column-gap:16px;row-gap:clamp(44px,6svh,72px);align-items:start;
}
.home-hero .stage-heading{grid-column:2/12;grid-row:1;width:100%;max-width:none;padding:0;border:0}
.hero.stage-hero.home-hero .hero-title,
html[lang=en] .hero.stage-hero.home-hero .hero-title{
 display:flex;justify-content:flex-start;gap:0;
 max-width:none;margin:0;font-size:clamp(13px,1.2vw,18px);font-weight:500;
 line-height:1.5;letter-spacing:.025em;text-wrap:initial;color:var(--red);
}
.hero.stage-hero.home-hero .hero-title .hero-quote-line{display:contents}
.hero.stage-hero.home-hero .hero-title .hero-quote-word{flex:none;white-space:nowrap}
.hero.stage-hero.home-hero .hero-title .hero-word-gap{flex:var(--gap-weight) 0 .7em;min-width:.7em;letter-spacing:0}
.home-hero .hero-register{
 position:relative;top:0;
 grid-column:2;grid-row:1;justify-self:start;max-width:38ch;width:100%;margin:0;text-align:left;
 color:var(--paper);font-size:clamp(10px,.85vw,11px);line-height:1.8;
 font-weight:400;letter-spacing:.03em;
}
.home-hero .hero-register>span{white-space:nowrap}
.home-hero .hero-utility{position:absolute;left:var(--pad);bottom:34px;z-index:2}
.hero.home-hero .stage-player{
 position:static;transform:none;display:flex;justify-content:flex-start;align-items:center;
 flex-wrap:wrap;gap:10px 18px;width:auto;margin:0;
 font-size:8px;font-weight:400;letter-spacing:.025em;color:var(--hero-service-grey);
}
.hero.home-hero .stage-player button{font-size:inherit;min-width:0;padding:12px 0;min-height:44px}
.home-hero .stage-player button:hover{color:var(--paper)}
.home-hero .stage-cta{
 grid-column:2;grid-row:2;justify-self:start;
 width:max-content;max-width:100%;justify-content:flex-start;gap:12px;
 margin:0;padding:12px 0;min-height:44px;font-size:10px;line-height:1.5;
 border:0;color:var(--red);font-weight:500;
}
.home-hero .stage-cta>span{font-size:16px}
.home-hero .stage-cta:hover,.home-hero .stage-cta:focus-visible{color:#ff684e}
@media(max-width:800px){
 .hero.stage-hero.home-hero{--hero-copy-size:clamp(13px,2.3vw,17px);min-height:660px}
 .home-hero .hero-reading{column-gap:12px}
 .home-hero .stage-heading{grid-column:1/-1}
 .home-hero .hero-lower{bottom:40px}
 .home-hero .hero-utility{bottom:40px}
 .hero.home-hero .stage-player{gap:8px 12px}
}
@media(max-width:520px){
 .hero.stage-hero.home-hero{--hero-copy-size:17px}
 .home-hero .hero-reading{column-gap:8px;row-gap:32px}
 .hero.stage-hero.home-hero .hero-title,html[lang=en] .hero.stage-hero.home-hero .hero-title{display:block;font-size:13px;line-height:1.8}
 .hero.stage-hero.home-hero .hero-title .hero-quote-line{display:flex;justify-content:flex-start;gap:0;letter-spacing:0}
 .hero.stage-hero.home-hero .hero-title .hero-quote-line:first-child{width:69%}
 .hero.stage-hero.home-hero .hero-title .hero-word-gap{flex-basis:.5em;min-width:.5em}
 .hero.stage-hero.home-hero .hero-title .hero-line-gap{display:none}
 .home-hero .hero-lower{grid-template-columns:1fr;row-gap:10px;bottom:110px}
 .home-hero .hero-register{grid-column:1;top:0;max-width:36ch;font-size:10px;letter-spacing:0}
 .home-hero .hero-utility{bottom:42px}
 .home-hero .stage-cta{grid-column:1;font-size:10px;gap:12px}
 .hero.home-hero .stage-player{gap:8px 14px;font-size:8px}
}
@media(max-width:360px){
 .home-hero .hero-reading{column-gap:6px}
 .hero.stage-hero.home-hero{--hero-copy-size:16px}
}
