.pageHero[data-villa-hero]>.villaHeroVideoMedia{opacity:1;background-color:#242b23;background-size:cover;background-position:center;background-repeat:no-repeat}
.villaHeroVideoMedia>video{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none}
.pageHero[data-villa-hero]>.villaHeroToggle{position:absolute;bottom:24px;right:32px;z-index:3;min-width:80px;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.85);border-radius:0;background:rgba(28,34,25,.78);color:#fff;font:500 12px/1.2 Inter,Arial,sans-serif;letter-spacing:.02em;cursor:pointer}
.pageHero[data-villa-hero]>.villaHeroToggle[hidden]{display:none}
.pageHero[data-villa-hero]>.villaHeroToggle:hover{background:rgba(28,34,25,.95)}
.pageHero[data-villa-hero]>.villaHeroToggle:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #242b23}
@media(max-width:950px){
 .pageHero[data-villa-hero]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;min-height:0;padding-top:var(--abc-header-height,80px);background-color:#242b23;align-items:stretch}
 .pageHero[data-villa-hero]::after{display:none}
 .pageHero[data-villa-hero]>.visualMedia{position:relative;inset:auto;grid-area:1/1;width:100%;height:auto;aspect-ratio:16/9}
 .pageHero[data-villa-hero]>.villaHeroVideoMedia{background-size:contain}
 .pageHero[data-villa-hero]>.villaHeroVideoMedia>video{object-fit:contain}
 .pageHero[data-villa-hero]>.heroInner{grid-area:2/1;width:100%;padding:28px 22px 32px}
 .pageHero[data-villa-hero]>.villaHeroToggle{position:relative;grid-area:1/1;align-self:end;justify-self:end;bottom:auto;right:auto;margin:0 16px 16px 0}
}