/* HERO A: Sunset classic (design-6) */
.v-hero-a{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;padding:110px 20px 80px;background:#fff url(../../images/sunset-palms.jpg) center bottom/cover no-repeat;overflow:hidden}
.v-hero-a .ha-in{position:relative;z-index:2;max-width:860px}
.v-hero-a .ha-logo{width:min(560px,78vw,62vh*2.5);height:auto;margin:0 auto;animation:ha-rise 1s var(--ease) both,ha-float 6s ease-in-out 1s infinite}
.v-hero-a .ha-line{font-size:clamp(1.5rem,4vw,2.8rem);margin-top:-18px}
.v-hero-a .ha-sub{font-family:var(--fb);text-transform:uppercase;font-size:clamp(.95rem,2vw,1.35rem);line-height:1.35;margin-top:14px;animation:ha-rise 1s .2s both}
.v-hero-a .ha-note{font-family:var(--fb);text-transform:uppercase;font-size:.8rem;letter-spacing:.06em;margin-top:16px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.v-hero-a .btn{margin-top:22px;animation:ha-rise 1s .5s both}
.v-hero-a .ha-palm{position:absolute;bottom:-4%;width:min(46vw,560px);height:auto;z-index:1;transform-origin:50% 100%;animation:ha-sway 7s ease-in-out infinite;filter:drop-shadow(0 20px 20px rgba(0,0,0,.25))}
.v-hero-a .ha-palm-l{left:-9%}
.v-hero-a .ha-palm-r{right:-9%;transform:scaleX(-1);animation-name:ha-swayr}
.v-hero-a .ha-cd{display:inline-grid;grid-template-columns:repeat(4,auto);gap:clamp(8px,2vw,18px);margin-top:22px;animation:ha-rise 1s .35s both}
.v-hero-a .ha-cd-u{background:var(--ink);color:#fff;border-radius:12px;padding:10px clamp(10px,2vw,20px);min-width:72px;box-shadow:0 6px 0 rgba(0,0,0,.25)}
.v-hero-a .ha-cd b{display:block;font-family:var(--fb);font-weight:400;font-size:clamp(1.6rem,4.5vw,2.8rem);line-height:1;color:var(--gold)}
.v-hero-a .ha-cd span{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em}
.v-hero-a .ha-live{font-family:var(--fb);font-size:clamp(1.3rem,3.4vw,2.4rem);text-transform:uppercase;margin-top:20px}
.v-hero-a .ha-scroll{position:absolute;bottom:22px;left:50%;translate:-50% 0;width:26px;height:42px;border:3px solid #fff;border-radius:14px;z-index:3}
.v-hero-a .ha-scroll span{position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;background:#fff;border-radius:2px;animation:ha-dot 1.6s infinite}
@keyframes ha-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes ha-float{50%{transform:translateY(-8px)}}
@keyframes ha-sway{50%{transform:rotate(2.5deg)}}
@keyframes ha-swayr{50%{transform:scaleX(-1) rotate(2.5deg)}}
@keyframes ha-dot{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}
@media(max-width:520px){.v-hero-a .ha-cd-u{min-width:60px}.v-hero-a .ha-line{margin-top:6px}}