/* =====================================================================
   Static-clone overrides
   ===================================================================== */

/* Hero replica (see the HTML comment left in place of the Slider
   Revolution markup for why). Sized to roughly match the slider's own
   configured height so the rest of the page lines up the same way. */
.rs-static-hero {
    position: relative;
    width: 100%;
    height: 810px;
    max-height: 82vh;
    overflow: hidden;
}
.rs-static-hero__bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #e7c9a9 0%, #e2a86f 35%, #cf8552 60%, #4a3b52 100%);
}
.rs-static-caption {
    position: absolute;
    left: 50%;
    bottom: 12%;
    transform: translateX(-50%);
    display: block;
    max-width: 758px;
    width: 90%;
    padding: 28px 30px;
    background-color: rgba(117, 193, 216, 0.5);
    text-align: center;
    text-decoration: none;
    color: #fff;
}
.rs-static-caption__eyebrow {
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 21px;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
}
.rs-static-caption__title {
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
}
.rs-static-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none;
}
.rs-static-arrow--left {
    left: 30px;
}
.rs-static-arrow--right {
    right: 30px;
}

@media (max-width: 767px) {
    .rs-static-hero {
        height: 480px;
    }
    .rs-static-caption__title {
        font-size: 24px;
    }
}