/* ── PAGE HERO (inner pages) ─────────────────────────────────── */
.page-hero {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);
  padding: 7rem 2rem 5rem;
  position: relative;
  overflow: hidden;
  min-height: 480px;
  display: flex;
  align-items: center;
}

/* Background image with blue-hue overlay */
.page-hero__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center 25%;
  filter: grayscale(60%) brightness(0.45);
  z-index: 0;
}
/* Contour removed from page heroes per user request */
/* Additional navy overlay for readability */
.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(0, 47, 88, 0.75) 0%,
    rgba(0, 67, 124, 0.65) 50%,
    rgba(10, 179, 235, 0.25) 100%
  );
  z-index: 1;
}
/* Topo pattern overlay - cover full area */
/* page-hero::after removed - no topo on inner pages */
.page-hero__content {
  position: relative;
  z-index: 2;
  max-width: 680px;
}
.page-hero .container {
  position: relative;
  z-index: 2;
  width: 100%;
}
.page-hero .eyebrow {
  color: rgba(255, 255, 255, 0.55);
}
.page-hero h1 {
  color: var(--white);
  margin-bottom: 1rem;
}
.page-hero p {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.1rem;
  line-height: 1.75;
}

/* ── IMAGE TREATMENT ─────────────────────────────────────────── */
/* Clean grayscale — no sepia, no hue-rotation. Just like original site. */
.img-blue-hue {
  filter: grayscale(100%) brightness(0.9);
}
.img-grayscale {
  filter: grayscale(100%) brightness(0.85);
}

/* Coaching cards & blog cards: grayscale default, full color on hover */
.coaching-card__image img,
.blog-card__image img {
  filter: grayscale(100%) brightness(0.88);
  transition: filter 0.45s ease;
}
.coaching-card:hover .coaching-card__image img,
.blog-card:hover .blog-card__image img {
  filter: none;
}

/* Split section images: subtle grayscale, color on hover */
.split__image img {
  filter: grayscale(30%) brightness(0.92);
  transition: filter 0.4s ease;
}
.split__image:hover img {
  filter: none;
}

/* Page hero background images — full grayscale + blue overlay handled by CSS */
.page-hero__bg {
  filter: grayscale(100%) brightness(0.55);
}

/* ── GRAYSCALE HOVER EFFECT ─────────────────────────────────────
   Content images: desaturated by default, full colour on hover
   Using a navy-tinted overlay approach for more brand-consistency  */
.about-gallery-item img,
.split__image img,
.resource-card img {
  filter: grayscale(100%) brightness(0.9);
  transition: filter 0.45s ease;
}
.about-gallery-item:hover img,
.split__image:hover img {
  filter: none;
}

/* Section images in about/basecamp/expedition splits */
section img.section-photo {
  filter: grayscale(80%) brightness(0.9);
  transition: filter 0.5s ease;
}
section img.section-photo:hover {
  filter: none;
}