.cover {overflow:hidden}
@media (prefers-reduced-motion:no-preference) {
  .home-tile,.solid,.outline,.arrow {transition:background-color .2s,color .2s,box-shadow .25s,transform .25s}
  .home-tile img,.dining img,.story img {transition:filter .3s}
  .dots button {transition:background-color .2s,transform .2s}
  .dots button[aria-current] {transform:scaleX(1.1)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .home-tile:hover {transform:translateY(-4px);box-shadow:0 10px 22px #172b2021;text-decoration:none}
  .home-tile:hover img,.dining img:hover,.story img:hover {filter:brightness(1.06)}
  .solid:hover,.outline:hover {transform:translateY(-2px);box-shadow:0 5px 12px #172b2029;text-decoration:none}
}
.cover {--booking-height:114px;overflow:visible;z-index:1}
.cover-media {position:absolute;inset:0;overflow:hidden;z-index:-2}
.cover .booking {min-height:var(--booking-height);translate:0 50%;align-items:center}
.cover .booking button {min-height:52px}
.cover + .features {padding-top:calc(36px + 57px)}
@media(max-width:650px){
  .cover {--booking-height:174px}
  .cover + .features {padding-top:calc(36px + 87px)}
}