@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500&display=swap);:root{color-scheme:dark;--bg:#07060d;--bg-2:#0b0a14;--ink:#eceaf6;--muted:#a09ebc;--dim:#6d6b8c;--line:#ffffff14;--line-2:#ffffff24;--glass:#ffffff08;--glass-2:#ffffff0d;--teal:#5eead4;--violet:#8b6cf6;--pink:#f472b6;--iris:linear-gradient(110deg,#5eead4,#8b6cf6 48%,#f472b6);--display:'Sora',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace;--radius:18px;--pad:clamp(20px,5vw,72px);--sea-h:clamp(64px,11vh,120px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;background:linear-gradient(180deg,#0a3346 0,#082838 9%,#061e2d 20%,#051724 34%,#041220 50%,#040d1a 66%,#030913 82%,#02060e 100%) #02060e}body{margin:0;color:var(--ink);font:450 16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%}h1,h2,h3,h4{font-family:var(--display);font-weight:500;letter-spacing:-.03em;margin:0}p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--violet);color:#fff}:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:6px}.defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:-120px;left:20px;z-index:99;padding:14px 18px;border-radius:10px;background:var(--violet);color:#fff}.skip-link:focus{top:16px}.mono{font:400 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.grad{background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}.aurora{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;opacity:calc(.5 - var(--depth,0) * .42);transition:opacity .3s linear}.aurora i{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen;will-change:transform}.blob-a{width:52vw;height:52vw;left:-12vw;top:-16vw;background:radial-gradient(circle,#22d3eeb3,#22d3ee40 32%,transparent 70%);animation:drift-a 26s ease-in-out infinite alternate}.blob-b{width:46vw;height:46vw;right:-10vw;top:6vh;background:radial-gradient(circle,#5eead4b3,#5eead440 32%,transparent 70%);animation:drift-b 31s ease-in-out infinite alternate}.blob-c{width:44vw;height:44vw;left:32vw;top:52vh;background:radial-gradient(circle,#8b6cf6b3,#8b6cf640 32%,transparent 70%);animation:drift-c 37s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate3d(14vw,10vh,0) scale(1.18)}}@keyframes drift-b{to{transform:translate3d(-12vw,16vh,0) scale(.86)}}@keyframes drift-c{to{transform:translate3d(10vw,-14vh,0) scale(1.12)}}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.spotlight{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(420px circle at var(--px,50%) var(--py,50%),#8b6cf61f,transparent 72%)}body.pointer .spotlight{opacity:1}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;pointer-events:none}.progress i{display:block;height:100%;width:100%;background:var(--iris);transform:scaleX(0);transform-origin:left}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--pad);background:#07060dcc;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:28px;height:28px;display:block}.brand-mark svg{width:100%;height:100%;display:block;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-text{font:600 19px var(--display);letter-spacing:.01em}.nav-links{display:flex;gap:6px}.nav-links a{position:relative;display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;font-size:15px;color:var(--muted);transition:color .25s,background .25s}.nav-idx{font:400 11px var(--mono);color:var(--dim);transition:color .25s}.nav-links a.active,.nav-links a:hover{color:var(--ink);background:var(--glass-2)}.nav-links a.active .nav-idx{color:var(--teal)}.nav-cta{display:flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid var(--line-2);border-radius:999px;font-size:14.5px;transition:border-color .25s,background .25s}.nav-cta:hover{border-color:#5eead459;background:#5eead40f}.nav-cta .arrow{color:var(--teal)}.pulse{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 #5eead473;animation:pulse 2.4s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #5eead400}100%{box-shadow:0 0 0 0 #5eead400}}.hero{position:relative;min-height:calc(100svh - 69px);display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,9vh,110px) var(--pad) var(--sea-h);isolation:isolate;background:linear-gradient(180deg,#05071a 0,#0a0f30 34%,#171a4a 60%,#33265f 82%,#56306b 100%)}#field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block}.hero-inner{position:relative;z-index:1;max-width:1180px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center}.kicker{display:flex;align-items:center;gap:11px;font:500 13px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--iris)}.hero h1{margin:26px 0 0;font-size:clamp(58px,10.5vw,158px);font-weight:300;line-height:.94;letter-spacing:-.055em}.hero h1 .line{display:block}.hero h1 .line:first-child{font-weight:600}.hero-copy{max-width:46ch;margin:30px 0 0;font-size:clamp(15px,1.4vw,18px);line-height:1.85;color:var(--muted)}.hero-copy em{font-style:normal;color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:38px}.btn{display:inline-flex;align-items:center;gap:22px;padding:15px 24px;border-radius:999px;font-size:15px;font-weight:500;white-space:nowrap;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,background .3s,border-color .3s}.btn-primary{background:var(--iris);color:#0a0812;box-shadow:0 10px 40px -14px #8b6cf6cc}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 50px -14px #8b6cf6}.btn-ghost{border:1px solid var(--line-2);color:var(--ink)}.btn-ghost:hover{transform:translateY(-3px);border-color:#5eead459;background:#5eead40f}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;max-width:1180px;width:100%;margin:0 auto;padding:26px 0;border-top:1px solid var(--line)}.hero-foot .mono{color:var(--muted)}.caret{display:inline-block;width:7px;height:13px;margin-left:6px;vertical-align:-2px;background:var(--teal);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.motion-btn{display:flex;align-items:center;gap:9px;padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:0 0;font:400 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:border-color .25s,color .25s}.motion-btn:hover{border-color:var(--line-2);color:var(--ink)}.motion-icon{width:9px;height:9px;border-left:3px solid var(--teal);border-right:3px solid var(--teal)}.motion-btn[aria-pressed=true] .motion-icon{border:0;width:0;height:0;border-left:8px solid var(--teal);border-top:5px solid transparent;border-bottom:5px solid transparent}.scene{position:absolute;z-index:0;pointer-events:none;inset:0 clamp(12px,4vw,64px) calc(96px + var(--sea-h)) auto;width:min(46%,560px);display:grid;place-items:center}.pod{position:absolute;border-radius:50%;background:#ffffff0a;border:1px solid #ffffff1a;display:grid;place-items:center;box-shadow:0 30px 90px -40px #8b6cf6}.pod svg{width:78%;height:78%;overflow:visible}.pod-dive{width:clamp(150px,20vw,250px);aspect-ratio:1;top:4%;right:2%;animation:float-a 9s ease-in-out infinite}.pod-bow{width:clamp(115px,15vw,186px);aspect-ratio:1;top:47%;left:0;animation:float-b 11s ease-in-out infinite}.pod-piano{width:clamp(120px,16vw,196px);aspect-ratio:1;bottom:2%;right:14%;animation:float-c 10s ease-in-out infinite}@keyframes float-a{0%,100%{transform:translate(0,-10px)}50%{transform:translate(-8px,12px)}}@keyframes float-b{0%,100%{transform:translate(0,12px)}50%{transform:translate(10px,-10px)}}@keyframes float-c{0%,100%{transform:translate(0,-8px)}50%{transform:translate(-10px,10px)}}@keyframes bob{0%,100%{transform:translateY(-5px) rotate(-1.5deg)}50%{transform:translateY(5px) rotate(1.5deg)}}.diver{animation:bob 5s ease-in-out infinite;transform-origin:50% 50%}@keyframes legKick{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.leg-near{animation:legKick 2.2s ease-in-out infinite;transform-origin:124px 168px}.leg-far{animation:legKick 2.2s ease-in-out -1.1s infinite;transform-origin:128px 156px}@keyframes rise{0%{transform:translate(0,0) scale(.5);opacity:0}15%{opacity:.85}100%{transform:translate(var(--dx,14px),-190px) scale(1.15);opacity:0}}.bub,.exhale circle{transform-box:fill-box;transform-origin:center}.bub{animation:rise var(--d,5s) linear infinite;animation-delay:var(--delay,0s)}@keyframes drawTop{0%,12%{transform:rotate(0)}38%,52%{transform:rotate(11deg)}100%,58%{transform:rotate(0)}}@keyframes drawBot{0%,12%{transform:rotate(0)}38%,52%{transform:rotate(-11deg)}100%,58%{transform:rotate(0)}}.s-top{animation:drawTop 3.4s ease-in-out infinite;transform-origin:150px 40px}.s-bot{animation:drawBot 3.4s ease-in-out infinite;transform-origin:150px 260px}@keyframes shoot{0%,12%{transform:translateX(0);opacity:1}38%,52%{transform:translateX(-21px);opacity:1}62%{transform:translateX(150px);opacity:1}100%,70%{transform:translateX(230px);opacity:0}}.arrow{animation:shoot 3.4s ease-in-out infinite}@keyframes bowSway{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}.bow{animation:bowSway 4.5s ease-in-out infinite}@keyframes press{0%,100%{transform:translateY(0)}16%,8%{transform:translateY(7px)}}@keyframes pressB{0%,100%{transform:translateY(0)}16%,8%{transform:translateY(5px)}}.wk{animation:press 3s ease-in-out infinite}.bk{animation:pressB 3s ease-in-out infinite}@keyframes noteUp{0%{transform:translate(0,0) rotate(-8deg);opacity:0}18%{opacity:1}100%{transform:translate(var(--nx,20px),-150px) rotate(12deg);opacity:0}}.note{animation:noteUp var(--nd,4s) ease-out infinite;animation-delay:var(--delay,0s)}body.motion-off .diveline *,body.motion-off .scene *,body.motion-off .sea-surface *,body.motion-off .sky *,body.motion-off .sl,body.motion-off .sl *,body.motion-off .sunlit *{animation-play-state:paused}.sky{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(55% 60% at 64% 100%,#ffb48a59,#f472b62e 40%,transparent 72%)}.sun{position:absolute;left:64%;bottom:calc(var(--sea-h) - clamp(30px,4.2vw,62px));width:clamp(84px,10vw,150px);aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 50% 42%,#fff3d6,#ffc98f 46%,#ff8f7a);box-shadow:0 0 60px 18px #ff9f7a55,0 0 160px 60px #f472b626}.sun::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 0 90px 34px #ff9f7a40,0 0 220px 90px #f472b61f;opacity:0;animation:sunset 9s ease-in-out infinite alternate}@keyframes sunset{to{opacity:1}}.sea-surface{position:absolute;left:0;right:0;bottom:0;height:var(--sea-h);z-index:-1;pointer-events:none;overflow:hidden}.sea-surface i{position:absolute;left:0;width:calc(100% + 1440px);bottom:0;background-repeat:repeat-x;background-size:1440px 100%;will-change:transform;animation:swell var(--d,18s) linear infinite}.swell-back{top:0;--d:34s;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 14Q180 4 360 14T720 14T1080 14T1440 14V100H0Z' fill='%23324c80'/%3E%3C/svg%3E")}.swell-mid{top:18%;--d:22s;animation-direction:reverse;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 16Q120 2 240 16T480 16T720 16T960 16T1200 16T1440 16V100H0Z' fill='%23175a74'/%3E%3C/svg%3E")}.swell-front{top:40%;--d:14s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 18Q90 4 180 18T360 18T540 18T720 18T900 18T1080 18T1260 18T1440 18V100H0Z' fill='%230d4b5f'/%3E%3Cpath d='M0 18Q90 4 180 18T360 18T540 18T720 18T900 18T1080 18T1260 18T1440 18' fill='none' stroke='%239fe8f5' stroke-opacity='.45' stroke-width='2'/%3E%3C/svg%3E")}@keyframes swell{to{transform:translateX(-1440px)}}.sea-surface .glint{left:64%;right:auto;top:6%;will-change:auto;width:clamp(90px,12vw,190px);transform:translateX(-50%);background:repeating-linear-gradient(180deg,#ffd9b8cc 0 2px,transparent 2px 7px);-webkit-mask-image:radial-gradient(50% 100% at 50% 0,#000,transparent);mask-image:radial-gradient(50% 100% at 50% 0,#000,transparent);animation:glint 2.6s ease-in-out infinite alternate}@keyframes glint{0%{opacity:.35;transform:translateX(-50%) scaleX(.8)}100%{opacity:.8;transform:translateX(-50%) scaleX(1.1)}}.shallows{position:relative;height:0;z-index:-1;pointer-events:none}.sunlit{position:absolute;left:0;right:0;top:0;height:clamp(1500px,260vh,2800px);overflow:hidden;background:linear-gradient(180deg,#0d4b5f 0,#0b3f53 10%,#093246 26%,#07263880 52%,transparent 100%)}.beam{position:absolute;top:-4%;left:calc(var(--x) - var(--bw)/ 2);width:var(--bw);height:64%;transform-origin:50% 0;background:conic-gradient(at 50% 0,transparent calc(180deg - var(--a,3deg)),#dcf8ffd9 180deg,transparent calc(180deg + var(--a,3deg)));-webkit-mask-image:linear-gradient(#000,#0008 40%,transparent);mask-image:linear-gradient(#000,#0008 40%,transparent);will-change:transform,opacity;transform:rotate(var(--r));opacity:calc(var(--o) * .75);animation:beam var(--d,10s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}@keyframes beam{0%{transform:rotate(var(--r));opacity:calc(var(--o) * .3)}100%{transform:rotate(calc(var(--r) + 3deg));opacity:calc(var(--o) * .75)}}.caustics{position:absolute;left:0;right:0;top:0;height:clamp(280px,42vh,460px);overflow:hidden;opacity:.2;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(#000 10%,transparent);mask-image:linear-gradient(#000 10%,transparent)}.caustics i{position:absolute;inset:-480px -480px 0 -480px;background-size:480px 480px;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='480'%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .96 0 0 0 0 1 1 0 0 0 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 0 0 0 0 1 0 0 0 0 0 0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E");animation:caustic 26s linear infinite}.caustics i+i{animation-duration:37s;animation-direction:reverse;background-position:170px 90px;opacity:.8}@keyframes caustic{to{transform:translate(480px,240px)}}.diveline{position:relative;height:0;z-index:0;top:calc(var(--sea-h) * -.5);pointer-events:none}.freediver{position:absolute;left:max(10px,calc(50vw - 590px - 64px));top:0;width:clamp(28px,2.6vw,38px);color:#a9ecf8;opacity:.4;--deep:1000px;transform-origin:50% 54%;animation:freedive 32s ease-in-out infinite;will-change:transform}.freediver svg{display:block;width:100%;height:auto;fill:currentColor;overflow:visible}@keyframes freedive{0%,8%{transform:translateY(calc(-54% + 4px)) rotate(-90deg)}11%{transform:translateY(calc(-54% + 8px)) rotate(-45deg)}14%{transform:translateY(calc(-54% + 16px)) rotate(0)}18%{transform:translateY(calc(-54% + 40px)) rotate(0);animation-timing-function:linear}42%{transform:translateY(calc(var(--deep) - 40px)) rotate(0);animation-timing-function:ease-out}46%{transform:translateY(var(--deep)) rotate(0)}50%{transform:translateY(calc(var(--deep) + 10px)) rotate(-70deg)}54%{transform:translateY(calc(var(--deep) + 4px)) rotate(-140deg)}58%{transform:translateY(calc(var(--deep) - 10px)) rotate(-180deg);animation-timing-function:linear}84%{transform:translateY(calc(-10% + 30px)) rotate(-180deg);animation-timing-function:ease-out}88%{transform:translateY(calc(-10% + 2px)) rotate(-180deg)}100%,94%{transform:translateY(calc(-54% + 4px)) rotate(-90deg)}}.fd-legs{transform-origin:40px 196px;animation:fd-pike 32s ease-in-out infinite}@keyframes fd-pike{0%,8%{transform:rotate(0)}11%{transform:rotate(-45deg)}14%{transform:rotate(-80deg)}18%,46%{transform:rotate(0)}50%{transform:rotate(70deg)}54%{transform:rotate(55deg)}100%,58%{transform:rotate(0)}}.fd-leg-l{transform-origin:34px 196px;animation:flutter 1.1s ease-in-out infinite}.fd-leg-r{transform-origin:46px 196px;animation:flutter 1.1s ease-in-out -.55s infinite}@keyframes flutter{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.section{position:relative;isolation:isolate}.sealife{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.sl{position:absolute;top:var(--top,22%);width:var(--w,300px);height:auto;color:#8fd9ee;fill:currentColor;opacity:var(--o,.09);animation:swim var(--dur,78s) linear infinite;animation-delay:var(--delay,-20s);animation-play-state:paused}.sealife.in-view .sl{animation-play-state:running}.freediver:not(.in-view),.freediver:not(.in-view) *,.sealife:not(.in-view) *,.sunlit:not(.in-view) *{animation-play-state:paused}@keyframes swim{0%{transform:translateX(-38vw) translateY(0) rotate(-1.5deg)}50%{transform:translateX(48vw) translateY(-26px) rotate(1.5deg)}100%{transform:translateX(134vw) translateY(0) rotate(-1.5deg)}}@keyframes swim-back{0%{transform:translateX(134vw) scaleX(-1) translateY(0)}50%{transform:translateX(48vw) scaleX(-1) translateY(-24px)}100%{transform:translateX(-38vw) scaleX(-1) translateY(0)}}.ray{transform-box:fill-box;transform-origin:center;animation:flap 6s ease-in-out infinite}.ray-fast{animation-duration:4.2s}@keyframes flap{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.74)}}.drift{animation:school-drift 9s ease-in-out infinite;animation-delay:var(--delay,0s)}@keyframes school-drift{0%,100%{transform:translate(0,-10px)}50%{transform:translate(18px,10px)}}.flip-up{transform-origin:200px 80px;animation:stroke-up 4.4s ease-in-out infinite}.flip-down{transform-origin:200px 140px;animation:stroke-down 4.4s ease-in-out infinite}@keyframes stroke-up{0%,100%{transform:rotate(-10deg)}45%{transform:rotate(18deg)}}@keyframes stroke-down{0%,100%{transform:rotate(10deg)}45%{transform:rotate(-18deg)}}.sl-turtle{--w:270px;--top:7%;--dur:70s;--o:.3;--delay:-12s}.sl-hammer{--w:250px;--top:46%;--dur:84s;--o:.16;--delay:-50s;animation-name:swim-back}.sl-school{--w:230px;--top:74%;--dur:56s;--o:.18;--delay:-30s}.sl-manta{--w:620px;--top:8%;--dur:64s;--o:.28;--delay:-29s;animation-name:swim-back}.sl-reef-far{--w:180px;--top:62%;--dur:96s;--o:.12;--delay:-44s}.sl-thresher{--w:300px;--top:36%;--dur:74s;--o:.15;--delay:-22s;animation-name:swim-back}.sl-eagle{--w:620px;--top:6%;--dur:62s;--o:.29;--delay:-18s}.sl-tiger{--w:340px;--top:64%;--dur:70s;--o:.17;--delay:-34s;animation-name:swim-back}.sl-school-far{--w:160px;--top:44%;--dur:78s;--o:.1;--delay:-26s}.sl-reef{--w:400px;--top:6%;--dur:54s;--o:.28;--delay:-23s;animation-name:swim-back}.sl-nurse{--w:300px;--top:86%;--dur:96s;--o:.16;--delay:-40s}.sl-manta-far{--w:320px;--top:58%;--dur:104s;--o:.1;--delay:-50s}.sl-school2{--w:200px;--top:78%;--dur:60s;--o:.15;--delay:-36s;animation-name:swim-back}.sl-diver{overflow:visible;opacity:1;left:0;animation-name:patrol;animation-timing-function:ease-in-out}.sl-diver .body{opacity:var(--o)}@keyframes patrol{0%{transform:translateX(3vw) scaleX(1)}44%{transform:translateX(calc(97vw - var(--w))) scaleX(1)}50%{transform:translateX(calc(97vw - var(--w))) scaleX(-1)}94%{transform:translateX(3vw) scaleX(-1)}100%{transform:translateX(3vw) scaleX(1)}}.sl-diver-a{--w:230px;--top:74%;--dur:60s;--o:.26;--delay:-8s}.sl-diver-b{--w:190px;--top:16%;--dur:70s;--o:.22;--delay:-40s}.sl-diver-c{--w:160px;--top:40%;--dur:80s;--o:.2;--delay:-20s}/* Flutter kick: each leg swings from the hip, half a cycle apart. */ .kick-far{transform-origin:108px 58px;animation:kick 1.8s ease-in-out infinite}.kick-near{transform-origin:104px 70px;animation:kick 1.8s ease-in-out -.9s infinite}@keyframes kick{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(8deg)}}.exhale circle{fill:#dff7ff;fill-opacity:.28;stroke:#e6fbff;stroke-width:1.8;stroke-opacity:.85;animation:exhale var(--d,3s) ease-out infinite;animation-delay:var(--delay,0s)}@keyframes exhale{0%{transform:translate(0,0) scale(.5);opacity:0}8%{opacity:.9}70%{opacity:.7}100%{transform:translate(var(--dx,6px),-170px) scale(1.5);opacity:0}}.sl-whaleshark{--w:600px;--top:10%;--dur:130s;--o:.16;--delay:-40s}.sl-hammer-far{--w:130px;--top:66%;--dur:110s;--o:.1;--delay:-70s;animation-name:swim-back}.footer{position:relative;isolation:isolate}.depth{position:fixed;left:clamp(12px,2.2vw,26px);bottom:clamp(14px,2.4vw,28px);z-index:45;pointer-events:none;display:flex;align-items:center;gap:10px;font:500 12px var(--mono);letter-spacing:.14em;color:#6fb6cc}.depth i{display:block;width:2px;height:54px;border-radius:2px;background:linear-gradient(#7fe4f5,#5eead4 35%,#8b6cf6 75%,#1a1533)}.depth b{font-weight:600;color:#a9e6f5;font-variant-numeric:tabular-nums}.ascent,.rising{-webkit-mask-image:linear-gradient(transparent var(--sea-top,0px),#000 calc(var(--sea-top,0px) + 50px));mask-image:linear-gradient(transparent var(--sea-top,0px),#000 calc(var(--sea-top,0px) + 50px))}.ascent{position:fixed;inset:0;z-index:55;pointer-events:none;overflow:hidden}.rising{position:fixed;inset:0;z-index:44;pointer-events:none;overflow:hidden}.ascent i,.rising i{position:absolute;bottom:-8%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffffffd9,#bfefff6b 42%,#7fd3e83d 70%,#7fd3e814);box-shadow:inset 0 0 6px #ffffff59;animation:ascend var(--d,2.4s) cubic-bezier(.3,.1,.5,1) forwards}body.motion-off .rising{display:none}@keyframes ascend{0%{transform:translate(0,0) scale(.35);opacity:0}12%{opacity:.95}100%{transform:translate(var(--dx,14px),-125vh) scale(1.3);opacity:0}}.marquee{overflow:hidden;border-block:1px solid var(--line);background:#ffffff05;padding:17px 0}.marquee-track{display:flex;align-items:center;gap:28px;width:max-content;animation:slide 44s linear infinite}.marquee-track span{font:500 15px var(--display);letter-spacing:.02em;white-space:nowrap;color:var(--ink)}.marquee-track i{font-style:normal;font-size:15px;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes slide{to{transform:translateX(-33.333%)}}.marquee:hover .marquee-track{animation-play-state:paused}.section{position:relative;max-width:1240px;margin:0 auto;padding:clamp(72px,11vw,150px) var(--pad)}.band{max-width:none;background:linear-gradient(#ffffff06,transparent 60%);border-block:1px solid var(--line)}.band>*{max-width:1240px;margin-inline:auto}.head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-bottom:clamp(34px,4.5vw,58px)}.head .kicker{grid-column:1/-1;color:var(--muted)}.head .idx{font:500 13px var(--mono);background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}.head h2{font-size:clamp(34px,5.4vw,72px);font-weight:400;line-height:1.02;letter-spacing:-.045em}.head h2 em{font-style:normal;color:var(--dim)}.head-aside{font:400 13px/1.9 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:right}.tag{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.tag-live{color:var(--teal)}.glyph{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;object-fit:contain}.link{display:inline-flex;align-items:center;gap:14px;padding:10px 0;font-size:15px;border-bottom:1px solid var(--line-2);transition:color .25s,border-color .25s,gap .25s}.link span{color:var(--teal)}.link:hover{color:var(--teal);border-color:#5eead459;gap:20px}.link-sm{font-size:13.5px;padding:6px 0}.glow{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;backdrop-filter:blur(6px)}.glow::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),#ffffff12,transparent 68%)}.glow:hover::before{opacity:1}.glow>*{position:relative;z-index:1}.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.2,.7,.3,1),transform .85s cubic-bezier(.2,.7,.3,1)}.reveal.in{opacity:1;transform:none}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cell{padding:26px}.cell-photo{grid-column:span 2;grid-row:span 2;padding:0;min-height:420px}.cell-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 28%;filter:saturate(.7) contrast(1.06) brightness(.82);transition:transform 1s cubic-bezier(.2,.7,.3,1),filter .8s}.cell-photo:hover img{transform:scale(1.06);filter:saturate(1) contrast(1.06) brightness(.95)}.cell-photo figcaption{position:absolute;inset:auto 0 0;z-index:2;display:grid;gap:10px;padding:24px;font:400 13px/1.75 var(--mono);letter-spacing:.06em;color:#cfcde6;background:linear-gradient(transparent,#07060df2)}.cell-photo .tag{color:var(--teal)}.cell-statement{grid-column:span 4;display:flex;align-items:center;justify-content:space-between;gap:28px}.statement{max-width:15ch;font:300 clamp(24px,3vw,42px)/1.25 var(--display);letter-spacing:-.035em}.orbit{position:relative;flex:none;width:150px;height:150px;display:grid;place-items:center}.orbit i{position:absolute;inset:0;border:1px solid #8b6cf63d;border-radius:50%}.orbit i:first-child{animation:orb 14s linear infinite}.orbit i:nth-child(2){transform:rotate(-32deg) scaleX(.44);border-color:#5eead43d}.orbit i:nth-child(3){transform:rotate(48deg) scaleX(.44);border-color:#f472b63d}@keyframes orb{to{transform:rotate(360deg)}}.orbit b{font:300 56px var(--display);letter-spacing:-.06em;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}.cell-edu,.cell-exp{grid-column:span 2;display:flex;flex-direction:column;gap:14px}.cell-passions{grid-column:span 3}.cell-cats{grid-column:span 3;display:grid;gap:9px;align-content:center;transition:border-color .3s}.cell-cats:hover{border-color:#f472b659}.cell-value{font:400 clamp(22px,2.4vw,30px)/1.2 var(--display);letter-spacing:-.035em;margin-top:auto}.cell-value.big{font-size:clamp(52px,7vw,84px);line-height:1;background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}.cell-note{font-size:14px;line-height:1.7;color:var(--dim)}.passions{display:grid;gap:11px;margin-top:20px}.passions li{display:flex;align-items:center;gap:12px;font-size:16px;padding-bottom:11px;border-bottom:1px solid var(--line)}.passions li:last-child{border-bottom:0;padding-bottom:0}.passions li span{font-size:17px}.cat-face{font:400 22px var(--mono);background:var(--iris);-webkit-background-clip:text;background-clip:text;color:transparent}.cell-cats .cell-go{position:absolute;top:24px;right:24px;font-size:19px;color:var(--pink);transition:transform .3s}.cell-cats:hover .cell-go{transform:translate(3px,-3px)}.project{display:grid;grid-template-columns:1.05fr 1fr}.project-media{position:relative;align-self:start;aspect-ratio:1536/1024;overflow:hidden;background:#0d0b16}.project-media a{display:block;width:100%;height:100%}.project-media img{width:100%;height:100%;object-fit:contain;transition:transform 1s cubic-bezier(.2,.7,.3,1)}.project-media:hover img{transform:scale(1.03)}.chip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--line-2);border-radius:999px;background:#07060dbf;backdrop-filter:blur(10px);font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}.project-demo{grid-row:span 2;display:grid;gap:12px;align-content:center;justify-items:center;margin:0;padding:24px clamp(20px,2.2vw,28px);border-top:1px solid var(--line)}.project-demo img{display:block;width:auto;max-width:100%;max-height:560px;height:auto;border:1px solid var(--line-2);border-radius:14px;background:#0d0b16}.project-demo figcaption{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.project-body{padding:clamp(26px,3vw,40px);border-left:1px solid var(--line)}.project-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.project-body h3{margin:24px 0 18px;font-size:clamp(28px,3.4vw,44px);font-weight:400;line-height:1.08;letter-spacing:-.045em}.project-logo{float:right;width:46px;height:46px;margin:0 0 10px 14px;border-radius:11px;object-fit:contain}.project-body p{font-size:15px;line-height:1.85;color:var(--muted)}.project-body .lead{margin-bottom:14px;font-size:16.5px;color:var(--ink)}.project-body .link{margin-top:18px}.project-switch,.project-why{padding:clamp(24px,2.6vw,32px);border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-body{display:flex;flex-direction:column}.project h4{margin:14px 0 16px;font-size:17px;font-weight:500}.dots li,.ticks li{position:relative;padding-left:22px;margin-bottom:10px;font-size:14.5px;line-height:1.7;color:var(--muted)}.ticks li::before{content:'';position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:var(--iris);opacity:.85}.dots li::before{content:'·';position:absolute;left:6px;color:var(--teal);font-size:19px;line-height:1.1}.project-switch .swap{font-style:normal;color:var(--teal);margin:0 6px}.install code,.project-switch code{font-family:var(--mono);color:var(--teal)}.install{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px clamp(24px,2.6vw,32px);border-top:1px solid var(--line);background:#ffffff05}.install code{flex:1;min-width:220px;font-size:14px;overflow-wrap:anywhere}.install button{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border:1px solid var(--line-2);border-radius:999px;background:0 0;font:400 12.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,background .25s}.install button:hover{border-color:#5eead459;background:#5eead40f}.github{display:flex;align-items:center;gap:clamp(20px,3vw,40px);margin-top:14px;padding:clamp(24px,3vw,36px)}.github-id{flex:none;display:grid;gap:14px;justify-items:center}.github-id>img{width:96px;height:96px;border-radius:50%;border:1px solid var(--line-2)}.github-copy h3{font-size:clamp(20px,2.2vw,26px);font-weight:500;margin-bottom:12px}.github-copy p{font-size:15px;line-height:1.85;color:var(--muted);max-width:70ch}.github-copy .cell-note{margin-top:12px}.round{flex:none;display:grid;place-items:center;width:54px;height:54px;margin-left:auto;border:1px solid var(--line-2);border-radius:50%;font-size:22px;color:var(--teal);transition:background .3s,transform .3s,border-color .3s}.round:hover{background:var(--iris);color:#0a0812;border-color:transparent;transform:rotate(45deg)}.music-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:30px}.music-intro p{font-size:16px;color:var(--muted)}.eq{display:flex;align-items:flex-end;gap:4px;height:42px}.eq i{width:4px;height:30%;border-radius:2px;background:var(--iris);animation:eq 1.2s ease-in-out infinite alternate;animation-play-state:paused}.eq.on i{animation-play-state:running}.eq i:nth-child(2n){height:75%;animation-delay:-.7s}.eq i:nth-child(3n){height:50%;animation-delay:-.3s}.eq i:nth-child(4n){height:100%;animation-delay:-1s}@keyframes eq{to{height:18%}}.albums{display:grid;grid-template-columns:1fr 1fr;gap:14px}.album{overflow:hidden}.art{position:relative;height:330px;display:flex;align-items:center;padding:0 clamp(20px,2.4vw,30px);overflow:hidden;background:#0d0b16}.art-bg{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(38px) saturate(1.25) brightness(.55);transform:scale(1.05)}.art::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,#07060dbf,#07060d59 55%,#07060dd9)}.sleeve{position:relative;z-index:3;flex:none;width:clamp(180px,17vw,232px);aspect-ratio:1;margin:0;border-radius:5px;overflow:hidden;border:1px solid #ffffff2e;box-shadow:0 26px 60px -22px #000,0 0 0 1px #0000004d}.sleeve img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}.album:hover .sleeve img{transform:scale(1.05)}.disc{position:absolute;z-index:2;left:clamp(20px,2.4vw,30px);top:50%;width:clamp(180px,17vw,232px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;transform:translate(26px,-50%);background:repeating-radial-gradient(circle,#0d0b16 0 2px,#221f33 3px,#0d0b16 4px);box-shadow:14px 16px 40px #000000a6;transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}.disc::after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#ffffff26,transparent 38%,#ffffff1a,transparent 72%)}.disc span{width:34%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;font:500 11.5px/1.6 var(--mono);color:#0d0a18;background:var(--iris)}.album:hover .disc{transform:translate(min(62%,150px),-50%) rotate(28deg)}.art .tag{position:absolute;z-index:4;top:22px;right:24px;color:#cfcde6}.album-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 26px}.album-id h3{font:500 clamp(22px,2.2vw,28px) var(--display);letter-spacing:.08em;margin-bottom:8px}.art-sub{display:block;font:500 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:14px;transition:background .25s,border-color .25s,color .25s}.chips a span{color:var(--teal);transition:color .25s}.chips a:hover{background:var(--iris);border-color:transparent;color:#0a0812}.chips a:hover span{color:#0a0812}.embed{margin-top:14px}.embed-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line)}.embed-bar .tag img{width:26px;height:26px;border-radius:6px;object-fit:cover}.embed-title{font:500 16px var(--display);letter-spacing:-.01em}.embed-title i{font-style:normal;font-size:13px;color:var(--dim)}.embed-bar .link{margin-left:auto}.embed iframe{display:block;width:100%;border:0;background:#121212}.covers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cover{display:flex;flex-direction:column}.cover-media{position:relative;height:420px;background:#0d0b16;overflow:hidden}.poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:0 0;cursor:pointer;display:block}.poster img{width:100%;height:100%;object-fit:contain;transition:transform .9s cubic-bezier(.2,.7,.3,1),filter .5s}.poster:hover img{transform:scale(1.03);filter:brightness(.72)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:12px;padding:13px 22px 13px 14px;border:1px solid #ffffff38;border-radius:999px;background:#07060d9e;backdrop-filter:blur(12px);font:500 15px Inter,sans-serif;color:var(--ink);white-space:nowrap;transition:background .3s,border-color .3s,transform .3s}.play-ring{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--iris);color:#0a0812;font-size:11px;padding-left:2px}.poster:hover .play{background:#07060dd9;border-color:#5eead46b;transform:translate(-50%,-50%) scale(1.05)}.chip-corner{bottom:18px;right:18px;font-size:11px;gap:7px;color:var(--muted);transition:color .25s,border-color .25s}.chip-corner:hover{color:var(--ink);border-color:#f472b66b}.cover-media.playing{height:min(78svh,720px)}.cover-media iframe{width:100%;height:100%;border:0;background:#fff}.cover-media.playing{display:flex;flex-direction:column}.cover-media.playing iframe{flex:1;min-height:0}.embed-note{flex:none;margin:0;padding:11px 16px;border-top:1px solid var(--line);background:#0d0b16;font-size:13px;line-height:1.6;color:var(--dim)}.embed-note a{color:var(--teal);border-bottom:1px solid #5eead459}.cover-body{display:grid;gap:14px;padding:26px}.cover-body h3{font-size:clamp(21px,2.2vw,28px);font-weight:500;letter-spacing:-.03em}.cover-body p{font-size:15px;line-height:1.85;color:var(--muted)}.hashtags{font-size:13px!important;line-height:1.8!important;color:var(--dim)!important;overflow-wrap:anywhere}.cover-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line);font:400 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.footer{position:relative;border-top:1px solid var(--line);padding:clamp(56px,8vw,96px) var(--pad) 26px;background:radial-gradient(ellipse at 20% 130%,#8b6cf61f,transparent 60%),#02060e}.footer-top{max-width:1240px;margin:0 auto;display:grid;gap:22px;justify-items:start}.sign{font:300 clamp(36px,6.5vw,86px)/1.04 var(--display);letter-spacing:-.05em}.footer-bottom{max-width:1240px;margin:34px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:400 12.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.footer-bottom a:hover{color:var(--teal)}@media(max-width:1080px){.scene{width:min(42%,400px);bottom:calc(110px + var(--sea-h))}.bento{grid-template-columns:repeat(4,1fr)}.cell-photo{grid-column:span 2;grid-row:span 2;min-height:360px}.cell-statement{grid-column:span 2}.cell-edu,.cell-exp{grid-column:span 2}.cell-cats,.cell-passions{grid-column:span 2}.statement{max-width:none}.orbit{display:none}.project{grid-template-columns:1fr}.project-media{grid-row:auto;align-self:stretch}.project-body{border-left:0}.project-demo{grid-row:auto;border-left:0}.project-switch,.project-why{border-left:0;border-top:1px solid var(--line)}.covers{grid-template-columns:1fr}.cover-media{height:460px}}@media(max-width:760px){.depth{gap:7px;font-size:11px}.depth i{height:40px}.sl{opacity:.1}.sl.sl-diver{opacity:1}.beam:nth-of-type(2n){display:none}.freediver{--deep:760px}html{scroll-padding-top:74px}.nav{padding:12px var(--pad)}.nav-links{gap:2px;margin:0 -6px}.nav-links a{padding:8px 10px;font-size:13.5px}.nav-idx{display:none}.nav-cta{display:none}.hero{min-height:auto;padding-top:56px;padding-bottom:var(--sea-h)}:root{--sea-h:72px}.sea-surface .glint,.sun{left:82%}.hero-inner{padding-bottom:20px}.scene{position:static;width:100%;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 30px}.pod{position:static;animation:none;flex:1 1 0;width:auto;max-width:112px}.pod svg{width:82%;height:82%}.hero-foot{padding:18px 0;gap:12px}.hero-foot .mono:last-child{margin-left:auto}.btn{flex:1;justify-content:space-between;gap:14px}.bento{grid-template-columns:1fr;gap:12px}.cell-cats,.cell-edu,.cell-exp,.cell-passions,.cell-photo,.cell-statement{grid-column:1/-1;grid-row:auto}.cell-photo{min-height:330px}.head{grid-template-columns:1fr}.head-aside{text-align:left}.albums{grid-template-columns:1fr}.art{height:270px}.album-foot{padding:20px}.embed-bar{gap:12px}.embed-bar .link{margin-left:0;width:100%}.cover-media{height:400px}.cover-media.playing{height:min(74svh,620px)}.install button{margin-left:0;width:100%;justify-content:center}.github{flex-wrap:wrap}.round{position:absolute;top:24px;right:24px;width:44px;height:44px;font-size:18px}}@media(max-width:480px){.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}.reveal{opacity:1;transform:none}.marquee-track{animation:none}}