/* The remaining photographic openings share the approved immersive layout. */
body[data-page-color="consultation"] {
  --page-canvas: #f4f2e8;
  --page-tint: #dce5ce;
  --page-panel: #e4e9d8;
  --page-paper: #fbfcf6;
}

body[data-page-color="writing"] {
  --page-canvas: #f6f2e8;
  --page-tint: #dae4d1;
  --page-panel: #e8e6d7;
  --page-paper: #fbfaf5;
}

body[data-page-color="psychedelic"] .page-hero--immersive {
  --hero-ink: #233c32;
  --hero-detail: #3d5947;
  background-color: #e9ddc8;
}

body[data-page-color="psychedelic"] .page-hero--immersive::after {
  background: linear-gradient(90deg, rgba(249, 244, 231, .97), rgba(249, 244, 231, .91) 31%, rgba(249, 244, 231, .63) 54%, rgba(249, 244, 231, .02) 78%);
}

body[data-page-color="psychedelic"] .page-hero--immersive .page-hero-photo img {
  object-position: 52% 57%;
}

body[data-page-color="groups"] .page-hero--immersive,
body[data-page-color="retreats"] .page-hero--immersive {
  min-height: clamp(840px, 65vw, 1120px);
  align-items: start;
  padding-top: clamp(44px, 4vw, 72px);
}

body[data-page-color="groups"] .page-hero--immersive .page-hero-copy,
body[data-page-color="retreats"] .page-hero--immersive .page-hero-copy,
body[data-page-color="consultation"] .page-hero--immersive .page-hero-copy {
  width: min(94%, 1120px);
  margin-inline: auto;
  align-self: start;
  text-align: center;
}

body[data-page-color="groups"] .page-hero--immersive h1,
body[data-page-color="retreats"] .page-hero--immersive h1 {
  max-width: 1000px;
  margin-inline: auto;
  margin-bottom: 20px;
  font-size: clamp(3rem, 5vw, 5.8rem);
}

body[data-page-color="groups"] .page-hero--immersive .eyebrow,
body[data-page-color="retreats"] .page-hero--immersive .eyebrow,
body[data-page-color="consultation"] .page-hero--immersive .eyebrow {
  max-width: none;
  margin-bottom: 20px;
}

body[data-page-color="groups"] .page-hero--immersive .lead,
body[data-page-color="retreats"] .page-hero--immersive .lead,
body[data-page-color="consultation"] .page-hero--immersive .lead {
  max-width: 820px;
  margin-inline: auto;
}

body[data-page-color="groups"] .page-hero--immersive::after,
body[data-page-color="retreats"] .page-hero--immersive::after {
  background: linear-gradient(180deg, rgba(14, 35, 26, .94), rgba(14, 35, 26, .88) 22%, rgba(14, 35, 26, .24) 43%, rgba(14, 35, 26, 0) 67%);
}

body[data-page-color="groups"] .page-hero--immersive .page-hero-photo img {
  object-position: center 15%;
}

body[data-page-color="retreats"] .page-hero--immersive .page-hero-photo img {
  object-position: 52% 64%;
}

body[data-page-color="education"] .page-hero--immersive .page-hero-copy {
  width: min(46%, 620px);
}

body[data-page-color="education"] .page-hero--immersive .page-hero-photo img {
  object-position: 60% 56%;
}

body[data-page-color="education"] .page-hero--immersive::after {
  background: linear-gradient(90deg, rgba(12, 40, 36, .94), rgba(12, 40, 36, .81) 31%, rgba(12, 40, 36, .36) 51%, rgba(12, 40, 36, 0) 72%);
}

body[data-page-color="consultation"] .page-hero--immersive {
  --hero-ink: #233c32;
  --hero-detail: #3d5947;
  min-height: clamp(780px, 60vw, 1080px);
  align-items: start;
  padding-top: clamp(44px, 4vw, 72px);
  background-color: #e9e1cd;
}

body[data-page-color="consultation"] .page-hero--immersive h1 {
  max-width: 1080px;
  margin-inline: auto;
  margin-bottom: 24px;
  font-size: clamp(3.2rem, 6vw, 6.6rem);
}

body[data-page-color="consultation"] .page-hero--immersive::after {
  background: linear-gradient(180deg, rgba(249, 246, 234, .98), rgba(249, 246, 234, .94) 23%, rgba(249, 246, 234, .52) 38%, rgba(249, 246, 234, 0) 60%);
}

body[data-page-color="consultation"] .page-hero--immersive .page-hero-photo img {
  object-position: center 75%;
}

body[data-page-color="writing"] .page-hero--immersive .page-hero-copy {
  width: min(50%, 660px);
}

body[data-page-color="writing"] .page-hero--immersive .page-hero-photo img {
  object-position: 66% 68%;
}

body[data-page-color="writing"] .page-hero--immersive::after {
  background: linear-gradient(90deg, rgba(18, 39, 30, .95), rgba(18, 39, 30, .86) 32%, rgba(18, 39, 30, .47) 52%, rgba(18, 39, 30, 0) 76%);
}

@media (max-width: 760px) {
  body[data-page-color="psychedelic"] .page-hero--immersive::after {
    background: linear-gradient(180deg, rgba(249, 244, 231, .98), rgba(249, 244, 231, .92) 45%, rgba(249, 244, 231, .08) 90%);
  }

  body[data-page-color="groups"] .page-hero--immersive,
  body[data-page-color="retreats"] .page-hero--immersive,
  body[data-page-color="consultation"] .page-hero--immersive {
    padding-top: 56px;
  }

  body[data-page-color="groups"] .page-hero--immersive {
    min-height: max(1000px, calc(100svh - 86px));
  }

  body[data-page-color="retreats"] .page-hero--immersive,
  body[data-page-color="consultation"] .page-hero--immersive {
    min-height: max(900px, calc(100svh - 86px));
  }

  body[data-page-color="groups"] .page-hero--immersive .page-hero-copy,
  body[data-page-color="retreats"] .page-hero--immersive .page-hero-copy,
  body[data-page-color="education"] .page-hero--immersive .page-hero-copy,
  body[data-page-color="consultation"] .page-hero--immersive .page-hero-copy,
  body[data-page-color="writing"] .page-hero--immersive .page-hero-copy {
    width: 100%;
    max-width: 620px;
    text-align: left;
  }

  body[data-page-color="groups"] .page-hero--immersive h1,
  body[data-page-color="retreats"] .page-hero--immersive h1,
  body[data-page-color="consultation"] .page-hero--immersive h1 {
    font-size: clamp(2.75rem, 10.4vw, 4.65rem);
  }

  body[data-page-color="groups"] .page-hero--immersive::after,
  body[data-page-color="retreats"] .page-hero--immersive::after {
    background: linear-gradient(180deg, rgba(14, 35, 26, .96), rgba(14, 35, 26, .90) 30%, rgba(14, 35, 26, .12) 53%, rgba(14, 35, 26, 0) 68%);
  }

  body[data-page-color="groups"] .page-hero--immersive .page-hero-photo img {
    object-position: 52% center;
  }

  body[data-page-color="retreats"] .page-hero--immersive .page-hero-photo img {
    object-position: 48% center;
  }

  body[data-page-color="education"] .page-hero--immersive::after {
    background: linear-gradient(180deg, rgba(12, 40, 36, .96), rgba(12, 40, 36, .86) 46%, rgba(12, 40, 36, .08) 87%);
  }

  body[data-page-color="education"] .page-hero--immersive .page-hero-photo img {
    object-position: 62% 65%;
  }

  body[data-page-color="consultation"] .page-hero--immersive::after {
    background: linear-gradient(180deg, rgba(249, 246, 234, .98), rgba(249, 246, 234, .94) 32%, rgba(249, 246, 234, .08) 62%);
  }

  body[data-page-color="consultation"] .page-hero--immersive .page-hero-photo img {
    object-position: 83% center;
  }

  body[data-page-color="writing"] .page-hero--immersive {
    min-height: max(820px, calc(100svh - 86px));
  }

  body[data-page-color="writing"] .page-hero--immersive::after {
    background: linear-gradient(180deg, rgba(18, 39, 30, .96), rgba(18, 39, 30, .87) 47%, rgba(18, 39, 30, .04) 86%);
  }

  body[data-page-color="writing"] .page-hero--immersive .page-hero-photo img {
    object-position: 73% 65%;
  }
}