:root{--navy:#06263a;--deep:#031a29;--ink:#102b3a;--mint:#25d2ad;--mist:#eaf2f3;--white:#fff;--line:#cfdcde;--muted:#607681}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}p{line-height:1.7}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:86px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7eeee}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--navy);color:var(--mint);font-weight:900;letter-spacing:-2px;clip-path:polygon(50% 0,100% 18%,92% 80%,50% 100%,8% 80%,0 18%)}.brand strong{display:block;font-size:18px;letter-spacing:1.6px}.brand small{font-size:8px;letter-spacing:1.35px;color:#59707a}.site-header nav{display:flex;align-items:center;gap:1.7vw;font-size:13px;font-weight:700}.site-header nav>a:not(.nav-cta):hover{color:#149b82}.nav-cta{background:var(--navy);color:#fff;padding:15px 20px}.menu{display:none;background:none;border:0}.hero{height:calc(100vh - 86px);min-height:650px;position:relative;color:#fff;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background:url('reference-photo-1550183951-dc01fe5a8c76.webp') center/cover no-repeat;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,rgba(1,20,33,.93) 0%,rgba(2,29,45,.72) 45%,rgba(2,30,44,.12) 78%),linear-gradient(0deg,rgba(1,20,31,.65),transparent 45%)}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-52%);max-width:790px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:3px;color:#2e7481}.eyebrow{color:var(--mint);margin-bottom:24px}.hero h1{font-size:clamp(60px,7.7vw,118px);line-height:.88;letter-spacing:-5px;margin-bottom:28px}.hero h1 em{font-weight:300;color:var(--mint);font-style:normal}.lede{font-size:19px;line-height:1.6;max-width:650px;color:#dbe8eb}.actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;text-transform:uppercase;font-size:12px;letter-spacing:1.4px;font-weight:800}.primary{background:var(--mint);color:#03283a}.secondary{border:1px solid rgba(255,255,255,.6)}.hero-side{position:absolute;right:4.5vw;top:42%;border-left:1px solid rgba(255,255,255,.45);padding-left:20px}.hero-side span{font-size:12px;color:var(--mint)}.hero-side p{font-size:11px;letter-spacing:2px;line-height:1.7}.scroll{position:absolute;left:8vw;bottom:32px;font-size:10px;letter-spacing:2px}.scroll span{color:var(--mint);margin-left:12px}.section{padding:110px 8vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}.kicker{margin-bottom:18px}.section h2{font-size:clamp(40px,4.4vw,68px);line-height:1.02;letter-spacing:-2.5px}.intro-copy{padding-top:35px}.intro-copy>p{font-size:18px;color:#526974;max-width:650px}.text-link{display:inline-block;margin-top:14px;border-bottom:1px solid var(--ink);padding-bottom:8px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.5px}.stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:50px}.stats div{padding:36px 25px 0;border-right:1px solid var(--line)}.stats div:first-child{padding-left:0}.stats strong{display:block;font-size:45px;color:var(--navy)}.stats span{font-size:12px;color:#6e7f86}.dark{background:var(--deep);color:#fff}.section-head{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:80px;margin-bottom:58px}.section-head>p{color:#9db0b8;max-width:440px}.mint{color:var(--mint)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #31505e;border-bottom:1px solid #31505e}.service-grid article{padding:32px 28px 38px;border-right:1px solid #31505e;min-height:380px;transition:.25s}.service-grid article:hover{background:#0a3449;transform:translateY(-6px)}.service-grid article>span{font-size:11px;color:#70909e}.line-icon{font-size:48px;color:var(--mint);margin:45px 0 25px}.service-grid h3{font-size:25px}.service-grid p{font-size:14px;color:#a9bac1}.service-grid a{display:inline-block;margin-top:25px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mint)}.vessel-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.vessel-grid article{background:#f0f5f5}.vessel-img{height:250px;background-size:cover;background-position:center}.vessel-feature .vessel-img{height:390px}.tug{background-image:url('reference-photo-1550183951-dc01fe5a8c76.webp')}.patrol{background-image:linear-gradient(135deg,rgba(2,38,56,.25),rgba(2,38,56,.1)),url('../media/archive-9ee7e341cb506f.webp')}.cargo{background-image:linear-gradient(135deg,rgba(2,38,56,.15),rgba(2,38,56,.1)),url('reference-photo-1494412651409-8963ce7935a7.webp')}.vessel-grid article>div:last-child{padding:27px}.vessel-grid small{letter-spacing:1.8px;color:#5f7882}.vessel-grid h3{font-size:26px;margin:16px 0 10px}.vessel-grid p{font-size:14px;color:#647a83}.category-strip{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:42px}.category-strip span{padding:22px 2.5vw;border-right:1px solid var(--line);font-size:12px;font-weight:800;text-transform:uppercase}.projects{display:grid;grid-template-columns:1.2fr 1fr;min-height:720px}.project-photo{background:url('reference-photo-1494412574643-ff11b0a5c1c3.webp') center/cover}.project-panel{background:var(--navy);color:#fff;padding:90px 8vw 70px 6vw;display:flex;flex-direction:column;justify-content:center}.project-panel h2{font-size:48px;line-height:1.05}.project-lede{color:#bed0d6}.project-panel dl{margin:30px 0}.project-panel dl div{display:grid;grid-template-columns:120px 1fr;padding:14px 0;border-top:1px solid #355464}.project-panel dt{font-size:10px;letter-spacing:1.5px;color:#7fa0ad}.project-panel dd{margin:0;font-size:14px}.outline{border:1px solid #6b8792;align-self:flex-start}.cap-grid{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:28px 0;font-size:24px;font-weight:700;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:11px;color:#6c858f}summary b{font-size:26px;color:#109c82}details p{margin:0 90px 30px;color:#637982;max-width:720px}.pathway{text-align:center}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:65px;position:relative}.steps:before{content:"";position:absolute;top:20px;left:10%;right:10%;height:1px;background:#345363}.steps div{position:relative}.steps b{width:40px;height:40px;display:grid;place-items:center;margin:auto;background:var(--deep);border:1px solid var(--mint);border-radius:50%;color:var(--mint);font-size:10px}.steps span{display:block;font-size:18px;font-weight:800;margin:22px 0 4px}.steps p{font-size:12px;color:#8fa5ae}.green{display:grid;grid-template-columns:1.1fr 1fr;gap:12vw;background:#e8f5f2}.green>div:first-child>p:not(.kicker){color:#557079;font-size:18px;max-width:650px}.green-list{display:flex;flex-direction:column;border-top:1px solid #b9d2ce}.green-list span{padding:21px 6px;border-bottom:1px solid #b9d2ce;font-weight:700}.green-list span:before{content:"↗";color:#0a9d81;margin-right:16px}.contact{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:9vw;align-items:end}.contact>div:last-child p{color:#b9cbd2;margin-bottom:25px}footer{padding:55px 8vw 25px;background:#02141f;color:#fff;display:grid;grid-template-columns:1.3fr 1fr .6fr;gap:40px;align-items:start}.footer-brand .brand-mark{background:var(--mint);color:var(--navy)}footer p{font-size:13px;color:#8ba1aa}footer>div:nth-child(3){display:flex;flex-direction:column;gap:12px;font-size:13px}footer>small{grid-column:1/-1;border-top:1px solid #263b46;padding-top:22px;color:#687f89}.reveal{animation:rise .9s ease both}@keyframes rise{from{opacity:0;transform:translateY(-45%)}to{opacity:1;transform:translateY(-52%)}}@media(max-width:980px){.site-header{height:72px}.menu{display:flex;flex-direction:column;gap:5px;padding:10px}.menu span{display:block;width:25px;height:2px;background:var(--navy)}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px 5vw;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 30px #0013}.site-header nav.open{display:flex}.site-header nav a{padding:13px 0;border-bottom:1px solid #e3ebed}.nav-cta{margin-top:8px;text-align:center}.hero{height:740px}.hero-copy{left:6vw;right:6vw}.hero-side{display:none}.hero h1{letter-spacing:-3px}.section{padding:80px 6vw}.section-head,.intro,.green,.contact{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.vessel-grid{grid-template-columns:1fr 1fr}.vessel-feature{grid-column:1/-1}.projects{grid-template-columns:1fr}.project-photo{min-height:480px}.steps{grid-template-columns:1fr;gap:25px}.steps:before{left:50%;top:0;bottom:0;height:auto;width:1px}.steps div{background:var(--deep);z-index:1;width:260px;margin:auto}.green{gap:50px}footer{grid-template-columns:1fr 1fr}}@media(max-width:620px){.brand small{display:none}.hero{min-height:620px;height:calc(100vh - 72px)}.hero-copy{top:46%}.hero h1{font-size:55px;letter-spacing:-2.5px}.lede{font-size:16px}.actions{flex-direction:column;align-items:stretch}.button{justify-content:center}.scroll{bottom:18px}.section h2{font-size:40px}.stats{grid-template-columns:1fr 1fr}.stats strong{font-size:34px}.service-grid,.vessel-grid{grid-template-columns:1fr}.service-grid article{min-height:300px}.vessel-feature{grid-column:auto}.vessel-feature .vessel-img{height:280px}.projects{min-height:auto}.project-photo{min-height:350px}.project-panel{padding:70px 7vw}.project-panel h2{font-size:38px}summary{grid-template-columns:42px 1fr auto;font-size:18px}details p{margin-left:42px}.category-strip span{width:50%;padding:18px 8px}.contact{gap:20px}footer{grid-template-columns:1fr}.footer-brand{grid-column:1}.footer-brand small{display:block}.contact .button{font-size:10px;gap:8px}}

.service-grid.six{grid-template-columns:repeat(3,1fr)}
.transition{background:linear-gradient(135deg,#042335,#07544f);color:#fff;display:grid;grid-template-columns:.9fr 1.3fr;gap:7vw}
.transition-copy{position:sticky;top:120px;align-self:start}.transition-copy>p:not(.kicker){color:#c4d6d8;font-size:17px}.transition-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #4f777a}.transition-grid article{padding:28px 24px;border-right:1px solid #4f777a;border-bottom:1px solid #4f777a}.transition-grid b{font-size:11px;color:var(--mint)}.transition-grid h3{font-size:20px;margin:28px 0 10px}.transition-grid p{font-size:14px;color:#b8cccf}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.portfolio-grid span{padding:22px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.case-grid article{background:#f0f5f5;padding:28px;min-height:220px}.case-grid small{color:#168b77;letter-spacing:1.5px}.case-grid h3{font-size:21px;margin-top:25px}.case-grid p{font-size:13px;color:#657b84}
.credentials{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.credentials>div:first-child>p{color:#607681}.credential-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.credential-columns h3{border-bottom:2px solid var(--mint);padding-bottom:15px}.credential-columns p{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:8px}.clients{background:var(--deep);color:#fff;text-align:center}.client-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:45px}.client-cloud span{border:1px solid #35505e;padding:13px 17px;font-size:12px;color:#b6c7cd}.contact-data{font-size:12px!important;color:#82a0aa!important;margin-top:25px}
@media(max-width:980px){.service-grid.six{grid-template-columns:repeat(2,1fr)}.transition,.credentials{grid-template-columns:1fr}.transition-copy{position:static}.portfolio-grid,.case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.service-grid.six,.transition-grid,.portfolio-grid,.case-grid,.credential-columns{grid-template-columns:1fr}}

.project-photo{background-image:url('../media/archive-8a2bca3c10e771.webp')}
