/* Independent desktop frame preview. Mobile styles remain unchanged. */
@media(min-width:768px){
 html{background:#edf0f2}
 body{width:100%;max-width:1280px;margin-inline:auto!important;position:relative;box-shadow:0 0 38px #183b5210}
}
@media(min-width:1281px){
 body[data-mobile-kind=home] .hero h1{font-size:68px}
 body[data-compact-kind=hotel] .hero h1{font-size:70px}
 body[data-compact-kind=hotel] .hero-copy{left:9%;right:6%}
 body[data-mobile-kind=villa] .villa-intro h1{font-size:61px}
 body[data-mobile-kind=villa] .villa-property-top h1{font-size:54px}
}
@media(min-width:1281px){
 body .topbar,body .navbar,body .bottom-bar{left:calc((100% - 1280px)/2);right:calc((100% - 1280px)/2);width:1280px;max-width:1280px}
 body .skyline-return,body .skip{left:calc((100% - 1280px)/2 + 18px)}
 body .sticky-book,body .top-link{right:calc((100% - 1280px)/2 + 18px)}
}

/* Align hotel calls to action within each row, regardless of description length. */
#stays .stays{align-items:stretch}
#stays .stays article{display:flex;flex-direction:column;min-width:0}
#stays .stays article>.text-link{margin-top:auto;align-self:flex-start}
#stays .stays article>p:not(.eyebrow){margin-bottom:20px}
@media(min-width:768px){
 #stays .stays article>a:first-child>img,#stays .stays article>img{height:240px;object-fit:cover;width:100%}
}