@font-face{font-family:HiSweet;src:url(sweet-sans-light.woff) format("woff");font-weight:300;font-display:swap}
@font-face{font-family:HiCormorant;src:url(cormorant-medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:HiClearface;src:url(clearface-regular.woff) format("woff");font-weight:400;font-display:swap}

/* The opening uses the Stars Rooms stylesheet: ribbon, .wrap, camera, two shades,
   heading, native weather and bottom controls. Only the art direction differs. */
.hf-hotel .desklinks{gap:clamp(12px,1.2vw,26px)}
.hf-hotel .navbook{white-space:nowrap}
#rooms-hero.hf-hero{background:#211b16}
.hf-hero .camera picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:64% 42%}
.hf-hero .headshade{background:linear-gradient(180deg,rgba(12,16,20,.77),rgba(12,16,20,.35) 14%,transparent 35%)}
.hf-hero .endshade{background:linear-gradient(90deg,rgba(15,19,25,.83),rgba(15,19,25,.46) 29%,transparent 62%),linear-gradient(0deg,rgba(15,19,25,.49),transparent 40%)}
html[dir=rtl] .hf-hero .endshade{background:linear-gradient(270deg,rgba(15,19,25,.72),rgba(15,19,25,.20) 32%,transparent 56%),linear-gradient(0deg,rgba(15,19,25,.53),transparent 40%)}
.hf-page [hidden]{display:none!important}
.hf-page :is(a,button):focus-visible{outline:3px solid #bc965f;outline-offset:4px}
.hf-card-section{scroll-margin-top:calc(var(--head) + 12px);padding-block:clamp(32px,6vw,102px)}
.hf-letter{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(24px,4vw,74px);padding:clamp(26px,4.2vw,70px);background:#fdebd2;color:#592918;border:1px solid #cfa87e}
.hf-note-label{font:300 13px/1.4 HiSweet,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}
.hf-letter h2{margin:0 0 16px;color:inherit;font:500 clamp(38px,4.4vw,70px)/1.04 HiCormorant,Georgia,serif;letter-spacing:-.02em;text-wrap:balance}
.hf-letter-copy>p:not(.hf-note-label){max-width:480px;margin:0 0 20px;font:400 17px/1.5 HiClearface,Georgia,serif}
.hf-logo{width:80px;height:auto;display:block}
.hf-poster{margin:0;min-width:0}.hf-paper{position:relative;background:#e3d3bd;aspect-ratio:1.39;overflow:hidden}
.hf-paper img{display:block;width:100%;height:100%;object-fit:cover}
.hf-poster figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #cfa87e}
.hf-caption{font:italic 15px/1.4 Georgia,serif}
.hf-change{display:inline-flex;align-items:center;gap:10px;min-height:44px;background:none;border:0;color:#592918;cursor:pointer;font:500 12px/1.4 var(--sans);padding:0 2px}
.hf-change:hover{text-decoration:underline}.hf-change span:last-child{font-size:18px}
:lang(ar) :is(.hf-letter h2,.hf-note-label,.hf-letter-copy>p,.hf-caption){font-family:NotoAr,Tahoma,sans-serif;font-style:normal;letter-spacing:normal;line-height:1.45}
:lang(ar) .hf-change span:last-child{transform:scaleX(-1)}
@media(min-width:961px) and (max-width:1180px){.hf-hotel .navwrap{width:calc(100% - 40px);gap:8px;grid-template-columns:auto 1fr auto}.hf-hotel .desklinks{gap:11px}.hf-hotel .desklinks>a{font-size:13px}}
@media(max-width:767.98px){
 .hf-hero .camera picture img{object-position:70% 43%}
 .hf-hero .endshade,html[dir=rtl] .hf-hero .endshade{background:linear-gradient(0deg,rgba(14,18,24,.97),rgba(14,18,24,.89) 22%,rgba(14,18,24,.64) 39%,rgba(14,18,24,.04) 61%,transparent 67%)}
 .hf-letter{grid-template-columns:1fr;padding:clamp(22px,6vw,34px);gap:24px}.hf-letter h2{font-size:clamp(36px,10vw,55px)}
 .hf-note-label{font-size:11px;margin-bottom:10px}.hf-letter-copy>p:not(.hf-note-label){font-size:16px;margin-bottom:14px}.hf-logo{width:65px}
 .hf-caption{font-size:13px}.hf-change{font-size:11px}
}
