/* Slider 2: content-title typography is independent of promotional hero sizing. */

body.studio-theme .studio-cine-copy .studio-cine-work-title {
    display: block !important;
    max-width: 100%;
    margin: 22px 0 10px !important;
    font-size: clamp(32px, 3.4vw, 52px) !important;
    font-weight: 800;
    line-height: 1.2 !important;
    letter-spacing: -.025em !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

body.studio-theme .studio-cine-copy .studio-cine-work-title.is-long-title {
    font-size: clamp(28px, 2.8vw, 42px) !important;
}

body.studio-theme .studio-cine-copy .studio-cine-work-title:lang(ar) {
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
}

body.studio-theme .studio-cine-copy .studio-cine-work-title > span {
    display: block;
    max-width: 100%;
    line-height: inherit;
    padding-block: .04em;
    overflow: visible !important;
}

body.studio-theme .studio-cine-title-link {
    display: block;
    color: inherit;
    text-decoration: none;
    text-align: start;
    border-radius: 6px;
}

body.studio-theme .studio-cine-title-link:focus-visible {
    outline: 2px solid var(--studio-color-link, #60a5fa);
    outline-offset: 6px;
}

body.studio-theme .studio-cine-title-link > .studio-cine-secondary-title {
    display: block;
    font-size: clamp(16px, 1.35vw, 21px);
    font-weight: 500;
    line-height: 1.65;
    letter-spacing: 0;
    overflow-wrap: anywhere;
    text-wrap: pretty;
}

body.studio-theme .studio-page .studio-cine-copy > p.studio-cine-synopsis {
    max-width: 580px;
    margin-block: 20px 24px !important;
    font-size: clamp(13px, 1vw, 15px) !important;
    font-weight: 400;
    line-height: 1.9 !important;
    text-align: start;
    text-wrap: pretty;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4 !important;
    overflow: hidden;
}

body.studio-theme .studio-responsive-section:has(.studio-cine-slider) {
    position: relative;
    z-index: 1;
    margin-bottom: -2px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: var(--studio-slider-seam, var(--studio-page-bg)) !important;
    overflow: clip;
}

body.studio-theme .studio-cine-slider {
    border: 0 !important;
    box-shadow: none !important;
    background: var(--studio-slider-seam, var(--studio-page-bg)) !important;
}

body.studio-theme .studio-cine-slider::after {
    content: "";
    position: absolute;
    z-index: 9;
    right: -4px !important;
    bottom: -4px !important;
    left: -4px !important;
    height: clamp(250px, 26vh, 330px) !important;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        transparent 0%,
        color-mix(in srgb, var(--studio-slider-seam, var(--studio-page-bg)) 22%, transparent) 24%,
        color-mix(in srgb, var(--studio-slider-seam, var(--studio-page-bg)) 72%, transparent) 54%,
        var(--studio-slider-seam, var(--studio-page-bg)) 78%,
        var(--studio-slider-seam, var(--studio-page-bg)) 100%
    ) !important;
}

body.studio-theme .studio-responsive-section:has(.studio-cine-slider) + .studio-responsive-section {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    background-color: var(--studio-slider-seam, var(--studio-page-bg)) !important;
}

body.studio-theme .studio-responsive-section:has(.studio-cine-slider) + .studio-responsive-section::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    height: 96px;
    pointer-events: none;
    background: linear-gradient(180deg, var(--studio-slider-seam, var(--studio-page-bg)), transparent);
}

body.studio-theme .studio-responsive-section:has(.studio-cine-slider) + .studio-responsive-section > * {
    position: relative;
    z-index: 1;
}

@media (max-width: 900px) {
    body.studio-theme .studio-cine-copy .studio-cine-work-title {
        margin-block: 16px 8px !important;
    }

    body.studio-theme .studio-cine-slider::after {
        height: 230px !important;
    }
}

@media (max-width: 680px) {
    body.studio-theme .studio-cine-copy .studio-cine-work-title {
        font-size: clamp(27px, 7.2vw, 32px) !important;
        margin-block: 8px 6px !important;
    }
    body.studio-theme .studio-cine-copy .studio-cine-work-title.is-long-title {
        font-size: clamp(24px, 6.5vw, 29px) !important;
    }
    body.studio-theme .studio-cine-title-link > .studio-cine-secondary-title {
        font-size: 15px;
    }
    body.studio-theme .studio-page .studio-cine-copy > p.studio-cine-synopsis {
        margin-block: 14px 18px !important;
        font-size: 13px !important;
        line-height: 1.85 !important;
        -webkit-line-clamp: 3 !important;
    }
}

@media (max-width: 620px) {
    body.studio-theme .studio-cine-slider::after {
        height: 190px !important;
    }
}