.journey-page .cover.journey-cover { min-height: 850px; padding-top: 220px; }
.journey-page .cover.portrait-cover { display: grid; grid-template-columns: 1.15fr 1fr; gap: 6%; align-items: center; }
.journey-page .portrait-cover h1 { font-size: clamp(48px,5vw,76px); }
.journey-page .portrait-cover .transformations-opening > p { font-size: 16px; }
.portrait-plane { position: relative; margin: 0; padding: 25px 0; }
.journey-portrait { display: block; width: 100%; height: auto; border-radius: 50%; position: relative; z-index: 1; }
/* Compensate for the supplied portrait's transparent margins without moving its orbits. */
.journey-portrait[src*='jonathan-story-headshot'] { scale: 1.4; translate: 6% 4%; }
.portrait-plane figcaption { margin-top: 40px; font-size: 16px; line-height: 1.8; text-align: center; }
.portrait-plane figcaption span { font-size: 12px; }
.portrait-orbit { position: absolute; top: 0; left: -5%; width: 110%; aspect-ratio: 1; border: 1px solid #376b8380; border-radius: 50%; }
.portrait-orbit.orbit-two { transform: rotate(-28deg) scaleX(.92); border-color: #78a9bf70; }
.journey-page .client-chapter, .rhythm-section { color: var(--explore-ink, #173451); }
.journey-page .chapter-heading h2 > span { color: inherit; }
.journey-lead { font: 400 clamp(25px,2.6vw,38px)/1.4 var(--sc-font-display); letter-spacing: -.025em; margin: 0 0 36px; }
.story-timeline { position: relative; }
.story-thread { position: absolute; left: 6.1vw; top: 120px; bottom: 120px; width: 1px; background: #a7cce32b; }
.story-thread i { position: absolute; inset: 0; background: #b9eaff; transform: scaleY(0); transform-origin: top; box-shadow: 0 0 12px #18b5d288; }
.journey-page .story-rail { z-index: 1; }
.practice-cover .transformations-opening { max-width: 860px; }
.practice-contours { position: absolute; width: 70vw; height: 70vw; right: -30vw; top: 150px; opacity: .3; pointer-events: none; }
.practice-contours i { position: absolute; inset: 0; border: 1px solid #527f9b; border-radius: 44% 56% 60% 40%; }
.practice-contours i:nth-child(2) { inset: 6%; transform: rotate(35deg); }
.practice-contours i:nth-child(3) { inset: 12%; transform: rotate(70deg); }
.practice-contours i:nth-child(4) { inset: 18%; transform: rotate(110deg); }
.practice-principles > div { padding: 25px 0; border-top: 1px solid #9bb7ce66; }
.practice-principles > div:first-child { padding-top: 0; border: 0; }
.practice-principles h3 { font: 500 26px/1.3 var(--sc-font-display); letter-spacing: -.025em; margin: 0 0 14px; }
.practice-principles p, .questions-chapter .chapter-heading > p { font-size: 16px; line-height: 1.8; }
.rhythm-section { position: relative; padding: 120px 8vw; display: grid; grid-template-columns: 1fr 1fr; gap: 7%; align-items: start; min-height: 720px; }
.practice-cover .transformations-opening > a[href="index.html#practice"] { display: none; }
.rhythm-copy h2 { font: 400 clamp(40px,4.3vw,66px)/1.16 var(--sc-font-display); letter-spacing: -.045em; margin: 0 0 28px; }
.rhythm-copy > p { line-height: 1.8; max-width: 420px; }
.rhythm-toggle { margin-top: 20px; text-align: left; }
.rhythm-status { font-size: 14px; }
.rhythm-copy small { display: block; max-width: 350px; font-size: 12px; line-height: 1.7; opacity: .8; }
.breathing-field { min-width: 0; }
.practice-page .rhythm-section { overflow: clip; isolation: isolate; }
.practice-page .rhythm-copy { position: relative; z-index: 3; }
.breath-spirals { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 1; }
.breath-spirals path { fill: none; stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.breathing-rings > span { z-index: 2; }
.breathing-rings { position: relative; width: 100%; aspect-ratio: 1; }
.breathing-rings i { position: absolute; inset: 7%; border: 1px solid #c5eaff88; border-radius: 50%; transform: scale(.8); }
.breathing-rings i:nth-child(2) { inset: 15%; border-radius: 45% 55% 50% 50%; }
.breathing-rings i:nth-child(3) { inset: 23%; }
.breathing-rings i:nth-child(4) { inset: 31%; }
.breathing-rings span { position: absolute; inset: 44%; background: #d6f3ff; border-radius: 50%; box-shadow: 0 0 55px 25px #18b5d240; }
.breath-wave { width: 100%; height: auto; overflow: visible; }
.breath-wave path { stroke: #c5eaff70; fill: none; stroke-width: 1; }
.breath-wave circle { fill: #dbf4ff; filter: drop-shadow(0 0 5px #18b5d2); }
.questions-chapter .faq-list { min-width: 0; }
.journey-page .faq { background: transparent; border: 0; border-bottom: 1px solid #c7e7ff40; border-radius: 0; padding: 0; color: inherit; }
.journey-page .faq summary { padding: 23px 0; font: 600 18px/1.5 var(--sc-font-text); display: flex; justify-content: space-between; gap: 18px; cursor: pointer; list-style: none; transition: text-shadow .3s; }
.journey-page .faq summary::-webkit-details-marker { display: none; }
.journey-page .faq summary:hover { text-shadow: 0 0 15px #18b5d2; }
.journey-page .faq summary:focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }
.journey-page .faq summary span { transition: transform .3s; }
.journey-page .faq[open] summary span { transform: rotate(45deg); }
.journey-page .faq p { color: inherit; font-size: 16px; line-height: 1.85; padding: 0 0 24px; margin: 0; }
@media(max-width:800px) {
 .journey-page .cover.journey-cover { padding-top: 180px; min-height: 0; }
 .journey-page .cover.portrait-cover { grid-template-columns: 1fr; gap: 45px; }
 .journey-page .portrait-cover h1 { font-size: clamp(43px,7vw,65px); }
 .portrait-plane { width: min(90%,380px); margin: 0 auto; }
 .portrait-plane figcaption { margin-top: 28px; }
 .journey-page .transformations-cover .story-rail { top: 250px; }
 .story-thread { left: 52px; top: 85px; bottom: 90px; }
 .rhythm-section { grid-template-columns: 1fr; padding: 85px 28px 85px 65px; min-height: 0; gap: 30px; }
 .breathing-field { max-width: 440px; width: 100%; margin: auto; }
 .practice-contours { width: 110vw; height: 110vw; right: -75vw; top: 170px; }
}
@media(prefers-reduced-motion:reduce) {
 .story-thread i { transform: none; }
 .journey-page .faq summary, .journey-page .faq summary span { transition: none; }
}

@media(max-width:700px) {
 .journey-page .cover.journey-cover { padding-top: 145px; padding-bottom: 70px; }
 .journey-page .cover.portrait-cover { gap: 34px; }
 .journey-page .client-chapter { padding-top: 70px; padding-bottom: 74px; }
 .journey-page .rhythm-section {
  gap: 24px;
  padding: 70px 24px 74px;
 }
 .journey-page .questions-chapter { gap: 30px; }
 .journey-page .story-thread { left: 24px; top: 70px; bottom: 74px; }
 .practice-page .practice-cover { min-height: 0; padding-bottom: 64px; }
 .practice-page .listen-intro { margin-top: 18px; padding-top: 24px; }
}

@media (orientation:landscape) and (max-height:500px) and (max-width:900px) {
 .journey-page .cover.journey-cover { min-height: 0; padding-top: 125px; padding-bottom: 70px; }
 .journey-page .client-chapter,
 .journey-page .rhythm-section { min-height: 0; padding-top: 72px; padding-bottom: 78px; }
 .journey-page .rhythm-section { gap: 5vw; }
 .journey-page .story-thread { top: 72px; bottom: 78px; }
}