/* /gear/pack-list/alaska-brown-bear/ only — do not apply to other gp-hero pages */
body.pack-ak-bb-hero .gp-hero{
  display:flex !important;
  flex-direction:column !important;
  background:#1E2A22 !important;
  overflow:visible !important;
}
body.pack-ak-bb-hero .gp-hero-photo{
  width:100%;
  background:#1E2A22;
  display:flex;
  justify-content:center;
  align-items:center;
  line-height:0;
}
body.pack-ak-bb-hero .gp-hero-photo picture,
body.pack-ak-bb-hero .gp-hero-photo img{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:85vh !important;
  object-fit:contain !important;
  object-position:center top !important;
  aspect-ratio:auto !important;
  contain:none !important;
  position:static !important;
  grid-area:auto !important;
}
body.pack-ak-bb-hero .gp-hero > .gp-hero-text{
  position:relative !important;
  grid-area:auto !important;
  z-index:2;
  width:100%;
  box-sizing:border-box;
  padding:28px 20px 24px !important;
  background:#1E2A22 !important;
  text-align:center !important;
}
body.pack-ak-bb-hero .gp-hero > .gp-hero-credit{
  grid-area:auto !important;
  background:var(--ft-bone,#f4efe4) !important;
  color:#6b6659 !important;
  font-size:11px !important;
  padding:6px 18px !important;
  text-align:right;
}
@media (max-width:640px){
  body.pack-ak-bb-hero .gp-hero > .gp-hero-text{padding:22px 16px 18px !important}
  body.pack-ak-bb-hero .gp-hero > .gp-hero-credit{text-align:left;padding:6px 16px !important}
}

/* /alaska/brown-bear/ only — crop gravel, keep the bear's back and ears */
html body.ak-bb05-hero section.phero .phero-img img.fp-ak-bb05-lake-clark,
html body.ak-bb05-hero section.phero img.fp-ak-bb05-lake-clark{
  object-position:50% 8% !important;
}
/* Start the photo below the sticky nav so ears are not covered */
html body.ak-bb05-hero section.phero .phero-img img.fp-ak-bb05-lake-clark{
  top:72px !important;
  height:calc(100% - 72px) !important;
}


/* Nov 14 PM: native-aspect rule as heroes v=8. Do not force a tall cover crop. */
html body.pack-ak-bb-hero .gp-hero,
html body.pack-ak-bb-hero .gp-hero > .gp-hero-photo{
  min-height:0 !important;height:auto !important;max-height:none !important;aspect-ratio:auto !important;overflow:visible !important
}
html body.pack-ak-bb-hero .gp-hero-photo picture,
html body.pack-ak-bb-hero .gp-hero-photo img{
  position:static !important;inset:auto !important;width:100% !important;max-width:min(100%, 1600px) !important;height:auto !important;object-fit:contain !important;margin:0 auto !important
}
html body.pack-ak-bb-hero .gp-hero > .gp-hero-text,
html body.pack-ak-bb-hero .gp-hero > .wrap.gp-hero-text{
  position:relative !important;grid-area:auto !important;max-width:1200px !important;margin:0 auto !important;
  padding:22px max(24px, env(safe-area-inset-right)) 24px max(24px, env(safe-area-inset-left)) !important;
  background:var(--ft-timber, #1E2A22) !important
}