.hero--cinematic{isolation:isolate;min-height:max(760px,100svh)}.hero--cinematic .hero-media{aspect-ratio:auto;isolation:isolate;height:100%;position:absolute;inset:0}.hero--cinematic .hero-image{object-fit:cover;transition:none;transform:none}.hero--cinematic .hero-slide-media{transition:none}.hero--cinematic .hero-scrim{opacity:1;mix-blend-mode:multiply;background:linear-gradient(90deg, color-mix(in srgb, var(--bp-bg-dark) 94%, transparent) 0%, color-mix(in srgb, var(--bp-bg-dark) 72%, transparent) 28%, color-mix(in srgb, var(--bp-bg-dark) 40%, transparent) 62%, transparent 92%), linear-gradient(0deg, color-mix(in srgb, var(--bp-bg-dark) 90%, transparent) 0%, color-mix(in srgb, var(--bp-bg-dark) 42%, transparent) 28%, transparent 62%)}.hero--cinematic .hero-scrim:after{background:linear-gradient(180deg, color-mix(in srgb, var(--bp-bg-dark) 82%, transparent), transparent);height:150px;inset:0 0 auto}.hero--cinematic .hero-content{overflow-wrap:normal;background:0 0;grid-area:1/1/2/-1;align-self:end;width:min(1380px,90%);padding:clamp(310px,40svh,560px) clamp(28px,5.5vw,104px) 132px}.hero--cinematic h1{letter-spacing:-.06em;text-wrap:balance;max-width:18ch;font-size:clamp(48px,5.9vw,108px);line-height:1.01}.hero--cinematic .hero-label{border-left:2px solid var(--bp-gold);padding-left:12px}.hero--cinematic .hero-supporting{max-width:620px;color:var(--bp-bg-light)}.hero--cinematic .hero-actions{gap:28px}.hero--cinematic .button{gap:24px;padding-block:16px;line-height:1.5}.hero--cinematic .button svg{flex:none}.hero--cinematic .hero-index,.hero--cinematic .hero-controls{grid-column:auto;margin:0;position:absolute;bottom:26px}.hero--cinematic .hero-index{align-items:center;height:44px;left:clamp(20px,3vw,60px)}.hero--cinematic .hero-controls{right:clamp(20px,3vw,60px)}.hero--cinematic .hero-dots{display:flex}.hero--cinematic .hero-dots button{height:44px}.hero--cinematic .hero-dots button:not([aria-current=true]) span{background:color-mix(in srgb, var(--bp-bg-light) 70%, transparent)}@media (max-width:780px){.hero--cinematic{min-height:100svh}.hero--cinematic .hero-content{width:100%;padding:320px 22px 120px}.hero--cinematic h1{font-size:clamp(38px,10.5vw,66px);line-height:1.03}.hero--cinematic .hero-label{max-width:32ch;font-size:.62rem;line-height:1.6}.hero--cinematic .hero-scrim{background:linear-gradient(90deg, color-mix(in srgb, var(--bp-bg-dark) 82%, transparent), transparent 100%), linear-gradient(0deg, color-mix(in srgb, var(--bp-bg-dark) 98%, transparent) 0% 20%, color-mix(in srgb, var(--bp-bg-dark) 86%, transparent) 45%, transparent 85%)}.hero--cinematic .hero-controls{gap:10px;right:12px}.hero--cinematic .hero-index{left:12px}.hero--cinematic .hero-dots{gap:4px}.hero--cinematic .hero-dots button{width:22px}.hero--cinematic .hero-dots button[aria-current=true]{width:30px}}