:root{color-scheme:dark;--ink:#e0eeee;--muted:#83a0a8;--aqua:#a7d8d1;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#02070e;color:var(--ink);font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c4f3e7;outline-offset:7px}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:#153b48;padding:14px}.skip:focus{top:15px}.header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:33px 5%;border-bottom:1px solid #b7e0dc19}.brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2.2px;font-weight:600}.brand-mark{font-size:30px;font-weight:300;line-height:1;transform:rotate(-15deg);color:#b8d9d6}.header-caption{font-size:9px;letter-spacing:2.6px;color:#b4c9ce9c}.motion{display:flex;align-items:center;gap:15px;border:1px solid #a5c8cb30;border-radius:24px;background:#0a2d3a44;color:#bdd2d6;font-size:10px;letter-spacing:1px;padding:10px 16px;cursor:pointer}.depth-meter{position:fixed;right:4.6%;top:44%;z-index:15;mix-blend-mode:screen;width:80px}.meter-label{display:block;font-size:8px;letter-spacing:3px;color:#90aeb6}.depth-number{display:block;margin-top:10px;font-variant-numeric:tabular-nums;font-size:18px;letter-spacing:1px}.depth-number>span{font-size:10px;color:var(--muted)}.meter-track{height:110px;width:1px;background:#a4ced933;margin:16px 0 10px 2px;position:relative}.meter-track:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:repeating-linear-gradient(to bottom,#92bac96b 0 1px,transparent 1px 11px)}.meter-track>span{display:block;width:2px;height:100%;background:var(--aqua);transform:scaleY(var(--progress));transform-origin:top}.meter-bottom{font-size:8px;letter-spacing:1.5px;color:#72929e}.zone-nav{position:fixed;left:2.5%;top:45%;display:flex;flex-direction:column;gap:14px;z-index:16}.zone-nav a{display:grid;place-items:center;width:22px;height:22px}.zone-nav a:before{content:"";width:3px;height:3px;background:#a2c4c366;border-radius:50%;transition:background .3s,box-shadow .3s}.zone-nav a[aria-current]:before{background:#c3e6e1;box-shadow:0 0 0 4px #b1d5d51c}.ocean-section{min-height:1050px;position:relative;overflow:hidden}.hero{min-height:850px;height:100svh;background:radial-gradient(ellipse at 51% -20%,#4d8b96 0,#1a5367 27%,#0b3449 55%,#072333 78%,#061d2c 100%)}.surface-rays{position:absolute;inset:-20% -20% 0;background:conic-gradient(from 160deg at 53% 0%,transparent 0deg,#c6e9d818 5deg,transparent 12deg,#b8ddd411 20deg,transparent 23deg,#c6e9d818 31deg,transparent 35deg);filter:blur(7px);animation:light-drift 18s ease-in-out infinite alternate;pointer-events:none}.surface-line{position:absolute;left:-5%;right:-5%;top:115px;height:40px;background:radial-gradient(ellipse,#c8dfca22,transparent 65%);filter:blur(10px);transform:rotate(-5deg)}.ocean-grain{position:absolute;inset:0;opacity:.15;background-image:url("assets/grain.svg");pointer-events:none}.hero-content{position:relative;z-index:2;text-align:center;padding:26vh 9% 110px}.eyebrow{font-size:9px;letter-spacing:3.5px;color:#a5ccc9;line-height:1.9}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:12px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#a0d1c4;box-shadow:0 0 12px #adf1ca}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(28px,3.5vw,56px);font-weight:400;letter-spacing:.14em;margin:37px 0 27px;white-space:nowrap}.title-number{font-size:1.3em;letter-spacing:.04em;margin:0 .04em}.hero-sub{font-family:"Yu Mincho",serif;font-size:18px;letter-spacing:.26em;color:#c3d9d9;margin-bottom:30px}.hero-description{font-size:11px;line-height:2.5;letter-spacing:.13em;color:#9dbbc5}.dive-link{display:inline-flex;align-items:center;gap:42px;margin-top:35px;padding:15px 4px;border-bottom:1px solid #a6ccc85c;font-size:11px;letter-spacing:.13em}.dive-link span{font-size:19px;color:#b0d9cf}.hero-floor{position:absolute;bottom:33px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;font-size:8px;letter-spacing:1.6px;color:#86a8b4}.hero-floor small{display:block;font-size:7px;color:#688b99;margin-top:8px}.hero-tag{font-size:9px;letter-spacing:2px}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:8px;letter-spacing:2px}.scroll-hint>span{display:block;width:1px;height:46px;background:linear-gradient(transparent,#b4d5d1);animation:scroll-pulse 3s infinite}.fish-school{position:absolute;left:12%;top:70%;width:250px;height:70px;opacity:.45;animation:school-drift 24s ease-in-out infinite alternate}.fish-school i{position:absolute;width:15px;height:4px;border-radius:50%;background:#b2d5d0;transform:rotate(-12deg)}.fish-school i:after{content:"";position:absolute;right:-4px;top:-2px;border-right:5px solid #b2d5d0;border-top:4px solid transparent;border-bottom:4px solid transparent}.fish-school i:nth-child(2){left:38px;top:18px;scale:.7}.fish-school i:nth-child(3){left:81px;top:-4px;scale:.8}.fish-school i:nth-child(4){left:113px;top:34px;scale:.6}.fish-school i:nth-child(5){left:140px;top:9px}.fish-school i:nth-child(6){left:191px;top:26px;scale:.5}.fish-school i:nth-child(7){left:60px;top:44px;scale:.6}.sunlight{background:linear-gradient(#061d2c,#052131 40%,#051a29)}.twilight{background:linear-gradient(#051a29,#071625 65%,#07111f)}.midnight{background:linear-gradient(#07111f,#050e19)}.abyss{background:linear-gradient(#050e19,#030a12)}.section-inner{max-width:1080px;margin:auto;min-height:1050px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:130px 70px}.section-inner.reverse .section-copy{grid-column:2;grid-row:1}.section-inner.reverse .specimen{grid-column:1;grid-row:1}.section-copy{position:relative;z-index:2}.section-depth{font-size:62px;font-weight:200;letter-spacing:-2px;margin:28px 0 30px;color:#a5c5cc;font-variant-numeric:tabular-nums}.section-depth span{font-size:14px;letter-spacing:0;color:#6f929e}.section-copy h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:34px;font-weight:400;letter-spacing:.12em;line-height:1.8;margin:0 0 24px}.section-copy>p:not(.eyebrow):not(.section-depth){color:#9aafb9;font-size:12px;line-height:2.7;letter-spacing:.1em}.field-note{margin-top:54px;border-left:1px solid #81acb22e;padding-left:18px;max-width:290px}.field-note>span{font-size:8px;letter-spacing:2px;color:#6d929f}.field-note p{font-size:10px;line-height:2.2;color:#809aa6}.specimen{position:relative;min-height:440px;display:grid;place-items:center}.specimen-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:.2em;color:#789ca8}.specimen-caption small{display:block;font-size:7px;letter-spacing:2px;margin-top:10px;color:#4f7280}.jelly{position:relative;width:210px;height:280px;animation:float 9s ease-in-out infinite;transform:rotate(-12deg)}.bell{position:relative;z-index:2;height:105px;border-radius:52% 52% 22% 22%/90% 90% 14% 14%;background:radial-gradient(ellipse at 50% 90%,#b5f2e243,transparent 55%),repeating-radial-gradient(ellipse at 50% 100%,transparent 0 22px,#9edfd327 24px,transparent 26px),linear-gradient(#8ed6d42b,#adebd71a);border:1px solid #a8e3db66;box-shadow:0 -15px 65px #4ca7ad15,inset 0 -6px 20px #b6eadb33}.bell:after{content:"";position:absolute;inset:50px 55px 0;border-radius:50%;background:#adedd522;filter:blur(10px)}.arms{position:absolute;top:92px;left:20%;width:60%;display:flex;justify-content:space-between}.arms i{display:block;width:18px;height:150px;border-left:1px solid #b1e8d99c;border-radius:50%;transform:rotate(9deg);background:linear-gradient(90deg,#9ee0d015,transparent);animation:tendril 6s ease-in-out infinite alternate}.arms i:nth-child(2n){height:180px;animation-delay:-3s;border-color:#a6dacb55}.arms i:nth-child(3){width:30px;height:165px}.constellation{background:radial-gradient(ellipse,#30688710,transparent 60%)}.constellation i{position:absolute;width:3px;height:3px;border-radius:50%;background:#94e3da;box-shadow:0 0 12px 3px #69c8d647;animation:glimmer 5s ease-in-out infinite alternate}.constellation i:nth-child(1){left:23%;top:30%}.constellation i:nth-child(2){left:53%;top:20%;animation-delay:-2s}.constellation i:nth-child(3){left:64%;top:48%;animation-delay:-4s}.constellation i:nth-child(4){left:42%;top:62%;animation-delay:-1s}.constellation i:nth-child(5){left:76%;top:34%;width:2px}.constellation i:nth-child(6){left:32%;top:46%;width:2px;animation-delay:-3s}.constellation i:nth-child(7){left:48%;top:38%;width:5px}.constellation i:nth-child(8){left:68%;top:71%;width:2px}.constellation i:nth-child(9){left:18%;top:63%;width:2px}.snow-scene{overflow:hidden}.snow{position:absolute;inset:-80px 10% 0;background-image:radial-gradient(circle at 20% 15%,#b9d5d966 1px,transparent 1.5px),radial-gradient(circle at 67% 43%,#a2c3ce55 1px,transparent 1.5px),radial-gradient(circle at 38% 76%,#b9d5d944 1px,transparent 1.5px);background-size:103px 137px;animation:snowfall 25s linear infinite;mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}.snow.second{background-size:151px 193px;opacity:.6;animation-duration:34s;animation-delay:-12s}.snow.third{background-size:83px 233px;opacity:.3;animation-duration:40s;animation-delay:-8s}.terrain{position:absolute;inset:45% 0 0;background:linear-gradient(145deg,#0f1f2a55,transparent);clip-path:polygon(0 55%,12% 28%,23% 48%,34% 15%,47% 65%,54% 100%,68% 54%,80% 42%,90% 15%,100% 30%,100% 100%,0 100%)}.contour i{position:absolute;border:1px solid #38566966;width:280px;height:210px;border-radius:40% 60% 45% 55%;transform:rotate(-35deg)}.contour i:nth-child(2){width:230px;height:170px;transform:rotate(-27deg)}.contour i:nth-child(3){width:180px;height:125px;transform:rotate(-20deg)}.contour i:nth-child(4){width:125px;height:80px;transform:rotate(-10deg)}.contour i:nth-child(5){width:70px;height:40px;transform:rotate(-5deg);border-color:#688d9b77}.hadal{min-height:1150px;background:#03080e;display:grid;place-items:center;text-align:center}.hadal-glow{position:absolute;inset:5% 10%;background:radial-gradient(ellipse at 50% 62%,#1e5b6424,transparent 48%);animation:glimmer 10s ease-in-out infinite alternate}.end-content{position:relative;z-index:2;padding:160px 25px}.end-depth{font-size:clamp(65px,11vw,135px);font-weight:200;letter-spacing:-5px;margin:30px 0;color:#bed2d4}.end-depth span{font-size:18px;letter-spacing:0;color:#73929c}.end-line{height:60px;width:1px;background:linear-gradient(#719caa77,transparent);margin:30px auto}.end-content h2{font-family:"Yu Mincho",serif;font-size:35px;line-height:1.9;font-weight:400;letter-spacing:.2em}.end-content>p:not(.eyebrow):not(.end-depth){font-size:12px;line-height:2.6;letter-spacing:.1em;color:#94aeb8}.end-content .end-note{margin-top:40px;font-size:10px!important;color:#607c87!important}.return-link{display:inline-flex;gap:50px;font-size:10px;letter-spacing:2px;border-bottom:1px solid #608c954d;padding:18px 0;margin-top:30px}.seabed{position:absolute;bottom:0;left:0;right:0;height:130px;background:#08141a;clip-path:polygon(0 65%,10% 72%,25% 62%,36% 80%,48% 69%,64% 78%,78% 60%,90% 70%,100% 54%,100% 100%,0 100%)}footer{background:#08141a;padding:55px 7% 25px;position:relative;z-index:17}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top>span{font-size:8px;letter-spacing:2px;color:#6e919e}details{margin:40px 0;border-top:1px solid #7899a127;border-bottom:1px solid #7899a127;padding:20px 0;color:#8eabb5}summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:10px;letter-spacing:.12em}summary::-webkit-details-marker{display:none}.credits{max-width:800px;font-size:10px;line-height:2.3;margin-top:25px;color:#718e99}.footer-bottom{font-size:8px;color:#587581;letter-spacing:1px}@keyframes light-drift{to{transform:translateX(4%) rotate(3deg);opacity:.6}}@keyframes float{50%{transform:translateY(-22px) rotate(-6deg)}}@keyframes tendril{to{transform:rotate(-10deg) translateY(5px)}}@keyframes school-drift{to{transform:translateX(100px) translateY(-15px)}}@keyframes glimmer{0%{opacity:.3}100%{opacity:1}}@keyframes snowfall{to{transform:translateY(137px)}}@keyframes scroll-pulse{50%{opacity:.3;transform:translateY(7px)}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.specimen.is-resting *{animation-play-state:paused}.surface-rays.is-resting,.fish-school.is-resting,.hadal-glow.is-resting{animation-play-state:paused}
@media(min-width:1500px){.hero-content{padding-top:29vh}}@media(max-width:800px){.header{padding:24px 6%}.header-caption{display:none}.brand{font-size:10px;letter-spacing:1.5px}.motion{font-size:9px;padding:9px 12px}.hero{min-height:750px}.hero-content{padding:220px 8% 150px}.hero h1{white-space:normal;font-size:clamp(27px,5vw,38px);line-height:1.9;letter-spacing:.07em}.hero .eyebrow{font-size:7px;letter-spacing:2px}.hero-sub{font-size:14px;letter-spacing:.15em}.hero-description{font-size:10px}.hero-floor{left:7%;right:7%;bottom:28px}.hero-tag{display:none}.hero-floor>span{font-size:7px}.scroll-hint{font-size:6px;letter-spacing:1px}.depth-meter{right:4%;top:auto;bottom:22px;width:72px;padding:8px;background:#030d17d9;border:1px solid #a3d3ce20;border-radius:3px}.meter-label{font-size:6px;letter-spacing:2px}.depth-number{font-size:12px;letter-spacing:0;margin-top:5px}.depth-number>span{font-size:8px}.meter-track,.meter-bottom{display:none}.zone-nav{left:1%;gap:8px}.section-inner,.section-inner.reverse{min-height:1000px;padding:100px 13%;gap:35px;grid-template-columns:1fr}.section-inner.reverse .section-copy,.section-inner.reverse .specimen{grid-column:auto;grid-row:auto}.section-copy h2{font-size:29px}.section-depth{font-size:48px;margin:20px 0}.section-copy>p:not(.eyebrow):not(.section-depth){font-size:11px}.field-note{margin-top:30px;max-width:100%}.specimen{min-height:340px}.jelly{scale:.8}.fish-school{left:6%;top:79%;scale:.65}.hadal{min-height:1000px}.end-content{padding:130px 10%}.end-content h2{font-size:29px}.end-content>p:not(.eyebrow):not(.end-depth){font-size:11px}.footer-top{align-items:start;flex-direction:column}.footer-bottom{align-items:start;flex-direction:column;font-size:7px;gap:12px;padding-right:65px}footer{padding:45px 10% 25px}.end-depth{letter-spacing:-3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.motion[hidden]{display:none}html:not(.js-ready) .depth-meter{display:none}
@media(max-width:800px){.hero-floor .scroll-hint{display:none}}