.home .zv88-hero{
--zv1638-ink:#211b18;
--zv1638-muted:#6f655f;
--zv1638-line:#ded7d2;
--zv1638-warm:#f5f0ec;
position:relative!important;
overflow:hidden!important;
background:#f7f3ef!important;
border:0!important;
border-bottom:1px solid #e7e0db!important;
}
.home .zv88-hero>.container{
width:min(1480px,100%)!important;
max-width:1480px!important;
padding-left:0!important;
padding-right:0!important;
}
.home .zv88-hero__grid{
display:grid!important;
grid-template-columns:minmax(390px,41%) minmax(0,59%)!important;
align-items:stretch!important;
min-height:690px!important;
background:#f7f3ef!important;
}
.home .zv88-hero__copy{
position:relative!important;
z-index:3!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:flex-start!important;
padding:82px clamp(42px,5.4vw,88px) 72px clamp(34px,5vw,78px)!important;
background:#f7f3ef!important;
}
.home .zv88-kicker{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
gap:12px!important;
margin:0 0 22px!important;
color:#7e685d!important;
font-size:10px!important;
line-height:1.2!important;
font-weight:650!important;
letter-spacing:.19em!important;
text-transform:uppercase!important;
}
.home .zv88-hero .zv88-kicker::before{
content:""!important;
display:block!important;
width:34px!important;
height:1px!important;
background:#a98d7e!important;
}
.home .zv88-hero__copy h1{
max-width:610px!important;
margin:0 0 26px!important;
color:var(--zv1638-ink)!important;
font-family:var(--serif),Georgia,serif!important;
font-size:clamp(54px,5.6vw,84px)!important;
line-height:.96!important;
font-weight:400!important;
letter-spacing:-.035em!important;
text-wrap:balance!important;
}
.home .zv88-hero__lead{
max-width:500px!important;
margin:0 0 31px!important;
color:var(--zv1638-muted)!important;
font-size:14.5px!important;
line-height:1.75!important;
font-weight:400!important;
letter-spacing:.002em!important;
}
.home .zv88-social-proof--neutral{
order:4!important;
width:auto!important;
max-width:500px!important;
min-height:0!important;
margin:27px 0 0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#7c7068!important;
font-size:10.5px!important;
line-height:1.4!important;
}
.home .zv88-social-proof--neutral .icon{
width:15px!important;
height:15px!important;
color:#9d7664!important;
}
.home .zv88-hero__actions{
display:flex!important;
align-items:center!important;
gap:25px!important;
flex-wrap:wrap!important;
margin:0!important;
}
.home .zv88-hero__actions .button{
min-height:50px!important;
margin:0!important;
border-radius:0!important;
box-shadow:none!important;
font-size:10.5px!important;
line-height:1!important;
font-weight:700!important;
letter-spacing:.095em!important;
text-transform:uppercase!important;
}
.home .zv88-button-primary{
min-width:205px!important;
padding:0 27px!important;
border:1px solid #29221f!important;
background:#29221f!important;
color:#fff!important;
}
.home .zv88-button-primary:hover{
border-color:#4b3b34!important;
background:#4b3b34!important;
transform:none!important;
}
.home .zv88-button-secondary{
position:relative!important;
min-width:0!important;
min-height:38px!important;
padding:0 0 2px!important;
border:0!important;
border-bottom:1px solid #8c766b!important;
background:transparent!important;
color:#352b27!important;
}
.home .zv88-button-secondary:hover{
border-color:#211b18!important;
background:transparent!important;
color:#211b18!important;
}
.home .zv88-micro-trust{
order:5!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:0!important;
width:100%!important;
max-width:545px!important;
margin-top:31px!important;
padding:19px 0 0!important;
border-top:1px solid #d8cfca!important;
}
.home .zv88-micro-trust>a{
display:flex!important;
align-items:flex-start!important;
gap:8px!important;
min-width:0!important;
padding:0 14px!important;
border-right:1px solid #ddd5d0!important;
}
.home .zv88-micro-trust>a:first-child{padding-left:0!important}
.home .zv88-micro-trust>a:last-child{
padding-right:0!important;
border-right:0!important;
}
.home .zv88-micro-trust .icon{
width:18px!important;
height:18px!important;
color:#7a6256!important;
}
.home .zv88-micro-trust b{
color:#403632!important;
font-size:9.2px!important;
line-height:1.25!important;
font-weight:650!important;
}
.home .zv88-micro-trust small{
margin-top:3px!important;
color:#8b8079!important;
font-size:8.3px!important;
line-height:1.3!important;
}
.home .zv88-hero__visual{
position:relative!important;
min-height:690px!important;
overflow:hidden!important;
background:#d9ccc4!important;
}
.home .zv88-hero__visual::before{
content:""!important;
position:absolute!important;
z-index:2!important;
inset:0 auto 0 0!important;
width:18%!important;
background:linear-gradient(90deg,rgba(247,243,239,.17),rgba(247,243,239,0))!important;
pointer-events:none!important;
}
.home .zv88-hero__visual::after{
content:""!important;
position:absolute!important;
z-index:2!important;
inset:auto 0 0 0!important;
height:24%!important;
background:linear-gradient(180deg,transparent,rgba(28,20,17,.13))!important;
pointer-events:none!important;
}
.home .zv88-hero__visual img{
display:block!important;
width:100%!important;
height:100%!important;
min-height:690px!important;
max-height:760px!important;
object-fit:cover!important;
object-position:center 18%!important;
transform:scale(1.015)!important;
}
.home .zv88-hero__visual-tag{
position:absolute!important;
z-index:4!important;
left:28px!important;
bottom:27px!important;
display:flex!important;
flex-direction:column!important;
gap:5px!important;
max-width:285px!important;
padding:15px 18px!important;
border:1px solid rgba(255,255,255,.55)!important;
border-radius:0!important;
background:rgba(252,249,246,.91)!important;
color:#241d1a!important;
box-shadow:0 7px 22px rgba(30,20,16,.08)!important;
backdrop-filter:blur(12px)!important;
-webkit-backdrop-filter:blur(12px)!important;
}
.home .zv88-hero__visual-tag b{
color:#312724!important;
font-family:var(--serif),Georgia,serif!important;
font-size:16px!important;
line-height:1.1!important;
font-weight:500!important;
letter-spacing:.01em!important;
}
.home .zv88-hero__visual-tag small{
color:#746760!important;
font-size:8.8px!important;
line-height:1.35!important;
letter-spacing:.055em!important;
text-transform:uppercase!important;
} .home .zv88-category-wrap{
padding-top:42px!important;
border-top:0!important;
} @media(max-width:1180px){
.home .zv88-hero__grid{
grid-template-columns:minmax(340px,45%) minmax(0,55%)!important;
min-height:630px!important;
}
.home .zv88-hero__copy{
padding:64px 40px 58px 32px!important;
}
.home .zv88-hero__copy h1{
font-size:clamp(48px,6vw,70px)!important;
}
.home .zv88-hero__visual,
.home .zv88-hero__visual img{
min-height:630px!important;
}
.home .zv88-micro-trust{
grid-template-columns:1fr!important;
gap:10px!important;
}
.home .zv88-micro-trust>a{
padding:0!important;
border:0!important;
}
} @media(max-width:800px){
.home .zv88-hero>.container{
width:100%!important;
}
.home .zv88-hero__grid{
display:flex!important;
flex-direction:column!important;
min-height:0!important;
}
.home .zv88-hero__visual{
order:1!important;
width:100%!important;
min-height:0!important;
aspect-ratio:4/5!important;
}
.home .zv88-hero__visual img{
width:100%!important;
height:100%!important;
min-height:0!important;
max-height:none!important;
object-fit:cover!important;
object-position:center top!important;
transform:none!important;
}
.home .zv88-hero__visual-tag{
left:14px!important;
bottom:14px!important;
max-width:240px!important;
padding:11px 13px!important;
}
.home .zv88-hero__visual-tag b{
font-size:13.5px!important;
}
.home .zv88-hero__visual-tag small{
font-size:7.8px!important;
}
.home .zv88-hero__copy{
order:2!important;
padding:34px 20px 31px!important;
background:#f7f3ef!important;
}
.home .zv88-kicker{
margin-bottom:14px!important;
font-size:8.5px!important;
letter-spacing:.16em!important;
}
.home .zv88-hero .zv88-kicker::before{
width:23px!important;
}
.home .zv88-hero__copy h1{
max-width:100%!important;
margin-bottom:17px!important;
font-size:clamp(40px,12.5vw,54px)!important;
line-height:.98!important;
}
.home .zv88-hero__lead{
max-width:100%!important;
margin-bottom:22px!important;
font-size:12.5px!important;
line-height:1.62!important;
}
.home .zv88-hero__actions{
width:100%!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:13px!important;
}
.home .zv88-hero__actions .button{
width:100%!important;
}
.home .zv88-button-secondary{
justify-content:flex-start!important;
width:max-content!important;
min-height:31px!important;
}
.home .zv88-social-proof--neutral{
margin-top:21px!important;
font-size:9.5px!important;
}
.home .zv88-micro-trust{
grid-template-columns:1fr!important;
gap:10px!important;
max-width:none!important;
margin-top:22px!important;
padding-top:16px!important;
}
.home .zv88-micro-trust>a{
padding:0!important;
border:0!important;
}
.home .zv88-category-wrap{
padding-top:28px!important;
}
}
@media(prefers-reduced-motion:reduce){
.home .zv88-hero__visual img,
.home .zv88-button-primary,
.home .zv88-button-secondary{
transition:none!important;
transform:none!important;
}
}