.studio-promo-hero {
    position:relative;
    isolation:isolate;
    background:var(--studio-color-canvas,#071522);
    color:var(--studio-color-text,#eaf3fa);
    --promo-accent:var(--studio-color-accent,#62a7ff);
    --promo-muted:var(--studio-color-text-muted,#a3b6c8);
    margin:0 auto;
    width:100%;
    overflow:hidden
}
.studio-promo-hero * {
    box-sizing:border-box
}
.studio-promo-hero__stage {
    position:relative;
    height:var(--promo-height,640px);
    min-height:420px
}
.studio-promo-hero__slide {
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .65s ease,visibility .65s
}
.studio-promo-hero__slide.is-active {
    opacity:1;
    visibility:visible;
    z-index:1
}
.studio-promo-hero__visual { container-type:size; }
.studio-promo-hero__visual,.studio-promo-hero__shade {
    position:absolute;
    inset:0;
    overflow:hidden
}
.studio-promo-hero__visual>img,.studio-promo-hero__visual>video {
    width:100%;
    height:100%;
    object-fit:cover
}
.studio-promo-hero__visual>video,.studio-promo-hero__visual>iframe {
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .5s
}
.studio-promo-hero__visual.is-playing>video,.studio-promo-hero__visual.is-playing>iframe {
    opacity:1
}
.studio-promo-hero__visual>iframe {
    border:0;
    inset:auto;
    top:50%;
    left:50%;
    width:max(100cqw,177.7778cqh);
    height:max(100cqh,56.25cqw);
    max-width:none;
    transform:translate(-50%,-50%);
    pointer-events:none
}
.studio-promo-hero__shade {
    background:linear-gradient(to left,var(--studio-color-canvas,#071522) 0%,color-mix(in srgb,var(--studio-color-canvas,#071522) 85%,transparent) 24%,transparent 80%),linear-gradient(to top,var(--studio-color-canvas,#071522),transparent 60%)
}
[dir=ltr] .studio-promo-hero__shade {
    background:linear-gradient(to right,var(--studio-color-canvas,#071522),color-mix(in srgb,var(--studio-color-canvas,#071522) 85%,transparent) 24%,transparent 80%),linear-gradient(to top,var(--studio-color-canvas,#071522),transparent 60%)
}
.studio-promo-hero__copy {
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    min-height:100%;
    width:min(650px,58%);
    padding:55px clamp(24px,4vw,70px) 95px
}
.studio-promo-hero__eyebrow {
    display:flex;
    gap:12px;
    align-items:center;
    font-size:11px;
    letter-spacing:.12em;
    color:var(--promo-accent);
    font-weight:800
}
.studio-promo-hero__eyebrow i {
    width:28px;
    height:2px;
    background:currentColor
}
.studio-promo-hero__facts {
    display:flex;
    align-items:center;
    gap:14px;
    margin:20px 0 12px;
    font-size:12px;
    color:var(--promo-muted)
}
.studio-promo-hero__facts .vip-badge {
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:#49320a;
    background:#f5d376;
    border-radius:6px;
    padding:3px 7px;
    font-size:10px
}
.studio-promo-hero__facts .vip-badge svg {
    width:13px;
    height:13px
}
.studio-promo-hero__copy h1 {
    font-size:clamp(28px,3.3vw,55px);
    line-height:1.3;
    margin:0;
    font-weight:850;
    text-wrap:balance
}
.studio-promo-hero__secondary {
    font-size:13px;
    color:var(--promo-muted);
    margin:10px 0 0
}
.studio-promo-hero__synopsis {
    font-size:14px;
    line-height:1.9;
    margin:20px 0 24px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.studio-promo-hero__buttons {
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap
}
.studio-promo-hero__buttons>a,.studio-promo-hero__buttons>button {
    display:inline-flex;
    gap:18px;
    align-items:center;
    justify-content:center;
    padding:13px 20px;
    min-height:46px;
    border:1px solid var(--studio-color-border,#294354);
    border-radius:12px;
    color:inherit;
    background:color-mix(in srgb,var(--studio-color-surface,#102b3d) 70%,transparent);
    text-decoration:none;
    font-family:inherit;
    font-weight:700;
    font-size:13px;
    cursor:pointer
}
.studio-promo-hero__buttons>.studio-promo-hero__primary {
    background:var(--promo-accent);
    color:var(--studio-color-on-accent,#071522);
    border-color:var(--promo-accent)
}
.studio-promo-hero__footer {
    position:relative;
    z-index:3;
    margin-top:-75px;
    padding:0 clamp(24px,4vw,70px) 24px;
    display:flex;
    align-items:flex-end;
    gap:24px;
    justify-content:space-between
}
.studio-promo-hero__selection {
    display:flex;
    gap:10px;
    overflow:auto;
    max-width:75%;
    scrollbar-width:none
}
.studio-promo-hero__selection>button {
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 0 155px;
    min-width:0;
    border:1px solid var(--studio-color-border,#294354);
    border-radius:10px;
    background:var(--studio-color-surface,#102b3d);
    color:var(--promo-muted);
    padding:7px;
    text-align:start;
    cursor:pointer;
    overflow:hidden
}
.studio-promo-hero__selection img {
    width:34px;
    height:45px;
    object-fit:cover;
    border-radius:5px
}
.studio-promo-hero__selection span {
    min-width:0;
    display:grid;
    gap:5px
}
.studio-promo-hero__selection small {
    font-size:9px;
    color:var(--promo-accent)
}
.studio-promo-hero__selection b {
    font-size:10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.studio-promo-hero__selection [aria-pressed=true] {
    border-color:var(--promo-accent);
    color:var(--studio-color-text,#eaf3fa)
}
.studio-promo-hero__selection [aria-pressed=true] i {
    position:absolute;
    bottom:0;
    inset-inline-start:0;
    width:100%;
    height:2px;
    background:var(--promo-accent)
}
.studio-promo-hero__controls {
    display:flex;
    gap:7px;
    flex:none
}
.studio-promo-hero__controls button {
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:var(--studio-color-surface,#102b3d);
    border:1px solid var(--studio-color-border,#294354);
    color:var(--promo-accent);
    font-size:19px;
    cursor:pointer
}
.studio-promo-hero__controls svg {
    width:18px;
    height:18px
}
.studio-promo-hero [hidden] {
    display:none!important
}
.studio-promo-hero button:focus-visible,.studio-promo-hero a:focus-visible {
    outline:2px solid var(--promo-accent);
    outline-offset:3px
}
.studio-promo-hero__dialog {
    position:fixed;
    width:min(1100px,94vw);
    max-width:94vw;
    background:#000;
    border:1px solid var(--studio-color-border,#294354);
    padding:42px 0 0;
    color:#fff;
    border-radius:16px
}
.studio-promo-hero__dialog::backdrop {
    background:#000c
}
.studio-promo-hero__dialog [data-promo-close] {
    position:absolute;
    inset-inline-end:8px;
    top:4px;
    width:34px;
    height:34px;
    background:transparent;
    color:white;
    border:0;
    font-size:26px;
    cursor:pointer
}
.studio-promo-hero__dialog video,.studio-promo-hero__dialog iframe {
    display:block;
    width:100%;
    aspect-ratio:16/9;
    max-height:75dvh;
    border:0
}
.studio-promo-hero__empty {
    padding:90px 24px;
    text-align:center
}
@media(max-width:900px) {
    .studio-promo-hero__copy {
    width:75%;
    padding-inline:26px
}
.studio-promo-hero__selection {
    max-width:65%
}
.studio-promo-hero__selection>button {
    flex-basis:120px
}
.studio-promo-hero__footer {
    gap:12px;
    padding-inline:24px
}

}
@media(max-width:600px) {
    .studio-promo-hero__stage {
    height:var(--promo-mobile-height,520px);
    min-height:380px
}
.studio-promo-hero__copy {
    width:100%;
    justify-content:flex-end;
    padding:125px 20px 84px
}
.studio-promo-hero__copy h1 {
    font-size:29px
}
.studio-promo-hero__shade,[dir=ltr] .studio-promo-hero__shade {
    background:linear-gradient(to top,var(--studio-color-canvas,#071522) 8%,color-mix(in srgb,var(--studio-color-canvas,#071522) 86%,transparent) 34%,transparent 100%)
}
.studio-promo-hero__synopsis {
    font-size:12px;
    -webkit-line-clamp:2;
    margin:12px 0 18px
}
.studio-promo-hero__facts {
    margin:12px 0 10px
}
.studio-promo-hero__eyebrow {
    font-size:9px
}
.studio-promo-hero__footer {
    margin-top:-58px;
    padding:0 20px 15px;
    flex-wrap:wrap;
    align-items:center
}
.studio-promo-hero__selection {
    max-width:100%;
    width:100%;
    order:2;
    margin-top:10px
}
.studio-promo-hero__selection>button {
    flex-basis:130px
}
.studio-promo-hero__controls {
    margin-inline-start:auto
}
.studio-promo-hero__controls button {
    width:34px;
    height:34px
}
.studio-promo-hero__buttons>a,.studio-promo-hero__buttons>button {
    min-height:42px;
    padding:10px 13px;
    font-size:12px
}
.studio-promo-hero__secondary {
    font-size:11px
}

}
@media(prefers-reduced-motion:reduce) {
    .studio-promo-hero__slide,.studio-promo-hero__visual>video,.studio-promo-hero__visual>iframe {
    transition:none
}

}