.home-slider{
    position:relative;
    min-height:clamp(500px,68vw,760px);
    overflow:hidden;
    background:#111;
    color:#fff
}
.home-slide{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transition:opacity .65s ease,visibility .65s ease;
    background-color:#111;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center!important
}
.home-slide::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.62) 38%,rgba(0,0,0,.16) 75%,rgba(0,0,0,.22) 100%)
}
.home-slide.active{opacity:1;visibility:visible}
.slide-content{position:relative;z-index:3;padding-top:30px;padding-bottom:30px}
.slide-content .eyebrow{color:#dfb15b;font-weight:900;letter-spacing:2px;font-size:12px}
.slide-content h1{font-size:clamp(44px,6vw,76px);line-height:1.05;margin:14px 0 20px;max-width:850px}
.slide-description{font-size:18px;line-height:1.75;color:#ece7e1;max-width:740px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.slider-arrow{
    position:absolute;
    top:50%;
    z-index:6;
    transform:translateY(-50%);
    width:46px;
    height:46px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(0,0,0,.38);
    color:#fff;
    font-size:30px;
    cursor:pointer
}
.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}
.slider-dots{position:absolute;z-index:6;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:8px}
.slider-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45)}
.slider-dots button.active{width:30px;border-radius:10px;background:#d7a84c}

@media(max-width:700px){
    .home-slider{min-height:520px}
    .home-slide{
        align-items:flex-end;
        background-size:contain!important;
        background-position:center top!important
    }
    .home-slide::before{
        background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.12) 82%,rgba(0,0,0,.12) 100%)
    }
    .slide-content{padding:38px 20px 55px}
    .slide-content h1{font-size:36px;max-width:100%}
    .slide-description{font-size:15px;line-height:1.65}
    .slider-arrow{display:none}
}