.ww-destination-hero{
 
position:relative;
 
height:70vh;
 
min-height:560px;

max-height: 720px;
 
background-size:cover;
 
background-position:center;
 
display:flex;
 
align-items:center;
 
color:#fff;
 
}
 
.ww-hero-overlay{
 
position:absolute;
 
inset:0;
 
background: linear-gradient(
180deg,
rgba(0,0,0,.15) 0%,
rgba(0,0,0,.45) 40%,
rgba(4,20,35,.92) 100%
);
 
}
 
.ww-container{
 
position:relative;
 
z-index:2;
 
width:min(1200px,92%);
 
margin:auto;
 
}
 
.ww-hero-content{
    position:relative;
    z-index:2;
 
    max-width:1100px;
margin:0 auto;
padding:0 30px;
text-align:left;
animation:heroFade .9s ease;

}
 
.ww-state-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 22px;
    margin-bottom:24px;
 
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.18);
 
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
 
    border-radius:999px;
 
    color:#fff;
    font-size:15px;
    font-weight:600;
    letter-spacing:.5px;
}
 
.ww-destination-hero h1{
    font-size:clamp(2.4rem,5vw,4.5rem);
    font-weight:800;
    line-height:1.1;
    letter-spacing:-1px;
    margin-bottom:16px;
    color:#fff;
    text-shadow:0 4px 18px rgba(0,0,0,.45);
    max-width: 900px;
}
 
.ww-subtitle{
    max-width: 700px;
    margin: 0 auto 40px;
    font-size: clamp(1rem, 2vw, 1.35rem);
    line-height: 1.8;
    color: rgba(255,255,255,.92);
    opacity: 1;
    text-shadow:0 2px 12px rgba(0,0,0,.4);
}
 
.ww-hero-meta{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:20px;
    margin-top:40px;
}
 
.ww-hero-meta div{
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-radius:20px;
    padding:24px;
    transition:all .35s ease;
    min-height:110px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ww-hero-meta div:hover{
    transform:translateY(-10px) scale(1.04);
    background:rgba(255,255,255,.18);
    box-shadow:0 30px 60px rgba(0,0,0,.28);
}
 
.ww-hero-meta strong{
    display:block;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:rgba(255,255,255,.75);
    margin-bottom:10px;
}

.ww-hero-meta span{
    display:block;
    font-size:20px;
    font-weight:700;
    color:#fff;
    line-height: 1.4;
}
 
@media(max-width:768px){
 
.ww-destination-hero h1{
 
font-size:42px;
 
}
 
.ww-hero-meta{
    grid-template-columns:1fr;
    gap:16px;
}
 
}

.ww-hero-actions{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:40px;
    flex-wrap:wrap;
}
 
.ww-hero-actions .ww-button{
    min-width:220px;
}
 
@media(max-width:768px){
 
.ww-hero-actions{
    flex-direction:column;
}
 
.ww-hero-actions .ww-button{
    width:100%;
}
 
}

@keyframes heroFade{
 
from{
opacity:0;
transform:translateY(30px);
}
 
to{
opacity:1;
transform:none;
}
 
}