.home-hero {
    position:relative;
    height:clamp(280px,50vw,960px);
    max-height:max(0px,calc(100vh - var(--header-top-height) - var(--header-navigation-height)));
    max-height:max(0px,calc(100dvh - var(--header-top-height) - var(--header-navigation-height)));
    background:#b5c5bb;
    overflow:hidden;
}
.home-hero__slides {
    height:100%;
    position:relative;
}
.hero-slide {
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .65s,visibility .65s;
}
.hero-slide.is-active {
    opacity:1;
    visibility:visible;
    z-index:1;
}
.hero-slide>img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.hero-slide__content {
    position:relative;
    z-index:2;
    width:90%;
    max-width:1280px;
    height:100%;
    margin:auto;
    display:flex;
    align-items:center;
    pointer-events:none;
}
.hero-slide__card {
    width:550px;
    max-width:54%;
    padding:34px;
    background:#f5f5ecef;
    border-top:4px solid var(--gold);
    box-shadow:0 12px 35px #20303518;
    pointer-events:auto;
}
.hero-slide__card h1 {
    font-size:clamp(36px,3.5vw,56px);
    line-height:1.18;
    letter-spacing:-1px;
    font-weight:600;
}
.hero-slide__card>p {
    font-size:16px;
    line-height:1.7;
    color:#3b514d;
    margin-top:18px;
}
.hero-slide__card>a {
    display:inline-flex;
    align-items:center;
    gap:15px;
    padding:12px 23px;
    min-height:48px;
    background:var(--gold);
    color:var(--ink);
    font-weight:600;
    margin-top:25px;
    transition:background .2s,color .2s;
}
.hero-slide__card>a:hover {
    background:var(--teal);
    color:white;
}
.hero-prev,.hero-next {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid #ffffff99;
    background:#ffffffb3;
    color:var(--ink);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .2s,color .2s;
}
.hero-prev {
    left:15px;
}
.hero-next {
    right:15px;
}
.hero-prev:hover,.hero-next:hover {
    background:var(--gold);
    color:white;
}
.hero-controls {
    display:flex;
    align-items:center;
    gap:9px;
    position:absolute;
    bottom:24px;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
    height:36px;
}
.hero-controls>[data-slide] {
    width:26px;
    height:5px;
    padding:0;
    border:0;
    background:#ffffffb3;
    transition:background .2s,width .2s;
}
.hero-controls>[data-slide]:hover {
    background:white;
}
.hero-controls>[aria-pressed=true][data-slide] {
    background:var(--gold-dark);
    width:42px;
}
.hero-pause {
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:9px;
    background:#ffffffb3;
    border:0;
    border-radius:50%;
    color:var(--ink);
}
.hero-pause:hover {
    background:white;
}
.hero-pause svg {
    width:14px;
    height:14px;
}
.hero-pause.is-paused svg {
    display:none;
}
.hero-pause.is-paused::after {
    content:"";
    border-left:8px solid currentColor;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    margin-left:2px;
}
@media(max-width:1100px) {
    .hero-slide__card {
        padding:25px;
        max-width:58%;
    }
    .hero-slide__card h1 {
        font-size:36px;
    }
}
@media(max-width:900px) {
    .hero-slide__content {
        width:84%;
    }
    .hero-slide__card {
        max-width:67%;
        padding:22px;
    }
    .hero-slide__card h1 {
        font-size:30px;
    }
    .hero-slide__card>p {
        font-size:14px;
        margin-top:12px;
    }
    .hero-slide__card>a {
        margin-top:16px;
    }
}
@media(max-width:640px) {
    .hero-slide>img {
        object-position:right center;
    }
    .hero-slide__content {
        width:calc(100% - 36px);
        padding:10px 0 52px;
    }
    .hero-slide__card {
        width:100%;
        max-width:340px;
        padding:14px 18px;
        border-top-width:3px;
    }
    .hero-slide__card h1 {
        font-size:clamp(20px,4.9vw,27px);
        line-height:1.2;
        letter-spacing:0;
    }
    .hero-slide__card>p {
        font-size:12px;
        line-height:1.5;
        margin-top:8px;
    }
    .hero-slide__card>a {
        padding:8px 14px;
        min-height:38px;
        font-size:12px;
        margin-top:11px;
    }
    .hero-prev,.hero-next {
        width:36px;
        height:36px;
        border-radius:50%;
        top:auto;
        bottom:11px;
        transform:none;
    }
    .hero-prev {
        left:calc(50% - 132px);
    }
    .hero-next {
        left:calc(50% + 96px);
        right:auto;
    }
    .hero-controls {
        bottom:11px;
    }
}