:root{--navy:#071a2a;--navy-light:#102b40;--blue:#182f59;--cyan:#0f92cf;--ink:#163044;--paper:#f5f7f8;--muted:#637783;--line:#17324526;--display:"Libre Caslon Display",Georgia,serif;--sans:"Karla",Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--gutter:clamp(24px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--navy);color:#f6f9fb;font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400}img{max-width:100%;height:auto;display:block}em{color:var(--cyan);font-style:normal}::selection{background:var(--cyan);color:#fff}.mono,.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:400;line-height:1.6}.eyebrow{align-items:center;gap:12px;display:flex}.eyebrow:before{content:"";background:var(--cyan);flex-shrink:0;width:5px;height:5px}.skip-link{color:var(--ink);z-index:100;background:#fff;padding:14px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.nav{z-index:30;width:100%;height:100px;padding:0 var(--gutter);color:#f5f7f9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071a2ae0;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;transition:background .35s,color .35s,border-color .35s;display:flex;position:fixed;top:0;left:0}.brand{flex-shrink:0;width:152px}.brand img{object-fit:contain;filter:brightness(0)invert();opacity:.95;width:100%;height:60px}.nav-links{gap:36px;font-size:14px;display:flex}.nav-links a,.nav-contact span:first-child{position:relative}.nav-links a:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.nav-right{align-items:center;gap:34px;display:flex}.languages{align-items:center;gap:9px;font-size:11px;display:flex}.languages button{opacity:.5;background:0 0;border:0;padding:7px 2px;font-size:11px}.languages button[aria-pressed=true]{opacity:1}.languages span{opacity:.3}.nav-contact{border:1px solid #ffffff59;gap:25px;padding:12px 18px;font-size:13px;transition:background .2s;display:flex}.nav-contact:hover{background:#ffffff1a}.nav.light{color:var(--ink);border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f7f8f2}.nav.light .brand img{filter:none;mix-blend-mode:multiply}.nav.light .nav-contact{border-color:var(--line)}.scene-stage{z-index:0;pointer-events:none;background:var(--navy);transition:opacity .4s;position:fixed;inset:0}#gl{width:100%;height:100%;display:block}.scene-wash{pointer-events:none;background:linear-gradient(90deg,#071a2ae6 0%,#071a2a9e 23%,#0000 52%),linear-gradient(#0000 81%,#071a2ae6);transition:opacity .4s;position:absolute;inset:0}.scene-stage.exploring .scene-wash{opacity:1;background:linear-gradient(90deg,#071a2af5 0%,#071a2ada 24%,#071a2a66 38%,#0000 55%)}.scene-stage.fallback{background:url(../img/stn/generated-vessel.webp) 65%/cover}.scene-stage.fallback #gl{display:none}main{position:relative}.hero{height:max(800px,100svh);min-height:100svh;padding:155px var(--gutter) 120px;isolation:isolate;align-items:center;display:flex;position:relative}.hero-content{z-index:2;width:46%;max-width:680px;position:relative}.hero .eyebrow{color:#b6c7d3;letter-spacing:.16em;margin-bottom:30px;font-size:9px}.hero h1{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(76px,7.4vw,126px);line-height:.94}.hero h1 em{color:#66b4d5}.hero-description{color:#bbcad4;margin-top:28px;font-size:16px;line-height:1.8}.text-link{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:32px;padding:15px 0;font-size:14px;display:inline-flex}.hero-cta{border-bottom:0;gap:22px;margin-top:25px}.round-arrow{border:1px solid #fff6;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .2s;display:grid}.hero-cta:hover .round-arrow{transform:translateY(4px)}.hero-bottom{left:var(--gutter);right:var(--gutter);color:#9db2c3;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:32px}.scroll-prompt{align-items:center;gap:17px;display:flex}.scroll-line{background:#486071;width:1px;height:43px;position:relative}.scroll-line:after{content:"";background:#c6e5f2;width:1px;height:15px;animation:2.8s infinite scrollHint;position:absolute;top:0;left:0}@keyframes scrollHint{0%,to{opacity:.4;transform:translateY(0)}65%{opacity:1;transform:translateY(27px)}}.hero-vessel-label{color:#abbdcb;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:23%;right:9%}.dot{background:#6cc6df;border-radius:50%;width:5px;height:5px}.label-rule{background:#44677d;width:64px;height:1px}.section-light{background:var(--paper);color:var(--ink);z-index:3;position:relative}h2{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(48px,4.5vw,76px);line-height:1.04}.body-text{max-width:540px;font-size:17px;line-height:1.8}.intro{padding:100px var(--gutter) 32px}.intro .eyebrow{color:var(--muted);margin-bottom:38px}.intro-grid{grid-template-columns:1.55fr 1fr;align-items:end;gap:8vw;display:grid}.intro-grid h2{font-size:clamp(44px,4.1vw,66px)}.intro-grid p{color:var(--muted);max-width:420px;line-height:1.9}.intro-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:70px;padding-top:24px;display:flex}.explore{z-index:2;background:0 0;height:750svh;scroll-margin-top:0;position:relative}.explore-sticky{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden}.explore-heading{top:138px;left:var(--gutter);z-index:2;max-width:630px;position:absolute}.explore-heading .eyebrow{color:#a9bdcc;margin-bottom:16px}.explore-heading h2{font-size:clamp(39px,3.5vw,62px)}.explore-heading h2 em{color:#70b8d5}.viewer-help{color:#91aabb;margin-top:17px;font-size:13px;line-height:1.6}.service-panel{top:42%;left:var(--gutter);z-index:4;border-top:1px solid #38546a;width:330px;padding:24px 0 0;position:absolute}.service-topline{color:#94b8ca;justify-content:space-between;gap:10px;margin-bottom:19px;display:flex}.service-zone{letter-spacing:.07em;font-size:8px}.service-title{font-family:var(--display);letter-spacing:-.02em;margin-bottom:16px;font-size:38px;line-height:1.1}.service-subtitle{color:#d4e2eb;margin-bottom:12px;font-size:15px}.service-description{color:#9fb4c3;font-size:14px;line-height:1.8}.service-items{margin:22px 0;padding:0;list-style:none}.service-items li{color:#b4cbd9;border-bottom:1px solid #ffffff1a;gap:10px;padding:8px 0;font-size:12px;display:flex}.service-items li:before{content:"+";color:#68b9da}.service-navigation{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.service-navigation button{background:0 0;border:1px solid #456075;border-radius:50%;width:32px;height:32px;font-size:16px}.service-navigation button:hover:not(:disabled){background:#193e54}.service-progress-label{color:#799bb0;font-size:9px}.viewer-toolbar{z-index:5;align-items:center;gap:20px;display:flex;position:absolute;bottom:128px;left:49%}.view-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071a2ab8;border:1px solid #355369;border-radius:2px;padding:4px;display:flex}.view-toggle button{color:#8ca9bb;background:0 0;border:0;padding:9px 16px;font-size:11px}.view-toggle button[aria-pressed=true]{color:#13334b;background:#e3ecf2}.reset-view{text-underline-offset:4px;color:#93b3c6;background:0 0;border:0;padding:10px 0;font-size:10px;text-decoration:underline}.model-note{color:#678a9e;letter-spacing:.08em;font-size:8px;position:absolute;bottom:96px;left:49%}.chapter-navigation{bottom:28px;left:var(--gutter);right:var(--gutter);z-index:5;grid-template-columns:repeat(7,1fr);gap:12px;display:grid;position:absolute}.chapter-navigation button{text-align:left;color:#7895a9;background:0 0;border:0;border-top:1px solid #30485c;padding:13px 0 0;font-size:11px;line-height:1.3;transition:color .2s,border-color .2s}.chapter-navigation button span{font-family:var(--mono);margin-bottom:8px;font-size:9px;display:block}.chapter-navigation button[aria-current=true]{color:#e7f4fa;border-color:#62c5e6}.chapter-navigation button:hover{color:#fff}.explore-meter{background:#17334a;width:100%;height:2px;position:absolute;bottom:0}.explore-meter i{background:#48a9d0;width:0;height:100%;display:block}.ship-hotspot{z-index:2;pointer-events:none;font-family:var(--mono);letter-spacing:.08em;color:#b7dae9;white-space:nowrap;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.ship-hotspot:before{content:"";border:1px solid #9dddff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #69c8e577}.ship-hotspot:after{content:"";background:#4f9bb9;width:38px;height:1px}.ship-hotspot span{background:#0a2335b0;order:1;padding:6px 8px}.operations{padding:120px var(--gutter) 90px}.operations-grid{grid-template-columns:1fr 1fr;align-items:center;gap:9vw;display:grid}.operations .eyebrow{color:var(--muted);margin-bottom:30px}.operations .body-text{color:var(--muted);margin-top:28px;font-size:16px}.operations figure{align-self:stretch;min-height:440px;position:relative}.operations figure img{object-fit:cover;width:100%;height:100%}.operations figcaption{color:#fff;mix-blend-mode:screen;font-size:8px;position:absolute;bottom:16px;left:20px}.operation-modes{grid-template-columns:1fr 1fr;gap:9vw;margin-top:70px;display:grid}.operation-modes article{border-top:1px solid var(--line);padding-top:25px}.operation-modes .mono{color:var(--cyan)}.operation-modes h3{font-family:var(--display);margin:15px 0;font-size:36px}.operation-modes p{color:var(--muted);max-width:470px;font-size:15px;line-height:1.8}.process-section{padding:20px var(--gutter) 110px}.process-section .eyebrow{color:var(--muted);margin-bottom:25px}.process-grid{grid-template-columns:repeat(4,1fr);gap:40px;margin-top:60px;display:grid}.process-grid article{border-top:1px solid var(--line);padding-top:22px}.process-grid .mono{color:var(--cyan)}.process-grid h3{font-family:var(--display);margin:32px 0 16px;font-size:30px}.process-grid p{color:var(--muted);font-size:14px;line-height:1.8}.company{z-index:3;background:#102a3d;grid-template-columns:1fr 1fr;min-height:650px;display:grid;position:relative}.company-image{position:relative}.company-image img{object-fit:cover;filter:saturate(.75);width:100%;height:100%}.company-image:after{content:"";background:linear-gradient(#0000 60%,#071a2a77);position:absolute;inset:0}.company-image span{bottom:30px;left:var(--gutter);z-index:1;position:absolute}.company-content{padding:95px 6vw}.company .eyebrow{color:#a7bfce;margin-bottom:32px;font-size:9px}.company h2{font-size:clamp(46px,4vw,66px)}.company h2 em{color:#70b8d5}.company .body-text{color:#afc2cf;margin:30px 0;font-size:16px}.company .text-link{color:#d2e1eb;border-color:#567182;font-size:13px}.service-directory{padding:75px var(--gutter) 90px}.service-directory .eyebrow{color:var(--muted);margin-bottom:35px}.directory-grid{grid-template-columns:1fr 1fr;gap:0 70px;display:grid}.directory-grid details{border-top:1px solid var(--line);padding:20px 0}.directory-grid summary{cursor:pointer;align-items:center;gap:22px;font-size:19px;list-style:none;display:flex}.directory-grid summary::-webkit-details-marker{display:none}.directory-grid summary .mono{color:var(--cyan);font-size:9px}.directory-grid summary:after{content:"+";color:var(--cyan);margin-left:auto}.directory-grid details[open] summary:after{content:"−"}.directory-grid details p{color:var(--muted);margin:20px 0 10px 37px;font-size:14px;line-height:1.8}.directory-grid details a{border-bottom:1px solid var(--cyan);margin:10px 0 0 37px;padding-bottom:3px;font-size:12px;display:inline-block}.contact{z-index:3;padding:110px var(--gutter) 70px;text-align:center;background:#071a2a;position:relative}.contact .eyebrow{color:#97b1c3;justify-content:center;margin-bottom:32px}.contact h2{font-size:clamp(60px,6.5vw,110px)}.contact h2 em{color:#70b8d5}.contact .body-text{color:#aac0cf;max-width:450px;margin:27px auto 32px;font-size:16px}.contact-cta{color:#102a3d;background:#f0f6f9;gap:50px;padding:18px 25px;font-size:14px;transition:background .2s;display:inline-flex}.contact-cta:hover{background:#afd4e7}.contact-details{text-align:left;border-top:1px solid #2a4255;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:90px;padding-top:32px;display:grid}.contact-details .mono{color:#7797ad;margin-bottom:14px}.contact-details address{font-size:14px;font-style:normal;line-height:1.8}.contact-details a{font-size:15px}.contact-details a:hover{text-decoration:underline}footer{z-index:3;background:var(--navy);padding:24px var(--gutter);color:#91a9ba;border-top:1px solid #2a4255;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:11px;display:flex;position:relative}footer .footer-company,footer .footer-contact{flex-direction:column;gap:8px;display:flex}footer address{max-width:330px;font-style:normal;line-height:1.8}footer a:hover{text-decoration:underline}.noscript-note{padding:30px}.static-mode .explore{height:auto}.static-mode .explore-sticky{min-height:1000px;position:relative}.static-mode .service-panel{top:360px}.static-mode .viewer-help{max-width:350px}@media (min-width:1600px){.service-panel{width:375px}.service-description{font-size:16px}.service-title{font-size:43px}}@media (max-width:1100px){.nav-links,.nav-right{gap:20px}.hero h1{font-size:86px}.hero-content{width:51%}.hero{height:max(780px,100svh)}.service-panel{width:285px}.service-title{font-size:32px}.explore-heading h2{font-size:42px}.explore-heading{max-width:460px}.service-description{font-size:13px}.service-items{margin:14px 0}.service-items li{font-size:11px}.viewer-toolbar{gap:15px;left:43%}.model-note{left:43%}.chapter-navigation{gap:9px}.chapter-navigation button{font-size:10px}.operations-grid{gap:5vw}.operations figure{min-height:400px}.process-grid{gap:25px}.company-content{padding:70px 5vw}.company .eyebrow{font-size:8px}.company h2{font-size:48px}}@media (max-width:760px){html{scroll-padding-top:76px}.nav{height:76px}.brand{width:114px}.brand img{height:46px}.nav-links{display:none}.nav-right{gap:14px}.nav-contact{gap:10px;padding:10px 12px;font-size:11px}.languages{gap:6px}.hero{height:max(820px,100svh);min-height:100svh;padding:120px var(--gutter) 80px;align-items:flex-start}.hero-content{width:100%;max-width:500px}.hero h1{font-size:clamp(65px,13vw,94px);line-height:.95}.hero .eyebrow{letter-spacing:.12em;margin-bottom:24px;font-size:7px}.hero-description{max-width:320px;margin-top:20px;font-size:13px;line-height:1.7}.hero-cta{margin-top:10px;font-size:12px}.round-arrow{width:30px;height:30px}.scene-wash{background:linear-gradient(#071a2ab0 0%,#071a2a66 35%,#0000 55%,#071a2a44 85%,#071a2a 100%)}.hero-vessel-label{right:var(--gutter);font-size:7px;bottom:18%}.hero-bottom{gap:16px;bottom:24px}.hero-bottom p{text-align:right;max-width:155px;font-size:7px}.hero-bottom .coordinates{display:none}.scroll-prompt .mono{font-size:7px}.intro{padding:65px var(--gutter) 25px}.intro .eyebrow{margin-bottom:25px;font-size:8px}.intro-grid{grid-template-columns:1fr;gap:28px}.intro-grid h2{font-size:clamp(39px,8vw,54px)}.intro-grid p{max-width:100%;font-size:14px}.intro-bottom{margin-top:40px}.intro-bottom .mono{font-size:7px}.explore{height:800svh}.explore-sticky{min-height:720px}.explore-heading{top:102px;right:var(--gutter);max-width:100%}.explore-heading .eyebrow{margin-bottom:11px;font-size:7px}.explore-heading h2{font-size:33px}.viewer-help{margin-top:10px;font-size:10px}.service-panel{top:auto;bottom:137px;left:var(--gutter);right:var(--gutter);background:linear-gradient(#071a2ad9,#071a2af5);border-top:1px solid #38546a;width:auto;padding-top:13px}.service-topline{margin-bottom:8px}.service-topline .mono{font-size:8px}.service-title{margin-bottom:8px;font-size:29px}.service-subtitle{margin-bottom:8px;font-size:12px}.service-description{font-size:12px;line-height:1.65}.service-items{margin:8px 0;display:none}.service-navigation{margin-top:12px}.service-navigation button{width:28px;height:28px}.service-progress-label{font-size:8px}.viewer-toolbar{left:var(--gutter);bottom:91px;right:var(--gutter);justify-content:space-between;gap:10px}.view-toggle button{padding:7px 10px;font-size:9px}.reset-view{font-size:9px}.model-note{display:none}.chapter-navigation{bottom:24px;left:var(--gutter);right:var(--gutter);gap:6px}.chapter-navigation button{padding-top:10px;font-size:0}.chapter-navigation button span{text-align:center;margin:0;font-size:10px}.ship-hotspot{display:none}.operations{padding:65px var(--gutter) 55px}.operations-grid{grid-template-columns:1fr;gap:35px}.operations .eyebrow{margin-bottom:25px;font-size:8px}h2{font-size:48px}.operations .body-text{font-size:14px}.operations figure{aspect-ratio:4/3;min-height:0}.operation-modes{gap:25px;margin-top:40px}.operation-modes h3{font-size:27px}.operation-modes .mono{font-size:8px}.operation-modes p{font-size:12px}.process-section{padding:15px var(--gutter) 65px}.process-section .eyebrow{font-size:8px}.process-section h2{font-size:42px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:40px}.process-grid h3{margin:20px 0 12px;font-size:26px}.process-grid p{font-size:12px}.company{grid-template-columns:1fr;min-height:0}.company-image{height:400px}.company-content{padding:60px var(--gutter)}.company .eyebrow{font-size:7px}.company h2{font-size:48px}.company .body-text{font-size:14px}.service-directory{padding:55px var(--gutter)}.directory-grid{grid-template-columns:1fr}.directory-grid summary{font-size:17px}.contact{padding:65px var(--gutter) 45px}.contact .eyebrow{font-size:7px}.contact h2{font-size:clamp(48px,10vw,68px)}.contact .body-text{font-size:14px}.contact-details{grid-template-columns:1fr;gap:28px;margin-top:55px}.contact-details .mono{margin-bottom:8px;font-size:9px}.contact-details a{font-size:14px}footer{flex-direction:column;gap:20px;font-size:9px}footer address{max-width:100%}.static-mode .explore-sticky{min-height:800px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}[hidden]{display:none!important}@media (max-width:760px){.explore-sticky{min-height:100svh}.scene-stage.exploring .scene-wash{background:linear-gradient(#071a2a 0,#071a2aee 200px,#071a2a00 290px 45%,#071a2a 75%)}}@media (max-height:760px) and (min-width:761px){.explore-sticky{min-height:100svh}.explore-heading{top:115px}.explore-heading h2{font-size:39px}.service-panel{width:300px;padding-top:14px;top:38%}.service-topline{margin-bottom:12px}.service-title{margin-bottom:10px;font-size:31px}.service-subtitle{margin-bottom:8px;font-size:13px}.service-description{font-size:12px;line-height:1.65}.service-items{margin:12px 0}.service-items li{padding:6px 0;font-size:11px}.service-navigation{margin-top:12px}.viewer-toolbar{bottom:108px}.model-note{bottom:86px}}@media (max-height:730px) and (max-width:760px){.explore-heading{top:94px}.explore-heading h2{font-size:29px}.viewer-help{font-size:9px}.service-panel{bottom:128px}.service-subtitle{display:none}.service-description{font-size:11px;line-height:1.6}.service-title{font-size:26px}.viewer-toolbar{bottom:83px}.chapter-navigation{bottom:23px}}