.av-signature-hero{
position:relative;
width:100%;
height:100svh;
min-height:720px;
overflow:hidden;
background:#111;
}
.av-signature-hero__slide{
position:absolute;
inset:0;
opacity:0;
visibility:hidden;
transition:opacity .9s ease;
}
.av-signature-hero__slide.is-active{
opacity:1;
visibility:visible;
z-index:2;
}
.av-signature-hero__bg{
position:absolute;
inset:0;
background-size:cover;
background-position:center;
transform:scale(1);
transition:transform 8s ease;
}
.av-signature-hero__slide.is-active .av-signature-hero__bg{
transform:scale(1.08);
}
.av-signature-hero__overlay{
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(16,18,18,.72) 0%,
rgba(16,18,18,.42) 45%,
rgba(16,18,18,.18) 100%
);
}
.av-signature-hero__content{
position:relative;
z-index:3;
max-width:1400px;
height:100%;
margin:0 auto;
display:flex;
align-items:center;
padding:0 7vw;
}
.av-signature-hero__kicker{
color:#D9C7A3;
letter-spacing:.18em;
text-transform:uppercase;
font-size:.85rem;
margin:0 0 1rem;
}
.av-signature-hero__title{
max-width:760px;
color:#fff;
font-size:clamp(2.8rem,5vw,5.6rem);
line-height:1.05;
font-weight:300;
margin:0;
}
.av-signature-hero__text{
max-width:620px;
color:#f3f3f3;
font-size:1.2rem;
line-height:1.8;
margin:2rem 0 0;
}
.av-signature-hero .av-button{
display:inline-flex;
margin-top:2.5rem;
}
.av-signature-hero__progress{
position:absolute;
left:50%;
bottom:42px;
transform:translateX(-50%);
display:flex;
gap:12px;
z-index:5;
}
.av-signature-hero__dot{
width:52px;
height:4px;
border:none;
background:rgba(255,255,255,.25);
cursor:pointer;
transition:.35s;
}
.av-signature-hero__dot.is-active{
background:#D9C7A3;
}
@media (max-width:991px){
.av-signature-hero{
min-height:640px;
}
.av-signature-hero__content{
padding:0 32px;
}
.av-signature-hero__title{
font-size:clamp(2.2rem,8vw,3.8rem);
}
.av-signature-hero__text{
font-size:1.05rem;
}
}
@media (max-width:767px){
.av-signature-hero{
min-height:560px;
}
.av-signature-hero__content{
padding:0 24px;
align-items:flex-end;
padding-bottom:120px;
}
.av-signature-hero__progress{
bottom:28px;
}
.av-signature-hero__dot{
width:34px;
}
}