/* @group Slider Residences
------------------------------------ */
.residences-slider { position: relative; padding: 5rem 4.8rem 0 0; }
.residences-slider::before,
.residences-slider::after { content: ''; position: absolute; pointer-events: none; }
.residences-slider::before { width: 5rem; height: 5rem; right: 0; top: 0; background: no-repeat url('../../img/layout/residences/deco-right-mobile.svg') right top; background-size: contain; z-index: 2; }
.residences-slider::after { width: 100%; height: 39.5rem; bottom: 0; left: 0; background: no-repeat url('../../img/layout/globals/texture-4.jpg') center center; background-size: cover; z-index: 1; }
.residences-slider article { padding: 0; z-index: 3; flex: 0 1 100%; }
.residences-slider .splide .splide__slide { height: 38.2rem; }
.residences-slider .splide .splide__arrows { display: flex; justify-content: flex-end; }
.residences-slider .splide .splide__arrows .splide__arrow { position: static; transform: none; }
.residences-slider .splide .splide__arrows .splide__arrow--prev:not(:hover) { background-color: var(--off-white); color: var(--rust); }
@media only screen
and (min-width : 961px) {
    .residences-slider { padding: 10rem 11rem 0 8rem; }
    .residences-slider::before { width: 30rem; height: 30rem; top: -10rem; right: 1rem; background: no-repeat url('../../img/layout/residences/deco-right.svg') right top; }
    .residences-slider::after { height: 62.4rem; }

    .residences-slider .splide .splide__slide { height: 56.9rem; }
    .residences-slider .splide .splide__arrows .splide__arrow { width: 10rem; height: 10rem; font-size: 3rem; }
    .residences-slider .splide .splide__arrows { position: relative; right: -10rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */