:root{--ink:#112d3d;--blue:#b6dff1;--paper:#edf5f6;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #1473ae;outline-offset:6px}.eyebrow{font:11px/1.6 monospace;letter-spacing:2px}.top{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 3.6vw;pointer-events:none}.top a,.top button{pointer-events:auto}.identity{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:1px}.identity b{font-size:45px}.identity small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px}.top-actions{display:flex;gap:10px;align-items:center}.work-link{background:var(--ink);color:#e9f7ff;padding:17px 25px;border-radius:8px;font-size:13px}.top button{width:52px;height:52px;border:0;border-radius:50%;background:#eaf6f7}.top button span{display:block;width:18px;height:2px;background:var(--ink);margin:5px auto}.voyage{height:165svh}.hero{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#b4d5e9}.photo-plate{position:absolute;inset:0;z-index:-4;pointer-events:none}.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%}.photo-ship{filter:saturate(.7) brightness(1.04)}.photo-ocean-canvas{position:absolute;inset:0;z-index:-3;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 1s}.photo-ocean-canvas.ready{opacity:1}.wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(#b8dce655,transparent 55%,#0a273bbb)}.grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:8.333% 100%}.serial{position:absolute;top:119px;left:4vw;font:10px monospace;letter-spacing:2px}.wordmark{position:absolute;top:16%;left:3.5vw;margin:0;font-size:clamp(70px,11.9vw,210px);line-height:.83;font-weight:900;letter-spacing:-.075em;transform:translateX(calc(var(--progress) * -65px));opacity:calc(1 - var(--progress) * .55)}.wordmark span{display:block}.wordmark span:last-child{padding-left:11vw}.vessel-label{position:absolute;right:4vw;top:52%;text-align:right;color:#edf8fb;font:10px/1.6 monospace;letter-spacing:1px}.vessel-label strong{display:block;font:italic 800 52px Arial;letter-spacing:-4px}.bottom{position:absolute;bottom:95px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:end;gap:25px;color:#f3f9fb}.intro h2{font-size:clamp(25px,3.1vw,48px);font-weight:500;line-height:1.35;letter-spacing:-1px;margin:15px 0 0}.enter{display:flex;align-items:center;gap:30px;font-size:16px}.enter small{display:block;font:9px monospace;letter-spacing:2px;margin-top:10px}.enter b{display:grid;place-items:center;width:95px;height:95px;border:1px solid #edf8fb88;border-radius:50%;font-size:44px;transition:transform .3s,background .3s}.enter:hover b{transform:rotate(45deg);background:#a9daef;color:var(--ink)}.scroll-note{position:absolute;left:4vw;bottom:30px;font:10px monospace;letter-spacing:1.5px;color:white}.scroll-note span{margin-left:30px}.chapter-line{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff33}.chapter-line i{display:block;width:calc(var(--progress) * 100%);height:100%;background:#b2e9ff}.mission{position:relative;padding:120px 7vw 0;overflow:hidden}.mission h2{font-size:clamp(40px,6.8vw,110px);letter-spacing:-.065em;line-height:1.15;font-weight:600;margin:45px 0 60px}.mission em,.section-heading em{font-style:normal;color:#6394a9}.mission-bottom{display:flex;justify-content:space-between;gap:50px;align-items:start}.mission-bottom span{font:12px/1.6 monospace;letter-spacing:1px}.mission-bottom p{max-width:430px;margin:0;font-size:17px;line-height:1.9}.ticker{margin:95px -7vw 0;background:var(--blue);padding:26px 0;transform:rotate(-2deg) scale(1.03)}.ticker div{white-space:nowrap;font-size:clamp(32px,5vw,80px);font-style:italic;font-weight:900;letter-spacing:-3px;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-45%)}}.feature{padding:140px 7vw;display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:center}.feature-image{height:550px;position:relative;overflow:hidden;border-radius:180px 12px 12px 12px}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:60%;transition:transform 1s}.feature-image:hover img{transform:scale(1.06)}.feature-image span{position:absolute;bottom:25px;left:28px;color:white;font:11px monospace;letter-spacing:2px}.feature h2{font-size:clamp(32px,4.3vw,72px);letter-spacing:-3px;line-height:1.2;margin:30px 0}.feature p{font-size:15px;line-height:2;color:#53717f}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #7594a0;padding:24px 0;font-size:14px}.bays-section{background:#112d3d;color:#e4f1f5;padding:100px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-heading h2{font-size:clamp(35px,6vw,90px);letter-spacing:-3px;line-height:1.15;margin:28px 0 0}.section-heading>span{font:11px/1.7 monospace;letter-spacing:1px}.bay-row{display:grid;grid-template-columns:70px 1fr 1fr 60px;align-items:center;border-top:1px solid #57707a;padding:28px 12px;transition:background .25s,color .25s,padding .25s}.bay-row:last-child{border-bottom:1px solid #57707a}.bay-row small{font:12px monospace}.bay-row strong{font-size:37px;font-weight:500}.bay-row span{font:12px monospace;letter-spacing:2px}.bay-row b{font-size:30px;text-align:right}.bay-row:hover{background:#b6dff1;color:#112d3d;padding-left:30px}.bay-note{font-size:12px;color:#a1bdc9;margin-top:25px}.final-cta{padding:110px 7vw;background:#b6dff1}.final-cta>a{display:flex;align-items:center;justify-content:space-between;margin:35px 0;font-size:clamp(50px,8vw,120px);line-height:1.1;letter-spacing:-.06em;font-weight:700}.final-cta b{font-size:1.3em;transition:transform .3s}.final-cta a:hover b{transform:rotate(45deg)}.final-cta p{font:12px monospace;letter-spacing:3px}.footer{padding:30px 4vw;display:flex;justify-content:space-between;gap:20px;font:10px/1.8 monospace;letter-spacing:1px;background:#102a39;color:#d5e8ef}dialog{position:fixed;inset:0;width:100%;max-width:none;height:100svh;max-height:none;margin:0;border:0;background:#112d3d;color:#b6dff1;padding:15vh 10vw;z-index:30}dialog::backdrop{background:#112d3d}dialog nav{display:flex;flex-direction:column;gap:30px}dialog nav>a{font-size:clamp(27px,5vw,75px);letter-spacing:-2px}dialog p{margin-top:70px;font-size:14px}dialog button{position:absolute;top:30px;right:4vw;border:1px solid #b6dff1;border-radius:30px;padding:12px 22px;background:none;color:inherit}.motion-enabled .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.motion-enabled .reveal.visible{opacity:1;transform:none}@media(max-width:760px){.top{padding:18px 22px}.identity{font-size:9px}.identity b{font-size:32px}.work-link{padding:13px;font-size:11px}.top button{width:42px;height:42px}.voyage{height:135svh}.hero{min-height:720px}.photo{object-position:59% center}.serial{top:100px;font-size:8px;left:6vw}.wordmark{top:21%;font-size:13vw;left:4vw}.wordmark span:last-child{padding-left:0}.vessel-label{top:45%;right:6vw;font-size:8px}.vessel-label strong{font-size:38px}.bottom{bottom:85px;left:6vw;right:6vw;display:block}.intro h2{font-size:28px}.enter{margin-top:25px;justify-content:space-between;font-size:14px}.enter b{width:55px;height:55px;font-size:30px}.scroll-note{left:6vw}.mission{padding-top:75px}.mission h2{font-size:43px}.mission-bottom{display:block}.mission-bottom p{margin-top:25px;font-size:15px}.ticker{margin-top:60px}.feature{padding:80px 7vw;grid-template-columns:1fr;gap:40px}.feature-image{height:350px;border-radius:110px 8px 8px 8px}.feature h2{letter-spacing:-1px}.bays-section{padding:70px 7vw}.section-heading>span{display:none}.bay-row{grid-template-columns:35px 1fr 35px;padding:25px 4px}.bay-row strong{font-size:27px}.bay-row>span{display:none}.final-cta{padding:75px 7vw}.footer{flex-direction:column}.section-heading{margin-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.wordmark{transform:none;opacity:1}.photo-ocean-canvas{display:none}.voyage{height:100svh;min-height:720px}.motion-enabled .reveal{opacity:1;transform:none}}

.welcome{position:absolute;top:calc(16% + 20vw);left:4vw;max-width:540px;margin:18px 0 0;font-size:13px;line-height:1.7;letter-spacing:.2px;color:#102d3c;background:#dff3f7d9;padding:10px 15px;border-left:2px solid #264e65}@media(min-width:1765px){.welcome{top:calc(16% + 350px)}}@media(max-width:760px){.welcome{top:calc(21% + 23vw);left:5vw;right:5vw;margin-top:12px;font-size:11px;max-width:330px;padding:8px 12px}}
/* Motion edition: scroll-controlled scenes, no scroll interception. */
.voyage{height:210svh;background:var(--paper)}.hero{transform:scale(calc(1 - var(--progress) * .12));border-radius:calc(var(--progress) * 60px);transform-origin:center center;will-change:transform}.wordmark{transform:none;opacity:1}.wordmark span{transform:translateX(calc(var(--progress) * -24vw));opacity:calc(1 - var(--progress) * .95);will-change:transform,opacity}.wordmark span:last-child{transform:translateX(calc(var(--progress) * 24vw))}.bottom,.welcome,.serial,.vessel-label{opacity:calc(1 - var(--progress) * .85)}.wordmark span{animation:title-in 1.15s cubic-bezier(.16,1,.3,1) both}.wordmark span:last-child{animation-delay:.15s}@keyframes title-in{from{clip-path:inset(100% 0 0);translate:0 55px}to{clip-path:inset(0);translate:0 0}}dialog[open]{animation:menu-in .5s cubic-bezier(.2,.8,.2,1)}dialog[open] nav a{animation:menu-link .65s both}dialog[open] nav a:nth-of-type(2){animation-delay:.08s}dialog[open] nav a:nth-of-type(3){animation-delay:.16s}@keyframes menu-in{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes menu-link{from{opacity:0;transform:translateY(50px) rotate(3deg)}to{opacity:1;transform:none}}.voyage-trace{display:block;width:90%;height:100px;margin:-20px 0 40px;overflow:visible}.voyage-trace path{fill:none;stroke:#6098b2;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--trace,0))}.vessel-gallery{height:260svh;background:#102b3a;color:#edf8fc}.gallery-pin{position:sticky;top:0;height:100svh;min-height:670px;overflow:hidden;padding:110px 0 60px}.gallery-heading{margin:0 7vw 35px;position:relative}.gallery-heading h2{font-size:clamp(30px,4.5vw,70px);letter-spacing:-2px;margin:18px 0}.gallery-heading em{font-style:normal;color:#8cb5c9}.gallery-counter{position:absolute;right:0;bottom:8px;font:12px monospace}.gallery-track{display:flex;gap:3vw;padding:0 7vw;will-change:transform;transform:translateX(var(--gallery-x,0px))}.vessel-card{position:relative;flex:0 0 60vw;height:53svh;min-height:320px;border-radius:12px;overflow:hidden;background:#163544}.vessel-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.bow-view img{object-position:25% 70%;transform:scale(1.7);transform-origin:28% 75%}.deck-view img{transform:scale(1.7);transform-origin:60% 60%}.bridge-view img{transform:scale(2.3);transform-origin:92% 40%}.vessel-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#071c2fd9)}.vessel-card>div{position:absolute;bottom:30px;left:35px;z-index:1}.vessel-card span{font:11px monospace;letter-spacing:2px}.vessel-card h3{font-size:38px;font-weight:500;margin:12px 0}.motion-ready .mission h2{background:linear-gradient(90deg,#112d3d var(--read,0%),#aac1cc var(--read,0%));background-clip:text;color:transparent}.motion-ready .mission h2 em{color:inherit}@media(max-width:760px){.voyage{height:170svh}.hero{border-radius:calc(var(--progress) * 25px)}.vessel-gallery{height:230svh}.gallery-pin{padding-top:100px;min-height:620px}.gallery-heading{margin-bottom:35px}.gallery-heading h2{font-size:28px;letter-spacing:-1px}.gallery-counter{position:static}.vessel-card{flex-basis:84vw;height:51svh;min-height:300px}.vessel-card>div{left:22px}.vessel-card h3{font-size:30px}.voyage-trace{height:65px}}@media(prefers-reduced-motion:reduce){.voyage{height:100svh}.hero,.wordmark span,.wordmark span:last-child{transform:none;opacity:1}.bottom,.welcome,.serial,.vessel-label{opacity:1}.vessel-gallery{height:auto}.gallery-pin{position:relative;height:auto;min-height:0;padding:70px 0}.gallery-track{transform:none;overflow-x:auto;padding-bottom:20px;scroll-snap-type:x mandatory}.vessel-card{scroll-snap-align:center}.voyage-trace path{stroke-dashoffset:0}.motion-ready .mission h2{background:none;color:#112d3d}}
.top .identity{background:#eaf6f7e6;padding:5px 12px;border-radius:8px}