/* Supplied panoramic composition, cleaned of lettering for accessible live HTML and the shared home button. */
@font-face{font-family:"Booking Sea";src:url('../fonts/library/snell-roundhand/snell-roundhand-400.woff2') format('woff2');font-display:swap;font-weight:400}
.bkx{position:relative;isolation:isolate;margin:0;padding:115px 0;background:#fff}
.bkx__frame{position:relative;isolation:isolate;box-sizing:border-box;display:flex;align-items:center;width:min(1400px,calc(100% - 2 * var(--sp-gutter,40px)));min-height:320px;margin:0 auto;border:10px solid #f2dfd1;outline:1px solid #ad88705c;outline-offset:-5px;overflow:hidden;box-shadow:0 22px 40px -26px #193e4870}
.bkx__photo{position:absolute;inset:0;margin:0;z-index:0;overflow:hidden}
.bkx__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:left center}
.bkx__copy{position:relative;z-index:1;box-sizing:border-box;width:380px;margin:0 0 0 clamp(100px,9.5vw,140px);padding:22px 0;text-align:left}
body .bkx #close-h,body .bkx #close-h span{font-family:"Libre Baskerville",Georgia,serif!important;color:#0b4b5c!important;-webkit-text-fill-color:#0b4b5c!important;font-size:38px!important;line-height:1.06!important;letter-spacing:-.035em!important;text-shadow:none}
.bkx__title{margin:0}.bkx__title span{display:block}
body .bkx #close-h em{display:inline-block;color:#cda47b!important;-webkit-text-fill-color:#cda47b!important;font-family:"Booking Sea",cursive!important;font-size:1.6em!important;font-weight:400!important;font-style:normal!important;line-height:.7!important;letter-spacing:0!important;margin-left:.02em;transform:translateY(.02em)}
.bkx .bkx__lead{margin:14px 0 0;max-width:350px;font:400 18px/1.4 "Comfort Newsreader",Georgia,serif;color:#15546b;text-shadow:none}
.bkx__actions{display:flex;align-items:center;justify-content:flex-start;margin-top:17px}.bkx .sbtn{margin:0}
@media(max-width:1100px) and (min-width:901px){.bkx__copy{width:340px;margin-left:85px}body .bkx #close-h,body .bkx #close-h span{font-size:35px!important}.bkx .bkx__lead{max-width:310px;font-size:17px}}
@media(max-width:900px){
.bkx{padding:100px 0}.bkx__frame{width:calc(100% - 48px);min-height:330px;border-width:8px}
.bkx__copy{width:330px;margin-left:70px;padding:22px 0}
body .bkx #close-h,body .bkx #close-h span{font-size:34px!important}.bkx .bkx__lead{font-size:17px;max-width:310px}
}
@media(max-width:600px){
.bkx{padding:90px 0}.bkx__frame{min-height:520px;align-items:flex-start}
.bkx__photo img{height:320px;object-position:12% center}
.bkx__photo::after{content:"";position:absolute;inset:310px 0 0;background:url('../img/book-sites-20261029/booking-reference-clean.webp') 73% center/auto 100% no-repeat}
.bkx__copy{width:calc(100% - 82px);margin:0 18px 0 64px;padding:25px 0 0}
body .bkx #close-h,body .bkx #close-h span{font-size:30px!important;line-height:1.12!important}
.bkx .bkx__lead{font-size:17px;line-height:1.4;margin-top:14px}
.bkx__actions{margin-top:17px}
}
@media(max-width:360px){.bkx__copy{width:calc(100% - 65px);margin-left:49px}body .bkx #close-h,body .bkx #close-h span{font-size:27px!important}.bkx .bkx__lead{font-size:16px}}