:root {
  color-scheme: dark;
  --pad: clamp(20px, 2.4vw, 42px);
  --white: #f7f7f2;
  --muted: rgba(247, 247, 242, .62);
  --line: rgba(247, 247, 242, .32);
  --signal-pink: #ff5a9c;
  --mx: 0px;
  --my: 0px;
  --px: 50%;
  --py: 50%;
}

* { box-sizing: border-box; }
html { margin: 0; width: 100%; min-height: 100%; scroll-behavior: smooth; background: #07121b; }
body { margin: 0; min-width: 320px; min-height: 100%; color: var(--white); background: #07121b; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Apple SD Gothic Neo", "Helvetica Neue", Arial, sans-serif; }
body, a { cursor: none; }
a { color: inherit; text-decoration: none; }
address { font-style: normal; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.skip-link { position: fixed; z-index: 100; left: 12px; top: 12px; padding: 10px 14px; color: #07121b; background: var(--white); transform: translateY(-160%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; z-index: 20; top: 0; left: 0; right: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; padding: max(var(--pad), env(safe-area-inset-top)) var(--pad) 0; pointer-events: none; }
.site-header a, .clock { pointer-events: auto; }
.wordmark { display: flex; align-items: center; gap: 10px; width: fit-content; }
.wordmark-symbol { width: 44px; height: 44px; object-fit: contain; }
.wordmark-lockup { width: 66px; height: auto; object-fit: contain; }
.site-nav { display: flex; gap: clamp(18px, 2.2vw, 38px); padding-top: 3px; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.site-nav a { position: relative; padding: 4px 0 8px; color: rgba(247,247,242,.55); transition: color .3s; }
.site-nav a::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 2px; height: 1px; background: var(--white); transition: right .35s ease; }
.site-nav a:hover, .site-nav a:focus-visible, .site-nav a.is-active { color: var(--white); }
.site-nav a.is-active::after { right: 0; }
.clock { display: grid; grid-column: 3; justify-items: end; gap: 4px; padding-top: 2px; font-size: 11px; line-height: 1; letter-spacing: .08em; font-variant-numeric: tabular-nums; }

.chapter { position: relative; min-height: 100svh; isolation: isolate; overflow: hidden; }
.backgrounds, .background, .veil, .grain, .chapter-media, .chapter-veil { position: absolute; inset: 0; }
.backgrounds, .chapter-media, .chapter-veil { z-index: -2; }
.backgrounds { transform: translateZ(0); }
.background, .chapter-media { inset: -2.5%; background-position: center; background-size: cover; transform: translate3d(var(--mx), var(--my), 0) scale(1.045); will-change: opacity, transform, filter; animation: breathe 12s ease-in-out infinite alternate; }
.background { opacity: 0; transition: opacity 2s cubic-bezier(.45, 0, .55, 1); }
.background[data-scene="C"] { background-image: url("assets/background-c-v3.png"); }
.background[data-scene="B"] { background-image: url("assets/background-b-v3.png"); }
.background[data-scene="A"] { background-image: url("assets/background-a-v3.png"); }
.background.is-active { opacity: 1; }
.chapter-media-fannie { background-image: url("assets/background-c-v3.png"); transform: translate3d(var(--mx), var(--my), 0) scale(1.085); }
.chapter-media-between-worlds { background-image: url("assets/background-a-v3.png"); }
.chapter-media-contact { background-image: url("assets/background-b-v3.png"); }
.veil, .chapter-veil { z-index: -1; }
.hero-veil { background: radial-gradient(circle 280px at var(--px) var(--py), rgba(255,255,255,.08), transparent 72%), linear-gradient(90deg, rgba(2,8,12,.42), transparent 58%, rgba(2,8,12,.12)), linear-gradient(0deg, rgba(2,8,12,.3), transparent 48%); }
.fannie-veil { background: linear-gradient(90deg, rgba(4,10,14,.64) 0%, rgba(4,10,14,.18) 48%, rgba(4,10,14,.04) 74%), linear-gradient(0deg, rgba(3,7,9,.42), transparent 45%); }
.between-worlds-veil { background: radial-gradient(circle 320px at var(--px) var(--py), rgba(255,255,255,.08), transparent 74%), linear-gradient(90deg, rgba(1,8,13,.58), rgba(1,8,13,.04) 64%), linear-gradient(0deg, rgba(1,6,10,.5), transparent 52%); }
.contact-veil { background: linear-gradient(90deg, rgba(3,10,15,.62) 0%, rgba(3,10,15,.3) 42%, rgba(3,10,15,.04) 70%), linear-gradient(0deg, rgba(3,8,12,.42), transparent 58%); }
.grain { z-index: -1; opacity: .08; mix-blend-mode: soft-light; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); }

.hero-copy, .chapter-copy { position: absolute; z-index: 2; left: var(--pad); }
.hero-copy { top: 50%; transform: translateY(-51%); }
h1 { display: flex; flex-direction: column; margin: 0; font-size: clamp(72px, 12.8vw, 224px); font-weight: 700; letter-spacing: -.075em; line-height: .72; text-transform: uppercase; }
h1 span { transition: transform .65s cubic-bezier(.22,1,.36,1), text-shadow .65s ease; }
h1 span:nth-child(2) { width: fit-content; margin-left: .38em; font-weight: 400; transform: scaleX(var(--x-scale, 1)); transform-origin: center; }
body.is-x-near h1 span:first-child { transform: translateY(-3px); }
body.is-x-near h1 span:nth-child(2) { text-shadow: 0 0 28px rgba(247,247,242,.24); }
body.is-x-near h1 span:last-child { transform: translateY(3px); }
.statement { margin: clamp(28px, 4vh, 54px) 0 0 .3em; font-size: clamp(13px, 1.05vw, 18px); line-height: 1.25; letter-spacing: -.02em; }

.discover-link { position: absolute; z-index: 2; left: var(--pad); bottom: max(var(--pad), env(safe-area-inset-bottom)); display: flex; align-items: center; gap: 18px; padding-bottom: 8px; border-bottom: 1px solid var(--line); font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.discover-arrow { display: inline-block; font-size: 18px; font-weight: 400; animation: nudge-down 1.8s ease-in-out infinite; }

.chapter-copy { top: 50%; width: min(760px, calc(100vw - var(--pad) * 2)); transform: translateY(-48%); }
.story-chapter .chapter-copy { opacity: 0; transform: translateY(-42%); transition: opacity .9s ease .12s, transform 1s cubic-bezier(.22,1,.36,1) .12s; }
.story-chapter.is-in-view .chapter-copy { opacity: 1; transform: translateY(-48%); }
.eyebrow { margin: 0 0 clamp(18px, 3vh, 36px); color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
h2 { margin: 0; font-size: clamp(70px, 10.5vw, 188px); line-height: .77; letter-spacing: -.07em; text-transform: uppercase; }
.fannie-copy h2 { color: rgba(247,247,242,.82); font-size: clamp(62px, 8.4vw, 148px); }
.chapter-lead { margin: clamp(24px, 3.5vh, 42px) 0 0; font-size: clamp(15px, 1.28vw, 22px); line-height: 1.25; letter-spacing: -.025em; text-transform: uppercase; }
.editorial-line { margin: clamp(24px, 3vh, 36px) 0 0; color: var(--muted); font-size: clamp(11px, .9vw, 15px); font-weight: 700; line-height: 1.55; letter-spacing: .04em; }
.coming-soon { display: inline-flex; align-items: center; gap: 15px; margin: clamp(30px, 4.5vh, 52px) 0 0; min-width: clamp(205px, 18vw, 260px); padding: 10px 18px 10px 12px; border: 1px solid rgba(255,112,170,.58); border-radius: 999px; background: linear-gradient(90deg, rgba(255,77,151,.16), rgba(255,116,175,.045)); box-shadow: inset 0 0 20px rgba(255,108,170,.04), 0 0 28px rgba(255,75,145,.06); backdrop-filter: blur(8px); color: #ff85b8; font: inherit; text-align: left; cursor: none; appearance: none; transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease; }
.coming-soon:hover, .coming-soon:focus-visible { border-color: rgba(255,139,187,.9); box-shadow: inset 0 0 24px rgba(255,108,170,.08), 0 0 34px rgba(255,75,145,.15); transform: translateY(-1px); outline: none; }
.heartbeat { display: flex; align-items: center; width: clamp(66px, 5.5vw, 86px); flex: 0 0 auto; }
.heart { display: inline-block; color: #ff5a9c; font-size: 19px; line-height: 1; filter: drop-shadow(0 0 7px rgba(255,74,149,.48)); transform-origin: center; animation: heart-beat 1.75s cubic-bezier(.22,1,.36,1) infinite; }
.pulse-line { position: relative; flex: 1; height: 1px; margin-left: 7px; background: linear-gradient(90deg, #ff5a9c, rgba(255,90,156,.15)); transform: scaleX(.35); transform-origin: left; animation: pulse-line 1.75s cubic-bezier(.22,1,.36,1) infinite; }
.pulse-line::after { content: ''; position: absolute; right: -2px; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #ff85b8; box-shadow: 0 0 8px rgba(255,90,156,.85); transform: translateY(-50%); }
.coming-label { margin-left: auto; font-size: clamp(10px, .82vw, 13px); font-weight: 700; line-height: 1; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
.fannie-signal { position: absolute; z-index: 1; left: 48.6%; top: 77.2%; display: grid; width: 20px; height: 20px; place-items: center; pointer-events: none; transform: translate(-50%, -50%); opacity: 0; transition: opacity .8s ease .5s; }
.fannie-chapter.is-in-view .fannie-signal { opacity: 1; }
.fannie-signal::before, .fannie-signal::after { content: ''; position: absolute; inset: 0; border-radius: 50%; }
.fannie-signal::before, .fannie-signal::after { border: 1px solid rgba(255,90,156,.7); box-shadow: 0 0 10px rgba(255,90,156,.22); opacity: 0; animation: fannie-signal 3.5s cubic-bezier(.22,1,.36,1) infinite; }
.fannie-signal::after { animation-delay: .28s; }
.fannie-signal span { position: relative; z-index: 1; color: #ff79b4; font-size: 15px; line-height: 1; text-shadow: 0 0 8px rgba(255,90,156,.9), 0 0 16px rgba(255,90,156,.52); transform-origin: center; animation: signal-heart 1.75s cubic-bezier(.22,1,.36,1) infinite; }
.fannie-response-glow { position: absolute; z-index: 0; left: 48.6%; top: 77.2%; width: clamp(110px, 12vw, 180px); aspect-ratio: 1; border: 1px solid rgba(255,120,180,.1); border-radius: 50%; background: radial-gradient(circle, rgba(255,103,169,.2) 0%, rgba(255,126,184,.07) 28%, transparent 70%); box-shadow: 0 0 34px rgba(255,77,151,.09), inset 0 0 26px rgba(255,174,211,.04); opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(.45); }
.fannie-response-glow::before, .fannie-response-glow::after { content: ''; position: absolute; inset: 24%; border: 1px solid rgba(255,189,218,.12); border-radius: 50%; }
.fannie-response-glow::after { inset: 40%; background: radial-gradient(circle, rgba(255,236,245,.14), transparent 66%); }
.fannie-chapter.is-responding .fannie-response-glow { animation: fannie-response-glow 2.8s cubic-bezier(.22,1,.36,1) both; }
.fannie-chapter.is-responding .fannie-signal::before { animation: fannie-response-ring 1.55s cubic-bezier(.22,1,.36,1) 0s 2; }
.fannie-chapter.is-responding .fannie-signal::after { animation: fannie-response-ring 1.55s cubic-bezier(.22,1,.36,1) .18s 2; }
.fannie-chapter.is-responding .fannie-signal span { animation: fannie-response-heart .95s cubic-bezier(.22,1,.36,1) 0s 3; }
.fannie-chapter.is-responding .coming-soon { animation: fannie-response-pill 2.8s ease both; }
.discipline-list { display: flex; flex-wrap: wrap; gap: 9px 26px; margin: clamp(34px, 5vh, 58px) 0 0; padding: 0; list-style: none; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.discipline-list li { display: flex; align-items: center; gap: 26px; }
.discipline-list li:not(:last-child)::after { content: '×'; color: rgba(247,247,242,.35); }

.contact-copy { top: 51%; width: min(920px, calc(100vw - var(--pad) * 2)); }
.contact-copy h2 { font-size: clamp(62px, 8.5vw, 148px); }
.locations { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(26px, 4vw, 80px); width: min(820px, 100%); margin-top: clamp(28px, 4vh, 48px); padding-top: clamp(18px, 2.6vh, 28px); }
.city-route { position: absolute; left: 0; right: 0; top: 0; height: 1px; overflow: visible; background: var(--line); }
.route-light { position: absolute; left: 0; top: -1px; width: clamp(45px, 6vw, 85px); height: 3px; border-radius: 999px; background: linear-gradient(90deg, transparent, rgba(247,247,242,.95), transparent); filter: drop-shadow(0 0 5px rgba(247,247,242,.75)); opacity: 0; transform: translateX(-120%); }
.contact-chapter.route-active .route-light { animation: route-travel 5.4s cubic-bezier(.4,0,.2,1) .55s 1 both; }
.locations:hover .route-light { animation: route-travel 3.8s cubic-bezier(.4,0,.2,1) 0s infinite; }
.location h3 { margin: 0 0 10px; color: var(--muted); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.location address { font-size: clamp(10px, .72vw, 12px); line-height: 1.55; letter-spacing: .015em; }
.contact-email { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; margin-top: clamp(25px, 3.5vh, 38px); }
.contact-email span { color: var(--muted); font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }
.contact-email a { padding-bottom: 6px; border-bottom: 1px solid rgba(247,247,242,.5); font-size: clamp(15px, 1.25vw, 21px); letter-spacing: -.02em; transition: border-color .25s; }
.contact-email a:hover, .contact-email a:focus-visible { border-color: var(--white); }
.partnership-trigger { margin-top: 5px; padding: 10px 15px; border: 1px solid rgba(247,247,242,.34); border-radius: 999px; color: rgba(247,247,242,.88); background: rgba(2,6,9,.24); font: inherit; font-size: 8px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; cursor: none; transition: color .25s, border-color .25s, background .25s, transform .25s; }
.partnership-trigger:hover, .partnership-trigger:focus-visible { color: #07121b; border-color: var(--white); background: var(--white); outline: none; transform: translateY(-1px); }

.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.partnership-dialog { position: fixed; z-index: 80; inset: 0; display: grid; place-items: center; padding: var(--pad); }
.partnership-dialog[hidden] { display: none; }
.dialog-backdrop { position: absolute; inset: 0; border: 0; background: rgba(0,4,7,.78); backdrop-filter: blur(15px); cursor: none; }
.partnership-card { position: relative; width: min(620px, 100%); padding: clamp(34px, 6vw, 70px); border: 1px solid rgba(247,247,242,.22); background: radial-gradient(circle at 82% 12%, rgba(111,178,210,.12), transparent 34%), rgba(4,10,14,.96); box-shadow: 0 32px 100px rgba(0,0,0,.62); }
.dialog-close, .bibi-close { border: 0; color: rgba(247,247,242,.7); background: transparent; font: inherit; font-size: 25px; line-height: 1; cursor: none; }
.dialog-close { position: absolute; top: 18px; right: 20px; }
.dialog-eyebrow { margin: 0 0 24px; color: var(--muted); font-size: 8px; font-weight: 700; letter-spacing: .24em; }
.partnership-card h2 { margin: 0; font-size: clamp(38px, 6vw, 72px); line-height: .92; letter-spacing: -.055em; }
.partnership-card > p { max-width: 430px; margin: 28px 0 0; color: rgba(247,247,242,.72); font-size: 13px; line-height: 1.7; }
.dialog-action { display: inline-flex; margin-top: 30px; padding: 12px 16px; border: 1px solid rgba(247,247,242,.55); border-radius: 999px; font-size: 9px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; transition: color .25s, background .25s; }
.dialog-action:hover, .dialog-action:focus-visible { color: #07121b; background: var(--white); outline: none; }
.partnership-card small { display: block; margin-top: 14px; color: rgba(247,247,242,.38); font-size: 8px; line-height: 1.5; letter-spacing: .04em; }

.bibi { position: fixed; z-index: 70; right: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); }
.bibi-launch { display: flex; align-items: center; gap: 10px; min-width: 166px; padding: 7px 14px 7px 7px; border: 1px solid rgba(247,247,242,.32); border-radius: 999px; color: var(--white); background: rgba(3,9,13,.72); box-shadow: 0 16px 44px rgba(0,0,0,.34); backdrop-filter: blur(15px); font: inherit; text-align: left; cursor: none; transition: border-color .25s, transform .25s, background .25s; }
.bibi-launch:hover, .bibi-launch:focus-visible { border-color: rgba(247,247,242,.7); background: rgba(6,16,23,.9); outline: none; transform: translateY(-2px); }
.bibi-mark, .bibi-avatar { display: grid; flex: 0 0 auto; place-items: center; border: 1px solid rgba(247,247,242,.26); border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(124,202,232,.24), rgba(255,255,255,.03) 55%, rgba(0,0,0,.2)); }
.bibi-mark { width: 36px; height: 36px; }
.bibi-avatar { width: 42px; height: 42px; }
.bibi-mark img, .bibi-avatar img { width: 60%; height: 60%; object-fit: contain; filter: drop-shadow(0 0 8px rgba(255,255,255,.16)); }
.bibi-launch > span:last-child, .bibi-header > span:nth-child(2) { display: flex; flex-direction: column; gap: 3px; }
.bibi-launch strong, .bibi-header strong { font-size: 9px; letter-spacing: .16em; }
.bibi-launch small, .bibi-header small { color: rgba(247,247,242,.42); font-size: 6px; letter-spacing: .16em; }
.bibi-panel { position: absolute; right: 0; bottom: 0; display: flex; flex-direction: column; width: min(380px, calc(100vw - 28px)); height: min(590px, calc(100svh - 28px)); overflow: hidden; border: 1px solid rgba(247,247,242,.24); border-radius: 24px; background: radial-gradient(circle at 72% -5%, rgba(96,171,209,.16), transparent 32%), rgba(3,9,13,.96); box-shadow: 0 34px 100px rgba(0,0,0,.66); backdrop-filter: blur(24px); }
.bibi-panel[hidden] { display: none; }
.bibi-header { display: flex; align-items: center; gap: 11px; padding: 16px; border-bottom: 1px solid rgba(247,247,242,.12); }
.bibi-header > span:nth-child(2) { flex: 1; }
.bibi-messages { flex: 1; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; padding: 18px 16px; scrollbar-width: thin; scrollbar-color: rgba(247,247,242,.24) transparent; }
.bibi-message { align-self: flex-end; max-width: 84%; margin: 0; padding: 11px 13px; border: 1px solid rgba(247,247,242,.14); border-radius: 16px 16px 4px 16px; color: rgba(247,247,242,.88); background: rgba(247,247,242,.08); font-size: 11px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.bibi-message.is-bibi { align-self: flex-start; border-radius: 16px 16px 16px 4px; color: rgba(247,247,242,.76); background: rgba(57,118,150,.1); }
.bibi-message.is-loading { color: rgba(247,247,242,.4); }
.bibi-message.is-loading::after { content: ' ···'; animation: bibi-wait 1.2s steps(4,end) infinite; }
.bibi-prompts { display: flex; gap: 6px; overflow-x: auto; padding: 0 16px 11px; scrollbar-width: none; }
.bibi-prompts::-webkit-scrollbar { display: none; }
.bibi-prompts button { flex: 0 0 auto; padding: 8px 10px; border: 1px solid rgba(247,247,242,.16); border-radius: 999px; color: rgba(247,247,242,.58); background: transparent; font: inherit; font-size: 7px; font-weight: 700; letter-spacing: .1em; cursor: none; }
.bibi-prompts button:hover, .bibi-prompts button:focus-visible { color: var(--white); border-color: rgba(247,247,242,.45); outline: none; }
.bibi-form { display: grid; grid-template-columns: 1fr 42px; gap: 8px; padding: 0 16px 10px; }
.bibi-form input { min-width: 0; padding: 12px 14px; border: 1px solid rgba(247,247,242,.18); border-radius: 999px; color: var(--white); background: rgba(0,0,0,.25); font: inherit; font-size: 11px; outline: none; }
.bibi-form input::placeholder { color: rgba(247,247,242,.32); }
.bibi-form input:focus { border-color: rgba(247,247,242,.55); }
.bibi-form button { display: grid; place-items: center; border: 1px solid rgba(247,247,242,.52); border-radius: 50%; color: #07121b; background: var(--white); font: inherit; font-size: 17px; cursor: none; }
.bibi-form :disabled { opacity: .48; }
.bibi-note { margin: 0; padding: 0 16px 14px; color: rgba(247,247,242,.28); font-size: 6px; line-height: 1.5; letter-spacing: .1em; text-align: center; }
@keyframes bibi-wait { 0% { opacity: .28; } 50% { opacity: 1; } 100% { opacity: .28; } }
.site-footer { position: absolute; left: var(--pad); bottom: max(var(--pad), env(safe-area-inset-bottom)); font-size: 9px; letter-spacing: .09em; }

.chapter-index { position: fixed; z-index: 20; right: var(--pad); top: 50%; display: flex; gap: 12px; transform: translateY(-50%) rotate(90deg); transform-origin: right center; font-size: 9px; letter-spacing: .15em; pointer-events: none; }
.chapter-index span:first-child { color: var(--muted); }

.cursor-aura { position: fixed; z-index: 50; left: 0; top: 0; width: 72px; height: 72px; border: 1px solid rgba(255,255,255,.52); border-radius: 50%; pointer-events: none; opacity: 0; transform: translate3d(-100px,-100px,0); mix-blend-mode: difference; will-change: transform; transition: width .25s, height .25s, opacity .3s; }
.cursor-aura::before, .cursor-aura::after { content: ''; position: absolute; border-radius: 50%; }
.cursor-aura::before { inset: 9px; border: 1px solid rgba(255,255,255,.28); }
.cursor-aura::after { left: 50%; top: 50%; width: 4px; height: 4px; background: white; transform: translate(-50%,-50%); box-shadow: 0 0 18px 5px rgba(255,255,255,.32); }
.cursor-aura span { position: absolute; inset: -13px; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); animation: orbit-pulse 2.4s ease-in-out infinite; }
body.has-pointer .cursor-aura { opacity: .82; }
body.is-link-hover .cursor-aura { width: 94px; height: 94px; }
.water-ripples { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none; }
.water-ripple { position: absolute; width: 26px; height: 26px; border: 1px solid rgba(247,247,242,.52); border-radius: 50%; box-shadow: 0 0 16px rgba(213,235,248,.12), inset 0 0 10px rgba(213,235,248,.08); opacity: 0; transform: translate(-50%, -50%) scale(.15); animation: water-ripple 1.85s cubic-bezier(.22,1,.36,1) forwards; }
.auto-ripple { display: none; left: 72%; top: 66%; }

/* WHAT WE BELIEVE — a long, scroll-directed interlude */
.believe-chapter { height: 800svh; background: #030506; overflow: visible; }
.believe-sticky { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; background: #020304; }
.belief-backgrounds, .belief-background, .belief-background-shade { position: absolute; inset: 0; }
.belief-backgrounds { z-index: -4; overflow: hidden; }
.belief-background { inset: -5%; opacity: 0; background-position: center; background-size: cover; filter: saturate(.8) contrast(1.08) brightness(.5) blur(1.4px); transform: scale(1.1); transition: opacity 1.5s ease; animation: belief-landscape-drift 18s ease-in-out infinite alternate; }
.belief-background[data-belief-background="0"] { background-image: url("assets/background-c-v3.png"); }
.belief-background[data-belief-background="1"] { background-image: url("assets/background-a-v3.png"); }
.belief-background[data-belief-background="2"] { background-image: url("assets/background-b-v3.png"); }
.belief-background.is-active { opacity: .88; }
.belief-background-shade { background: radial-gradient(circle at 50% 52%, rgba(3,5,7,.18), rgba(2,4,5,.58) 76%), linear-gradient(90deg, rgba(1,3,4,.32), rgba(2,4,5,.04) 52%, rgba(1,3,4,.28)); }
.belief-particles, .belief-glow { position: absolute; inset: 0; width: 100%; height: 100%; }
.belief-particles { z-index: 1; mix-blend-mode: screen; filter: saturate(1.22) drop-shadow(0 0 3px rgba(255,255,255,.18)); }
.belief-glow { z-index: -2; opacity: var(--belief-glow, .18); background: radial-gradient(circle at 50% 55%, rgba(255,206,225,.15), transparent 52%); transition: opacity .5s ease; }
.belief-lens-flare { position: absolute; z-index: 2; inset: -12%; opacity: 0; pointer-events: none; mix-blend-mode: screen; background: radial-gradient(circle at 50% 52%, rgba(255,249,235,.22), rgba(176,218,255,.07) 11%, transparent 31%); filter: blur(5px); transition: opacity .65s ease; }
.belief-lens-flare::before { content: ''; position: absolute; left: 18%; right: 18%; top: 52%; height: 1px; opacity: .18; background: linear-gradient(90deg, transparent, rgba(255,245,224,.7), transparent); box-shadow: 0 0 14px rgba(255,237,211,.12); transform: scaleX(.36); }
.belief-lens-flare::after { display: none; }
.believe-sticky.is-wordmark-ending .belief-lens-flare { opacity: .24; animation: belief-soft-bloom 5.5s ease-in-out infinite alternate; }
.believe-sticky.is-icon-ending .belief-lens-flare { opacity: 0; transition-duration: .2s; }
.believe-sticky .grain { z-index: 0; pointer-events: none; }
.belief-kicker { position: absolute; z-index: 4; top: max(88px, calc(env(safe-area-inset-top) + 72px)); left: 50%; margin: 0; color: rgba(247,247,242,.6); font-size: 9px; font-weight: 700; letter-spacing: .18em; transform: translateX(-50%); white-space: nowrap; transition: opacity .55s ease; }
.belief-languages { position: absolute; z-index: 5; top: max(118px, calc(env(safe-area-inset-top) + 102px)); left: 50%; display: flex; gap: 8px; padding: 5px; border: 1px solid rgba(247,247,242,.24); border-radius: 999px; background: rgba(3,5,6,.52); box-shadow: 0 10px 36px rgba(0,0,0,.3), inset 0 0 18px rgba(255,255,255,.025); backdrop-filter: blur(12px); transform: translateX(-50%); transition: opacity .55s ease; }
.belief-languages button { min-width: 54px; padding: 10px 16px; border: 0; border-radius: 999px; color: rgba(247,247,242,.58); background: transparent; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .08em; cursor: none; transition: color .25s ease, background .25s ease, box-shadow .25s ease; }
.belief-languages button:hover, .belief-languages button:focus-visible { color: var(--white); }
.belief-languages button[aria-pressed="true"] { color: #07121b; background: var(--white); box-shadow: 0 0 18px rgba(255,255,255,.24); }
.believe-sticky.is-brand-ending .belief-kicker, .believe-sticky.is-brand-ending .belief-languages { opacity: 0; pointer-events: none; }
.belief-scene { position: absolute; z-index: 3; inset: 0; display: flex; flex-direction: column; justify-content: center; width: min(1100px, calc(100% - var(--pad) * 2)); margin: auto; padding: clamp(90px, 12vh, 130px) 0; opacity: 0; visibility: hidden; transform: translateY(34px); text-shadow: 0 2px 18px rgba(0,0,0,.92), 0 0 5px rgba(0,0,0,.8); transition: opacity .24s ease, transform .34s ease, visibility 0s linear .34s; }
.belief-scene.is-active { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity .62s ease .26s, transform .72s cubic-bezier(.22,1,.36,1) .26s, visibility 0s; }
.belief-number { margin: 0 0 clamp(24px, 4vh, 46px); color: rgba(247,247,242,.42); font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.belief-display { margin: 0; font-size: clamp(27px, 4vw, 66px); font-weight: 400; line-height: 1.22; letter-spacing: -.045em; word-break: keep-all; overflow-wrap: normal; text-wrap: balance; }
.belief-display strong { color: #fff; font-weight: 700; text-shadow: 0 2px 20px rgba(0,0,0,.95), 0 0 38px rgba(255,255,255,.08); }
.belief-list { margin: 0; font-size: clamp(22px, 3.25vw, 52px); line-height: 1.52; letter-spacing: -.035em; word-break: keep-all; overflow-wrap: normal; text-wrap: pretty; }
.belief-sub { margin: clamp(26px, 4vh, 48px) 0 0; font-size: clamp(16px, 1.55vw, 25px); line-height: 1.5; word-break: keep-all; overflow-wrap: normal; text-wrap: balance; }
.belief-body, .belief-small, .belief-ways, .belief-final { max-width: 900px; word-break: normal; overflow-wrap: anywhere; text-wrap: pretty; }
.belief-body { margin: clamp(26px, 4vh, 46px) 0 0; color: rgba(247,247,242,.78); font-size: clamp(14px, 1.35vw, 21px); line-height: 1.7; }
.belief-small { margin: clamp(22px, 3.5vh, 38px) 0 0; color: rgba(247,247,242,.5); font-size: clamp(11px, .95vw, 15px); line-height: 1.7; }
.belief-ways { margin: clamp(19px, 3vh, 32px) 0 0; color: rgba(247,247,242,.5); font-size: clamp(11px, .95vw, 15px); line-height: 1.75; }
.belief-final { margin: clamp(25px, 4vh, 44px) 0 0; font-size: clamp(15px, 1.45vw, 23px); font-weight: 700; line-height: 1.55; word-break: keep-all; overflow-wrap: normal; }
.belief-final { text-wrap: balance; }
.belief-climax .belief-sub { font-size: clamp(18px, 1.7vw, 27px); line-height: 1.55; }
.belief-climax .belief-small { color: rgba(247,247,242,.72); font-size: clamp(15px, 1.2vw, 19px); line-height: 1.65; }
.belief-scene[data-belief-scene="3"] .belief-body { color: rgba(247,247,242,.86); font-size: clamp(16px, 1.45vw, 22px); line-height: 1.65; }
.belief-scene[data-belief-scene="3"] .belief-small { color: rgba(247,247,242,.72); font-size: clamp(15px, 1.15vw, 18px); line-height: 1.65; }
.belief-ending-copy { transition: opacity .8s ease, transform .8s ease; }
.belief-ending .belief-body { color: rgba(247,247,242,.88); font-size: clamp(16px, 1.45vw, 22px); font-weight: 400; line-height: 1.65; }
.belief-ending .belief-ways { color: rgba(247,247,242,.76); font-size: clamp(15px, 1.25vw, 19px); font-weight: 400; line-height: 1.65; }
.belief-ending .belief-final { color: rgba(247,247,242,.98); font-size: clamp(17px, 1.55vw, 24px); line-height: 1.5; }
#believe[lang="zh-CN"] .belief-scene, #believe[lang="zh-TW"] .belief-scene, #believe[lang="ja"] .belief-scene { line-break: strict; }
#believe[lang="zh-CN"] .belief-display, #believe[lang="zh-CN"] .belief-list, #believe[lang="zh-CN"] .belief-sub, #believe[lang="zh-CN"] .belief-body, #believe[lang="zh-CN"] .belief-small, #believe[lang="zh-CN"] .belief-ways, #believe[lang="zh-CN"] .belief-final,
#believe[lang="zh-TW"] .belief-display, #believe[lang="zh-TW"] .belief-list, #believe[lang="zh-TW"] .belief-sub, #believe[lang="zh-TW"] .belief-body, #believe[lang="zh-TW"] .belief-small, #believe[lang="zh-TW"] .belief-ways, #believe[lang="zh-TW"] .belief-final,
#believe[lang="ja"] .belief-display, #believe[lang="ja"] .belief-list, #believe[lang="ja"] .belief-sub, #believe[lang="ja"] .belief-body, #believe[lang="ja"] .belief-small, #believe[lang="ja"] .belief-ways, #believe[lang="ja"] .belief-final { max-width: 100%; word-break: normal; overflow-wrap: anywhere; }
.belief-wordmark-scene, .belief-brand-scene { align-items: center; text-align: center; }
.belief-logo { margin: 0; font-size: clamp(36px, 7vw, 112px); font-weight: 700; letter-spacing: -.065em; line-height: 1; white-space: nowrap; }
.belief-logo span { padding: 0 .08em; font-weight: 400; }
.believe-sticky.is-wordmark-ending .belief-logo { text-shadow: 0 0 28px rgba(255,255,255,.12); }
.belief-official-logo { display: grid; place-items: center; filter: none; }
.belief-official-symbol { width: clamp(300px, 40vw, 620px); height: auto; object-fit: contain; }
.belief-progress { position: absolute; z-index: 3; left: var(--pad); right: var(--pad); bottom: max(var(--pad), env(safe-area-inset-bottom)); height: 1px; background: rgba(247,247,242,.12); }
.belief-progress span { display: block; width: var(--belief-progress, 0%); height: 100%; background: rgba(247,247,242,.72); transition: width .1s linear; }

@keyframes breathe {
  0% { filter: saturate(.96) contrast(1.01); }
  45% { filter: saturate(1.04) contrast(1.03) blur(.25px); }
  100% { filter: saturate(.98) contrast(1.01); }
}
@keyframes belief-landscape-drift { from { transform: scale(1.1) translate3d(-.8%, -.5%, 0); } to { transform: scale(1.15) translate3d(.8%, .6%, 0); } }
@keyframes belief-soft-bloom { from { opacity: .12; transform: scale(.96); } to { opacity: .26; transform: scale(1.04); } }
@keyframes fannie-response-glow { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.45); } 20% { opacity: .48; } 58% { opacity: .25; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.25); } }
@keyframes fannie-response-ring { 0% { opacity: 0; transform: scale(.45); } 24% { opacity: .52; } 100% { opacity: 0; transform: scale(3.8); } }
@keyframes fannie-response-heart { 0%,100% { transform: scale(1); } 22% { transform: scale(1.58); text-shadow: 0 0 10px rgba(255,231,241,.9), 0 0 22px rgba(255,90,156,.76); } 52% { transform: scale(.94); } 72% { transform: scale(1.25); } }
@keyframes fannie-response-pill { 0%,100% { box-shadow: inset 0 0 20px rgba(255,108,170,.04), 0 0 28px rgba(255,75,145,.06); } 18%,46% { box-shadow: inset 0 0 25px rgba(255,108,170,.09), 0 0 36px rgba(255,75,145,.16); } }
@keyframes orbit-pulse { 0%,100% { transform: scale(.92); opacity: .25; } 50% { transform: scale(1.08); opacity: .7; } }
@keyframes nudge-down { 0%,100% { transform: translateY(-2px); } 50% { transform: translateY(4px); } }
@keyframes heart-beat {
  0%, 18%, 44%, 100% { transform: scale(1); }
  8% { transform: scale(1.3); }
  28% { transform: scale(1.18); }
}
@keyframes pulse-line {
  0%, 18%, 44%, 100% { transform: scaleX(.35); opacity: .5; }
  8% { transform: scaleX(1); opacity: 1; }
  28% { transform: scaleX(.72); opacity: .82; }
}
@keyframes fannie-signal {
  0%, 48% { transform: scale(.35); opacity: 0; }
  54% { opacity: .75; }
  78%, 100% { transform: scale(4.8); opacity: 0; }
}
@keyframes signal-heart {
  0%, 18%, 44%, 100% { transform: scale(1); }
  8% { transform: scale(1.8); }
  28% { transform: scale(1.38); }
}
@keyframes water-ripple {
  0% { transform: translate(-50%, -50%) scale(.15); opacity: .62; }
  100% { transform: translate(-50%, -50%) scale(8); opacity: 0; }
}
@keyframes route-travel {
  0% { left: 0; transform: translateX(-100%); opacity: 0; }
  12% { opacity: 1; }
  88% { opacity: 1; }
  100% { left: 100%; transform: translateX(-100%); opacity: 0; }
}
@keyframes x-connect-mobile {
  0%, 76%, 100% { transform: scaleX(1); text-shadow: none; }
  84% { transform: scaleX(1.12); text-shadow: 0 0 24px rgba(247,247,242,.22); }
  91% { transform: scaleX(1.04); }
}

@media (max-width: 900px) {
  body, a, button, input, .coming-soon { cursor: auto; }
  .site-header { grid-template-columns: 1fr auto; }
  .wordmark-symbol { width: 36px; height: 36px; }
  .wordmark-lockup { width: 54px; }
  .site-nav { position: absolute; top: max(calc(var(--pad) + 48px), calc(env(safe-area-inset-top) + 68px)); left: var(--pad); right: var(--pad); justify-content: space-between; gap: 8px; padding-top: 0; font-size: 8px; }
  .clock { grid-column: 2; font-size: 10px; }
  .chapter-copy, .contact-copy { top: 52%; }
  .chapter-index { display: none; }
  .cursor-aura { display: none; }
  .route-light { width: 55px; }
}

@media (max-width: 680px) {
  .chapter { min-height: 100svh; }
  .hero-copy { top: 44%; }
  h1 { font-size: clamp(68px, 24vw, 118px); line-height: .76; }
  .statement { max-width: 78vw; font-size: 12px; }
  .discover-link { font-size: 8px; }
  .chapter-copy, .contact-copy { top: 48%; width: calc(100vw - var(--pad) * 2); }
  h2, .contact-copy h2 { font-size: clamp(52px, 18vw, 88px); line-height: .8; }
  .fannie-copy h2 { max-width: 88vw; font-size: clamp(52px, 17vw, 76px); line-height: .8; }
  .fannie-copy h2 span { display: block; }
  .chapter-lead { max-width: 82vw; font-size: 12px; }
  .editorial-line { font-size: 10px; }
  .coming-soon { min-width: 202px; padding: 9px 16px 9px 11px; }
  .heartbeat { width: 64px; }
  .discipline-list { max-width: 86vw; gap: 8px 13px; font-size: 8px; }
  .discipline-list li { gap: 13px; }
  .contact-copy { top: 50%; transform: translateY(-43%); }
  .story-chapter.is-in-view .contact-copy { transform: translateY(-43%); }
  .contact-chapter { min-height: 800px; }
  .locations { grid-template-columns: 1fr; gap: 18px; margin-top: 25px; }
  .location address { font-size: 9px; }
  .contact-email { margin-top: 22px; }
  .contact-email span { font-size: 7px; }
  .contact-email a { font-size: 14px; }
  .site-footer { font-size: 8px; }
  .background, .chapter-media { animation: mobile-drift 14s ease-in-out infinite alternate, breathe 12s ease-in-out infinite alternate; }
  .chapter-media-fannie { animation: mobile-drift-fannie 14s ease-in-out infinite alternate, breathe 12s ease-in-out infinite alternate; }
  .fannie-signal { top: 78%; width: 22px; height: 22px; }
  .fannie-signal span { font-size: 16px; }
  .believe-chapter { height: 850svh; }
  .belief-kicker { top: 105px; }
  .belief-languages { top: 134px; gap: 4px; padding: 4px; }
  .belief-languages button { min-width: 52px; padding: 9px 8px; font-size: 10px; cursor: auto; }
  .belief-languages button:nth-child(3), .belief-languages button:nth-child(4) { min-width: 66px; padding-inline: 9px; letter-spacing: .02em; }
  .bibi { right: max(14px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); }
  .bibi-launch { min-width: 0; padding-right: 7px; }
  .bibi-launch > span:last-child { display: none; }
  .bibi-panel { right: 0; width: min(380px, calc(100vw - 28px)); height: min(570px, calc(100svh - 28px)); }
  .partnership-card { padding: 38px 26px; }
  .belief-scene { justify-content: center; padding-top: 168px; padding-bottom: 70px; }
  .belief-display { font-size: clamp(27px, 8.5vw, 42px); line-height: 1.28; }
  .belief-list { font-size: clamp(21px, 6.4vw, 32px); line-height: 1.5; }
  .belief-climax .belief-display { font-size: clamp(26px, 8vw, 38px); }
  .belief-number { margin-bottom: 24px; }
  .belief-logo { font-size: clamp(34px, 11vw, 56px); }
  .belief-official-symbol { width: clamp(220px, 72vw, 300px); }
}

@keyframes mobile-drift {
  from { transform: translate3d(-8px, -4px, 0) scale(1.065); }
  to { transform: translate3d(8px, 5px, 0) scale(1.065); }
}

@keyframes mobile-drift-fannie {
  from { transform: translate3d(-8px, -4px, 0) scale(1.105); }
  to { transform: translate3d(8px, 5px, 0) scale(1.105); }
}

@media (max-width: 680px) and (max-height: 700px) {
  #believe[lang="zh-CN"] .belief-scene, #believe[lang="ja"] .belief-scene { justify-content: flex-start; padding-top: 184px; padding-bottom: 30px; }
  #believe[lang="zh-CN"] .belief-number, #believe[lang="ja"] .belief-number { margin-bottom: 16px; font-size: 8px; }
  #believe[lang="zh-CN"] .belief-display, #believe[lang="ja"] .belief-display { font-size: clamp(27px, 7.4vw, 31px); line-height: 1.24; }
  #believe[lang="zh-CN"] .belief-list, #believe[lang="ja"] .belief-list { font-size: clamp(20px, 5.8vw, 24px); line-height: 1.4; }
  #believe[lang="zh-CN"] .belief-sub, #believe[lang="ja"] .belief-sub { margin-top: 14px; font-size: 15px; line-height: 1.42; }
  #believe[lang="zh-CN"] .belief-body, #believe[lang="ja"] .belief-body,
  #believe[lang="zh-CN"] .belief-scene[data-belief-scene="3"] .belief-body, #believe[lang="ja"] .belief-scene[data-belief-scene="3"] .belief-body,
  #believe[lang="zh-CN"] .belief-ending .belief-body, #believe[lang="ja"] .belief-ending .belief-body { margin-top: 10px; font-size: 13.5px; line-height: 1.42; }
  #believe[lang="zh-CN"] .belief-small, #believe[lang="ja"] .belief-small,
  #believe[lang="zh-CN"] .belief-climax .belief-small, #believe[lang="ja"] .belief-climax .belief-small,
  #believe[lang="zh-CN"] .belief-scene[data-belief-scene="3"] .belief-small, #believe[lang="ja"] .belief-scene[data-belief-scene="3"] .belief-small { margin-top: 9px; font-size: 12.5px; line-height: 1.42; }
  #believe[lang="zh-CN"] .belief-ways, #believe[lang="ja"] .belief-ways,
  #believe[lang="zh-CN"] .belief-ending .belief-ways, #believe[lang="ja"] .belief-ending .belief-ways { margin-top: 9px; font-size: 12.5px; line-height: 1.42; }
  #believe[lang="zh-CN"] .belief-final, #believe[lang="ja"] .belief-final,
  #believe[lang="zh-CN"] .belief-ending .belief-final, #believe[lang="ja"] .belief-ending .belief-final { margin-top: 10px; font-size: 14.5px; line-height: 1.4; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .background, .chapter-media { animation: none; transform: scale(1.03); transition-duration: .01ms; }
  .chapter-media-fannie { transform: scale(1.075); }
  .cursor-aura { display: none; }
  .discover-arrow { animation: none; }
  .heart, .pulse-line, .fannie-signal::before, .fannie-signal::after, .fannie-signal span, .route-light, .water-ripple { animation: none; }
  .fannie-response-glow, .coming-soon { animation: none !important; transition: none; }
  .fannie-chapter.is-responding .fannie-response-glow { opacity: .24; transform: translate(-50%, -50%) scale(1); }
  .pulse-line { transform: scaleX(1); }
  .fannie-signal::before, .fannie-signal::after, .water-ripples { display: none; }
  .route-light { display: none; }
  .story-chapter .chapter-copy { opacity: 1; transition: none; transform: translateY(-48%); }
  .belief-scene, .belief-ending-copy, .belief-logo, .belief-glow, .belief-background, .belief-lens-flare { transition: none; animation: none; }
}

@media (pointer: coarse) {
  body, a, button, input, .coming-soon { cursor: auto; }
  .cursor-aura { display: none; }
}

@media (pointer: coarse) and (prefers-reduced-motion: no-preference) {
  .hero-chapter.is-in-view h1 span:nth-child(2) { animation: x-connect-mobile 6s ease-in-out infinite; }
  .auto-ripple { display: block; animation: water-ripple 6s cubic-bezier(.22,1,.36,1) 1.2s infinite; }
}

/* WORLDS — approved confluence reference. Keep all overrides section-scoped. */
#between-worlds {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(72px, 12svh, 132px);
  min-height: max(100svh, 720px);
  padding: clamp(140px, 18svh, 190px) 5vw clamp(88px, 11svh, 120px);
}
#between-worlds .chapter-media-between-worlds {
  background-image: url("assets/worlds-confluence-v1.jpg");
  background-position: center;
}
#between-worlds .between-worlds-veil {
  background: linear-gradient(90deg, rgba(0, 6, 10, .34), transparent 68%),
    linear-gradient(0deg, rgba(0, 6, 10, .18), transparent 30%);
}
#between-worlds .between-worlds-copy {
  position: relative;
  top: auto;
  left: auto;
  width: min(1080px, 64vw);
  transform: translateY(18px);
}
#between-worlds.is-in-view .between-worlds-copy { transform: none; }
#between-worlds .eyebrow {
  margin-bottom: clamp(24px, 3svh, 32px);
  color: rgba(247, 247, 242, .9);
  font-size: clamp(10px, .7vw, 12px);
}
#between-worlds h2 {
  font-size: clamp(64px, 7.8vw, 144px);
  font-weight: 700;
  line-height: .88;
  letter-spacing: -.065em;
}
#between-worlds h2 > span { display: block; white-space: nowrap; }
#between-worlds h2 > span + span { margin-top: .04em; }
#between-worlds .worlds-cross { font-weight: 200; }
#between-worlds .chapter-lead {
  margin-top: clamp(28px, 3.6svh, 38px);
  max-width: none;
  font-size: clamp(14px, 1.2vw, 21px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .035em;
}
#between-worlds .worlds-description {
  margin: 16px 0 0;
  color: rgba(247, 247, 242, .74);
  font-size: clamp(14px, 1.1vw, 20px);
  line-height: 1.65;
  letter-spacing: -.03em;
  word-break: keep-all;
  white-space: pre-line;
}
#between-worlds .discipline-list {
  max-width: none;
  gap: 12px clamp(14px, 1.7vw, 30px);
  margin-top: clamp(26px, 3.5svh, 38px);
  border-top: 1px solid rgba(247, 247, 242, .42);
  padding-top: clamp(24px, 3.5svh, 36px);
  color: var(--white);
  font-size: clamp(14px, 1.55vw, 27px);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .025em;
}
#between-worlds .discipline-list li {
  gap: clamp(14px, 1.7vw, 30px);
  white-space: nowrap;
}
#between-worlds .discipline-list li:not(:last-child)::after {
  content: '·';
  color: rgba(247, 247, 242, .78);
}
#between-worlds .worlds-note {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(247, 247, 242, .68);
  font-size: clamp(10px, .78vw, 14px);
  line-height: 1.65;
  text-transform: uppercase;
}
#between-worlds .worlds-note::after {
  content: '';
  display: block;
  width: 36px;
  height: 1px;
  margin-top: 18px;
  background: rgba(247, 247, 242, .64);
}
#between-worlds .worlds-scroll {
  position: absolute;
  z-index: 2;
  right: 5vw;
  bottom: clamp(100px, 11svh, 120px);
  display: grid;
  justify-items: center;
  gap: 16px;
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
#between-worlds .worlds-scroll > span {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(247, 247, 242, .65);
  border-radius: 50%;
  outline: 1px solid rgba(247, 247, 242, .35);
  outline-offset: -9px;
  font-size: 20px;
  font-weight: 300;
}
@media (max-width: 1000px) {
  #between-worlds .between-worlds-copy { width: 84vw; }
  #between-worlds h2 { font-size: 8.4vw; }
  #between-worlds .discipline-list { font-size: clamp(13px, 1.8vw, 18px); }
}
@media (max-width: 680px) {
  #between-worlds {
    min-height: max(100svh, 680px);
    padding: 150px var(--pad) 90px;
    gap: 68px;
  }
  #between-worlds .between-worlds-copy { width: 100%; }
  #between-worlds .chapter-media-between-worlds { background-position: 61% center; }
  #between-worlds .between-worlds-veil {
    background: linear-gradient(90deg, rgba(0, 6, 10, .72), rgba(0, 6, 10, .42)),
      linear-gradient(0deg, rgba(0, 6, 10, .38), transparent 35%);
  }
  #between-worlds h2 { font-size: clamp(46px, 16vw, 100px); }
  #between-worlds .eyebrow { font-size: 9px; letter-spacing: .12em; }
  #between-worlds .chapter-lead { max-width: 340px; font-size: 12px; line-height: 1.65; }
  #between-worlds .chapter-lead br { display: none; }
  #between-worlds .worlds-description { max-width: 320px; font-size: 13px; }
  #between-worlds .discipline-list {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: start;
    gap: 12px 18px;
    font-size: clamp(12px, 3.3vw, 17px);
  }
  #between-worlds .discipline-list li { gap: 18px; }
  #between-worlds .discipline-list li:nth-child(odd) { justify-content: space-between; }
  #between-worlds .discipline-list li:nth-child(2)::after { content: none; }
  #between-worlds .worlds-scroll { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #between-worlds .between-worlds-copy { opacity: 1; transform: none; transition: none; }
}