/* Desktop: keep the bird visible beside the title. Below 901px the hero is the
   sitewide full-bleed one, so every rule that shapes this page's desktop hero is
   scoped to that width and none of it reaches a phone. */
@media(min-width:901px) {
  body.wpj-expedition #hero .hero-overlay {
    background: linear-gradient(90deg,rgba(10,15,10,.72),rgba(10,15,10,.25) 48%,rgba(10,15,10,.05) 76%),linear-gradient(0deg,#1a1a1a,transparent 35%);
  }
  #hero .hero-content { width:100%; max-width:1440px; text-align:left; padding:36px 6%; }
  #hero .hero-content h1 { max-width:620px; font-size:clamp(3.5rem,6.2vw,6.6rem); }
  #hero .hero-content .hero-subtitle,#hero .hero-content .hero-tagline { max-width:470px; margin-left:0; }
  #hero .hero-content .hero-divider { margin-left:0; }
  #hero .hero-content .wpj-hero-meta,#hero .hero-content .wpj-hero-actions { justify-content:flex-start; }
  #hero .hero-content .wpj-hero-actions { max-width:600px; margin-left:0; }
  #hero .hero-content .wp-hero-reply { text-align:left; }
}
#heroBg { transform:none!important; animation:none!important; }
#itinerary .itin-day-img { height:auto; aspect-ratio:1672/941; object-fit:contain; background:#111; }
/* The gallery photos are all 1672x941. The shared strip forces fixed cell
   heights, which letterboxed these frames with black bands; sizing each cell
   to the photos' own ratio shows the complete frame with nothing to fill. */
.gallery-strip { height:auto; }
.gallery-strip-item { aspect-ratio:1672/941; }
.gallery-strip-item img { object-fit:cover; }
@media(max-width:900px) {
  /* This page used to hold the photo in a 390px band with the type stacked
     under it, so the bird was never covered. It is the sitewide full-bleed
     hero now, like the other 84 expeditions, and only the crop stays
     page-specific: a phone hero is a portrait slot, so a 16:9 frame shows
     about a third of its width, and the default centre would cut the bird
     down the middle. The window is placed on the bird instead. */
  #heroBg .bop-hero-image { object-position:78% 44%; }
}
@media(min-width:901px) and (max-height:750px) {
  body.wpj-expedition #hero { min-height:620px; }
}

/* Keep the approved title measure against the sitewide desktop hero rules. */
@media(min-width:901px){
  body.wpj-expedition #hero .hero-content .hero-title { max-width:620px; }
}

/* Pin the approved hero look against the sitewide scrim/exposure pass. */
@media(min-width:901px){
  body.wpj-expedition #heroBg { filter:none; }
  body.wpj-expedition #hero div.hero-overlay {
    background: linear-gradient(90deg,rgba(10,15,10,.72),rgba(10,15,10,.25) 48%,rgba(10,15,10,.05) 76%),linear-gradient(0deg,#1a1a1a,transparent 35%);
  }
}
/* On a narrow desktop frame the text column reaches the light half of that
   scrim, over the bird's plumage, and the tagline fell to 3.7:1 at 1024x768,
   3.3:1 at 1180x1000 and 2.4:1 on an upright iPad Pro, against the 4.5 its
   size needs. Those shapes carry the column further; wherever the approved
   look already reads, it stays as it is. */
@media(min-width:901px) and (max-width:1120px),(min-width:901px) and (max-width:1280px) and (max-aspect-ratio:5/4){
  body.wpj-expedition #hero div.hero-overlay {
    background: linear-gradient(90deg,rgba(10,15,10,.82),rgba(10,15,10,.60) 48%,rgba(10,15,10,.25) 64%,rgba(10,15,10,.05) 82%),linear-gradient(0deg,#1a1a1a,transparent 35%);
  }
}