/* Editorial landing headers: text has its own surface; photography stays untinted. */
body .destination-hero.landing-masthead,
body .pv-hero.landing-masthead{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:center;
  gap:clamp(28px,4vw,64px);
  min-height:480px;
  height:auto;
  margin-top:92px;
  padding:32px var(--pad);
  background:var(--paper);
  color:var(--navy);
  isolation:auto;
}
body .landing-masthead:before,body .landing-masthead:after{content:none}
body .bahrain-hero.landing-masthead{--landing-photo-ratio:16/9}
body .pv-hero-overview.landing-masthead{--landing-photo-ratio:1600/893}
body .landing-masthead .landing-masthead-image{
  position:relative;
  inset:auto;
  z-index:auto;
  grid-column:2;
  grid-row:1;
  align-self:center;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:var(--landing-photo-ratio,3/2);
  margin:0;
  overflow:hidden;
  border-radius:var(--radius-box);
  background:var(--cream);
}
body .landing-masthead .landing-masthead-image>img{
  position:absolute;
  inset:0;
  z-index:auto;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
  opacity:1;
  mix-blend-mode:normal;
}
body .landing-masthead .landing-masthead-copy{
  position:relative;
  grid-column:1;
  grid-row:1;
  min-width:0;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  text-shadow:none;
}
body .landing-masthead .landing-masthead-copy .breadcrumbs{
  position:static;
  inset:auto;
  max-width:100%;
  margin:0 0 20px;
  color:var(--muted);
  font-size:10px;
  line-height:1.65;
  gap:8px;
}
body .landing-masthead .landing-masthead-copy .breadcrumbs a:hover{color:var(--navy)}
body .landing-masthead .landing-masthead-copy .eyebrow,body .landing-masthead .landing-masthead-copy .pv-kicker{
  color:#a13b25;
  font-size:9px;
  line-height:1.65;
  letter-spacing:.1em;
  margin-bottom:17px;
}
body .landing-masthead .landing-masthead-copy h1{
  max-width:100%;
  font:500 clamp(32px,3.15vw,49px)/1.16 var(--title);
  letter-spacing:-.04em;
  margin:0 0 20px;
  text-wrap:balance;
}
body .landing-masthead .landing-masthead-copy .lead,body .landing-masthead .landing-masthead-copy .pv-hero-intro{
  max-width:570px;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
  margin:0 0 20px;
}
body .landing-masthead .landing-masthead-copy .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
body .landing-masthead .landing-masthead-copy .actions .button{min-height:46px;padding:12px 16px;font-size:12px;gap:12px}
body .landing-masthead .landing-masthead-copy .pv-link{color:var(--navy);border-color:var(--line);font-size:13px}
body .landing-masthead .landing-masthead-copy .status-tag{background:var(--cream);color:var(--navy);border-color:var(--line);font-size:11px}
body .landing-masthead .landing-masthead-copy .bahrain-render-note{color:var(--muted);font-size:11px;line-height:1.7;margin:8px 0 0}
body .landing-masthead>.pv-hero-signature{display:none}

@media(max-width:1100px) and (min-width:901px){
  body .landing-masthead .landing-masthead-copy h1{font-size:32px}
  body .landing-masthead .landing-masthead-copy .lead,body .landing-masthead .landing-masthead-copy .pv-hero-intro{font-size:14px;line-height:1.75}
}
@media(max-width:900px){
  body .destination-hero.landing-masthead,body .pv-hero.landing-masthead{
    margin-top:76px;
    grid-template-columns:minmax(0,1fr);
    min-height:0;
    gap:26px;
    padding:26px var(--pad) 34px;
  }
  body .landing-masthead .landing-masthead-image{grid-column:1;grid-row:1;max-width:570px;justify-self:center}
  body .landing-masthead .landing-masthead-copy{grid-column:1;grid-row:2}
  body .landing-masthead .landing-masthead-copy .breadcrumbs{margin-bottom:15px}
  body .landing-masthead .landing-masthead-copy h1{font-size:clamp(30px,4.8vw,42px);margin-bottom:16px}
  body .landing-masthead .landing-masthead-copy h1 br{display:none}
  body .landing-masthead .landing-masthead-copy .eyebrow,body .landing-masthead .landing-masthead-copy .pv-kicker{margin-bottom:13px}
  body .landing-masthead .landing-masthead-copy .lead,body .landing-masthead .landing-masthead-copy .pv-hero-intro{font-size:15px;line-height:1.75;margin-bottom:16px}
}
@media(max-width:600px){
  body .destination-hero.landing-masthead,body .pv-hero.landing-masthead{gap:22px;padding-top:22px;padding-bottom:28px}
  body .landing-masthead .landing-masthead-image{max-width:390px}
  body .landing-masthead .landing-masthead-copy h1{font-size:31px;line-height:1.18}
  body .landing-masthead .landing-masthead-copy .actions .button{padding:12px 14px;font-size:11px;min-height:44px;gap:8px}
}
