#water-vortex{height:460svh;min-height:0;padding:0;overflow:visible;background:#031921}#water-vortex:after{display:none}.vortex-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding:28px 5vw 90px;isolation:isolate}.vortex-stage>.scene-visual{position:absolute;inset:0;z-index:-2}.vortex-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031921ee,transparent 85%);z-index:-1;pointer-events:none}.vortex-stage .scene-title{margin-top:35px}.vortex-stage .scene-title h2{font-size:clamp(38px,4.5vw,66px);margin:16px 0}.vortex-stage .scene-reading{max-width:570px;margin-top:30px;padding-left:95px;position:relative}.vortex-stage .scene-rule{display:none}.vortex-stage .vortex-phase{font-size:22px;margin:0 0 12px;font-weight:600}.vortex-stage .vortex-description{font-size:18px;margin:0;max-width:420px}.vortex-stage .vortex-forward{font-size:13px;color:#a2c5cc;max-width:350px}.vortex-stage .scene-caption{position:absolute;bottom:65px;left:5vw;margin:0;font-size:10px}.vortex-count{position:absolute;left:0;top:-8px;font:64px Arial;color:#b9e5e9}.vortex-steps{position:absolute;bottom:20px;left:5vw;right:5vw;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vortex-steps button{background:none;border:0;border-top:2px solid #52737e;color:#b8cfd6;text-align:left;padding:12px 0 0;cursor:pointer;font:13px inherit}.vortex-steps button[aria-current=step]{border-color:#b2f1f3;color:white}.vortex-stage details{max-width:400px}.vortex-stage summary{display:inline-block;background:#d8edf0;color:#103440;border-radius:6px;padding:12px 20px;font-weight:bold}.vortex-stage details[open]{background:#092d39;padding:12px;border:1px solid #52737e;position:relative;z-index:5}.vortex-stage details[open] p{font-size:14px}.vortex-steps button:focus-visible{outline:2px solid #aff3ff;outline-offset:5px}@media(max-width:700px){.vortex-stage{padding:20px 6vw 100px}.vortex-stage .scene-title{margin-top:20px}.vortex-stage .scene-title h2{font-size:36px}.vortex-stage .scene-reading{margin-top:24vh;padding-left:64px}.vortex-count{font-size:46px}.vortex-stage .vortex-phase{font-size:18px}.vortex-stage .vortex-description{font-size:15px}.vortex-stage .vortex-forward{display:none}.vortex-stage .scene-caption{bottom:76px}.vortex-steps{gap:10px}.vortex-stage summary{padding:10px 14px}.vortex-stage:after{background:linear-gradient(0deg,#031921f5,transparent 65%)}}@media(max-height:720px)and (min-width:701px){.vortex-stage .scene-title h2{font-size:38px}.vortex-stage .scene-title{margin-top:12px}.vortex-stage .scene-reading{margin-top:18px}}@media(prefers-reduced-motion:reduce){#water-vortex{height:auto;min-height:100svh}.vortex-stage{position:relative;height:auto;min-height:100svh}}#water-vortex{background:#eaf4f7;color:#123946;margin-top:-1px}.vortex-stage{background:#eaf4f7}.vortex-stage:after{background:linear-gradient(180deg,#eaf4f7 0%,#eaf4f7e8 25%,transparent 48%,#eaf4f700 80%,#eaf4f7 100%)}.vortex-stage>.scene-visual{inset:29% 0 80px;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 85%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 85%,transparent)}.vortex-video{width:100%;height:100%;object-fit:contain;display:block}.vortex-stage .scene-title{margin-top:24px}.vortex-stage .scene-title h2{font-size:clamp(36px,4vw,58px);line-height:1.35;margin:12px 0}.vortex-stage .scene-reading{position:absolute;top:100px;right:5vw;width:44%;max-width:560px;margin:0;padding-left:74px}.vortex-count{font-size:54px;color:#4d8798}.vortex-stage .vortex-phase{font-size:clamp(20px,2vw,28px)}.vortex-stage .vortex-description{font-size:17px;line-height:1.8}.vortex-stage .vortex-forward{color:#3b6571;margin:8px 0;font-size:12px}.vortex-stage details{position:relative;margin-top:12px}.vortex-stage summary{background:#143d4b;color:white;border:0}.vortex-stage details[open]{background:#f7fcfd;border-color:#99b6bf;padding:16px;box-shadow:0 8px 28px #12394618}.vortex-stage .scene-caption{color:#436774;bottom:70px;font-size:11px}.vortex-steps button{color:#446873;border-color:#b0cbd3;font:13px sans-serif;min-height:44px}.vortex-steps button[aria-current=step]{color:#103b4b;border-color:#147c9c;font-weight:700}.vortex-steps button:focus-visible{outline-color:#137f9f}@media(hover:hover)and (pointer:fine){.vortex-steps button:hover{color:#007ca3;border-color:#007ca3}.vortex-stage summary:hover{background:#176782}}@media(max-width:700px){.vortex-stage .scene-title{margin-top:20px}.vortex-stage .scene-title h2{font-size:32px}.vortex-stage .scene-reading{position:relative;top:auto;right:auto;width:auto;margin-top:18px;padding-left:56px}.vortex-count{font-size:42px}.vortex-stage .vortex-phase{font-size:20px}.vortex-stage .vortex-description{font-size:15px;line-height:1.65}.vortex-stage>.scene-visual{inset:46% 0 104px}.vortex-stage .scene-caption{bottom:106px;font-size:10px}.vortex-steps{grid-template-columns:repeat(2,1fr);gap:4px 16px;bottom:12px}.vortex-steps button{font-size:12px;padding-top:7px}.vortex-stage details[open]{max-height:35vh;overflow:auto}}@media(prefers-reduced-motion:reduce){.vortex-stage{min-height:850px}.vortex-stage>.scene-visual{inset:350px 0 100px}.vortex-video{visibility:hidden}#water-vortex .scene-visual{background:url(/personal-aqua/swim-flow-lab/vortex-blue-poster.png) center/contain no-repeat}.vortex-stage .scene-reading{position:relative;top:auto;right:auto;width:auto;margin-top:24px}}.vortex-canvas{width:100%;height:100%;display:block}.vortex-track{margin:8px 0 0;padding:8px 12px;background:#f2fafc;color:#174d63;border:1px solid #8bb4c4;border-radius:5px;cursor:pointer}.vortex-track[aria-pressed=true]{background:#175e79;color:white}.vortex-track:focus-visible{outline:2px solid #0078a0;outline-offset:3px}@media(prefers-reduced-motion:reduce){#water-vortex .scene-visual{background:none}}.vortex-stage>.scene-visual{inset:25% 0 80px}.vortex-video{visibility:visible!important;object-fit:contain}.vortex-explanation{background:#edf6f8;color:#123946;padding:90px 6vw;display:grid;grid-template-columns:minmax(250px,1fr) 1.7fr;gap:5vw;align-items:center}.vortex-explain-copy h2{font-size:clamp(30px,3vw,48px);line-height:1.4}.vortex-explain-copy p{line-height:1.9}.vortex-explain-copy input{display:block;width:100%;margin-top:20px;accent-color:#176782}.vortex-explain-canvas{height:420px;min-width:0}.vortex-model-note{font-size:12px;color:#527681}@media(max-width:700px){.vortex-stage>.scene-visual{inset:43% 0 104px}.vortex-explanation{grid-template-columns:1fr;padding:60px 6vw;gap:20px}.vortex-explain-canvas{height:230px}}.vortex-stage .scene-reading{top:290px;left:5vw;right:auto;width:53%;max-width:720px;padding-left:85px}.vortex-stage .vortex-description{max-width:620px}.vortex-stage>.scene-visual{inset:40% 0 85px}.vortex-stage .vortex-video{object-fit:contain;width:100%;height:100%}.vortex-stage .scene-title h2{font-size:clamp(36px,3.7vw,54px)}@media(min-width:701px)and (max-height:800px){.vortex-stage .scene-title{margin-top:10px}.vortex-stage .scene-title h2{font-size:36px;margin:8px 0}.vortex-stage .scene-reading{top:200px}.vortex-stage .vortex-forward{display:none}.vortex-stage>.scene-visual{inset:46% 0 85px}}@media(max-width:700px){.vortex-stage .scene-reading{position:relative;top:auto;left:auto;width:auto;padding-left:56px}.vortex-stage .scene-title h2{font-size:32px}.vortex-stage>.scene-visual{inset:46% 0 104px}}#water-vortex{background:#eaf4f7}.vortex-stage{--vortex-arrival:1;background:#eaf4f7}#water-vortex .vortex-stage>.scene-visual{inset:0;mask-image:none;-webkit-mask-image:none;opacity:var(--vortex-arrival)}#water-vortex .vortex-video{width:100%;height:100%;object-fit:cover;object-position:12% center}.vortex-stage:after{background:linear-gradient(180deg,#eaf4f7dd 0%,#eaf4f744 31%,transparent 48%,#eaf4f722 62%,#eaf4f7ed 100%)}.vortex-stage .scene-title{position:absolute;left:5vw;top:90px;margin:0}.vortex-stage .scene-title h2{font-size:clamp(36px,4vw,62px)}.vortex-stage .scene-reading{position:absolute;top:auto;bottom:150px;left:5vw;right:auto;width:min(650px,62vw);margin:0;padding-left:80px}.vortex-stage .vortex-forward{display:none}.vortex-stage .vortex-phase{font-size:clamp(20px,2vw,28px)}.vortex-stage .scene-topline>a{display:none}.vortex-chapters{position:absolute;right:5vw;top:70px;display:grid;gap:14px;z-index:4}.vortex-chapters a{font-size:14px;letter-spacing:.06em;text-decoration:none;color:#285766;display:flex;gap:18px}.vortex-chapters a[aria-current]{font-weight:800;color:#092f3e}.vortex-chapters a:hover{text-decoration:underline;text-underline-offset:5px}.vortex-chapters a:focus-visible,.vortex-menu:focus-visible{outline:2px solid #147c9c;outline-offset:5px}.vortex-menu{display:none}@media(max-width:700px){.vortex-stage .scene-title{top:100px;left:6vw}.vortex-stage .scene-title h2{font-size:34px}.vortex-stage .scene-reading{top:auto;bottom:145px;left:6vw;width:88vw;padding-left:53px}.vortex-stage .vortex-description{font-size:14px}.vortex-stage .vortex-phase{font-size:19px}.vortex-count{font-size:40px}.vortex-menu{display:block;position:absolute;top:55px;right:6vw;border:1px solid #94b9c6;padding:9px 12px;background:#eff8fbee;color:#123946;border-radius:4px}.vortex-chapters{display:none;top:100px;padding:18px;background:#eff8fbf5;border:1px solid #b6d0d8;border-radius:4px}.vortex-chapters.is-open{display:grid}#water-vortex .vortex-video{object-position:14% center}.vortex-stage:after{background:linear-gradient(180deg,#eaf4f7ee 0%,#eaf4f755 32%,transparent 47%,#eaf4f799 65%,#eaf4f7f5 88%)}}@media(max-height:750px)and (min-width:701px){.vortex-stage .scene-title{top:70px}.vortex-stage .scene-title h2{font-size:36px}.vortex-stage .scene-reading{bottom:120px}.vortex-chapters{gap:10px;top:65px}}@media(prefers-reduced-motion:reduce){#water-vortex .scene-visual{opacity:1}}@media(max-width:700px){#water-vortex .vortex-video{object-position:left center}}#water-vortex,.vortex-stage{background:#031a22}.vortex-stage:after{opacity:var(--vortex-arrival)}.vortex-stage .scene-title,.vortex-stage .scene-reading,.vortex-stage .scene-caption,.vortex-stage .vortex-steps{opacity:var(--vortex-arrival)}.vortex-stage .scene-topline{display:none}.vortex-brand{position:absolute;top:28px;left:5vw;z-index:6;background:#082e3f;color:#fff;text-decoration:none;font:bold 22px/1 Arial,sans-serif;padding:14px 18px;letter-spacing:-.7px}.vortex-stage .scene-title{top:125px}.vortex-chapters{top:35px}.vortex-stage.is-dark .vortex-chapters a{color:#b7cbd1}.vortex-stage.is-dark .vortex-chapters a[aria-current]{color:#fff}.vortex-stage.is-dark .vortex-menu{background:#082e3f;color:white}@media(max-width:700px){.vortex-brand{left:6vw;top:25px;font-size:18px;padding:10px 13px}.vortex-menu{top:28px}.vortex-chapters{top:82px}.vortex-stage.is-dark .vortex-chapters{background:#082e3f}.vortex-stage .scene-title{top:125px}}@media(max-height:750px)and (min-width:701px){.vortex-brand{font-size:18px;top:20px;padding:10px 14px}.vortex-stage .scene-title{top:95px}}#water-vortex.vortex-entering{background:transparent;z-index:5}#water-vortex.vortex-entering>.vortex-stage{position:fixed;inset:0;width:100%;height:100svh;pointer-events:none}#water-vortex.vortex-ahead>.vortex-stage{visibility:hidden}.water-journey.vortex-handoff .chapter-brand,.water-journey.vortex-handoff .chapter-index{visibility:hidden}@media(min-width:701px){.vortex-brand{left:4vw;top:28px;background:#062839;font:800 20px/.98 Arial,sans-serif;letter-spacing:-.05em;padding:12px 16px}.vortex-chapters{right:4vw;top:28px;gap:0;min-width:160px;font:11px/1.3 Arial,sans-serif}.vortex-chapters a{font:inherit;letter-spacing:normal;padding:6px;min-height:28px;gap:12px}.vortex-chapters a[aria-current]{font-weight:800}}.water-journey.vortex-handoff .chapter-index *{visibility:hidden!important}#water-vortex.vortex-entering .vortex-brand,#water-vortex.vortex-entering .vortex-chapters,#water-vortex.vortex-entering .vortex-menu{pointer-events:auto}.water-journey.vortex-handoff .chapter-brand,.water-journey.vortex-handoff .chapter-index,.water-journey.vortex-handoff .chapter-menu-toggle{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.water-journey .observation-bottom,.water-journey .observation-credit{opacity:var(--water-out,1)!important}.water-journey .chapter-deck{opacity:calc(var(--film-copy,0)*var(--water-out,1))!important}.water-journey[data-phase=next] .observation-stage:before{opacity:0!important}.water-journey .journey-next,.vortex-next{position:absolute;inset:0!important;width:100%;max-width:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;margin:0;padding:0 24px;z-index:3;text-decoration:none;font-size:inherit;color:#082b39!important;pointer-events:none}.water-journey .journey-next{opacity:var(--exit-alpha,0);visibility:visible}.journey-next>small,.vortex-next>small{font:italic 28px/1.4 Georgia,"Yu Mincho",serif;letter-spacing:.1em}.journey-next>strong,.vortex-next>strong{font:600 clamp(42px,6vw,92px)/1.3 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.08em}.water-journey .journey-next .transition-scroll,.vortex-next .transition-scroll{display:flex;position:relative;flex-direction:column;gap:3px;margin:35px 0 0;width:24px}.transition-scroll i{display:block;width:24px;height:14px;background:currentColor;clip-path:polygon(0 0,50% 48%,100% 0,100% 48%,50% 100%,0 48%)}.transition-scroll i:nth-child(1){opacity:.25}.transition-scroll i:nth-child(2){opacity:.55}.transition-scroll em{position:absolute;left:34px;top:2px;font:italic 12px/1.2 Georgia,serif;writing-mode:vertical-rl;letter-spacing:.14em}.vortex-next{opacity:var(--vortex-outro,0);color:#f2f8f9!important;pointer-events:auto}.vortex-next[inert]{pointer-events:none}.vortex-stage .scene-title{opacity:var(--vortex-copy,0)}.vortex-stage .scene-reading,.vortex-stage .scene-caption{opacity:var(--vortex-detail,0)}.vortex-stage.is-dark .scene-title,.vortex-stage.is-dark .scene-reading{color:#eaf5f7}.vortex-stage.is-dark .vortex-rail button[aria-current=step]{color:white}.vortex-stage .scene-title,.vortex-stage .scene-reading{transition:color .65s}.vortex-stage .vortex-count,.vortex-stage .vortex-steps{display:none}.vortex-stage .scene-reading{top:39%;bottom:auto;left:4vw;padding-left:125px;width:min(900px,76vw);min-height:300px}.vortex-rail-window{position:absolute;top:0;left:0;width:98px;height:300px;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 60%,transparent)}.vortex-rail{display:flex;flex-direction:column;transform:translateY(calc(var(--vortex-phase,0)*-108px));transition:transform .7s cubic-bezier(.76,0,.24,1)}.vortex-rail button{height:108px;flex-shrink:0;padding:0;border:0;background:none;text-align:left;color:#668894;cursor:pointer}.vortex-rail button span{display:block;font:400 clamp(44px,4.8vw,72px)/1 Arial,sans-serif;letter-spacing:-.05em}.vortex-rail button small{display:block;font:11px Arial,sans-serif;letter-spacing:.1em;margin-top:9px}.vortex-rail button[aria-current=step]{color:#082b39}.vortex-rail button:focus-visible{outline:2px solid #2798b3;outline-offset:-2px}.vortex-stage .vortex-phase{font-size:clamp(24px,2.6vw,42px);font-weight:700;line-height:1.4;letter-spacing:-.035em}.vortex-stage .vortex-description{font-size:17px;font-weight:600}.vortex-stage .scene-title{left:4vw}.vortex-stage.is-outro .scene-caption{opacity:0}@media(max-width:700px){.vortex-stage .scene-reading{top:42%;left:6vw;width:88vw;padding-left:64px;min-height:240px}.vortex-rail-window{width:52px;height:235px}.vortex-rail{transform:translateY(calc(var(--vortex-phase,0)*-85px))}.vortex-rail button{height:85px}.vortex-rail button span{font-size:42px}.vortex-rail button small{font-size:9px}.vortex-stage .vortex-phase{font-size:23px}.vortex-stage .vortex-description{font-size:14px}.vortex-stage .scene-title{left:6vw}.vortex-stage .scene-caption{bottom:25px;max-width:88%}.journey-next>small,.vortex-next>small{font-size:22px}}@media(prefers-reduced-motion:reduce){.water-journey .journey-next{display:none}.water-journey .observation-bottom,.water-journey .observation-credit{opacity:1!important}.vortex-next{display:none}.vortex-stage .scene-title,.vortex-stage .scene-reading,.vortex-stage .scene-caption{opacity:1!important;transition:none}.vortex-rail{transform:none;transition:none}.vortex-rail-window{height:432px;mask-image:none;overflow:visible}.vortex-stage{min-height:960px}.vortex-stage .scene-reading{min-height:440px}.vortex-stage .scene-title{position:relative;top:auto;left:auto}}.water-journey[data-phase=next] .chapter-index a{color:#285766!important}.water-journey.vortex-handoff .journey-brand{visibility:hidden!important;pointer-events:none!important}.water-journey .journey-next:not([inert]){pointer-events:auto}.vortex-stage.is-dark .scene-caption{color:#b7cbd1}@media(max-width:700px)and (prefers-reduced-motion:reduce){.vortex-rail-window{height:340px}.vortex-stage .scene-reading{min-height:360px}}@media(max-height:500px)and (min-width:701px){.vortex-stage .scene-title{top:85px}.vortex-stage .scene-title h2{font-size:26px;line-height:1.2;margin:6px 0}.vortex-stage .scene-reading{top:185px;min-height:170px}.vortex-rail-window{height:170px}.vortex-stage .vortex-phase{font-size:23px}.vortex-stage .vortex-description{font-size:14px}.vortex-stage details{margin-top:6px}.vortex-stage summary{padding:8px 16px}.vortex-stage .scene-caption{bottom:12px}.vortex-chapters a{padding:3px;min-height:22px}}.water-journey.film-journey .observation-copy{opacity:calc(var(--scene-alpha,0)*var(--water-out,1))!important}.water-journey.film-journey[data-phase=next] .water-discover{visibility:visible;opacity:var(--water-out,0)}.vortex-stage.is-outro .scene-caption{opacity:var(--vortex-detail,0)}@keyframes scroll-cue-pulse{0%,65%,100%{opacity:.25}30%{opacity:1}}.transition-scroll i{animation:scroll-cue-pulse 2.4s ease-in-out infinite both;animation-play-state:paused}.transition-scroll i:nth-child(2){animation-delay:.18s}.transition-scroll i:nth-child(3){animation-delay:.36s}.journey-next:not([inert]) .transition-scroll i,.vortex-next:not([inert]) .transition-scroll i{animation-play-state:running}.water-journey.vortex-handoff .transition-scroll i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.transition-scroll i{animation:none}}.vortex-stage .scene-reading{top:auto;bottom:58px;min-height:172px;width:min(1000px,86vw);padding-left:108px}.vortex-stage .scene-caption{bottom:20px}.vortex-rail-window{height:168px;width:88px}.vortex-rail{transform:translateY(calc(var(--vortex-phase,0)*-80px))}.vortex-rail button{height:80px}.vortex-rail button span{font-size:54px}.vortex-rail button small{margin-top:5px}.vortex-stage .vortex-phase{font-size:clamp(23px,2.2vw,36px)}@media(max-width:700px){.vortex-stage .scene-reading{top:auto;bottom:62px;min-height:184px;width:88vw;padding-left:62px}.vortex-rail-window{height:166px;width:50px}.vortex-rail{transform:translateY(calc(var(--vortex-phase,0)*-76px))}.vortex-rail button{height:76px}.vortex-rail button span{font-size:42px}.vortex-stage .vortex-phase{font-size:21px}.vortex-stage .scene-caption{bottom:20px}}@media(max-height:600px)and (min-width:701px){.vortex-stage .scene-reading{top:auto;bottom:32px;min-height:112px;padding-left:74px}.vortex-rail-window{height:112px;width:58px}.vortex-rail{transform:translateY(calc(var(--vortex-phase,0)*-64px))}.vortex-rail button{height:64px}.vortex-rail button span{font-size:40px}.vortex-rail button small{font-size:9px}.vortex-stage .vortex-phase{font-size:21px;margin-bottom:6px}.vortex-stage .vortex-description{font-size:13px}.vortex-stage details{margin-top:6px}.vortex-stage summary{padding:8px 14px}.vortex-stage .scene-caption{bottom:8px}}@media(prefers-reduced-motion:reduce){.vortex-stage .scene-reading{position:relative;top:auto;bottom:auto;margin-top:400px;min-height:340px}.vortex-rail{transform:none}.vortex-rail-window{height:340px;mask-image:none}}.water-journey .journey-next{color:#f2f8f9!important;background:rgba(3,26,34,.38)}
