body{background:#041b29;overflow-x:hidden}main,footer,header{position:relative;z-index:1}.ocean-atmosphere{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 85% 20%,#0e658c38,transparent 50%),linear-gradient(135deg,#02101c,#07384a 70%,#031621)}.sea-light{position:absolute;inset:-50%;background:conic-gradient(from 165deg at 65% 0%,transparent 0deg,#67ddff0c 5deg,transparent 10deg,#67ddff12 15deg,transparent 25deg,#67ddff09 35deg,transparent 45deg);animation:seaLight 22s ease-in-out infinite alternate;filter:blur(14px)}.sea-caustics{position:absolute;inset:-40%;opacity:.07;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 42px,#6bf4ef 44px 45px,transparent 49px 95px);transform:rotate(-25deg) translateY(var(--sea-scroll,0px));animation:caustics 24s ease-in-out infinite alternate;filter:blur(2px)}.sea-bubble{position:absolute;bottom:-80px;left:var(--x);width:var(--size);height:var(--size);border:1px solid #b2eeff55;border-radius:50%;background:radial-gradient(circle at 27% 24%,#d7faff3d,transparent 35%);box-shadow:inset -2px -2px 8px #6cf5ff0c;animation:bubbleRise var(--duration) linear var(--delay) infinite}.bubble-field{position:absolute;inset:0}.hero{min-height:850px;padding-top:100px;padding-bottom:220px}.hero-art{height:115%;top:-7%;will-change:transform}.hero-copy{animation:arrive 1.1s both;max-width:680px}.hero h1{font-size:clamp(80px,8vw,122px);line-height:.96;margin-bottom:35px}.hero .eyebrow:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#64f5c5;box-shadow:0 0 13px #64f5c5;margin-right:12px;animation:beacon 3s infinite}.hero:after{background:linear-gradient(90deg,#021520f5 0%,#021520b8 35%,#02152010 75%),linear-gradient(0deg,#041b29 2%,transparent 45%)}header{position:sticky;top:0;background:#031722a8;backdrop-filter:blur(18px);transition:background .3s;height:94px}header.scrolled{background:#031722ed;box-shadow:0 4px 24px #0005}.hero-coordinates{position:absolute;bottom:75px;left:7vw;z-index:2;display:flex;flex-direction:column;gap:8px;font-family:SeaMono,monospace;font-size:10px;letter-spacing:2px;color:#88b6c9}.hero-coordinates b{font-family:SeaDisplay;font-size:22px;letter-spacing:3px;color:#d3e7ed}.art-caption{bottom:75px}.hero-wave{position:absolute;bottom:-25px;left:-15%;width:130%;height:100px;z-index:2;border-radius:45% 55% 0 0;background:#0a4d6266;border-top:1px solid #56e2f03b;animation:waveDrift 14s ease-in-out infinite alternate}.wave-b{bottom:-50px;height:95px;opacity:.7;animation-duration:19s;animation-direction:alternate-reverse;background:#041b29}.ticker{position:relative;background:#041b29b8;backdrop-filter:blur(5px);padding:28px;letter-spacing:4px}.section{position:relative;padding-top:120px;padding-bottom:120px}.section:before{content:'';position:absolute;left:7vw;right:7vw;top:0;height:1px;background:linear-gradient(90deg,transparent,#5e9aa438,transparent)}.chapter-watermark{position:absolute;top:25px;right:7vw;font:800 clamp(70px,11vw,150px)/1 SeaDisplay;letter-spacing:5px;color:#5facbf0a;pointer-events:none}.section-head{position:relative;margin-bottom:55px}.wide-shot{padding:8px;border-color:#55727b66;background:#061d2a;box-shadow:0 25px 70px #0005;transform:perspective(1400px) rotateX(2deg);border-radius:10px;overflow:hidden}.wide-shot figcaption{padding:20px}.vessel-grid{perspective:1200px;gap:34px}.vessel-card{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s;transform-style:preserve-3d}.vessel-card .card-image-button{position:relative;border-radius:9px;overflow:hidden;box-shadow:0 18px 40px #0005}.vessel-card .card-image-button:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,30%),#bbebff32,transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}.vessel-card:hover .card-image-button:after{opacity:1}.vessel-card:hover .card-image-button{filter:drop-shadow(0 0 7px #ff8f3a55)}.vessel-card .card-label{padding-top:16px;color:#d5e8ef}.filters button{transition:background .2s,color .2s,box-shadow .2s;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.filters .active{background:#ff9637;box-shadow:0 0 20px #ff96372b}.jobs{background:linear-gradient(125deg,#06344988,#021722b0);border-top:0}.job-list article{padding:30px 0}.job-list h3{font-size:37px}.job-list article>span{color:#ffac4c}.jobs-layout>img{filter:drop-shadow(0 20px 35px #0006);transform:rotate(-2deg);transition:transform .6s}.jobs-layout>img:hover{transform:rotate(0deg)}.development{border:1px solid #35556777;background:linear-gradient(120deg,#0b3244e8,#031b2ade);border-radius:10px;box-shadow:0 30px 70px #0004}.steps b{font:800 50px SeaDisplay;color:#ff9637}.steps article{position:relative}.steps article:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:#ffac4c;box-shadow:0 0 15px #ffac4c}.join{min-height:550px;overflow:hidden}.join h2{font-size:clamp(70px,7vw,110px)}.offer{position:relative;z-index:1;border-color:#ffab50;box-shadow:0 0 60px #ff8f3a0d,0 25px 80px #0005;border-radius:8px;background:linear-gradient(140deg,#133b50ef,#061a2af5)}.join-sonar{position:absolute;width:650px;height:650px;left:5%;top:50%;transform:translateY(-50%);pointer-events:none}.join-sonar i{position:absolute;inset:10%;border:1px solid #65d9e326;border-radius:50%;animation:sonar 9s linear infinite}.join-sonar i:nth-child(2){animation-delay:-3s}.join-sonar i:nth-child(3){animation-delay:-6s}.join-sonar:after{content:'';position:absolute;inset:10%;border-radius:50%;background:conic-gradient(from 0deg,transparent 300deg,#40efcf18 355deg,transparent 360deg);animation:radarSweep 20s linear infinite}.button{position:relative;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 25px #ff871d20}.button:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#fff5 45%,transparent 65%);transform:translateX(-120%);transition:transform .7s;pointer-events:none}.button:hover:after{transform:translateX(120%)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s,transform .9s}.reveal.revealed{opacity:1;transform:translateY(0)}.voyage-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:20;background:linear-gradient(90deg,#5cd9e5,#ffad52);transform-origin:left;transform:scaleX(0);box-shadow:0 0 10px #5cd9e5}.voyage-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:14px}.voyage-nav a{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-family:SeaMono;font-size:10px}.voyage-nav b{width:27px;height:27px;border:1px solid #6c9ca75c;border-radius:50%;display:grid;place-items:center;color:#7da5b8;background:#041b29aa}.voyage-nav span{opacity:0;background:#041b29dd;padding:3px 8px;transition:opacity .2s}.voyage-nav a:hover span{opacity:1}.voyage-nav .current b{border-color:#ff9b40;color:#ff9b40;box-shadow:0 0 15px #ff9b4026}footer{background:#021521b8}.close{z-index:5;background:#061d2a;border-radius:50%;width:36px;height:36px;line-height:28px}dialog{box-shadow:0 0 80px #20a2b129,0 40px 100px #0008}
@keyframes bubbleRise{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:.6}90%{opacity:.4}100%{transform:translate3d(var(--drift),-115vh,0);opacity:0}}@keyframes seaLight{to{transform:rotate(10deg) translateX(3%)}}@keyframes caustics{to{background-position:100px 70px;filter:blur(4px)}}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes waveDrift{to{transform:translateX(5%) rotate(2deg)}}@keyframes beacon{50%{opacity:.4;box-shadow:0 0 3px #64f5c5}}@keyframes sonar{0%{transform:scale(.4);opacity:0}20%{opacity:.65}100%{transform:scale(1.4);opacity:0}}@keyframes radarSweep{to{transform:rotate(360deg)}}
@media(max-width:900px){.voyage-nav{display:none}.hero{min-height:760px}.hero h1{font-size:92px}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:600px){.hero{min-height:760px;padding-top:75px}.hero h1{font-size:76px}.hero-coordinates{left:5vw;font-size:9px;bottom:72px}.hero-coordinates b{font-size:18px}.art-caption{display:none}.sea-bubble:nth-child(n+13){display:none}.hero-art{object-position:62%}.ticker{gap:12px;padding:23px 12px;letter-spacing:1px}.chapter-watermark{top:15px;font-size:64px}.section-head{margin-bottom:30px}.join h2{font-size:76px}.job-list h3{font-size:32px}header{height:85px}.wide-shot{padding:3px}.development{border-radius:0}.vessel-grid{gap:30px}.hero-wave{height:75px}.reveal{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.vessel-card{transform:none!important}.hero-art{transform:none!important}.sea-bubble{display:none}}
header{position:relative;top:auto}
.platform-tag{display:inline-block;padding:8px 13px;border:1px solid #ff9d3f88;background:#041b29b8;color:#ffbd75;font-family:SeaMono,monospace;font-size:11px;letter-spacing:1px;margin:0 0 16px}.requirements>p:not(.eyebrow){color:#b4ccd7;font-size:23px}.requirements-panel{padding:32px 38px;background:linear-gradient(120deg,#0b3244da,#031b2ae0);border:1px solid #4b73866b;border-radius:8px;margin-top:32px}.requirements-panel h3{font-size:34px}.requirements-panel dl{margin:25px 0}.requirements-panel dl>div{display:grid;grid-template-columns:230px 1fr;gap:25px;border-bottom:1px solid #50798b44;padding:17px 0}.requirements-panel dt{color:#ffb463;font-family:SeaDisplay;font-size:24px}.requirements-panel dd{margin:0;color:#d4e6ee;font-size:20px}.requirements-panel a{text-decoration:underline;color:#ffb463}@media(max-width:600px){.requirements-panel{padding:24px}.requirements-panel dl>div{grid-template-columns:1fr;gap:7px}.platform-tag{font-size:9px}}
footer{flex-wrap:wrap}.footer-legal{flex-basis:100%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid #40657955;font-family:SeaMono,monospace;font-size:12px;color:#a9bec8}.footer-legal a{color:#ffbb70}.footer-legal a:hover{text-decoration:underline}
.ocean-atmosphere:before{content:"";position:absolute;inset:-12%;background:url("assets/Archipelago.jpeg") center center/cover no-repeat;opacity:.3;transform:translate3d(0,var(--archipelago-shift,0px),0) scale(1.06);will-change:transform}.ocean-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#041b2966,#041b29c9 55%,#041b29a6);z-index:0}.sea-light,.sea-caustics,.bubble-field{z-index:1}.world .wide-shot img{aspect-ratio:1.792;object-fit:cover}.hero-art{object-position:center}.hero:after{background:linear-gradient(90deg,#021520ed 0%,#021520aa 35%,#02152008 78%),linear-gradient(0deg,#041b29 2%,transparent 45%)}@media(max-width:600px){.hero-art{object-position:58% center}.ocean-atmosphere:before{opacity:.22}}@media(prefers-reduced-motion:reduce){.ocean-atmosphere:before{transform:none;will-change:auto}}
/* Keep mobile ocean layers stable: animated radial rings and blur repaint on phones. */
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  .sea-caustics, .sea-light, .join-sonar { display: none; }
  .ocean-atmosphere:before { transform: none; will-change: auto; }
  .sea-bubble { will-change: transform, opacity; backface-visibility: hidden; }
}