/* V44: arrow artwork contains no Unicode dingbats / emoji; all arrows are pure CSS. */
.sf-v44-arrow{display:inline-block!important;position:relative!important;width:19px!important;height:19px!important;flex:0 0 19px!important;overflow:visible!important;color:inherit!important;vertical-align:middle!important;transform:none!important;background:none!important;border:0!important;font-size:0!important;line-height:0!important;direction:ltr!important}
.sf-v44-arrow::before{content:""!important;position:absolute!important;left:2px!important;top:calc(50% - .85px)!important;width:14px!important;height:1.7px!important;border-radius:1px!important;background:currentColor!important;transform:none!important}
.sf-v44-arrow::after{content:""!important;position:absolute!important;right:2px!important;top:calc(50% - 4.9px)!important;width:8px!important;height:8px!important;border-top:1.7px solid currentColor!important;border-right:1.7px solid currentColor!important;transform:rotate(45deg)!important;border-radius:0!important}
.sf-v44-arrow--left{transform:scaleX(-1)!important}
.sf-v44-arrow--up-right{transform:rotate(-45deg)!important}
.sf-v44-arrow--left.sf-v44-arrow--up-right{transform:rotate(135deg)!important}
/* A full arrow inside a control is also a CSS-drawn element. */
.sf-interior-nav button{display:grid!important;place-items:center!important;font-size:0!important}
.v39-cal-head button{display:grid!important;place-items:center!important;font-size:0!important}
.sf-v44-arrow--chevron::before{display:none!important}
.sf-v44-arrow--chevron::after{top:calc(50% - 4.5px)!important;right:6px!important;width:8px!important;height:8px!important}
/* In the CMS output older cards still contain inline arrow glyphs: hide their text and draw the icon instead. */
.sf-card-arrow{font-size:0!important;line-height:0!important;position:relative!important}
.sf-card-arrow::before{content:""!important;position:absolute!important;top:calc(50% - .8px)!important;left:calc(50% - 7px)!important;width:14px!important;height:1.6px!important;background:currentColor!important}
.sf-card-arrow::after{content:""!important;position:absolute!important;top:calc(50% - 5px)!important;left:calc(50% - 1px)!important;width:8px!important;height:8px!important;border-top:1.6px solid currentColor!important;border-right:1.6px solid currentColor!important;transform:rotate(45deg)!important}
/* Correct and uniform hero details: image number, destination, subtitle, transition progress. */
.sf-hero .sf-bottom-info,
html[dir=rtl] .sf-hero .sf-bottom-info{
 position:absolute!important;inset:auto clamp(26px,5vw,100px) 95px auto!important;
 display:block!important;width:min(285px,30vw)!important;max-width:calc(100% - 44px)!important;
 height:auto!important;direction:rtl!important;text-align:right!important;pointer-events:none!important;
}
.sf-hero .sf-bottom-info .sf-meta-stack{
 display:flex!important;flex-flow:column nowrap!important;align-items:flex-start!important;
 gap:6px!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;
 direction:rtl!important;text-align:right!important;
}
.sf-hero .sf-bottom-info .sf-count{
 order:0!important;display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;
 width:100%!important;max-width:100%!important;align-self:stretch!important;
 direction:ltr!important;unicode-bidi:isolate!important;text-align:right!important;gap:8px!important;margin:0!important;padding:0!important;
}
.sf-hero .sf-meta-stack .sf-place-name{
 order:1!important;display:block!important;width:100%!important;max-width:100%!important;
 white-space:normal!important;direction:rtl!important;text-align:right!important;margin:0!important;
}
.sf-hero .sf-meta-stack .sf-bottom-note{
 order:2!important;display:block!important;width:100%!important;max-width:100%!important;
 white-space:normal!important;text-wrap:pretty!important;direction:rtl!important;text-align:right!important;margin:0!important;
}
.sf-hero .sf-meta-stack .sf-slide-progress{
 order:3!important;align-self:stretch!important;display:block!important;
 width:100%!important;max-width:100%!important;min-width:0!important;margin:7px 0 0!important;
}
html[dir=ltr] .sf-hero .sf-bottom-info{
 inset:auto auto 95px clamp(26px,5vw,100px)!important;direction:ltr!important;text-align:left!important;
}
html[dir=ltr] .sf-hero .sf-bottom-info .sf-meta-stack,
html[dir=ltr] .sf-hero .sf-bottom-info .sf-place-name,
html[dir=ltr] .sf-hero .sf-bottom-info .sf-bottom-note{direction:ltr!important;text-align:left!important;align-items:flex-start!important}
html[dir=ltr] .sf-hero .sf-bottom-info .sf-count{justify-content:flex-start!important;text-align:left!important}
/* Reserve the text before the typewriter begins, so typing never shifts CTA or page content. */
.sf-hero .sf-copy .sf-title{min-height:var(--sf-v44-title-reserve, 2.7em)!important;white-space:pre-line!important;overflow-wrap:break-word!important;display:block!important}
.sf-hero .sf-copy .sf-description{min-height:3.2em!important}
.inner-hero .inner-hero-content h1{min-height:var(--sf-v44-inner-reserve,2.6em)!important;overflow-wrap:break-word!important}
.sf-v44-measure{position:absolute!important;visibility:hidden!important;pointer-events:none!important;min-height:0!important;max-height:none!important;height:auto!important;max-width:none!important;overflow:visible!important;contain:none!important;margin:0!important;padding:0!important;transform:none!important;transition:none!important;white-space:pre-line!important}
@media(max-width:780px){
  .sf-hero{min-height:790px!important}
  .sf-hero .sf-copy,
  html[dir=ltr] .sf-hero .sf-copy{
    top:clamp(118px,17svh,157px)!important;
    right:22px!important;left:22px!important;width:auto!important;max-width:calc(100% - 44px)!important;
    text-align:right!important;align-items:flex-start!important;
  }
  html[dir=ltr] .sf-hero .sf-copy{text-align:left!important}
  .sf-hero .sf-copy .sf-title{margin:0!important;max-width:100%!important}
  .sf-hero .sf-copy .sf-description{margin-top:10px!important;margin-bottom:13px!important}
  .sf-hero .sf-bottom-info,html[dir=rtl] .sf-hero .sf-bottom-info{
    inset:auto 22px clamp(158px,20svh,192px) auto!important;
    width:min(265px,69vw)!important;max-width:calc(100vw - 44px)!important;
  }
  html[dir=ltr] .sf-hero .sf-bottom-info{
    inset:auto auto clamp(158px,20svh,192px) 22px!important;
    width:min(265px,69vw)!important;
  }
  .sf-hero .sf-bottom-info .sf-meta-stack{gap:5px!important}
  .sf-hero .sf-meta-stack .sf-place-name{font-size:clamp(13px,3.55vw,17px)!important;line-height:1.5!important}
  .sf-hero .sf-meta-stack .sf-bottom-note{font-size:clamp(10px,2.65vw,12px)!important;line-height:1.6!important}
  .sf-hero .sf-meta-stack .sf-slide-progress{margin-top:6px!important}
  .sf-hero .sf-controls{bottom:65px!important}
  /* Inner-page titles are retyped after crossfades; anchor their height before animation. */
  .inner-hero .inner-hero-content{bottom:104px!important}
  .inner-hero .inner-hero-content h1{margin-block:12px!important}
}
@media(max-width:385px){
 .sf-hero{min-height:810px!important}
 .sf-hero .sf-copy,html[dir=ltr] .sf-hero .sf-copy{top:125px!important}
 .sf-hero .sf-bottom-info,html[dir=rtl] .sf-hero .sf-bottom-info{bottom:170px!important}
 html[dir=ltr] .sf-hero .sf-bottom-info{bottom:170px!important}
}
/* Final bidi alignment: the entire counter begins at the same right edge as Arabic text. */
html[dir=rtl] .sf-hero .sf-bottom-info .sf-count{justify-content:flex-end!important}
@media(min-width:781px){
  /* Keep CTA and metadata in distinct vertical zones even with long English text. */
  .sf-hero .sf-copy,html[dir=ltr] .sf-hero .sf-copy{top:clamp(160px,22%,215px)!important}
}
@media(max-width:780px){
  .sf-hero .sf-bottom-info,html[dir=rtl] .sf-hero .sf-bottom-info{bottom:clamp(182px,23svh,217px)!important}
  html[dir=ltr] .sf-hero .sf-bottom-info{bottom:clamp(182px,23svh,217px)!important}
}
@media(max-width:385px){
  .sf-hero .sf-bottom-info,html[dir=rtl] .sf-hero .sf-bottom-info{bottom:187px!important}
  html[dir=ltr] .sf-hero .sf-bottom-info{bottom:187px!important}
}