:root{color-scheme:dark;--ink:#dffbf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061e22;color:var(--ink);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a8ffe3;outline-offset:5px}#home{min-height:100svh;display:grid;align-content:center;background:#081e15}.reference{position:relative;width:100%;max-width:1800px;margin:auto}.reference img{width:100%;display:block}#waterButton{position:absolute;left:3.9%;top:19%;width:27%;height:24%;border:0;border-radius:50%;background:transparent}#waterButton:hover,#waterButton:focus-visible{box-shadow:0 0 35px #b5fbff,inset 0 0 20px #dcffff80}#waterButton span{position:absolute;bottom:4%;left:27%;padding:7px 12px;border-radius:20px;background:#00476bef;color:white;font-size:14px;opacity:0}#waterButton:hover span,#waterButton:focus-visible span{opacity:1}.hint{text-align:center;font-size:16px;padding:0 20px;color:#e3f2da}#portal{position:fixed;inset:0;z-index:20;pointer-events:none;visibility:hidden;--x:18vw;--y:32vh}.ring{position:absolute;left:var(--x);top:var(--y);width:40px;height:40px;border:3px solid #b7ffff;border-radius:50%;transform:translate(-50%,-50%) scale(0);box-shadow:0 0 45px #50f1f9,inset 0 0 30px #bbffff}.wash{position:absolute;inset:0;background:radial-gradient(circle at var(--x) var(--y),#78eedc,#086980 65%,#052e43);opacity:0}.drop{position:absolute;left:var(--x);top:calc(var(--y) - 110px);width:15px;height:22px;border-radius:60% 60% 70% 70%;background:#d8ffff;box-shadow:0 0 30px white;opacity:0}.transition #portal{visibility:visible}.transition .ring{animation:spread 1.9s .25s ease-in both}.transition .second{animation-delay:.5s}.transition .wash{animation:wash 2.2s both}.transition .drop{animation:fall .5s both}.transition .reference{animation:distort 1.4s both}@keyframes spread{to{transform:translate(-50%,-50%) scale(100);opacity:0}}@keyframes wash{0%,20%{opacity:0}65%,83%{opacity:1}100%{opacity:0}}@keyframes fall{0%{opacity:0}30%{opacity:1}100%{transform:translateY(110px);opacity:0}}@keyframes distort{50%{filter:blur(3px) hue-rotate(35deg);transform:scale(1.035)}}header{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:28px 5vw}.brand{font:32px Georgia,serif;color:white;text-decoration:none}header button,.ending button{color:white;border:1px solid #c7f9ee70;border-radius:40px;background:#07394180;padding:12px 20px;font-size:14px}.hero{height:100svh;min-height:660px;position:relative;overflow:hidden;background:#075967}.waterPhoto{position:absolute;inset:0;background:linear-gradient(90deg,#032932ee 5%,#043f4880 65%),linear-gradient(0deg,#042f3c 0%,transparent 70%),url(water.jpg) center/cover;filter:saturate(.65)}.rays{position:absolute;inset:-30%;background:repeating-conic-gradient(from 140deg at 70% 0%,transparent 0deg 8deg,#c8ffff12 9deg 12deg,transparent 14deg 22deg);animation:light 20s ease-in-out infinite alternate}@keyframes light{to{transform:rotate(8deg) scale(1.15)}}#surface{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.heroCopy{position:absolute;top:27%;left:8%;z-index:2;pointer-events:none}.eyebrow{letter-spacing:.2em;font-size:14px;color:#93d6cb}h1{font:clamp(46px,6vw,100px)/1.08 Georgia,serif;margin:25px 0}h1 em{font-weight:normal;color:#b6ffe8}.korean{font-size:20px;letter-spacing:.08em}.sub{font-size:16px;color:#b6d9d8;line-height:1.6}.explore{pointer-events:auto;display:inline-block;color:#effff7;text-decoration:none;margin-top:25px;padding:13px 0;border-bottom:1px solid #90d3c5}.revealed .waterNote{position:absolute;bottom:45px;right:6%;text-align:right;font-size:14px;color:#aed6d6}.waterNote span{display:block;font:23px Georgia,serif;margin-top:10px}#journey{padding:110px 8vw;background:linear-gradient(#042f3c,#061f27)}h2{font:clamp(32px,4vw,58px)/1.3 Georgia,serif;margin:20px 0}.intro{font-size:17px;line-height:1.9;color:#a9c7cb}.steps{margin-top:60px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px}.steps article{padding:30px 0;border-top:1px solid #77bcb432;opacity:.4;transform:translateY(15px);transition:.7s}.steps article.visible{opacity:1;transform:none}.steps small{font-size:13px;letter-spacing:.14em;color:#6fbeb9}.steps h3{font-size:23px;font-weight:400}.steps p{color:#a9c7cb;font-size:16px;line-height:1.8}.ending{text-align:center;padding:100px 24px;background:radial-gradient(ellipse at bottom,#0b655e,#061f27 70%)}.ending button{margin-top:25px;padding:17px 30px}footer{text-align:center;font-size:14px;color:#90b6ba;padding:30px}body.locked{overflow:hidden}[hidden]{display:none!important}@media(max-width:650px){.reference{overflow:hidden}.hint{line-height:1.7}header{padding:22px}.brand{font-size:25px}header button{font-size:12px;padding:10px 12px}.hero{min-height:700px}.heroCopy{top:26%;left:7%;right:5%}h1{font-size:49px}.korean{font-size:17px}.sub{font-size:14px;max-width:260px}.waterNote{bottom:25px;left:7%;right:auto;text-align:left}.steps{grid-template-columns:1fr}#journey{padding:70px 7vw}.intro br{display:none}.hint b{color:#97e5ff}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}.steps article{opacity:1;transform:none}}

.filtration{padding:100px 8vw;background:#082a31}.filterLead{font-size:22px;line-height:1.6;max-width:760px;color:#c7ece6}.filterGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:50px 0}.filterGrid article{border-top:1px solid #7bc9bf60;padding-top:25px}.filterGrid small{font-size:13px;letter-spacing:.14em;color:#85ccc0}.filterGrid h3{font:28px/1.3 Georgia,serif}.filterGrid p{font-size:16px;line-height:1.85;color:#b3cfd0}.filterStatement{font:clamp(24px,3vw,38px)/1.4 Georgia,serif;color:#b6ffe8;border-left:2px solid #84ddc3;padding-left:25px}.filterFoot{font-size:14px;line-height:1.7;color:#95b4b8;max-width:900px}@media(max-width:800px){.filterGrid{grid-template-columns:1fr;gap:20px}.filtration{padding:65px 7vw}.filterLead{font-size:19px}}

:root{--ink:#edf7ff}body{background:#05152f}button:focus-visible,a:focus-visible{outline-color:#9ed7ff}.wash{background:radial-gradient(circle at var(--x) var(--y),#a4ddff,#1764b3 65%,#082859)}.hero{background:#082958;min-height:740px}.waterPhoto{background:linear-gradient(90deg,#04152b99,transparent 80%),url(water-blue.jpg) center/cover;filter:none}.rays{opacity:.3}.heroCopy{top:23%;max-width:65%}.eyebrow{color:#96cfff}h1 em{color:#c4e6ff}.sub{color:#c3d9ed}.explore{color:#f0f7ff;border-bottom-color:#91bfff;background:#07264b90;padding:14px 18px;border-radius:4px;font-size:16px}.waterNote{color:#bad7f3}.waterNote span{color:#e2f2ff}#journey{background:linear-gradient(#082044,#05152f)}.intro,.steps p{color:#b4c9df}.steps small{color:#8bc4f8}.steps article{border-top-color:#699ad040}.filtration{background:#0a254b}.filterLead{color:#d7eaff}.filterGrid article{border-top-color:#739bd060}.filterGrid small{color:#93c8fc}.filterGrid p{color:#b7cde5}.filterStatement{color:#c6e6ff;border-left-color:#8bc4ff}.filterFoot{color:#a0bddc}.ending{background:radial-gradient(ellipse at bottom,#145899,#05152f 75%)}header button,.ending button{background:#082957a0;border-color:#acd4ff70}footer{color:#a2bddd}@media(max-width:650px){.hero{min-height:820px}.heroCopy{top:19%;max-width:none;right:7%}h1{font-size:clamp(39px,10.5vw,52px);line-height:1.12}.waterPhoto{background-image:linear-gradient(180deg,#041833b0 0%,#04183340 45%,transparent 70%,#061c3990 100%),url(water-blue.jpg);background-position:center,73% center}.sub{max-width:290px;font-size:16px}.explore{margin-top:18px;max-width:100%;font-size:15px}.waterNote{bottom:28px;left:7%;right:7%}.waterNote span{font-size:22px}}

@media(max-width:650px){.waterPhoto{background-color:#061c39;background-image:linear-gradient(180deg,#041833 0%,#041833e8 24%,#04183335 52%,transparent 80%,#061c3990 100%),url(water-blue.jpg);background-size:100% 100%,auto 80%;background-position:center,73% bottom;background-repeat:no-repeat}.heroCopy{top:17%}}

#waterButton span{display:none!important}.endingActions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:35px}.inquiry{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:16px 30px;border:1px solid #acd4ff;border-radius:40px;background:#d6ebff;color:#092952;text-decoration:none;font-size:16px;font-weight:600}.inquiry:hover{background:white}.endingActions #return{margin-top:0;min-height:54px}.inquiry svg{flex-shrink:0}@media(max-width:650px){.endingActions{width:100%}.inquiry,.endingActions #return{width:min(100%,310px)}}

.homeReturn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border:1px solid #acd4ff70;border-radius:40px;color:white;background:#082957a0;text-decoration:none;font-size:14px}.endingActions .homeReturn{padding:17px 30px;font-size:16px}@media(max-width:650px){header .homeReturn{font-size:12px;padding:10px 12px}.endingActions .homeReturn{width:min(100%,310px)}}