.header {
    position: absolute;
    top: 0;
    z-index: 10;

    width: 100%;
}

.section--about {position: fixed;visibility: hidden;z-index: -1;}

.section--main-slider {
    position: absolute;
    inset: 0;
}
.main-slider {width: 100%;}
.main-slider, .main-slider_slide-content {
    height: 100%;
}
.main-slider_slide-content {
    position: relative;
    background: center / cover no-repeat;
}
.main-slider_slide-content::after {
    content: '';

    position: absolute;
    z-index: 0;
    inset: 0;
    
    background: #000000c9 url(/wp-content/uploads/2026/07/slider-overlay.png) center / 50% repeat;
    
    opacity: .7;
}
.main-slider_slide-content .container {
    width: 100%;
}
.main-slider_slide-content_inner {
    position: relative;
    z-index: 1;
    max-width: 960px;
}
.main-slider_slide-heading {
    margin-bottom: 10px;
    font-size: clamp(2rem, 1.58rem + 1.6vi, 3.5rem);
}
.main-slider_slide-text {
    margin-bottom: 25px;
    font-size: clamp(1rem, 0.86rem + 0.533vi, 1.5rem);
}
.main-slider_slide-buttons {
    gap: 10px;
    flex-wrap: wrap;
}

.footer {
    position: absolute;
    z-index: 10;
}

@media (max-width: 1024px) {
    .header-menu-content {
        max-height: calc(100vh -71px);
        overflow-y: scroll;
    }
}

@media (min-width: 768px) {
    .footer {
        left: 20px;
        bottom: 20px;

        max-width: calc(100vw - 40px);
    }
}

@media (max-width: 768px) {
    @layer variations {
        .button--accent {
            padding: 5px 12px;
        }
    }

    .footer {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }
}