@font-face{font-family:manrope;src:url(../media/manrope_latin_wght-s.p.2xs28az5j2efm.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.manrope_578d2376-module__vkchIG__className{font-family:manrope,manrope Fallback}.manrope_578d2376-module__vkchIG__variable{--font-manrope:"manrope", "manrope Fallback"}
.site{--font-headline:var(--font-manrope), "Pretendard Variable", Pretendard, system-ui, sans-serif;--font-body:var(--font-manrope), "Pretendard Variable", Pretendard, system-ui, sans-serif;--font-label:var(--font-manrope), "Pretendard Variable", Pretendard, system-ui, sans-serif;--font-accent:var(--font-manrope), "Pretendard Variable", Pretendard, system-ui, sans-serif;--ease-water:cubic-bezier(.22, 1, .36, 1);font-family:var(--font-body);font-feature-settings:"ss01", "cv11";overflow-x:clip}.site h1,.site h2,.site h3{letter-spacing:-.035em;text-wrap:balance}.site p{text-wrap:pretty}.tnum{font-variant-numeric:tabular-nums}.label,.site h3.label{letter-spacing:.16em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.ripple{isolation:isolate;position:relative;overflow:hidden}.ripple-drop{pointer-events:none;opacity:.22;z-index:-1;animation:ripple-spread .62s var(--ease-water,ease-out) forwards;background:currentColor;border-radius:9999px;position:absolute;transform:scale(0)}@keyframes ripple-spread{to{opacity:0;transform:scale(1)}}.live-dot{background:var(--water);border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem;display:inline-block;position:relative}.live-dot:before,.live-dot:after{content:"";border:1px solid var(--water);opacity:0;border-radius:9999px;position:absolute;inset:0}.on-inverse .live-dot,.on-inverse .live-dot:before,.on-inverse .live-dot:after{background-color:var(--inverse-accent);border-color:var(--inverse-accent)}.on-inverse .live-dot:before,.on-inverse .live-dot:after{background-color:#0000}.gauge-needle{transform-box:view-box;transform-origin:160px 160px;transform:rotate(var(--gauge-to,120deg))}.gauge-arc{stroke-dasharray:var(--arc-len) var(--arc-len);stroke-dashoffset:0}.glass{background:var(--water-glass);position:relative;overflow:hidden}.glass-fill{height:var(--level,0%);background:var(--water);transition:height .9s var(--ease-water);position:absolute;bottom:0;left:0;right:0}.glass-fill-x{width:var(--level,0%);background:var(--water);transition:width .9s var(--ease-water);position:absolute;top:0;bottom:0;left:0}.glass-wave{width:200%;height:10px;color:var(--water);position:absolute;bottom:100%;left:0}.glass-wave svg{width:100%;height:100%;display:block}.fill-row{isolation:isolate;position:relative}.fill-row:before{content:"";z-index:-1;background:var(--water-tint);transform-origin:bottom;transition:transform .42s var(--ease-water);position:absolute;inset:0;transform:scaleY(0)}.fill-row:hover:before,.fill-row:focus-within:before{transform:scaleY(1)}.fill-row .row-arrow{transition:transform .32s var(--ease-water)}.fill-row:hover .row-arrow{transform:translate(4px)}.valve-handle{transform-box:view-box;transform-origin:20px 20px}.pulse-line{position:relative;overflow:hidden}.pulse-line:after{content:"";background:linear-gradient(to right, transparent, var(--water), transparent);opacity:0;width:18%;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.pulse-line-y:after{background:linear-gradient(to bottom, transparent, var(--water), transparent);width:auto;height:18%;top:0;left:0;right:0;transform:translateY(-100%)}.area-ring{transform-box:view-box;transform-origin:160px 160px;opacity:0}.drip{background:var(--inverse-accent);opacity:0;border-radius:50%/60% 60% 40% 40%;width:6px;height:8px;margin-left:-3px;position:absolute;top:0;left:50%}.drip-ring{border:1px solid var(--inverse-accent);opacity:0;border-radius:50%;width:40px;height:10px;margin-left:-20px;position:absolute;bottom:0;left:50%}.wo-ink{display:inline-block}.rise{opacity:1}@media (prefers-reduced-motion:no-preference){.live-dot:before{animation:dot-ring 2.4s var(--ease-water) infinite}.live-dot:after{animation:dot-ring 2.4s var(--ease-water) 1.2s infinite}.gauge-needle{animation:needle-sweep 1.8s var(--ease-water) .3s both, needle-hold 3.2s ease-in-out 2.1s infinite}.gauge-arc{animation:arc-fill 1.8s var(--ease-water) .3s both}.glass-wave{animation:3.2s linear infinite wave-slide}.glass-wave.slow{animation-duration:5.4s;animation-direction:reverse}.pulse-line:after{animation:3.6s cubic-bezier(.45,0,.55,1) infinite pulse-x}.pulse-line-y:after{animation-name:pulse-y}.area-ring{animation:ring-out 4.8s var(--ease-water) infinite}.area-ring:nth-of-type(2){animation-delay:1.6s}.area-ring:nth-of-type(3){animation-delay:3.2s}.drip{animation:3.6s cubic-bezier(.55,0,1,.45) infinite drip-fall}.drip-ring{animation:3.6s linear infinite drip-ring}.wo-ink{animation:wo-pour .42s var(--ease-water) both}.rise{animation:rise .9s var(--ease-water) both}.rise-1{animation-delay:80ms}.rise-2{animation-delay:.16s}.rise-3{animation-delay:.24s}.rise-4{animation-delay:.32s}@supports (animation-timeline:view()){.valve-handle{animation:linear both valve-open;animation-timeline:view();animation-range:entry 40% cover 45%}.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry entry 60%}}}@keyframes dot-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}@keyframes needle-sweep{0%{transform:rotate(-135deg)}to{transform:rotate(var(--gauge-to,120deg))}}@keyframes needle-hold{0%,to{transform:rotate(var(--gauge-to,120deg))}30%{transform:rotate(calc(var(--gauge-to,120deg) - 2.5deg))}55%{transform:rotate(calc(var(--gauge-to,120deg) + 1deg))}75%{transform:rotate(calc(var(--gauge-to,120deg) - .8deg))}}@keyframes arc-fill{0%{stroke-dashoffset:var(--arc-len)}to{stroke-dashoffset:0}}@keyframes wave-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-x{0%{opacity:0;transform:translate(-100%)}10%{opacity:1}70%{opacity:1;transform:translate(560%)}80%,to{opacity:0;transform:translate(560%)}}@keyframes pulse-y{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}70%{opacity:1;transform:translateY(560%)}80%,to{opacity:0;transform:translateY(560%)}}@keyframes ring-out{0%{opacity:0;transform:scale(.15)}15%{opacity:.9}to{opacity:0;transform:scale(1)}}@keyframes drip-fall{0%,30%{opacity:0;transform:translateY(0)scaleY(.6)}38%{opacity:1;transform:translateY(0)scaleY(1)}62%{transform:translateY(var(--drip-fall,120px)) scaleY(1.2);opacity:1}63%,to{transform:translateY(var(--drip-fall,120px));opacity:0}}@keyframes drip-ring{0%,62%{opacity:0;transform:scale(.2)}64%{opacity:1}to{opacity:0;transform:scale(1.6)}}@keyframes wo-pour{0%{clip-path:inset(0 100% 0 0);transform:translateY(2px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes valve-open{0%{transform:rotate(0)}to{transform:rotate(90deg)}}
