@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-ext-wght-normal.DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-wght-normal.Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--foam:#f4fbfc;--mist:#d7eff4;--aqua:#5fcfd8;--spring:#1f9aa8;--spring-deep:#15707c;--leaf:#86c9a1;--ink:#0c3a44;--ink-soft:#3d6b74;--font-display:"Outfit Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--step-slogan:clamp(1.9rem, min(7.2vw, 11.5vh), 5.25rem);--step-hint:clamp(.95rem, 1.9vw, 1.2rem);--step-nudge:clamp(.7rem, 1.2vw, .8rem);--step-launch:clamp(.62rem, 1.1vw, .75rem);--horizon-h:38vh;--nudge-h:clamp(3rem, 7vh, 4.5rem)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{background:var(--foam);color-scheme:light}body{min-height:100dvh;font-family:var(--font-display);color:var(--ink);background:var(--foam);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}.scene{width:100%;min-height:100dvh;padding:var(--nudge-h) 0;isolation:isolate;place-items:center;display:grid;position:relative}.scene__water{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#00000038 8%,#00000068 16%,#0000008f 24%,#000000af 32%,#000000c8 40%,#000000db 48%,#000000e9 56%,#000000f3 64%,#000000fa 74%,#000000fe 84%,#000 100%);mask-image:linear-gradient(#0000 0%,#00000038 8%,#00000068 16%,#0000008f 24%,#000000af 32%,#000000c8 40%,#000000db 48%,#000000e9 56%,#000000f3 64%,#000000fa 74%,#000000fe 84%,#000 100%)}.landscape{z-index:0;pointer-events:none;will-change:transform;position:fixed;inset:0;overflow:hidden}.landscape__photo{object-fit:cover;object-position:center 42%;width:100%;height:100%;display:block}@media (width<=767px){.landscape__photo{object-position:center 62%}}.scene__fallback{z-index:0;background:linear-gradient(170deg, var(--foam) 0%, var(--mist) 55%, #c6e7ee 100%);display:none;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#00000038 8%,#00000068 16%,#0000008f 24%,#000000af 32%,#000000c8 40%,#000000db 48%,#000000e9 56%,#000000f3 64%,#000000fa 74%,#000000fe 84%,#000 100%);mask-image:linear-gradient(#0000 0%,#00000038 8%,#00000068 16%,#0000008f 24%,#000000af 32%,#000000c8 40%,#000000db 48%,#000000e9 56%,#000000f3 64%,#000000fa 74%,#000000fe 84%,#000 100%)}.no-webgl .scene__water{display:none}.no-webgl .scene__fallback{display:block}.scene__fallback svg{width:200%;height:38vh;position:absolute;inset:auto 0 0}.hero{z-index:1;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:clamp(.9rem,2vw,1.5rem);max-width:68rem;padding:1.5rem clamp(1.5rem,9vw,8rem);display:flex;position:relative}.hero__launch{font-size:var(--step-launch);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 4px #ffffffe6,0 1px 12px #ffffffbf;-webkit-user-select:text;user-select:text;margin:0;font-weight:500}.hero__drop{transform-origin:50% 100%;filter:drop-shadow(0 1px 1px #092d3680)drop-shadow(0 6px 10px #092d3661)drop-shadow(0 18px 34px #092d364d);will-change:transform;width:clamp(3.2rem,7.5vw,5.5rem);height:auto}.hero__slogan{max-width:100%;font-size:var(--step-slogan);letter-spacing:-.03em;color:var(--ink);font-kerning:none;text-rendering:optimizespeed;text-shadow:0 -1px #ffffff80,0 0 9px #ffffff80,0 2px 2px #092d366b,0 7px 13px #092d365c,0 18px 34px #092d364d;-webkit-user-select:text;user-select:text;margin:0;font-weight:600;line-height:.95}.hero__hints{place-items:center;width:min(90vw,34ch);min-height:2.5em;display:grid;position:relative}.hero__hint{font-size:var(--step-hint);color:var(--ink);letter-spacing:.01em;text-shadow:0 1px 10px #ffffff8c;-webkit-user-select:text;user-select:text;grid-area:1/1;margin:0;font-weight:300;line-height:1.35}.hero__nudge{z-index:1;font-size:var(--step-nudge);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 10px #fff9;opacity:0;pointer-events:none;margin:0;font-weight:400;position:fixed;bottom:clamp(1.5rem,5vh,3rem);left:50%;transform:translate(-50%)}.bubbles{inset:var(--horizon-h) 0 0 0;z-index:0;pointer-events:none;position:fixed;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#00000040 9%,#000000a6 17%,#000 26%);mask-image:linear-gradient(#0000 0%,#00000040 9%,#000000a6 17%,#000 26%)}.bubble-shell{will-change:transform;display:block;position:absolute;top:0;left:0}.bubble{will-change:transform, opacity;background:radial-gradient(circle closest-side at 34% 28%,#ffffff8c 0%,#fff0 52%),radial-gradient(circle closest-side,#ffffff08 48%,#1268741f 74%,#12687442 87%,#f3fdffd1 94%,#ffffff4d 98%,#fff0 100%);border-radius:50%;display:block}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drops-water{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.drops-air{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.droplet{will-change:transform, opacity;background:radial-gradient(circle at 34% 30%,#ffffffb8 0%,#5fcfd880 60%,#1f9aa873 100%);border-radius:50%;position:absolute;top:0;left:0}.shockwave{will-change:transform, opacity;border-style:solid;border-color:#def8fa52;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 10px #a8e5ec1a}.falling-drop{will-change:transform, opacity;background:radial-gradient(circle at 36% 62%,#ffffffbf 0%,#5fcfd88c 58%,#1f9aa880 100%);border-radius:50%/62% 62% 38% 38%;position:absolute;top:0;left:0;box-shadow:0 0 8px #5fcfd838}.js .hero__slogan,.js .hero__hint,.js .hero__launch,.js .hero__drop{visibility:hidden}.js .landscape{opacity:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(a,button):focus-visible{outline:2px solid var(--spring);outline-offset:3px}
