/* Page-specific fixed photographs. The homepage and approved couples page are unchanged. */
body.continuous-page {
  --continuous-ink: #fbf7ee;
  --continuous-muted: #f0eee4;
  --continuous-detail: #ead8bb;
  --continuous-rgb: 9, 28, 23;
  --continuous-overlay: linear-gradient(90deg, rgba(8,26,21,.82), rgba(8,26,21,.58) 43%, rgba(8,26,21,.24) 80%);
  background: #122b24;
}
body.continuous-page.continuous-light {
  --continuous-ink: #20382f;
  --continuous-muted: #304b3e;
  --continuous-detail: #405a44;
  --continuous-rgb: 250, 247, 237;
  --continuous-overlay: linear-gradient(90deg, rgba(250,247,237,.92), rgba(250,247,237,.81) 43%, rgba(250,247,237,.30) 80%);
  background: #eee8d6;
}
body.continuous-page main {
  position: relative;
  z-index: 0;
  isolation: isolate;
  display: flow-root;
  min-height: calc(100svh - 100px);
  color: var(--continuous-ink);
}
body.continuous-page main::before,
body.continuous-page main::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}
body.continuous-page main::before {
  z-index: -2;
  background-image: var(--continuous-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: var(--continuous-position, center);
}
body.continuous-page main::after {
  z-index: -1;
  background: var(--continuous-overlay);
}
/* The footer stays in normal flow, above both fixed photographic layers. */
body.continuous-page > .footer {
  position: relative;
  z-index: 1;
  isolation: isolate;
}
body.continuous-page[data-page-color] .page-hero {
  --hero-ink: var(--continuous-ink);
  --hero-detail: var(--continuous-detail);
  background: transparent;
  color: var(--continuous-ink);
}
body.continuous-page[data-page-color] .page-hero::after,
body.continuous-page .page-hero-photo,
body.continuous-page .essay-photo {
  display: none;
}
body.continuous-page[data-page-color] .page-hero :is(h1, .lead) {
  color: var(--continuous-ink);
}
body.continuous-page[data-page-color] main .eyebrow {
  color: var(--continuous-detail);
}
/* Contact uses the same spacious opening as the existing immersive pages. */
body.continuous-page .page-hero:not(.page-hero--immersive) {
  grid-template-columns: minmax(0,1fr);
  min-height: max(700px, calc(100svh - 100px));
  padding: 80px 7%;
}
body.continuous-page .page-hero:not(.page-hero--immersive) .page-hero-copy {
  padding: 0;
  width: min(60%, 760px);
}
body.continuous-page[data-page-color] .content-layout:not(:has(.side-note)) {
  max-width: none;
  padding: 90px max(7%, calc((100vw - 950px) / 2));
  background: linear-gradient(180deg, rgba(var(--continuous-rgb),.64), rgba(var(--continuous-rgb),.83));
}
body.continuous-page[data-page-color] main :is(.prose-section h2, .essay h1, .essay h2, .feature-cta h2, .article-card h3, .thankyou h1) {
  color: var(--continuous-ink);
}
body.continuous-page[data-page-color] main :is(.prose-section p:not(.eyebrow), .essay p:not(.eyebrow), .feature-cta p, .article-card p, .thankyou p:not(.eyebrow)) {
  color: var(--continuous-muted);
}
body.continuous-page .prose-section {
  border-color: rgba(244,232,210,.32);
}
body.continuous-page.continuous-light .prose-section {
  border-color: rgba(44,72,52,.25);
}
body.continuous-page[data-page-color] main :is(.feature-cta, .article-card) {
  background: rgba(var(--continuous-rgb),.78);
  border-color: rgba(140,158,134,.45);
}
body.continuous-page[data-page-color] main .article-card span {
  color: var(--continuous-detail);
}
body.continuous-page[data-page-color] .essay {
  max-width: 900px;
  margin: 0 auto;
  padding: 85px 50px 110px;
  background: rgba(var(--continuous-rgb),.69);
}
body.continuous-page .backlink {
  color: var(--continuous-detail);
}
body.continuous-page .thankyou {
  min-height: 75svh;
}
/* Forms and the workshop facts keep their solid, readable surfaces. */
body.continuous-page[data-page-color] .form-wrap {
  color: #263d34;
  background: #faf8ef;
}
body.continuous-page[data-page-color] .form-wrap h2 {
  color: #263d34;
}
body.continuous-page .forum-community-photo {
  padding-bottom: 32px;
  background: rgba(var(--continuous-rgb),.65);
}
body.continuous-page .forum-community-photo figcaption {
  color: var(--continuous-muted);
}
body.continuous-page[data-page-color="workshop"] .content-layout {
  background: rgba(var(--continuous-rgb),.82);
}
body.continuous-page[data-page-color="workshop"] main :is(.workshop-practice, .workshop-takeaways, .workshop-practice strong, .registration-schedule) {
  color: var(--continuous-muted);
}
body.continuous-page main .button.outline {
  color: var(--continuous-ink);
  border-color: currentColor;
}
body.continuous-page .side-note .button.outline {
  color: #263d34;
}
@media (max-width:760px) {
  body.continuous-page {
    --continuous-overlay: linear-gradient(180deg, rgba(8,26,21,.85), rgba(8,26,21,.68) 48%, rgba(8,26,21,.35));
  }
  body.continuous-page.continuous-light {
    --continuous-overlay: linear-gradient(180deg, rgba(250,247,237,.94), rgba(250,247,237,.83) 48%, rgba(250,247,237,.48));
  }
  body.continuous-page main::before {
    background-position: var(--continuous-mobile-position, center);
  }
  body.continuous-page .page-hero:not(.page-hero--immersive) {
    min-height: max(650px, calc(100svh - 86px));
    padding: 65px 7%;
  }
  body.continuous-page .page-hero:not(.page-hero--immersive) .page-hero-copy {
    width: 100%;
  }
  body.continuous-page[data-page-color] .content-layout:not(:has(.side-note)) {
    padding: 64px 7%;
  }
  body.continuous-page[data-page-color] .essay {
    padding: 64px 7% 85px;
  }
}

body.continuous-page[data-page-color="article-protection"] { --continuous-image: url("assets/pages/article-protection.webp"); --continuous-position: center; --continuous-mobile-position: center; }

body.continuous-page[data-page-color="article-integration"] { --continuous-image: url("assets/pages/article-integration.webp"); --continuous-position: center; --continuous-mobile-position: center; }

body.continuous-page[data-page-color="article-recognition"] { --continuous-image: url("assets/pages/article-recognition.webp"); --continuous-position: center; --continuous-mobile-position: center; }

body.continuous-page[data-page-color="about"] { --continuous-image: url("assets/pages/about.webp"); --continuous-position: 65% 48%; --continuous-mobile-position: 65% center; }

body.continuous-page[data-page-color="consultation"] { --continuous-image: url("assets/color/consultation-blue-orange-chairs.webp"); --continuous-position: center 75%; --continuous-mobile-position: 83% center; }

body.continuous-page[data-page-color="contact"] { --continuous-image: url("assets/pages/contact.webp"); --continuous-position: center; --continuous-mobile-position: center; }

body.continuous-page[data-page-color="education"] { --continuous-image: url("assets/color/education-teal-terracotta-steps.webp"); --continuous-position: 60% 56%; --continuous-mobile-position: 62% 65%; }

body.continuous-page[data-page-color="forum"] { --continuous-image: url("assets/immersive/forum-courtyard.webp"); --continuous-position: 65% 53%; --continuous-mobile-position: 65% center; }

body.continuous-page[data-page-color="groups"] { --continuous-image: url("assets/color/garden-conversation.webp"); --continuous-position: center 15%; --continuous-mobile-position: 52% center; }

body.continuous-page[data-page-color="psychedelic"] { --continuous-image: url("assets/pages/psychedelic.webp"); --continuous-position: 52% 57%; --continuous-mobile-position: center; }

body.continuous-page[data-page-color="psychotherapy"] { --continuous-image: url("assets/immersive/psychotherapy-water-patterns.webp"); --continuous-position: center; --continuous-mobile-position: center; }

body.continuous-page[data-page-color="retreats"] { --continuous-image: url("assets/color/coastal-group-walk.webp"); --continuous-position: 52% 64%; --continuous-mobile-position: 48% center; }

body.continuous-page[data-page-color="workshop"] { --continuous-image: url("assets/immersive/workshop-study.webp"); --continuous-position: 67% 55%; --continuous-mobile-position: 70% center; }

body.continuous-page[data-page-color="writing"] { --continuous-image: url("assets/color/writing-plum.webp"); --continuous-position: 66% 68%; --continuous-mobile-position: 73% 65%; }

body.continuous-page[data-page-color="thank-you"] { --continuous-image: url("assets/pages/contact.webp"); --continuous-position: center; --continuous-mobile-position: center; }