/* Chaptered continuation of the landing page's shared scroll atmosphere. */
.transformations-page { color: #182f4b; }
.transformations-page .site-header { position: absolute; }
.transformations-page .cover.transformations-cover { position: relative; min-height: 780px; height: auto; padding: 220px 8vw 110px; display: block; overflow: hidden; background: transparent; }
.transformations-opening { position: relative; z-index: 1; max-width: 900px; }
.transformations-opening h1 { font: 400 clamp(55px, 6.8vw, 104px)/1.06 var(--sc-font-display); letter-spacing: -.06em; margin: 36px 0 28px; }
.transformations-opening h1 > span { color: #24768d; }
.transformations-opening > p { max-width: 550px; font-size: 18px; line-height: 1.8; margin-bottom: 30px; }
.story-rail { position: absolute; left: 3vw; top: 120px; margin: 0; writing-mode: vertical-rl; white-space: nowrap; font: 400 14pt/1.35 var(--sc-font-text); letter-spacing: .025em; }
.transformations-cover .story-rail { top: 310px; }
.story-orbits { position: absolute; width: 52vw; height: 52vw; right: -17vw; top: 20%; pointer-events: none; opacity: .35; }
.story-orbits i { position: absolute; inset: 0; border: 1px solid #527f9b; border-radius: 50%; transform: rotate(-28deg) scaleX(.75); }
.story-orbits i:nth-child(2) { inset: 6%; transform: rotate(25deg) scaleX(.7); }
.story-orbits i:nth-child(3) { inset: 12%; transform: rotate(70deg) scaleX(.6); }
.client-chapter { position: relative; min-height: 720px; padding: 120px 8vw; display: grid; grid-template-columns: .95fr 1.05fr; gap: 8vw; align-items: start; scroll-margin-top: 40px; }
.chapter-heading h2 { font: 400 clamp(40px,4.3vw,66px)/1.16 var(--sc-font-display); letter-spacing: -.045em; margin: 18px 0 0; }
.chapter-kicker { font-size: 14px; margin: 0; opacity: .8; }
.chapter-light, .chapter-dark { color: var(--explore-ink, #193c4b); }
.transformations-page .emphasis-word { color: inherit !important; opacity: 1 !important; }
.chapter-dark h2 span { color: #c7e7ff; }
.chapter-reading { min-width: 0; }
.client-chapter .testimonial { padding: 0; margin: 0 0 40px; }
.client-chapter .testimonial blockquote { font: 400 clamp(29px,3vw,43px)/1.35 var(--sc-font-display); letter-spacing: -.035em; transform-origin: left center; transition: transform .4s, text-shadow .4s; }
.client-chapter .testimonial figcaption { font-size: 15px; margin-top: 25px; }
.client-chapter .testimonial figcaption span { color: inherit; opacity: .75; }
.story-context { border-top: 1px solid #8eabc666; padding-top: 24px; max-width: 520px; }
.story-context p { font-size: 16px; line-height: 1.85; margin: 0 0 18px; }
.story-context small { font-size: 12px; opacity: .75; }
.chapter-reading > a { margin-top: 30px; }
.transformations-page .testimonial:focus-visible { outline: 1px solid currentColor; outline-offset: 10px; }
.transformations-page .testimonial:focus-visible blockquote { text-shadow: 0 0 22px #18b5d277; }
@media(hover:hover) and (pointer:fine) {
 .transformations-page .testimonial:hover blockquote { transform: scale(1.03); text-shadow: 0 0 10px #ffffff40, 0 0 25px #18b5d280; }
}
.transformations-close h3 { font: 400 clamp(36px,4vw,60px)/1.15 var(--sc-font-display); letter-spacing: -.035em; margin: 0 0 24px; }
.transformations-close p { max-width: 480px; line-height: 1.8; margin-bottom: 22px; }
@media(max-width:800px) {
 .transformations-page .cover.transformations-cover { padding: 210px 28px 80px 65px; min-height: 760px; }
 .transformations-page .brand { width: 220px; }
 .transformations-page .journey-controls { gap: 14px; }
 .transformations-page .journey-controls .luminous-action { font-size: 12pt; }
 .story-rail { left: 20px; top: 85px; font-size: 14pt; }
 .transformations-cover .story-rail { top: 270px; }
 .client-chapter { grid-template-columns: 1fr; gap: 42px; padding: 85px 28px 90px 65px; min-height: 0; }
 .story-orbits { width: 95vw; height: 95vw; right: -45vw; top: 40%; }
 .transformations-opening h1 { font-size: clamp(45px,8vw,70px); }
 .transformations-opening > p { font-size: 16px; }
}
@media(prefers-reduced-motion:reduce) {
 .transformations-page .testimonial blockquote { transition: none; transform: none !important; }
}

@media(max-width:700px) {
 .transformations-page .cover.transformations-cover {
  min-height: 0;
  padding: 150px 24px 72px;
 }
 .transformations-page .transformations-opening { max-width: none; }
 .transformations-page .transformations-opening h1 { margin-top: 24px; margin-bottom: 22px; }
 .transformations-page .transformations-opening > p { margin-bottom: 24px; }
 .transformations-page .client-chapter {
  gap: 32px;
  padding: 72px 24px 76px;
 }
 .transformations-page .story-orbits { top: 30%; }
 .transformations-page .transformations-close { padding-top: 58px; padding-bottom: 68px; }
}

@media (orientation:landscape) and (max-height:500px) and (max-width:900px) {
 .transformations-page .cover.transformations-cover {
  min-height: 0;
  padding: 125px 6vw 70px;
 }
 .transformations-page .client-chapter {
  min-height: 0;
  padding-top: 72px;
  padding-bottom: 78px;
  gap: 6vw;
 }
 .transformations-page .transformations-close { padding-top: 62px; padding-bottom: 72px; }
}