/* Editorial motion: real scroll-linked image depth and masked typography. */
.va-parallax-frame{overflow:hidden;position:relative;width:100%;isolation:isolate}
.hero-art .va-parallax-frame img{display:block;width:100%;height:auto;transform-origin:center;will-change:transform;backface-visibility:hidden}
.va-word-clip{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.14em .08em;margin:-.14em -.08em}
.va-word{display:inline-block}
.va-roll-in .va-word{animation:va-word-roll 950ms cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--word-delay)}
@keyframes va-word-roll{from{transform:translateY(115%) rotate(4deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
.va-motion-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.va-ribbon{position:relative;overflow:hidden;background:#0b0f13;color:#d4b481;border-top:1px solid #d4b48155;border-bottom:1px solid #d4b48155;padding:25px 0 48px}
.va-ribbon-track{display:flex;width:max-content;animation:va-ribbon-roll 34s linear infinite}
.va-ribbon-track>span{flex:none;white-space:pre;font-size:clamp(18px,2vw,29px);letter-spacing:.06em;font-family:var(--serif,Georgia,serif)}
@keyframes va-ribbon-roll{to{transform:translateX(-50%)}}
.va-motion-toggle{position:absolute;right:20px;bottom:8px;background:transparent;color:#d4b481;border:0;border-bottom:1px solid #d4b48166;padding:4px 0;font-size:12px;cursor:pointer}
.va-motion-toggle:focus-visible{outline:2px solid #d4b481;outline-offset:3px}
.va-ribbon:is(:hover,:focus-within,.is-paused) .va-ribbon-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art .va-parallax-frame img{transform:none!important;will-change:auto}.va-roll-in .va-word{animation:none}.va-ribbon{padding:22px 6vw}.va-ribbon-track{animation:none;width:auto}.va-ribbon-track>span{white-space:normal;font-size:18px;line-height:1.7}.va-ribbon-track>span+span,.va-motion-toggle{display:none}}

/* Keep the Find a Villa building visible inside the full-width hero. */
.villa-search-hero.page-hero{min-height:clamp(560px,43vw,740px)}
.villa-search-hero .va-parallax-frame{height:100%}
.villa-search-hero .hero-art .va-parallax-frame img{height:100%;object-fit:cover;object-position:85% 45%;transform-origin:85% center}
@media(max-width:700px){
  .villa-search-hero.page-hero{min-height:670px;padding-top:300px;padding-bottom:85px}
  .villa-search-hero .hero-art .va-parallax-frame img{object-position:88% center}
  .villa-search-hero .hero-art:after{background:linear-gradient(0deg,#04080cf5 0%,#04080cdb 38%,#04080c33 72%,#04080c08)}
}