/* Marsa Al Arab inner pages: preserve each page's content and imagery while sharing the hotel's cinematic opening. */
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral)){position:relative;display:flex;align-items:flex-end;min-height:clamp(650px,75vh,850px);overflow:hidden;background:#10263f!important;color:#fff!important;isolation:isolate}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral))::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(9,25,43,.2),rgba(9,25,43,.53) 43%,rgba(9,25,43,.84) 100%),linear-gradient(0deg,rgba(9,25,43,.68),transparent 65%);pointer-events:none}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral))>figure{position:absolute!important;inset:0;width:100%;height:100%;min-height:0!important;margin:0;z-index:-1}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral))>figure img{display:block;width:100%;height:100%;object-fit:cover}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral))>figure figcaption{position:absolute;z-index:1;inset:auto auto 1rem 1rem;width:auto;max-width:34ch;padding:.35rem .55rem;background:#10263fbb;color:#fff;font-size:.7rem}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral))>:is(.hero-copy,div:last-child){position:relative;z-index:1;box-sizing:border-box;width:min(100%,850px);max-width:850px;margin:0 0 0 auto;padding:clamp(2rem,5vw,5rem)!important;background:transparent!important;color:#fff!important;text-align:start}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral)) h1{max-width:17ch!important;margin:.5rem 0 1rem;color:#fff!important;font-size:clamp(3rem,5.3vw,5.75rem);line-height:1.04;text-wrap:balance}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral)) :is(.answer,.capsule){max-width:60ch;color:#f5f7f8!important;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.7}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral)) :is(.eyebrow,.kicker){color:#f0c982!important}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral)) :is(.checked,small){color:#d7e0e5!important}
body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral)) :is(.actions,.hero-actions) a:not(.book):not(.primary):not(.primary-cta){color:#fff!important;border-color:#ffffffaa!important}
@media(max-width:700px){body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral)){min-height:min(900px,110svh)}body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral))::after{background:linear-gradient(0deg,rgba(9,25,43,.94),rgba(9,25,43,.62) 64%,rgba(9,25,43,.1))}body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral))>:is(.hero-copy,div:last-child){margin:auto 0 0;padding:2rem 1.4rem 2.5rem!important}body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral)) h1{font-size:clamp(2.5rem,10vw,4rem)}}
/* Carry the opening's contrast into the first information rail. */
body.marsa-inner :is(.practical-page,.marsa-entity,.kira-page,.iliana-page,.gold,.venue)>:is(.fact-rail,.quick,.facts){background:#10263f;color:#fff;border-color:#ffffff35}
body.marsa-inner :is(.practical-page,.marsa-entity,.kira-page,.iliana-page,.gold,.venue)>:is(.fact-rail,.quick,.facts) :is(span,small){color:#e9b99d}
body.marsa-inner :is(.practical-page,.marsa-entity,.kira-page,.iliana-page,.gold,.venue)>:is(.fact-rail,.quick,.facts)>div{border-color:#ffffff35}
body.marsa-inner :is(.kira-page,.iliana-page,.gold,.venue) .hero .actions .book{color:#fff!important}
@media(min-width:901px){body.marsa-inner :is(.practical-page .hero,.marsa-entity .entity-hero.has-image,.kira-page .kira-hero,.iliana-page .hero,.gold .hero:has(figure),.venue .hero:not(.neutral)){width:100vw;margin-inline:calc(50% - 50vw)}}
body.marsa-inner .kira-page .kira-hero .actions .book,body.marsa-inner .iliana-page .hero .actions .book{color:#fff!important}
