/* Parallax enhancement. The Current layout and source content stay intact. */
.world-stage { display: none }
.cards-identity { display: none }
.notes-app-icon { display: none }
.gallery-reading-panel { display: contents }
html[data-site-mode=parallax] { scroll-behavior: auto }
html[data-site-mode=parallax].worlds-ready { scroll-padding-top: var(--site-top) }
html[data-site-mode=parallax].worlds-ready .world-stage { display: block; position: fixed; inset: var(--site-top) 0 0; z-index: 0; pointer-events: auto; translate: 0 var(--chapter-lift,0px) }
html[data-site-mode=parallax].worlds-ready .world-stage[hidden] { display: none }
.world-stage canvas { width: 100%; height: 100%; display: block }
html[data-site-mode=parallax].worlds-ready .world-stage::after { display: none }
html[data-site-mode=parallax].worlds-ready .home-page main { position: relative; z-index: 1; pointer-events: none }
html[data-site-mode=parallax].worlds-ready .home-page .scroll-scene { pointer-events: none; background: transparent }
html[data-site-mode=parallax].worlds-ready .home-page .scroll-scene:not([data-scene=hero]) { height: 260svh }
html[data-site-mode=parallax].worlds-ready .home-page .scroll-scene[data-scene=hero] { height: 230svh }
html[data-site-mode=parallax].worlds-ready .home-page .scroll-scene[data-scene=cards] { height: 310svh }
html[data-site-mode=parallax].worlds-ready .home-page .scroll-scene[data-scene=education] { height: 300svh }
html[data-site-mode=parallax].worlds-ready .home-page .scroll-scene[data-scene=niki] { height: 250svh }
html[data-site-mode=parallax].worlds-ready .home-page .projects-heading { margin: 0; padding: 0; height: 0; overflow: hidden }
html[data-site-mode=parallax].worlds-ready .home-page .scene-content:not(.hero) { height: calc(100svh - var(--site-top)); min-height: 0; padding: 0; position: sticky; top: var(--site-top); background: transparent; overflow: visible; pointer-events: none; gap: 0; scroll-margin-top: 0 }
html[data-site-mode=parallax].worlds-ready .home-page .scene-content:not(.hero)::after { display: none }
html[data-site-mode=parallax].worlds-ready .home-page .scene-content>.gallery-image,
html[data-site-mode=parallax].worlds-ready .home-page .scene-content>.project-visual,
html[data-site-mode=parallax].worlds-ready .home-page .scene-content>.coaching-project-art { display: none }
html[data-site-mode=parallax].worlds-ready .home-page .hero[data-hero-preview] { position: fixed; top: var(--site-top); left: 0; height: calc(100svh - var(--site-top)); min-height: 0; padding: 5vw; opacity: var(--hero-opacity,1); pointer-events: none; overflow: hidden }
html[data-site-mode=parallax].worlds-ready .home-page .hero-copy { transform: translateY(calc(var(--scene-progress)*-65px)) scale(calc(1 - var(--scene-progress)*.15)) }
/* A stable right reading column, including at the narrow in-app-browser width. */
html[data-site-mode=parallax].worlds-ready .home-page .scene-content>.narrative-copy { display: block; position: fixed; top: calc(var(--site-top) + var(--world-height,75vh)*.14); right: 6vw; left: auto; width: 32vw; max-width: 470px; height: calc(var(--world-height,75vh)*.72); padding: 0; margin: 0; transform: none; translate: 0 var(--chapter-lift,0px); opacity: var(--scene-opacity,0); pointer-events: none; overflow: visible }
html[data-site-mode=parallax].worlds-ready .home-page .scene-content .project-meta,
html[data-site-mode=parallax].worlds-ready .home-page .scene-content .eyebrow { display: none }
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>.narrative-beat,
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>ul>li.narrative-beat { position: absolute; top: 52%; left: 0; width: 100%; margin: 0; opacity: var(--beat-opacity,0); transform: translateY(calc(-50% + var(--beat-y,0px))); transition: none; pointer-events: auto }
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>.linked-beat:not(.text-link),
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>ul>li.linked-beat { top: calc(52% - 22px) }
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>.narrative-title { position: absolute; top: 0; left: 0; width: 100%; margin: 0; transform: none; opacity: 1; pointer-events: auto }
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy h3 { font-size: clamp(33px,4vw,65px); line-height: 1.08; letter-spacing: -.045em; margin: 0 }
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy .gallery-wordmark { font-size: clamp(48px,7vw,110px); line-height: .9; color: #283a61 }
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy h3 button span { display: none }
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>p,
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>ul>li { max-width: none; font-size: clamp(18px,1.65vw,25px); line-height: 1.55; font-weight: 500; color: inherit; padding: 0; list-style: none }
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>ul { padding: 0; margin: 0; list-style: none }
html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>.text-link { top: calc(52% + var(--linked-height,160px)*.5 + 2px); bottom: auto; width: fit-content; font-size: 13px; color: inherit; transform: translateY(var(--beat-y,0px)); margin: 0 }
html[data-site-mode=parallax].worlds-ready .home-page .gallery-feature { color: #24314a }
html[data-site-mode=parallax].worlds-ready .home-page .gallery-feature>.narrative-copy>.narrative-beat { padding: 18px; background: #efeee9ee; border-radius: 3px }
html[data-site-mode=parallax].worlds-ready .home-page .gallery-feature>.narrative-copy>.gallery-reading-panel { display: block }
html[data-site-mode=parallax].worlds-ready .home-page .gallery-reading-panel>.gallery-wordmark { font-size: clamp(28px,3.5vw,48px); line-height: 1.08; letter-spacing: -.045em; margin: 0 0 22px; color: inherit }
html[data-site-mode=parallax].worlds-ready .home-page .gallery-reading-panel>p { margin: 0; padding: 0; max-width: none; color: inherit; font-size: clamp(18px,1.65vw,25px); font-weight: 500; line-height: 1.55 }
html[data-site-mode=parallax].worlds-ready .home-page .gallery-reading-panel>.text-link { margin: 22px 0 0; color: inherit; font-size: 13px }
html[data-site-mode=parallax].worlds-ready .home-page .project-notes { color: #f7f8f4 }
html[data-site-mode=parallax].worlds-ready .home-page .project-notes>.narrative-copy { translate: 0 calc(var(--chapter-lift,0px) + var(--notes-exit-y,0px)) }
html[data-site-mode=parallax].worlds-ready .home-page .project-notes .narrative-copy>.narrative-title { top: -70px }
html[data-site-mode=parallax].worlds-ready .home-page .project-notes .narrative-title button { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 16px }
html[data-site-mode=parallax].worlds-ready .home-page .notes-app-icon { display: block; flex: none; width: 54px; height: 54px; object-fit: cover; border: 1px solid #ffffff2b; border-radius: 23%; box-shadow: 0 2px 7px #0003 }
html[data-site-mode=parallax].worlds-ready .home-page .project-cards { color: #35402f }
html[data-site-mode=parallax].worlds-ready .home-page .project-cards>.narrative-copy>h3 { display: none }
html[data-site-mode=parallax].worlds-ready .home-page .project-cards>.cards-identity { display: block; position: fixed; top: calc(var(--site-top) + var(--world-height,75vh)*.10); right: 6vw; left: auto; width: 32vw; max-width: 470px; text-align: left; opacity: var(--scene-opacity,0); translate: 0 var(--chapter-lift,0px); pointer-events: auto }
html[data-site-mode=parallax].worlds-ready .home-page .cards-identity h3 { margin: 0 0 15px; font-size: clamp(28px,3.5vw,48px); line-height: 1.1; letter-spacing: -.045em }
html[data-site-mode=parallax].worlds-ready .home-page .cards-identity h3 button { display: inline; width: auto; font: inherit; color: inherit; letter-spacing: inherit; text-align: inherit }
html[data-site-mode=parallax].worlds-ready .home-page .cards-identity h3 button span { display: none }
.cards-variant-toggle { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid #35402f50; border-radius: 30px; background: #bdb6aaab }
.cards-variant-toggle button { padding: 7px 16px; border: 0; border-radius: 24px; background: transparent; color: #35402f; font: inherit; font-size: 12px; line-height: 1.3; cursor: pointer }
.cards-variant-toggle button[aria-pressed=true] { background: #35402f; color: #f6f4ee }
.cards-variant-toggle button:focus-visible { outline: 2px solid #35402f; outline-offset: 4px }
/* Education stays white on a narrow blue reading surface through night and dawn. */
html[data-site-mode=parallax].worlds-ready .home-page .coaching-project,
html[data-site-mode=parallax].worlds-ready .home-page .coaching-project[data-day=true] { color: #f7faff; transition: none }
html[data-site-mode=parallax].worlds-ready .home-page .coaching-project>.narrative-copy { padding: 22px; background: #102650f5; border-radius: 3px }
html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>.narrative-title { top: 22px; left: 22px; width: calc(100% - 44px); font-size: clamp(30px,3.4vw,53px) }
html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>.narrative-beat,
html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>ul>li.narrative-beat { left: 22px; width: calc(100% - 44px) }
/* Niki identity remains visible. Each caption follows its actual screen bounds. */
html[data-site-mode=parallax].worlds-ready .home-page .niki-layout-preview { color: #edf1ff }
html[data-site-mode=parallax].worlds-ready .home-page .niki-header { display: block; margin: 0; transform: none }
html[data-site-mode=parallax].worlds-ready .home-page .niki-copy { position: fixed; top: calc(var(--site-top) + var(--world-height,75vh)*.035); left: 10vw; right: auto; width: 80vw; max-width: none; text-align: center; opacity: var(--scene-opacity,0); transform: none; translate: 0 var(--chapter-lift,0px); pointer-events: auto; margin: 0 }
html[data-site-mode=parallax].worlds-ready .home-page .niki-copy h3 { font-size: clamp(29px,4vw,48px); line-height: 1.1; letter-spacing: -.04em; margin: 0 0 9px }
html[data-site-mode=parallax].worlds-ready .home-page .niki-copy>p { color: #c2cde0; font-size: 15px; margin: 0 }
html[data-site-mode=parallax].worlds-ready .home-page .video-strip { margin: 0; display: block }
html[data-site-mode=parallax].worlds-ready .home-page .video-strip figure { display: none }
html[data-site-mode=parallax].worlds-ready .home-page .video-strip>a { position: fixed; left: var(--video-left,10vw); top: calc(var(--site-top) + var(--video-top,55vh)); right: auto; width: var(--video-width,80vw); max-width: none; margin: 0; padding: 0; border: 0; text-align: center; opacity: calc(var(--scene-opacity,0)*var(--beat-opacity,0)); transform: translateY(var(--beat-y,0px)); translate: 0 var(--chapter-lift,0px); pointer-events: auto }
html[data-site-mode=parallax].worlds-ready .home-page .video-strip p { color: #edf1ff; max-width: none; margin: 0; font-size: clamp(18px,2vw,26px); line-height: 1.4; letter-spacing: -.02em }
html[data-site-mode=parallax].worlds-ready .home-page .video-strip>a::after { display: none }
html[data-site-mode=parallax].worlds-ready .home-page .video-strip p::after { content: ' ↗'; display: inline }
html[data-site-mode=parallax].worlds-ready .home-page .niki-links { position: fixed; top: calc(var(--site-top) + var(--world-height,75vh)*.17); bottom: auto; left: 50%; right: auto; width: max-content; display: flex; gap: 25px; margin: 0; padding: 0; transform: translateX(-50%); translate: 0 var(--chapter-lift,0px); opacity: var(--scene-opacity,0); pointer-events: auto }
html[data-site-mode=parallax].worlds-ready .home-page .niki-links .text-link { font-size: 12px; margin: 0 }
/* The whole chapter exits above the footer instead of being covered by it. */
html[data-site-mode=parallax].worlds-ready .home-page .site-footer { display: block; position: relative; z-index: 2; background: #0f1a30; color: #edf1ff; border: 0; width: 100%; max-width: none; padding-block: 55px 30px }
html[data-site-mode=parallax].worlds-ready .home-page .site-footer .brand-mark i { background: #edf1ff }
html[data-site-mode=parallax].worlds-ready .home-page .site-footer .footer-top,
html[data-site-mode=parallax].worlds-ready .home-page .site-footer .footer-bottom { border-color: #ffffff20 }
@media(max-width:760px) {
  html[data-site-mode=parallax].worlds-ready .home-page .gallery-reading-panel>p { font-size: clamp(15px,2.65vw,19px) }
  html[data-site-mode=parallax].worlds-ready .home-page .gallery-reading-panel>.text-link { font-size: 11px }
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards>.cards-identity { top: calc(var(--site-top) + var(--world-height,75vh)*.035); right: auto; left: 7vw; width: 86vw; max-width: none; text-align: center }
  html[data-site-mode=parallax].worlds-ready .home-page .cards-identity h3 { font-size: clamp(25px,4.2vw,32px); margin-bottom: 9px }
  html[data-site-mode=parallax].worlds-ready .home-page .scene-content>.narrative-copy { right: 6vw; width: 42vw; max-width: none }
  html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy h3 { font-size: clamp(23px,4.6vw,36px) }
  html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy .gallery-wordmark { font-size: clamp(36px,7vw,55px) }
  html[data-site-mode=parallax].worlds-ready .home-page .gallery-reading-panel>.gallery-wordmark { font-size: clamp(25px,4.2vw,32px); margin-bottom: 18px }
  html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>p,
  html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>ul>li { font-size: clamp(15px,2.65vw,19px); line-height: 1.55 }
  html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>.text-link { font-size: 11px }
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards>.narrative-copy { top: auto; bottom: 32px; left: 50%; right: auto; width: min(86vw,580px); height: calc(var(--linked-height,180px) + 76px); transform: translateX(-50%) }
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards .narrative-copy>.linked-beat:not(.text-link) { top: auto; bottom: 68px; transform: translateY(var(--beat-y,0px)) }
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards .narrative-copy>.text-link { top: auto; bottom: 0 }
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards .narrative-copy>p { font-size: clamp(16px,2.65vw,19px); line-height: 1.5 }
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards .narrative-copy h3 { font-size: clamp(30px,5.3vw,39px) }
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project>.narrative-copy { padding: 16px }
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>.narrative-title { top: 16px; left: 16px; width: calc(100% - 32px); font-size: clamp(22px,4.4vw,34px) }
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>.narrative-beat,
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>ul>li.narrative-beat { left: 16px; width: calc(100% - 32px) }
}
@media(max-width:450px) {
  html[data-site-mode=parallax].worlds-ready .home-page .gallery-reading-panel>.gallery-wordmark { font-size: clamp(18px,5.7vw,25px) }
  html[data-site-mode=parallax].worlds-ready .home-page .gallery-reading-panel>.text-link { font-size: 10px; gap: 7px }
  html[data-site-mode=parallax].worlds-ready .home-page .project-notes>.narrative-copy { top: var(--site-top); bottom: auto; right: 7vw; width: 86vw; height: var(--world-height,75vh) }
  html[data-site-mode=parallax].worlds-ready .home-page .project-notes .narrative-copy>.narrative-title { top: 22px; text-align: center; font-size: 29px }
  html[data-site-mode=parallax].worlds-ready .home-page .project-notes .narrative-title button { align-items: center; gap: 9px }
  html[data-site-mode=parallax].worlds-ready .home-page .project-notes .notes-app-icon { width: 40px; height: 40px }
  html[data-site-mode=parallax].worlds-ready .home-page .project-notes .narrative-copy>.linked-beat:not(.text-link) { top: auto; bottom: 90px; transform: translateY(var(--beat-y,0px)); font-size: 17px; line-height: 1.5 }
  html[data-site-mode=parallax].worlds-ready .home-page .project-notes .narrative-copy>.text-link { top: auto; bottom: 28px; font-size: 12px }
  html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>.text-link { font-size: 10px; gap: 7px }
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project>.narrative-copy { top: calc(var(--site-top) + var(--world-height,75vh)*.52); right: 7vw; width: 86vw; height: calc(var(--world-height,75vh)*.43); padding: 12px }
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>.narrative-title { top: 14px; left: 12px; width: calc(100% - 24px); font-size: 21px }
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>.narrative-beat,
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>ul>li.narrative-beat { left: 12px; width: calc(100% - 24px); font-size: 16px; line-height: 1.5 }
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards .narrative-copy>.text-link { font-size: 12px }
}
@media(min-width:600px) and (max-width:760px) {
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards>.cards-identity { display: flex; align-items: center; justify-content: space-between; gap: 20px; text-align: left }
  html[data-site-mode=parallax].worlds-ready .home-page .cards-identity h3 { margin: 0 }
}
@media(max-width:599px) {
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards>.cards-identity { top: calc(var(--site-top) + 12px) }
  html[data-site-mode=parallax].worlds-ready .home-page .cards-identity h3 { margin-bottom: 7px }
  .cards-variant-toggle button { font-size: 11px; padding: 5px 13px }
}
@media(prefers-reduced-motion:reduce),(max-height:599px) {
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards>.cards-identity { position: relative; top: auto; left: auto; width: 100%; opacity: 1; translate: none; margin-bottom: 28px }
  html[data-site-mode=parallax].worlds-ready .home-page .scroll-scene,
  html[data-site-mode=parallax].worlds-ready .home-page .scroll-scene:not([data-scene=hero]) { height: auto; min-height: 100svh }
  html[data-site-mode=parallax].worlds-ready .home-page .hero[data-hero-preview],
  html[data-site-mode=parallax].worlds-ready .home-page .scene-content:not(.hero) { position: relative; top: auto; height: auto; min-height: calc(100svh - var(--site-top)); padding: 70px 7vw; opacity: 1 }
  html[data-site-mode=parallax].worlds-ready .home-page .scene-content>.narrative-copy,
  html[data-site-mode=parallax].worlds-ready .home-page .niki-copy,
  html[data-site-mode=parallax].worlds-ready .home-page .video-strip>a,
  html[data-site-mode=parallax].worlds-ready .home-page .niki-links { position: relative; top: auto; bottom: auto; left: auto; right: auto; width: 100%; height: auto; max-width: 650px; transform: none; translate: none; opacity: 1; margin: 0 0 24px }
  html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>.narrative-title,
  html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>.narrative-beat,
  html[data-site-mode=parallax].worlds-ready .home-page .narrative-copy>ul>li.narrative-beat,
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>.narrative-title,
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>.narrative-beat,
  html[data-site-mode=parallax].worlds-ready .home-page .coaching-project .narrative-copy>ul>li.narrative-beat { position: relative; top: auto; bottom: auto; left: auto; width: 100%; opacity: 1; transform: none; margin-bottom: 25px }
  html[data-site-mode=parallax].worlds-ready .home-page .project-notes .narrative-copy>.narrative-title,
  html[data-site-mode=parallax].worlds-ready .home-page .project-notes .narrative-copy>.linked-beat:not(.text-link),
  html[data-site-mode=parallax].worlds-ready .home-page .project-notes .narrative-copy>.text-link,
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards .narrative-copy>.linked-beat:not(.text-link),
  html[data-site-mode=parallax].worlds-ready .home-page .project-cards .narrative-copy>.text-link { position: relative; top: auto; bottom: auto; transform: none; font-size: inherit }
  html[data-site-mode=parallax].worlds-ready .home-page .scene-content:not(.coaching-project)>.narrative-copy { background: #f6f8fcf0; color: #142b52; padding: 25px }
  html[data-site-mode=parallax].worlds-ready .home-page .gallery-feature>.narrative-copy>.gallery-reading-panel { padding: 0; background: transparent }
  html[data-site-mode=parallax].worlds-ready .home-page .niki-layout-preview { background: #0f1a30 }
  html[data-site-mode=parallax].worlds-ready .home-page .video-strip { display: grid; grid-template-columns: 1fr; gap: 28px }
  html[data-site-mode=parallax].worlds-ready .home-page .video-strip figure { display: block; margin-bottom: 12px }
  html[data-site-mode=parallax].worlds-ready .home-page .video-strip>a::after { display: none }
}
html.options-context[data-site-mode=parallax].worlds-ready,html.niki-layout-context[data-site-mode=parallax].worlds-ready { scroll-padding-top: calc(var(--site-top) + 52px) }