/* MAB: isolated hero composition. No styles outside this section. */
.mab-film{background:var(--paper);--reveal:-10%;--mask-x:0%;--mask-y:0%}
.mab-film-panorama{width:100%;background:#a79e93 url('/assets/mab-hero-end.webp') center/100% 100% no-repeat}
.mab-film-stage{position:relative;aspect-ratio:16/9;isolation:isolate;container-type:inline-size;overflow:hidden;background:#a79e93}
@media(min-width:701px){.mab-film-stage{width:min(100%,calc((100svh - var(--hero-header,98px) - var(--hero-support,150px))*16/9));margin-inline:auto;max-width:1920px}.mab-film{background:#f4eeef}}
@media(min-width:701px){.mab-film-stage{-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}}
.mab-film-stage picture,.mab-film-stage .mab-video{position:absolute;inset:0;width:100%;height:100%;margin:0}
.mab-film-stage picture img,.mab-video{display:block;width:100%;height:100%;object-fit:contain}
.mab-video{opacity:0;pointer-events:none}
.mab-end{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .45s ease}
.mab-film[data-state="ended"] .mab-end{opacity:1}
.mab-film[data-state="playing"] .mab-video,.mab-film[data-state="ended"] .mab-video{opacity:1}
.mab-type-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.mab-film[data-state="playing"] .mab-type-layer,.mab-film[data-state="ended"] .mab-type-layer{
 -webkit-mask-image:url('/assets/hero-mask.png');mask-image:url('/assets/hero-mask.png');
 -webkit-mask-size:1200% 1700%;mask-size:1200% 1700%;
 -webkit-mask-position:var(--mask-x) var(--mask-y);mask-position:var(--mask-x) var(--mask-y);
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.mab-film h1{position:absolute;top:31%;left:37%;width:59%;font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;font-size:4.65cqw;font-weight:700;line-height:1.12;letter-spacing:-.045em;margin:0;padding:0 0 .13em;color:var(--ink)}
.mab-film h1 .mab-line{display:block;white-space:nowrap;background:linear-gradient(90deg,#C2185B calc(var(--reveal) - 3%),#202124 calc(var(--reveal) + 3%));background-clip:text;-webkit-background-clip:text;color:transparent}
.mab-film[data-state="playing"] .mab-line:first-child{transform:translateX(var(--type-x1,0%));opacity:var(--type-opacity1,1)}
.mab-film[data-state="playing"] .mab-line:last-child{transform:translateX(var(--type-x2,0%));opacity:var(--type-opacity2,1)}
.mab-film h1::after{content:"";display:block;width:17%;height:.045em;min-height:2px;background:var(--pink);margin-top:.25em;transform:scaleX(var(--type-line,1));transform-origin:left}
.mab-film-actions{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}
.mab-replay{border:0;border-bottom:1px solid transparent;background:none;padding:5px 10px;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;min-height:32px}
.mab-replay:hover{color:var(--pink);border-bottom-color:var(--pink)}
.mab-replay[hidden]{display:block;visibility:hidden}
.mab-film[data-state="static"]{--reveal:110%}
.mab-film-support{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 6vw 32px;border-bottom:1px solid var(--line)}
.mab-film-support .eyebrow{margin:0 0 8px;font-size:11px}
.mab-film-support p:not(.eyebrow){font-size:17px;line-height:1.5;max-width:58ch;color:var(--muted)}
.mab-film-support .button{flex-shrink:0}
.mab-film-support{background:var(--paper)}
@media(min-width:1700px){.mab-film-stage{max-width:1920px;margin:auto}}
@media(max-width:700px){
 .mab-film h1{left:36%;top:31%;width:62%;font-size:5.15cqw;letter-spacing:-.055em;line-height:1.16}
 .mab-film-support{display:block;padding:26px 25px 32px}
 .mab-film-support .eyebrow{font-size:10px;margin-bottom:12px}
 .mab-film-support p:not(.eyebrow){font-size:16px;max-width:38ch}
 .mab-film-support .button{margin-top:20px}
 .mab-film-actions{align-items:flex-start}
 .mab-replay{min-height:44px;padding-left:0}
}
@media(prefers-reduced-motion:reduce){.mab-film .mab-video{display:none}.mab-film .mab-type-layer{mask-image:none!important;-webkit-mask-image:none!important}.mab-film h1 .mab-line{background:none;color:var(--pink)}}
@media(prefers-reduced-motion:reduce){.mab-film .mab-line{transform:none!important;opacity:1!important}.mab-film h1::after{transform:none}.mab-replay{display:none}}