.ocean-page{--ocean-ink:#e0e9eb;--ocean-bottom:#070f1c}.ocean-page .site-main{padding:0}.ocean-page .site-header{color:var(--ocean-ink);background:#102632;border-bottom-color:#0000;transition:background-color .6s,color .45s,border-color .6s;position:fixed;inset:0 0 auto}.ocean-page .site-header[data-ocean-ready]:not([data-reading]){background:linear-gradient(#0b1c293b,#17303b0d);border-bottom-color:#b3d1d211}.ocean-page .header-container{max-width:1328px;height:auto;min-height:80px;padding:max(12px, env(safe-area-inset-top)) max(40px, env(safe-area-inset-right)) 12px max(40px, env(safe-area-inset-left))}.ocean-page .site-logo{color:inherit;letter-spacing:.16em;font-size:19px}.ocean-page .site-nav a{color:inherit;letter-spacing:.07em;padding-block:12px;font-size:13px}.ocean-page .site-nav a:hover{text-underline-offset:6px;text-decoration:underline}.ocean-page .site-header[data-reading]{border-bottom-color:var(--color-border);color:var(--color-text);background:#fffffffa}.ocean-page a:focus-visible,.ocean-page button:focus-visible{outline-offset:6px;outline:2px solid}.ocean-hero{isolation:isolate;height:100svh;min-height:480px;color:var(--ocean-ink);background:var(--ocean-bottom);place-items:center;display:grid;position:relative;overflow:hidden}.ocean-depth,.ocean-surface,.ocean-light,.ocean-particles{pointer-events:none;position:absolute;inset:0}.ocean-depth{z-index:0;background:radial-gradient(30% 18% at 53% 1%,#9bbfb557,#0000 100%),radial-gradient(53% 38% at 49% 9%,#517e882e,#0000 100%),radial-gradient(28% 35% at 57% 32%,#45647716,#0000 100%),radial-gradient(72% 68% at 50% 35%,#0000 30%,#050d1980 100%),linear-gradient(#284955 0%,#1c3d49 13%,#14303d 28%,#102333 43%,#0b1929 66%,#070f1c 100%)}.ocean-surface{z-index:1;opacity:.9;transform-origin:top;background:radial-gradient(35% 38% at 53% -5%,#b8cecd35,#0000);height:25%;bottom:auto}.ocean-depth:after{content:"";background:radial-gradient(35% 40% at 52% 3%,#c1d8d018,#0000 100%);position:absolute;inset:0 0 45%}.ocean-surface svg{width:100%;height:100%}.ocean-caustics{transform-origin:52% 18%;position:absolute;inset:0}.ocean-hero[data-running] .ocean-caustics{will-change:transform, opacity}.ocean-light{z-index:2;overflow:hidden}.ocean-light:before{content:"";background:radial-gradient(26% 55% at 51% -3%,#aecac51f,#0000 95%);position:absolute;inset:0 0 30%}.ocean-light i{transform-origin:50% 0;background:conic-gradient(from 164deg at 50% 0,#0000,#b4d0ce18 8deg,#c6dedb54 16deg,#b4d0ce18 24deg,#0000 32deg);width:34%;height:91%;position:absolute;top:-7%;mask-image:linear-gradient(#000,#000b 18%,#0003 57%,#0000 92%)}.ocean-light i:first-child{opacity:.46;width:45%;left:8%;transform:rotate(24deg)}.ocean-light i:nth-child(2){opacity:.74;width:27%;left:27%;transform:rotate(10deg)}.ocean-light i:nth-child(3){opacity:.65;width:39%;left:37%;transform:rotate(-12deg)}.ocean-light i:nth-child(4){opacity:.38;width:32%;left:48%;transform:rotate(-27deg)}.ocean-light i:nth-child(5){opacity:.54;width:15%;height:72%;left:37%;transform:rotate(3deg)}.ocean-light i:nth-child(6){opacity:.3;width:13%;height:65%;left:52%;transform:rotate(-20deg)}.ocean-particles{z-index:3;width:100%;height:100%}.ocean-copy{z-index:4;text-align:center;padding:92px 24px 0;position:relative}.ocean-copy h1{letter-spacing:.1em;font-size:clamp(20px,2.5vw,34px);font-weight:400;line-height:2.22}.ocean-copy h1 span{display:block}.ocean-enter{color:#cfdee3;letter-spacing:.18em;background:linear-gradient(120deg,#b7d4d40c,#7fabb005 70%);border:1px solid #a2c7cc50;border-radius:2px;align-items:center;gap:30px;min-height:52px;margin-top:48px;padding:13px 23px;font-size:13px;text-decoration:none;transition:border-color .45s,box-shadow .45s,background-color .45s;display:inline-flex;box-shadow:inset 0 1px #c1dad510,0 8px 32px #3e6e7812}.ocean-enter:hover{color:#edf4f3;background-color:#8bafb610;border-color:#b6d3d88c;box-shadow:inset 0 1px #d8ebe91a,0 0 28px #9cc2c71a}.ocean-enter span{font-size:17px;transition:transform .5s}.ocean-enter:hover span{transform:translateY(3px)}.ocean-depth-mark{background:linear-gradient(#0000,#aecdd48c 28%,#7ea5b229 75%,#0000);width:1px;height:56px;position:absolute;bottom:32px}.ocean-depth-mark:after{content:"";filter:blur(4px);background:#a4cad442;position:absolute;inset:12px -3px 24px}.ocean-transition{background:linear-gradient(#070f1c,#132534 20%,#3b535e 43%,#899c9f 67%,#d9e1df 85%,#f9f9fb);height:clamp(260px,48svh,460px)}.ocean-reading{text-align:center;padding:80px 0 150px;scroll-margin-top:96px}.ocean-reading h2{letter-spacing:.04em;font-size:clamp(23px,3vw,32px);font-weight:600;line-height:1.8}.ocean-reading p{color:#4b5563;margin-top:24px;font-size:17px;line-height:2.2}.reading-link{color:#243f4b;border-bottom:1px solid #8e9ca3;align-items:center;gap:36px;margin-top:40px;padding:14px 4px;font-size:15px;text-decoration:none;display:inline-flex}.reading-link:hover{border-color:currentColor}.ocean-page .site-footer{padding-block:32px}@media (width<=600px){.ocean-page .header-container{min-height:72px;padding-inline:max(20px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-right))}.ocean-page .site-logo{letter-spacing:.1em;white-space:nowrap;font-size:16px}.ocean-page .site-nav{gap:12px}.ocean-page .site-nav a{letter-spacing:0;font-size:12px}.ocean-page .nav-auth{min-width:0}.ocean-page .nav-auth-pending{min-width:48px}.ocean-copy{padding:70px 16px 0}.ocean-copy h1{letter-spacing:.04em;font-size:clamp(17px,4.55vw,25px);line-height:2.4}.ocean-enter{min-height:50px;margin-top:36px;padding-inline:20px}.ocean-surface{height:23%}.ocean-light i{width:65%}.ocean-light i:first-child{left:-8%}.ocean-light i:nth-child(2){width:48%;left:17%}.ocean-light i:nth-child(3){left:30%}.ocean-light i:nth-child(4){width:48%;left:48%}.ocean-light i:nth-child(5){width:26%;left:25%}.ocean-light i:nth-child(6){display:none}.ocean-reading{padding:48px 0 96px}.ocean-reading h2{font-size:clamp(20px,5.5vw,25px)}.ocean-reading p{font-size:15px}.ocean-depth-mark{bottom:max(28px, env(safe-area-inset-bottom));height:42px}}@media (width<=359px){.ocean-page .header-container{padding-inline:12px}.ocean-page .site-nav{gap:9px}.ocean-page .site-logo{font-size:15px}}.ocean-surface{animation:32s ease-in-out infinite alternate ocean-surface-drift}.ocean-caustics{animation:26s ease-in-out infinite alternate ocean-caustic-drift}.ocean-light i{animation:28s ease-in-out infinite alternate ocean-light-drift}.ocean-light i:nth-child(2){animation-duration:34s;animation-delay:-13s}.ocean-light i:nth-child(3){animation-duration:38s;animation-delay:-21s}.ocean-light i:nth-child(4){animation-duration:31s;animation-delay:-9s}.ocean-light i:nth-child(5){animation-duration:36s;animation-delay:-16s}.ocean-light i:nth-child(6){animation-duration:40s;animation-delay:-27s}.ocean-surface,.ocean-light i,.ocean-caustics{animation-play-state:paused}.ocean-hero[data-running] .ocean-surface,.ocean-hero[data-running] .ocean-light i,.ocean-hero[data-running] .ocean-caustics{animation-play-state:running}@keyframes ocean-surface-drift{0%{transform:translate(-.5%)scaleX(1.02)}to{transform:translate(.5%)scaleX(1.04)scaleY(1.06)}}@keyframes ocean-caustic-drift{0%{opacity:.48;transform:translate(-5px)scaleX(.99)}to{opacity:.82;transform:translate(5px,2px)scaleX(1.025)}}@keyframes ocean-light-drift{0%{translate:-1%;rotate:-.8deg}to{translate:1%;rotate:.8deg}}@media (prefers-reduced-motion:reduce){.ocean-surface,.ocean-light i,.ocean-caustics{animation:none}.ocean-page .site-header,.ocean-enter,.ocean-enter span{transition:none}.ocean-enter:hover span{transform:none}}.ocean-motion-toggle{z-index:4;right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));color:#a5b9c4;min-height:44px;font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:8px;font-size:11px;position:absolute}.ocean-motion-toggle:hover{text-underline-offset:4px;text-decoration:underline}