/* Approved image direction: black water, luminous giant, quiet readable UI.
   Only this V13 page loads this file. All text remains real selectable text. */
:root{--sea:#01050a;--ink:#f1f8fb;--muted:#b3c4d0;--ice:#a4d8ff;--pad:clamp(28px,4vw,88px)}
.ocean{background:radial-gradient(ellipse 36% 27% at 70.8% -5%,#345b72 0%,#102b41 35%,transparent 100%),radial-gradient(ellipse 38% 54% at 105% 43%,#14142c 0%,transparent 85%),radial-gradient(ellipse 70% 85% at 47% 0%,#081b2a,transparent 90%),linear-gradient(165deg,#020b13,#010307 64%,#030712)}
.ocean::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 55% 38% at 25% 64%,rgba(0,2,5,.88),transparent 90%);pointer-events:none}
.water-light{opacity:1;mask-image:linear-gradient(#000 0%,#000 17%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.30) 61%,transparent 95%);-webkit-mask-image:linear-gradient(#000 0%,#000 17%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.30) 61%,transparent 95%)}
.water-light__rays{background:conic-gradient(from 147deg at 66% 0%,transparent 0deg,rgba(153,212,249,.08) 6deg,transparent 9deg,transparent 12deg,rgba(154,223,255,.23) 15deg,transparent 19deg,transparent 24deg,rgba(137,211,249,.20) 28deg,transparent 34deg,transparent 37deg,rgba(136,207,243,.10) 42deg,transparent 47deg,transparent 53deg,rgba(168,151,223,.07) 55deg,transparent 60deg);filter:blur(3px)}
.water-light__shimmer{opacity:.8}
.water-grain{opacity:.028}
.ocean-vignette{background:linear-gradient(0deg,rgba(0,2,5,.6),transparent 14%,transparent 90%,rgba(0,3,8,.16))}
.seafloor-art{opacity:.18;height:clamp(160px,24vh,270px);stroke:#759caf}
.landing-shell{min-height:100svh;grid-template-rows:88px 1fr 64px}
.site-header{position:relative;z-index:3}
.brand,.brand img{width:116px}
.header-nav{display:flex;align-items:center;gap:clamp(24px,3vw,52px);font-size:14px;font-weight:400;color:#c6d7e1}
.header-nav a{padding:12px 0;transition:color .2s;text-wrap:nowrap}
.header-nav a:hover{color:#fff}
.hero{min-height:650px;display:grid;grid-template-columns:44% 52%;gap:4%;align-items:center;padding:0 5.5vw 0 9.7vw;overflow:visible}
.hero-copy{padding:0;margin-top:clamp(180px,32vh,350px);width:100%;max-width:680px;align-self:start;z-index:2}
.eyebrow{margin-bottom:17px;letter-spacing:.5em;font-size:11px;color:#c1d1dd}
.hero-copy h1{font-family:"Tujiang Round","Tujiang Sans",sans-serif;font-weight:500;font-size:clamp(44px,4.4vw,84px);line-height:1.21;letter-spacing:.012em;margin:0 0 25px;text-wrap:nowrap;text-shadow:0 3px 22px rgba(0,3,8,.24)}
.hero-copy h1 em{font-weight:500;color:#f0f7fb}
.hero-description{font-size:clamp(14px,1.17vw,19px);line-height:1.9;letter-spacing:0;margin:0 0 28px;color:#c3ced8}
.hero-description strong{font-weight:440;color:inherit}
.hero-action{margin:0;gap:26px;flex-wrap:wrap}
.enter-button{min-width:220px;height:56px;padding:0 28px;border-radius:32px;background:#a9d9fa;color:#082132;border-color:#bbdef5;font-size:16px;font-weight:520;box-shadow:0 0 40px rgba(110,186,237,.07);gap:36px}
.enter-button:hover{background:#c4e7ff;box-shadow:0 0 42px rgba(129,203,252,.19)}
.guest-note{font-size:13px;color:#91a4b5;white-space:nowrap}
.gallery-demo{--flight-card-width:clamp(190px,15.8vw,305px);--flight-perspective:1200px;width:100%;margin:clamp(50px,8vh,125px) 0 0;align-self:center;justify-self:end;overflow:visible;mask-image:none;-webkit-mask-image:none;z-index:1}
.gallery-stage{height:clamp(410px,60vh,690px);perspective:1200px;perspective-origin:50% 48%}
.gallery-demo{container-type:inline-size}
.gallery-demo .art-plane{width:min(var(--flight-card-width),42cqw);border-radius:7px;box-shadow:0 25px 75px -25px rgba(0,0,0,.6)}
.gallery-demo .art-plane::after{border-color:rgba(204,232,250,.22)}
.site-footer{position:relative;z-index:3;font-size:10px}
.footer-path{opacity:.65}
.motion-toggle{background:rgba(3,14,24,.7);border-color:rgba(153,198,218,.26);font-size:11px;min-height:40px}
.sound-note{display:none}
@media(min-width:1700px){.hero-copy{margin-top:32vh}.hero{min-height:730px}.hero-action{margin-top:0}.gallery-demo{margin-right:0}}
@media(max-height:800px) and (min-width:901px){.landing-shell{grid-template-rows:72px 1fr 52px}.hero{min-height:540px}.hero-copy{margin-top:24vh}.hero-copy h1{font-size:clamp(44px,4.2vw,68px);margin-bottom:20px}.eyebrow{margin-bottom:14px}.hero-description{margin-bottom:22px}.enter-button{height:50px;min-width:190px}.gallery-stage{height:440px}}
@media(max-width:1100px){.hero{padding-left:6vw;padding-right:4vw;grid-template-columns:47% 49%}.hero-copy h1{font-size:clamp(42px,4.3vw,48px)}.hero-description{font-size:14px}.hero-action{gap:16px}.enter-button{min-width:170px;height:50px;font-size:14px;padding:0 22px}.guest-note{font-size:11px}.gallery-demo{--flight-card-width:190px}.gallery-stage{height:480px}}
@media(max-width:800px){.landing-shell{grid-template-rows:74px 1fr 60px}.header-nav{gap:22px;font-size:12px}.hero{min-height:750px;grid-template-columns:1fr;align-items:start;gap:0;padding:0 7vw}.hero-copy{margin-top:215px;max-width:520px}.hero-copy h1{font-size:clamp(44px,7vw,56px)}.hero-description{font-size:15px}.hero-action{flex-direction:row;align-items:center}.gallery-demo{--flight-card-width:190px;margin:22px auto 0;width:88%;max-width:560px;align-self:start;justify-self:center}.gallery-stage{height:340px}.site-footer{margin-top:16px}.footer-path{font-size:9px}}
@media(max-width:480px){:root{--pad:24px}.brand,.brand img{width:100px}.header-nav{gap:17px;font-size:11px}.header-nav a:first-child{display:none}.hero{padding:0 26px}.hero-copy{margin-top:176px}.hero-copy h1{font-size:clamp(33px,9.1vw,43px);margin-bottom:20px}.eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:.42em}.hero-description{font-size:13px;line-height:1.9;margin-bottom:22px}.hero-action{gap:13px}.enter-button{min-width:162px;height:48px;font-size:14px;gap:22px}.guest-note{font-size:10px}.gallery-demo{--flight-card-width:166px;width:100%;margin-top:30px}.gallery-stage{height:315px}.water-light{opacity:.72}.seafloor-art{opacity:.13}.site-footer{padding-bottom:12px;gap:4px}}
@media(max-width:800px){.gallery-stage{height:440px}}
@media(max-width:480px){.gallery-stage{height:390px}}
@media(max-width:350px){.hero{padding:0 21px}.hero-copy h1{font-size:32px}.hero-description{font-size:12px}.hero-action{gap:11px}.enter-button{min-width:146px;padding:0 20px}.guest-note{font-size:9px}.gallery-demo{--flight-card-width:145px}.gallery-stage{height:350px}}