@import url("/chapter-text-mist.css");
/* Shared background treatment for selected individual chapter scenes only. */
.template-chapter .content-page { --chapter-header-edge: 91px; position: relative; isolation: isolate; }
.template-chapter .content-page::after { content: ""; position: absolute; inset: var(--chapter-header-edge) 0 0; z-index: 1; background-image: var(--chapter-photo); background-size: cover; background-position: right top; background-repeat: no-repeat; pointer-events: none; -webkit-mask-image: linear-gradient(225deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.7) 30%, rgba(0,0,0,.44) 50%, rgba(0,0,0,.2) 68%, rgba(0,0,0,.07) 86%, transparent 100%), radial-gradient(ellipse 65% 45% at 0% 0%, transparent 0%, rgba(0,0,0,.08) 48%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.85) 88%, #000 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(225deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.7) 30%, rgba(0,0,0,.44) 50%, rgba(0,0,0,.2) 68%, rgba(0,0,0,.07) 86%, transparent 100%), radial-gradient(ellipse 65% 45% at 0% 0%, transparent 0%, rgba(0,0,0,.08) 48%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.85) 88%, #000 100%); mask-composite: intersect; }
.template-chapter .page-hero::before { content: ""; position: absolute; inset: var(--chapter-header-edge) 0 0; z-index: 0; background: var(--cream); pointer-events: none; }
.template-chapter .page-hero::after { content: none; }
.template-chapter .page-hero > * { position: relative; z-index: 2; }
.template-chapter .page-content { position: relative; z-index: 2; }
.template-chapter .page-hero h1 { color: var(--ink); }
.template-chapter .content-page > .page-hero .section-kicker { color: #8c704d; }
.template-chapter .content-page > .page-hero > p:last-of-type { color: #58647b; }
.chapter-my-chart { --chapter-photo: url('/assets/brand-chapters/my-chart-1600.webp'); }
.chapter-chart-reading { --chapter-photo: url('/assets/brand-chapters/chart-reading-1600.webp'); }
.chapter-palaces { --chapter-photo: url('/assets/brand-chapters/palaces-1600.webp'); }
.chapter-stars { --chapter-photo: url('/assets/brand-chapters/stars-1600.webp'); }
.chapter-transformations { --chapter-photo: url('/assets/brand-chapters/transformations-1600.webp'); }
.chapter-basics { --chapter-photo: url('/assets/brand-chapters/basics-1600.webp'); }
.chapter-advanced { --chapter-photo: url('/assets/brand-chapters/advanced-1600.webp'); }
.chapter-booking { --chapter-photo: url('/assets/brand-chapters/booking-1600.webp'); }
@media (max-width: 700px) { .template-chapter .content-page { --chapter-header-edge: 72px; }
.chapter-my-chart { --chapter-photo: url('/assets/brand-chapters/my-chart-800.webp'); }
.chapter-chart-reading { --chapter-photo: url('/assets/brand-chapters/chart-reading-800.webp'); }
.chapter-palaces { --chapter-photo: url('/assets/brand-chapters/palaces-800.webp'); }
.chapter-stars { --chapter-photo: url('/assets/brand-chapters/stars-800.webp'); }
.chapter-transformations { --chapter-photo: url('/assets/brand-chapters/transformations-800.webp'); }
.chapter-basics { --chapter-photo: url('/assets/brand-chapters/basics-800.webp'); }
.chapter-advanced { --chapter-photo: url('/assets/brand-chapters/advanced-800.webp'); }
.chapter-booking { --chapter-photo: url('/assets/brand-chapters/booking-800.webp'); }
}

.chapter-discover { --chapter-photo: url('/assets/brand-chapters/discover-1600.webp'); }
@media (max-width: 700px) { .chapter-discover { --chapter-photo: url('/assets/brand-chapters/discover-800.webp'); } }

.chapter-starspace { --chapter-photo: url('/assets/brand-chapters/starspace-1600.webp'); }
@media (max-width: 700px) { .chapter-starspace { --chapter-photo: url('/assets/brand-chapters/starspace-800.webp'); } }

.chapter-journal { --chapter-photo: url('/assets/brand-chapters/journal-1600.webp'); }
@media (max-width: 700px) { .chapter-journal { --chapter-photo: url('/assets/brand-chapters/journal-800.webp'); } }

.chapter-about { --chapter-photo: url('/assets/brand-chapters/about-1600.webp'); }
@media (max-width: 700px) { .chapter-about { --chapter-photo: url('/assets/brand-chapters/about-800.webp'); } }

.chapter-consultation { --chapter-photo: url('/assets/brand-chapters/consultation-1600.webp'); }
@media (max-width: 700px) { .chapter-consultation { --chapter-photo: url('/assets/brand-chapters/consultation-800.webp'); } }