/* Public photography: reserve space for the subject instead of laying copy over it.
   Kept separate from the authenticated Insider workspace. */
:is(.species-page, .regions-page, .fishing-page, .hunts-page, .about-premium, .faq-page, .contact-page) > .shared-home-hero {
  display: grid;
  grid-template-columns: 48% minmax(0, 1fr);
  align-items: stretch;
  min-height: 480px;
  isolation: isolate;
  background: #14291d;
}
.shared-home-hero > img {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 0;
  width: 48%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: var(--photo-position, 65% 50%);
  transform: none;
  filter: none;
}
.shared-home-hero > :is(.fishing-hero__overlay, .home-hero__overlay) { display: none; }
.shared-home-hero > .container.home-hero__content {
  grid-column: 2;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(32px, 4vw, 56px);
  display: flex;
  align-items: center;
  background: #14291d;
}
.shared-home-hero > .container.home-hero__content > div { width: 100%; max-width: none; margin: 0; }
.shared-home-hero > .home-hero__content h1 { max-width: 19ch; font-size: clamp(2.4rem, 3.65vw, 3.5rem); line-height: 1.07; letter-spacing: -.035em; }
.shared-home-hero > .home-hero__content p { font-size: 1rem; line-height: 1.6; }
.shared-home-hero .actions { gap: 12px; margin-top: 24px; }
.shared-home-hero .actions .btn { min-height: 48px; font-size: .88rem; letter-spacing: 0; }

/* Focal points were checked against each source; antlers, faces and feet stay in view. */
.shared-home-hero > img[src$="black-bear-hunts-hero.jpg"] { --photo-position: 77% 50%; }
.shared-home-hero > img[src$="elk-hunts-hero.jpg"] { --photo-position: 75% 50%; }
.shared-home-hero > img[src$="deer-hunts-hero.jpg"] { --photo-position: 78% 50%; }
.shared-home-hero > img[src$="wolf-hunts-hero.jpg"] { --photo-position: 73% 50%; }
.shared-home-hero > img[src$="mountain-goat-hunts-hero.jpg"] { --photo-position: 72% 50%; }
.shared-home-hero > img[src$="mountain-sheep-hunts-hero.jpg"] { --photo-position: 70% 50%; }
.shared-home-hero > img[src$="moose-hunts-hero.jpg"] { --photo-position: 62% 50%; }
.shared-home-hero > img[src$="hunts-hub-hero.jpg"],
.shared-home-hero > img[src$="cariboo-region-hero.jpg"] { --photo-position: 12% 50%; }
.shared-home-hero > img[src$="regions-index-hero.jpg"],
.shared-home-hero > img[src$="peace-region-hero.jpg"] { --photo-position: 72% 50%; }
.shared-home-hero > img[src$="kootenay-region-hero.jpg"] { --photo-position: 75% 50%; }
.shared-home-hero > img[src$="okanagan-region-hero.jpg"],
.shared-home-hero > img[src$="thompson-region-hero.jpg"] { --photo-position: 78% 50%; }
.shared-home-hero > img[src$="skeena-region-hero.jpg"] { --photo-position: 70% 50%; }
.shared-home-hero > img[src$="south-coast-region-hero.jpg"],
.shared-home-hero > img[src$="vancouver-island-region-hero.jpg"] { --photo-position: 77% 50%; }
.shared-home-hero > img[src$="about-bchunter-hero.jpg"] { --photo-position: 25% 50%; }
.shared-home-hero > img[src$="south-coast-bear-v2.jpg"] { --photo-position: 40% 50%; }
.shared-home-hero > img[src$="kootenay-elk-v2.jpg"],
.shared-home-hero > img[src$="thompson-deer-v2.jpg"],
.shared-home-hero > img[src$="peace-moose-v2.jpg"],
.shared-home-hero > img[src$="how-card-map.jpg"] { --photo-position: 50% 50%; }

/* Two widely separated subjects (fish + angler or a combo scene) need the full frame. */
.shared-home-hero.public-hero--panorama { display: block; }
.shared-home-hero.public-hero--panorama > img { position: relative; inset: auto; width: 100%; height: auto; }
.shared-home-hero.public-hero--panorama > .container.home-hero__content { padding: 36px 48px; }
.shared-home-hero.public-hero--panorama .home-hero__content h1 { max-width: 28ch; }
.shared-home-hero.public-hero--panorama > img[src$="combo-hero-v2.jpg"] { aspect-ratio: 12 / 5; object-fit: cover; object-position: 50% 50%; }

/* Card photographs have their own space. Focal points preserve the wildlife
   within a consistent frame, and no title or description overlays the photo. */
:is(.hunts-page, .regions-page, .fishing-page) .hunt-category-card__image-wrap {
  height: auto;
  min-height: 0;
  aspect-ratio: 3 / 2;
  background: #e9e7dc;
}
:is(.hunts-page, .regions-page, .fishing-page) .hunt-category-card__image-wrap::after { display: none; }
:is(.hunts-page, .regions-page, .fishing-page) .hunt-category-card__image-wrap img {
  position: static;
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: var(--card-position, 50% 50%);
  transform: none;
  filter: none;
}
.home-page .home-hunt-card { min-height: 0; border: 1px solid #ddd8cb; background: #fffdf8; box-shadow: 0 4px 18px rgba(24, 42, 30, .06); }
.home-page .home-hunt-card > a { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; min-height: 0; padding: 0; color: #1a3022; }
.home-page .home-hunt-card a::before { display: none; }
.home-page .home-hunt-card img { position: static; inset: auto; z-index: auto; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; object-position: var(--card-position, 50% 50%); transform: none; filter: none; }
.home-page .home-hunt-card--moose img { --card-position: 100% 50%; }
.home-page .home-hunt-card--deer img { --card-position: 80% 50%; }
body:not(.insider-app) .hunt-category-card__image-wrap img[src$="hunt-card-bear.jpg"] { --card-position: 77% 50%; }
body:not(.insider-app) .hunt-category-card__image-wrap img[src$="hunt-card-sheep.jpg"] { --card-position: 70% 50%; }
.home-hunt-card__body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 22px; }
.home-page .home-hunt-card .home-card-icon { width: 30px; height: 30px; margin-bottom: 12px; border-width: 1px; color: #846026; font-size: .8rem; }
.home-page .home-hunt-card h3 { color: #1a3022; font-size: 1.35rem; letter-spacing: -.02em; }
.home-page .home-hunt-card p { margin: 8px 0 18px; color: #586253; font-size: .95rem; line-height: 1.6; }
.home-page .home-hunt-card strong { margin-top: auto; color: #79602e; font-size: .82rem; letter-spacing: .025em; }
.home-page .home-hunt-card strong::after { content: ' →'; }
.home-page .home-hunt-card a:hover strong { color: #1b5132; text-decoration: underline; text-underline-offset: 3px; }

/* Retire decorative photo overlays in repeated CTA banners. The real images above
   carry the photography, without hiding a hunter or animal behind another headline. */
body:not(.insider-app) .section--final-cta .cta-band { background: #14291d; }
.intelligence-sales-page > .intelligence-hero { min-height: 0; background: #14291d; }
.intelligence-sales-page .intelligence-hero__image { display: none; }
.intelligence-sales-page .intelligence-hero__photo { position: relative; width: 100%; height: auto; }
.intelligence-sales-page .intelligence-hero__inner { width: 100%; min-height: 0; padding: 40px; }
.intelligence-sales-page .intelligence-roi-section { background: #173322; }
.about-premium .about-feature-image img,
.intelligence-sales-page .intelligence-photo img { width: 100%; height: auto; min-height: 0; aspect-ratio: auto; object-fit: contain; }
.home-page .home-regions { background: #14291d; }
.home-page .home-regions__photo { width: 100%; height: auto; }
.home-page .home-regions__shade { display: none; }
.home-page .home-regions__inner { grid-template-columns: 1fr 1fr; padding-block: 40px; gap: 40px; }
.home-page .home-regions__copy { grid-column: 1; }
.home-page .home-regions__copy h2 { max-width: 18ch; }
.home-page .home-regions__map { display: none; }
.home-page .home-regions__list { grid-column: 2; }

/* The guide gets a real image panel instead of an animal behind the headline. */
.guide-page > .guide-2026-hero { display: grid; grid-template-columns: 52% minmax(0, 1fr); min-height: 0; background: #14291d; }
.guide-page .guide-2026-hero .guide-cover__scene { position: relative; inset: auto; height: auto; min-height: 540px; background: url('/assets/images/moose-hunts-hero.jpg') 62% center / cover no-repeat; transform: none; }
.guide-page .guide-2026-hero .guide-cover__inner { display: flex; flex-direction: column; justify-content: center; gap: 32px; width: 100%; min-height: 0; padding: 40px; margin: 0; background: #14291d; }
.guide-page .guide-2026-hero .guide-cover__brand { margin: 0; }
.guide-page .guide-2026-hero .guide-cover__content { width: 100%; max-width: none; min-width: 0; padding: 0; }
.guide-page .guide-2026-hero .guide-cover__logo { max-width: 180px; }
.guide-page .guide-2026-hero .guide-cover__nav { gap: 10px 16px; margin-top: 18px; font-size: .85rem; }
.guide-page .guide-2026-hero h1 { max-width: 14ch; font-size: clamp(2.6rem, 4.2vw, 4rem); }
.guide-page .guide-2026-hero .guide-cover__support { max-width: 100%; font-size: 1.05rem; }
.guide-page .guide-2026-hero .guide-2026-trust span { white-space: normal; }

@media (max-width: 1100px) {
  :is(.species-page, .regions-page, .fishing-page, .hunts-page, .about-premium, .faq-page, .contact-page) > .shared-home-hero { display: block; min-height: 0; }
  .shared-home-hero > img { position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
  .shared-home-hero.public-hero--panorama > img[src$="combo-hero-v2.jpg"] { aspect-ratio: auto; }
  .shared-home-hero > .container.home-hero__content { padding: 32px; }
  .shared-home-hero > .home-hero__content h1 { max-width: 25ch; font-size: clamp(2.2rem, 4.5vw, 3.25rem); }
  .guide-page > .guide-2026-hero { display: block; }
  .guide-page .guide-2026-hero .guide-cover__scene { min-height: 0; height: auto; aspect-ratio: 3 / 2; background-size: cover; background-position: 62% center; }
  .guide-page .guide-2026-hero .guide-cover__inner { padding: 32px; }
  .regions-page .regions-layout--centered { grid-template-columns: minmax(0, 1fr); }
  .regions-page .regions-map-wrap--center { width: 100%; min-width: 0; }
}
@media (max-width: 900px) {
  .home-page > .home-visual-hero { display: block; min-height: 0; }
  .home-page .home-visual-hero > img { position: relative; inset: auto; z-index: 0; width: 100%; height: auto; object-fit: contain; transform: none; }
  .home-page > .home-visual-hero .home-visual-hero__shade { display: none; }
  .home-page .home-visual-hero__content { width: 100%; padding: 28px 24px 32px; background: #10251b; }
  .home-page .home-visual-hero__copy { width: 100%; max-width: none; }
  .home-page .home-regions__inner { grid-template-columns: 1fr; gap: 24px; }
  .home-page .home-regions__list { grid-column: 1; }
}
@media (max-width: 620px) {
  .shared-home-hero > .container.home-hero__content,
  .shared-home-hero.public-hero--panorama > .container.home-hero__content { padding: 26px 22px 30px; }
  .shared-home-hero > .home-hero__content h1 { font-size: clamp(2rem, 7.8vw, 2.7rem); }
  .shared-home-hero .actions { flex-direction: column; align-items: stretch; }
  .shared-home-hero .actions .btn { width: 100%; text-align: center; }
  .guide-page .guide-2026-hero .guide-cover__inner { padding: 26px 22px; }
  .home-hunt-card__body { padding: 20px; }
}
