/* Three original art directions sharing the approved Flow identity. */
.hero-art{gap:68px}.link-mark{position:relative;top:auto;left:auto;align-self:center;margin:-48px 0;flex:none}.hero-art .method{margin-top:0}.hero-art article{flex:none}.hero-art{min-height:570px}.story{background:#F5F7FA;color:#172554;overflow:clip}.story .eyebrow,.story .step{color:#2457A7}.story-heading>p{color:#172554}.story-beats{border:0;padding:0;perspective:1200px}.beat{padding:40px;margin-bottom:36px;min-height:300px;border-radius:24px;background:#E5EDF8;transform:translateY(var(--travel,0px)) rotateX(var(--turn,0deg));transform-origin:center;will-change:auto}.beat:nth-child(2){background:#167B86;color:#fff;margin-inline-start:32px}.beat:nth-child(3){background:#172554;color:#fff}.beat p{color:inherit}.beat:nth-child(n+2) .step{color:#fff}.story-diagram{padding:24px;background:white;border-radius:20px}.story-diagram .track{stroke:#E5EDF8}.story-diagram .progress{stroke:#167B86}.story-link{color:inherit}.route-list{position:relative;isolation:isolate;border:1px solid #2457a74d;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),#E5EDF8, #F5F7FA 65%);box-shadow:0 16px 48px #1725540a}.editorial{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform 200ms var(--flow-motion-ease);transform-style:preserve-3d}.editorial>p:first-child{transform:translateZ(18px)}.boundary:before{display:none}.beam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.beam rect{fill:none;stroke:#167B86;stroke-width:2;stroke-dasharray:.09 .91;stroke-linecap:round;animation:beam-run 9s linear infinite;animation-play-state:paused}.boundary.in-view .beam rect{animation-play-state:running}.boundary{border-color:#2457a733;box-shadow:0 20px 60px #1725540a}.principles{position:relative;background:#E5EDF8;border-radius:28px;padding:64px;margin-bottom:80px;grid-template-columns:.8fr 1.4fr}.principle-list{display:grid;gap:18px;perspective:1000px}.principle-list article{border:0;border-radius:16px;background:white;padding:32px 64px 32px 28px;transition:transform 250ms,background-color 250ms}.principle-list article:nth-child(2){background:#2457A7;color:white;margin-inline-start:28px}.principle-list article:nth-child(3){background:#167B86;color:white;margin-inline-start:56px}.principle-list article>span{right:24px;color:inherit}.principle-list article:hover{background:#172554;color:#fff;transform:translateX(-6px)}.text-motion{animation:flow-text 650ms var(--flow-motion-ease) both}.text-motion:nth-child(even){animation-name:flow-line}.paused .beam rect{animation-play-state:paused!important}@keyframes beam-run{to{stroke-dashoffset:-1}}@keyframes flow-text{from{opacity:.3;filter:blur(3px);transform:translateY(20px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes flow-line{from{opacity:.4;transform:translateX(24px)}to{opacity:1;transform:none}}
/* B: perspective architecture, dark foreground-safe hero, no aurora/grid. */
.variant-b .hero{background:#172554;color:white;min-height:850px}.variant-b .hero:before,.variant-b .kinetic{display:none}.variant-b .hero .eyebrow,.variant-b .hero em,.variant-b .hero .caption,.variant-b .hero-bottom a{color:#E5EDF8}.variant-b .hero-copy{background:linear-gradient(90deg,transparent,#172554 80%)}.variant-b .hero-art{transform:perspective(1000px) rotateY(-12deg)}.variant-b .intent{color:#172554}.variant-b .hero-art .method{background:#167B86}.depth-field{position:absolute;inset:0;overflow:hidden;perspective:800px;pointer-events:none;z-index:-1}.depth-field i{position:absolute;inset:calc(8% + var(--i)*3%);border:1px solid #E5EDF833;border-radius:48px;transform:translateZ(calc(var(--i)*-100px)) rotate(calc(var(--i)*-5deg));animation:depth-arrival 4s both;animation-delay:calc(var(--i)*100ms)}@keyframes depth-arrival{from{opacity:0;transform:translateZ(-700px) rotate(-18deg)}to{opacity:1}}.variant-b .story{background:#fff}.variant-b .story-layout{display:block}.variant-b .story-heading{position:static;max-width:720px;margin-bottom:64px}.variant-b .story-heading h2{font-size:clamp(36px,5vw,72px)}.variant-b .story-diagram{display:none}.variant-b .story-beats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.variant-b .beat{margin:0;min-height:440px;padding:32px}.variant-b .principles{background:#172554;color:#fff}.variant-b .principles .eyebrow{color:#E5EDF8}.variant-b .principle-list article{color:#172554}.variant-b .principle-list article:nth-child(n+2){color:white}.variant-b .teacher-section{direction:ltr}.variant-b .teacher-section>*{direction:rtl}.variant-b .forms{background:#172554;color:white}.variant-b .forms .eyebrow{color:#E5EDF8}.variant-b .boundary{color:#172554}.variant-b .route-list{background:#E5EDF8}
/* C: editorial dialogue, flowing line field and horizontal chapter rail. */
.variant-c .hero{background:#fff}.variant-c .hero:before,.variant-c .kinetic{display:none}.wave-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.25;pointer-events:none}.wave-field path{fill:none;stroke:#167B86;stroke-width:1.5;stroke-dasharray:1400;stroke-dashoffset:1400;animation:wave-write 4s ease-out forwards;animation-delay:calc(var(--i)*80ms)}@keyframes wave-write{to{stroke-dashoffset:0}}.variant-c .hero-layout{grid-template-columns:1fr}.variant-c .hero-copy{max-width:940px}.variant-c h1{font-size:clamp(44px,7vw,100px)}.variant-c .hero-art{min-height:0;display:grid;grid-template-columns:1fr 80px 1fr;gap:16px;align-items:center;max-width:900px;margin-inline-start:auto;width:100%}.variant-c .hero-art article{width:100%;padding:24px 36px}.variant-c .link-mark{margin:0;justify-self:center}.variant-c .orbit{display:none}.variant-c .art-note{grid-column:1/-1}.variant-c .hero-art strong{font-size:25px}.variant-c .hero-art .method{background:#167B86}.variant-c .story{background:#E5EDF8}.variant-c .story-layout{display:block}.variant-c .story-heading{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.variant-c .story-heading .eyebrow{grid-column:1/-1}.variant-c .story-diagram{display:none}.variant-c .story-beats{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:48px;padding-bottom:24px}.variant-c .beat{flex:0 0 72%;margin:0;scroll-snap-align:start;background:white;border-inline-start:8px solid #2457A7}.variant-c .beat:nth-child(2){background:#167B86}.variant-c .beat:nth-child(3){background:#172554}.variant-c .principles{display:block;background:white;border:1px solid #CBD5E1}.variant-c .principles h2 br{display:none}.variant-c .principle-list{grid-template-columns:repeat(3,1fr);margin-top:40px}.variant-c .principle-list article{margin:0;padding:64px 24px 32px;background:#E5EDF8}.variant-c .principle-list article>span{top:20px}.variant-c .audience .split{grid-template-columns:1.2fr 1fr}.variant-c .editorial{border-radius:20px;background:#172554;color:white}.variant-c .forms{background:#F5F7FA}
@media(max-width:767px){.hero-art{min-height:570px}.hero-art article{width:82%}.story-layout{gap:24px}.beat,.beat:nth-child(2){margin-inline:0;min-height:0;padding:28px;transform:none!important}.principles{padding:28px;margin-bottom:40px}.principle-list article:nth-child(n){margin-inline:0}.principle-list article{padding:28px 52px 28px 22px}.editorial{transform:none!important}.beam rect{animation:none;stroke-dasharray:none;opacity:.5}.text-motion{animation-duration:400ms}.variant-b .hero{min-height:0}.variant-b .hero-art{transform:none}.variant-b .story-beats{grid-template-columns:1fr}.variant-b .beat{min-height:0}.variant-c .hero-art{grid-template-columns:1fr;max-width:400px}.variant-c .hero-art article{width:100%}.variant-c .link-mark{margin:-10px 0;z-index:2}.variant-c .hero-art{gap:20px;min-height:0}.variant-c .story-heading{display:block}.variant-c .story-beats{display:grid;overflow:visible}.variant-c .principle-list{grid-template-columns:1fr}.variant-c .audience .split{grid-template-columns:1fr}.depth-field i,.wave-field path{animation:none;stroke-dashoffset:0}.variant-c .hero-copy{min-width:0}}
@media(prefers-reduced-motion:reduce){.text-motion,.depth-field i,.wave-field path,.beam rect{animation:none!important;stroke-dashoffset:0}.beat,.editorial,.principle-list article:hover{transform:none!important}.variant-c .story-beats{scroll-behavior:auto}}
@media(max-width:767px){.principles{grid-template-columns:1fr}.variant-b .hero-copy{background:none}.variant-c .principle-list{grid-template-columns:1fr}}
.chapter-controls{display:flex;gap:12px;margin-top:12px}@media(max-width:767px){.chapter-controls{display:none}}
.variant-b .beat{transform:perspective(900px) translateY(var(--travel,0px)) rotateY(var(--turn,0deg))}.variant-c .beat{transform:none}
.variant-c .principle-list article{color:#172554}.variant-c .principle-list article:nth-child(2){background:#2457A7;color:white}.variant-c .principle-list article:nth-child(3){background:#167B86;color:white}