@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07192b;--navy2:#102b41;--teal:#28b8ab;--ink:#152a37;--muted:#5b6a74;--line:#d9e2e6;--pale:#edf3f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topline{background:#071522;color:#a9c0ca;font-size:12px;letter-spacing:.13em;font-weight:700}.topline .wrap{display:flex;justify-content:space-between;padding:8px 0}.topline a{color:#fff;letter-spacing:.04em}.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 #dce4e7}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;line-height:1}.brandmark{font:800 28px/1 Manrope,sans-serif;letter-spacing:-.11em;background:var(--navy);color:#fff;padding:13px 11px 14px 8px}.brandmark span{color:var(--teal)}.brandname{font:800 17px/1.05 Manrope,sans-serif;letter-spacing:.02em;color:var(--navy)}.brandname b{color:#108e85}.brandname small{display:block;font-size:9px;letter-spacing:.19em;margin-top:7px;color:#5d727c}.nav nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}.nav nav a:hover,.text-link:hover{color:#078c83}.nav-cta{background:var(--navy);color:#fff;padding:12px 17px}.nav .nav-cta:hover{background:#12435a;color:white}.menu{display:none}.hero{height:min(690px,75vw);min-height:580px;position:relative;isolation:isolate;background:var(--navy);color:#fff}.hero-image{position:absolute;inset:0;background:url('/assets/deck-winch.webp') center 52%/cover no-repeat;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,33,.96) 0%,rgba(5,19,33,.82) 37%,rgba(5,19,33,.14) 100%),linear-gradient(0deg,rgba(5,19,33,.45),transparent 50%);z-index:-1}.hero-content{padding-top:105px}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:#57d9cc;margin:0 0 22px}.eyebrow.dark{color:#078f87}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(42px,5vw,68px);line-height:1.1;letter-spacing:-.055em;margin:0 0 26px;max-width:750px}h1 em{font-style:normal;color:#6fe0d2}.hero-content>p:not(.eyebrow){max-width:550px;font-size:18px;color:#d5e2e7;line-height:1.6}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 21px;font-weight:700;font-size:14px;min-height:52px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--teal);color:#06212a}.primary:hover{background:#72ded0}.ghost{border:1px solid #a5bac5;color:#fff}.ghost:hover{background:#ffffff20}.hero-caption{position:absolute;bottom:20px;right:24px;font-size:10px;letter-spacing:.15em;color:#cfdae0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:110px 0}.intro h2,.section-heading h2,.approach h2,.contact h2{font-size:clamp(32px,3.4vw,48px);line-height:1.18;letter-spacing:-.045em;margin:0}.intro p:not(.eyebrow){font-size:18px;color:#4e626d;line-height:1.75;margin:35px 0 24px}.text-link{font-weight:800;color:#087f79;border-bottom:2px solid #32b7aa;padding-bottom:6px}.text-link span{margin-left:18px}.services{background:var(--pale);padding:105px 0 115px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading>p{max-width:340px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbd9dc;border:1px solid #cbd9dc}.service-grid article{background:#fff;padding:34px 30px 40px;min-height:250px;transition:background .2s}.service-grid article:hover{background:#f9fdfc}.service-grid span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#0d978d}.service-grid h3{font-size:21px;letter-spacing:-.025em;margin:30px 0 13px}.service-grid p{color:#5c6c74;margin:0}.approach{background:var(--navy);color:white;padding:100px 0}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.steps{border-top:1px solid #466171}.steps>div{display:flex;gap:28px;border-bottom:1px solid #466171;padding:19px 0}.steps b{color:#50cabb;font-size:13px}.steps strong{display:block;font:700 18px Manrope}.steps small{display:block;color:#b4c4cd;font-size:15px;margin-top:5px}.projects{padding:105px 0}.gallery-empty{display:flex;align-items:center;gap:30px;padding:50px;border:1px solid var(--line);background:#f7fafb}.gallery-icon{font-size:62px;line-height:1;color:#1aa89c}.gallery-empty h3{font-size:23px;margin:0 0 8px}.gallery-empty p{color:var(--muted);margin:0}.contact{background:#10344a;color:#fff;padding:100px 0}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;align-items:center}.contact h2{margin-bottom:22px}.contact p{color:#d2e1e7;max-width:520px}.contact-card{background:#fff;color:var(--ink);padding:35px 38px}.contact-card>div+div{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.contact-card small{display:block;color:#168d85;font-weight:800;letter-spacing:.14em;font-size:11px;margin-bottom:8px}.contact-card a{font-size:18px;font-weight:700;overflow-wrap:anywhere}.contact-card p{color:var(--ink);margin:0}footer{background:#071522;color:#b6cad2;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding:24px 0}@media(max-width:800px){.topline{display:none}.nav{height:70px}.menu{display:block;border:0;background:transparent;font-size:26px;color:var(--navy);cursor:pointer}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 24px;background:#fff;box-shadow:0 10px 20px #07192b22;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:12px 0}.nav nav .nav-cta{padding:12px 16px;margin-top:9px}.hero{height:auto;min-height:610px}.hero-content{padding:80px 0 100px}.hero-shade{background:linear-gradient(90deg,#061a2bed,#061a2bb0)}.intro,.approach-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.intro{padding:75px 0}.intro p:not(.eyebrow){margin-top:0}.services,.approach,.projects,.contact{padding:75px 0}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{width:min(100% - 36px,1180px)}.brandname{font-size:13px}.brandname small{font-size:7px}.brandmark{font-size:24px;padding:12px 10px 12px 7px}.hero{min-height:620px}.hero-content{padding-top:75px}h1{font-size:43px}.hero-content>p:not(.eyebrow){font-size:16px}.hero-caption{font-size:8px}.section-heading{display:block}.section-heading>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:0;padding:28px}.service-grid h3{margin-top:23px}.gallery-empty{padding:32px 24px;align-items:flex-start}.gallery-icon{font-size:35px}.contact-card{padding:28px}.footer-inner{flex-direction:column}.hero-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.brand-logo{width:58px;height:58px;object-fit:contain;flex:none}@media(max-width:560px){.brand-logo{width:48px;height:48px}}

.service-grid article{min-height:0}.service-grid h3{margin:20px 0 10px}.service-grid details{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.service-grid summary{cursor:pointer;color:#087f79;font-weight:700;font-size:14px}.service-grid ul{padding-left:19px;margin:12px 0 0;color:#536771;font-size:14px;line-height:1.55}.service-grid li+li{margin-top:7px}.industrial{background:#fff;border-top:1px solid var(--line)}.industrial .service-grid article{background:#f6fafb}.industrial .service-grid article:hover{background:#edf5f6}

.hero-image{background-image:url('/assets/cargo-vessel.webp');background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(5,19,33,.94) 0%,rgba(5,19,33,.82) 38%,rgba(5,19,33,.08) 80%),linear-gradient(0deg,rgba(5,19,33,.2),transparent 60%)}.hero-content{padding-top:118px}.hero-content h1{max-width:790px}.service-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.category-card{background:#fff;border:1px solid #d6e2e6;padding:0}.category-top{background:#f7fbfc;padding:30px 32px 24px;border-bottom:1px solid #dce7e9}.category-top span{color:#0a908a;letter-spacing:.15em;font-weight:800;font-size:12px}.category-top h3{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin:18px 0 0}.category-card ul{margin:0;padding:23px 32px 28px 54px;color:#455d68}.category-card li{padding-left:4px}.category-card li+li{margin-top:8px}.category-card li::marker{color:#17a99d}.industrial{background:white;padding:100px 0}.industrial-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:11%}.industrial h2{font:700 clamp(32px,3.4vw,48px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 25px}.industrial-layout>div>p:not(.eyebrow){color:var(--muted);font-size:17px}.industrial-list{border-top:1px solid var(--line)}.industrial-list>div{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.industrial-list b{color:#0c9890;font-size:13px}.industrial-list strong{display:block;font:700 18px Manrope,Arial,sans-serif}.industrial-list small{display:block;font-size:15px;color:var(--muted);margin-top:5px}@media(max-width:800px){.service-categories{grid-template-columns:1fr}.industrial-layout{grid-template-columns:1fr;gap:30px}.industrial{padding:75px 0}.hero-image{background-position:65% center}}@media(max-width:560px){.hero-shade{background:linear-gradient(90deg,rgba(5,19,33,.91),rgba(5,19,33,.5))}.hero-image{background-position:64% center}.hero-content h1{font-size:40px}.category-top{padding:25px 25px 21px}.category-card ul{padding:20px 24px 24px 42px}.category-top h3{font-size:21px}}

.contact-card .secondary-phone{display:block;margin-top:5px}.contact-card .map-link{display:inline-block;margin-top:14px;color:#087f79;font-size:15px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.topline .wrap>span{white-space:nowrap}@media(max-width:1000px){.topline{font-size:11px}}

.coverage{background:#e8f3f5;border-top:1px solid #d5e7e9;border-bottom:1px solid #d5e7e9;padding:60px 0}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.coverage h2{font:700 clamp(28px,3vw,42px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0}.coverage-grid p:not(.eyebrow){font-size:17px;color:#455e68}.coverage-tags{display:flex;flex-wrap:wrap;gap:9px}.coverage-tags span{border:1px solid #bdd5d9;background:#fff;padding:7px 13px;font-size:13px;font-weight:700;color:#1d4a58}@media(max-width:800px){.coverage{padding:55px 0}.coverage-grid{grid-template-columns:1fr;gap:20px}}

.intro{padding:82px 0}.intro p:not(.eyebrow){margin:18px 0 24px}@media(max-width:800px){.intro{padding:65px 0}}

.about-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:500px;padding:0;background:#fff}.about-photo{background:url('/assets/deck-winch.webp') center/cover no-repeat;position:relative;min-height:500px}.about-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#07192b6b)}.about-photo span{position:absolute;z-index:1;bottom:22px;left:30px;color:#fff;font-size:10px;letter-spacing:.13em}.about-copy{padding:72px max(32px,calc((100vw - 1180px)/2)) 70px 7vw;max-width:760px}.about-copy h2{font:700 clamp(32px,3.4vw,48px)/1.17 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 25px}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#4e626d;margin:0 0 25px}.about-focus{display:grid;gap:0;border-top:1px solid var(--line);margin-bottom:26px}.about-focus span{border-bottom:1px solid var(--line);padding:11px 0 11px 23px;position:relative;font-weight:700;font-size:14px}.about-focus span:before{content:'';position:absolute;left:0;top:22px;width:8px;height:8px;background:#1bb4a7}@media(max-width:800px){.about-feature{grid-template-columns:1fr}.about-photo{min-height:330px}.about-copy{padding:55px 24px 65px;max-width:none}}@media(max-width:560px){.about-photo{min-height:270px}.about-copy{padding:48px 18px 60px}}

.hero-content h1{font-size:clamp(40px,4.6vw,64px)}@media(max-width:560px){.hero-content h1{font-size:39px}}

.hero-content h1{font-size:clamp(38px,4.3vw,60px);max-width:780px;line-height:1.12}@media(max-width:560px){.hero-content h1{font-size:38px;max-width:100%}}

/* Homepage composition */
.hero.hero-split{display:grid;grid-template-columns:minmax(0,51%) minmax(0,49%);height:clamp(620px,calc(100svh - 114px),760px);min-height:620px;background:#07192b}.hero-split .hero-content{width:auto;max-width:none;margin:0;align-self:center;padding:55px 45px 50px max(32px,calc((100vw - 1180px)/2))}.hero-split .hero-content h1{font-size:clamp(43px,4.25vw,62px);line-height:1.09;max-width:660px;letter-spacing:-.05em;margin-bottom:25px}.hero-split .hero-content h1 em{display:inline;color:#65d9cd}.hero-split .hero-content>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:570px;color:#d1e0e6}.hero-split .hero-image{position:relative;inset:auto;z-index:auto;background:url('/assets/cargo-vessel.webp') 61% center/cover no-repeat;min-width:0}.hero-split .hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07192b3d,transparent 25%),linear-gradient(0deg,#07192b6b,transparent 33%)}.hero-split .hero-caption{z-index:1}.hero-split .hero-actions{margin-top:31px}.hero-footnote{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #395466;margin-top:55px;padding-top:20px;color:#a8c4ce;font-size:11px;font-weight:800;letter-spacing:.11em}.footer-inner{align-items:center;flex-wrap:wrap}.footer-inner span:nth-child(2){color:#d9e6eb}@media(max-width:900px){.hero.hero-split{grid-template-columns:1fr;min-height:0;height:auto}.hero-split .hero-content{padding:68px 32px 48px}.hero-split .hero-content h1{max-width:700px}.hero-split .hero-image{height:390px}.hero-footnote{margin-top:44px}}@media(max-width:560px){.hero-split .hero-content{padding:56px 18px 42px}.hero-split .hero-content h1{font-size:clamp(36px,9vw,44px);line-height:1.12}.hero-split .hero-content>p:not(.eyebrow){font-size:16px}.hero-split .hero-image{height:285px;background-position:67% center}.hero-footnote{font-size:10px;gap:12px;margin-top:36px}.footer-inner{display:block}.footer-inner span,.footer-inner a{display:block;margin:8px 0}}

/* Full-width vessel hero */
.hero.hero-split{display:block;position:relative;isolation:isolate;height:clamp(610px,calc(100svh - 115px),750px);min-height:610px;background:#07192b}.hero-split .hero-image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;background-position:center 55%;background-size:cover}.hero-split .hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061728 0%,#061728ed 25%,#061728ad 52%,#06172815 84%),linear-gradient(0deg,#0617287a,transparent 38%)}.hero-split .hero-content{width:min(1180px,calc(100% - 48px));height:100%;margin:auto;padding:75px 0 85px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.hero-split .hero-content h1{font-size:clamp(42px,4.6vw,62px);max-width:900px;line-height:1.08;margin-bottom:25px}.hero-split .hero-content h1 em{display:inline}.hero-split .hero-content>p:not(.eyebrow){max-width:570px;font-size:17px;line-height:1.65}.hero-split .hero-actions{margin-top:26px}.hero-split .hero-caption{bottom:18px;right:22px}@media(max-width:900px){.hero.hero-split{height:640px;min-height:640px}.hero-split .hero-image{height:100%;background-position:61% center}.hero-split .hero-content{padding:55px 0;width:calc(100% - 44px)}.hero-split .hero-content h1{font-size:clamp(41px,5.4vw,52px);max-width:760px}}@media(max-width:560px){.hero.hero-split{height:auto;min-height:620px}.hero-split .hero-image{height:100%;background-position:65% center}.hero-split .hero-image:after{background:linear-gradient(90deg,#061728e8,#06172891),linear-gradient(0deg,#0617289c,transparent 55%)}.hero-split .hero-content{min-height:620px;padding:64px 0 85px;width:calc(100% - 36px)}.hero-split .hero-content h1{font-size:clamp(36px,9vw,45px);line-height:1.12}.hero-split .hero-content>p:not(.eyebrow){font-size:16px}.hero-split .hero-caption{font-size:8px}}

.about-feature{grid-template-columns:minmax(0,47%) minmax(0,53%)}.about-copy{padding:62px clamp(30px,4vw,68px);max-width:none}.about-copy h2{font-size:clamp(32px,3vw,42px);line-height:1.2;max-width:650px;margin-bottom:25px}.about-copy>p:not(.eyebrow){font-size:16px;line-height:1.72;margin:0 0 18px}.about-focus{margin:24px 0}.about-photo{min-height:610px;background-position:57% center}@media(max-width:800px){.about-feature{grid-template-columns:1fr}.about-photo{min-height:330px}.about-copy{padding:55px 24px 65px}}@media(max-width:560px){.about-photo{min-height:270px}.about-copy{padding:48px 18px 60px}.about-copy h2{font-size:32px}}

/* Subtle hover response for the service cards. */
.category-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;background:#fff}
.category-card .category-top{transition:background-color .24s ease,border-color .24s ease}
@media(hover:hover){
  .category-card:hover{transform:translateY(-4px);border-color:#69bcb5;box-shadow:0 16px 36px rgba(7,38,51,.12)}
  .category-card:hover .category-top{background:#e9f7f5;border-bottom-color:#b5dad5}
}
@media(prefers-reduced-motion:reduce){.category-card,.category-card .category-top{transition:none}}

.category-image{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;background:#d9e7e9;border-bottom:1px solid #dce7e9}
.category-top{min-height:142px}
@media(max-width:560px){.category-top{min-height:0}}

/* Full-width service rows keep the equipment scope easy to scan. */
.service-categories{display:block;border-top:1px solid #cbd9dc}
.category-card{display:grid;grid-template-columns:minmax(0,36%) minmax(0,64%);align-items:start;gap:0;border:0;border-bottom:1px solid #cbd9dc;background:transparent;box-shadow:none}
.category-top{min-height:0;padding:36px 36px 36px 0;background:transparent;border:0}
.category-top h3{font-size:clamp(22px,2.2vw,28px);line-height:1.3;max-width:370px;margin-top:14px}
.category-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:10px;align-items:start;margin:0;padding:38px 0 38px 28px;color:#455d68}
.category-card li,.category-card li+li{margin:0;padding-left:3px;line-height:1.5}
@media(hover:hover){
 .category-card:hover{transform:none;border-color:#a6cbc6;box-shadow:none;background:#e9f5f3}
 .category-card:hover .category-top{background:transparent;border:0}
}
@media(max-width:800px){
 .category-card{grid-template-columns:1fr}
 .category-top{padding:28px 24px 8px}
 .category-card ul{padding:8px 24px 28px 43px}
}
@media(max-width:560px){.category-card ul{grid-template-columns:1fr;row-gap:8px}.category-top h3{font-size:22px}}

/* Offset service cards in pairs, with a clear lift on hover. */
.service-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;border:0;padding-bottom:72px;align-items:start}
.category-card{display:block;position:relative;border:1px solid #d4e2e5;background:#fff;box-shadow:0 6px 22px rgba(8,37,49,.045);transform:translateY(0) scale(1);transform-origin:center;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background-color .24s ease}
.category-card:nth-child(even){transform:translateY(72px) scale(1)}
.category-top{padding:28px 30px 23px;background:#f5fafb;border-bottom:1px solid #dce7e9}
.category-top h3{font-size:23px;max-width:none;margin:15px 0 0}
.category-card ul{display:block;padding:25px 30px 30px 52px}
.category-card li+li{margin-top:9px}
@media(hover:hover){
 .category-card:hover{z-index:2;transform:translateY(-8px) scale(1.035);border-color:#5bb7ae;background:#fff;box-shadow:0 22px 48px rgba(7,38,51,.18)}
 .category-card:nth-child(even):hover{transform:translateY(64px) scale(1.035)}
 .category-card:hover .category-top{background:#e8f6f4;border-bottom:1px solid #b5dad5}
}
@media(max-width:800px){
 .service-categories{grid-template-columns:1fr;gap:18px;padding-bottom:0}
 .category-card:nth-child(even){transform:none}
 .category-top{padding:25px 25px 21px}
 .category-card ul{padding:20px 24px 25px 43px}
 .category-card:nth-child(even):hover,.category-card:hover{transform:translateY(-4px) scale(1.012)}
}
@media(prefers-reduced-motion:reduce){.category-card{transition:none}}

/* Stronger brand contrast for the service section. */
.services{background:#eaf1f3}
.category-card{border-color:#c7d7dc;box-shadow:0 10px 28px rgba(9,31,47,.07)}
.category-top{background:#fff;border-bottom-color:#d5e2e5;border-left:4px solid #168f89;padding-left:26px;transition:background-color .24s ease,color .24s ease,border-color .24s ease}
.category-top span{color:#087f79}
.category-card li::marker{color:#138f88}
@media(hover:hover){
 .category-card:hover{border-color:#176e76;background:#fff;box-shadow:0 24px 48px rgba(7,30,46,.20)}
 .category-card:hover .category-top{background:#10374a;color:#fff;border-bottom-color:#10374a;border-left-color:#45d3c5}
 .category-card:hover .category-top span{color:#70e0d2}
}
@media(max-width:800px){.category-top{padding-left:21px}}

/* Faint equipment imagery inside the existing service cards. */
.category-card{isolation:isolate;overflow:visible;color:#193341}
.category-card::before{content:"";position:absolute;inset:0;background:var(--service-image) center/cover no-repeat;opacity:.085;filter:grayscale(1) contrast(.85);pointer-events:none;z-index:0}
.category-card:nth-child(1){--service-image:url('/assets/deck-machinery-watermark.webp')}
.category-card:nth-child(2){--service-image:url('/assets/cargo-hydraulics-watermark.webp')}
.category-card:nth-child(3){--service-image:url('/assets/cranes-davits-watermark.webp')}
.category-card:nth-child(4){--service-image:url('/assets/steering-thrusters-watermark.webp')}
.category-card:nth-child(5){--service-image:url('/assets/power-units-watermark.webp')}
.category-card:nth-child(6){--service-image:url('/assets/valves-hoses-watermark.webp')}
.category-top,.category-card ul{position:relative;z-index:1}
.category-top{background:rgba(255,255,255,.7)}
.category-top h3{color:#102e3d}
.category-card ul{color:#283f4a}
@media(hover:hover){.category-card:hover .category-top h3{color:#fff}}

/* Make equipment visible without weakening the service text. */
.category-card::before{opacity:.42;filter:saturate(.72) contrast(.92)}
.category-top{background:rgba(255,255,255,.68)}
.category-card ul{background:rgba(255,255,255,.42);color:#142e3b}
.category-card li{text-shadow:0 1px 3px #fff,0 0 4px #fff}
@media(hover:hover){.category-card:hover .category-top{background:#10374a}.category-card:hover ul{background:rgba(255,255,255,.52)}}

/* Individual, restrained marine tones for the six service cards. */
.category-card:nth-child(1){--card-tint:#dcebf0;--card-head:rgba(219,235,240,.79);--card-body:rgba(219,235,240,.55);--card-accent:#197b8a}
.category-card:nth-child(2){--card-tint:#deeee8;--card-head:rgba(219,237,230,.79);--card-body:rgba(219,237,230,.55);--card-accent:#168a75}
.category-card:nth-child(3){--card-tint:#e5e9e2;--card-head:rgba(226,233,223,.80);--card-body:rgba(226,233,223,.56);--card-accent:#668473}
.category-card:nth-child(4){--card-tint:#dfe7f0;--card-head:rgba(221,231,241,.80);--card-body:rgba(221,231,241,.55);--card-accent:#497598}
.category-card:nth-child(5){--card-tint:#ece9df;--card-head:rgba(236,232,217,.80);--card-body:rgba(236,232,217,.56);--card-accent:#96814d}
.category-card:nth-child(6){--card-tint:#e1e9e9;--card-head:rgba(220,232,231,.80);--card-body:rgba(220,232,231,.55);--card-accent:#4b8284}
.category-card{background:var(--card-tint)}
.category-top{background:var(--card-head);border-left-color:var(--card-accent)}
.category-card ul{background:var(--card-body)}
@media(hover:hover){.category-card:hover{background:var(--card-tint)}.category-card:hover .category-top{background:#10374a;border-left-color:#45d3c5}.category-card:hover ul{background:var(--card-body)}}

/* Service group names carry their own typography, without numbering. */
.category-top span{display:block;font:800 16px/1.3 Manrope,Arial,sans-serif;letter-spacing:.055em;color:#145761}
@media(hover:hover){.category-card:hover .category-top span{color:#a8eee5}}
@media(max-width:560px){.category-top span{font-size:15px}}

/* Deeper card shadow and a cleaner system typeface for service details. */
.category-card{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 16px 30px rgba(8,35,49,.16),0 3px 8px rgba(8,35,49,.07)}
.category-top span{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:800}
.category-top h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:750;letter-spacing:-.035em;line-height:1.28}
.category-card li{font-size:15.5px;line-height:1.55}
@media(hover:hover){.category-card:hover{box-shadow:0 28px 56px rgba(8,35,49,.24),0 6px 16px rgba(8,35,49,.1)}}

/* Industrial cards share the marine service layout and use relevant equipment imagery. */
.industrial{background:#f2f6f7}
.industrial-categories .category-card:nth-child(1){--service-image:url('/assets/steering-thrusters-watermark.webp')}
.industrial-categories .category-card:nth-child(2){--service-image:url('/assets/cargo-hydraulics-watermark.webp')}
.industrial-categories .category-card:nth-child(3){--service-image:url('/assets/power-units-watermark.webp')}
.industrial-categories .category-card:nth-child(4){--service-image:url('/assets/valves-hoses-watermark.webp')}

/* Industrial services: solid, image-free panels with a distinct layout. */
.industrial{background:#0a2434;color:#f4f9fa;padding:105px 0 115px}
.industrial .eyebrow.dark{color:#68d4c9}
.industrial .section-heading>p{color:#c0d4da}
.industrial-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0}
.industrial-categories .category-card,
.industrial-categories .category-card:nth-child(even){transform:none;background:#12384a;border:1px solid #315669;box-shadow:0 12px 28px rgba(0,0,0,.16);color:#fff}
.industrial-categories .category-card:nth-child(2){background:#174254}
.industrial-categories .category-card:nth-child(3){background:#153c4e}
.industrial-categories .category-card:nth-child(4){background:#1b4656}
.industrial-categories .category-card::before{display:none}
.industrial-categories .category-top{background:transparent;border:0;border-top:4px solid #51c9bd;padding:28px 30px 14px}
.industrial-categories .category-top span{color:#82e0d5}
.industrial-categories .category-top h3{color:#fff;font-size:25px;line-height:1.25}
.industrial-categories .category-card ul{background:transparent;color:#e0ecef;padding:8px 30px 30px 51px}
.industrial-categories .category-card li{text-shadow:none}
.industrial-categories .category-card li::marker{color:#6edacd}
@media(hover:hover){
 .industrial-categories .category-card:hover,
 .industrial-categories .category-card:nth-child(even):hover{transform:translateY(-6px) scale(1.012);background:#205469;border-color:#6edacd;box-shadow:0 24px 42px rgba(0,0,0,.28)}
 .industrial-categories .category-card:hover .category-top{background:transparent;border:0;border-top:4px solid #7ee8da}
 .industrial-categories .category-card:hover .category-top span{color:#a9f2e8}
 .industrial-categories .category-card:hover .category-top h3{color:#fff}
 .industrial-categories .category-card:hover ul{background:transparent}
}
@media(max-width:800px){.industrial-categories{grid-template-columns:1fr}.industrial{padding:75px 0}.industrial-categories .category-top{padding:26px 25px 12px}.industrial-categories .category-card ul{padding:8px 25px 27px 44px}}
/* One featured cylinder panel above three compact industrial panels. */
.industrial-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
.industrial-categories .category-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:36% 64%;align-items:center;background:#103d50}
.industrial-categories .category-card:first-child .category-top{border-top:0;border-left:4px solid #51c9bd;padding:34px 34px 34px 30px}
.industrial-categories .category-card:first-child .category-top h3{font-size:29px}
.industrial-categories .category-card:first-child ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px;padding:32px 32px 32px 55px}
.industrial-categories .category-card:first-child li+li{margin:0}
@media(hover:hover){.industrial-categories .category-card:first-child:hover .category-top{border-top:0;border-left:4px solid #7ee8da}}
@media(max-width:800px){.industrial-categories{grid-template-columns:1fr}.industrial-categories .category-card:first-child{grid-column:auto;display:block}.industrial-categories .category-card:first-child .category-top{border-left:0;border-top:4px solid #51c9bd;padding:26px 25px 12px}.industrial-categories .category-card:first-child ul{display:block;padding:8px 25px 27px 44px}.industrial-categories .category-card:first-child li+li{margin-top:9px}}

/* Distinct background behind the marine service cards. */
.services{background:#d2e2e8}

/* Give the primary marine work a stronger visual presence. */
.services{background:linear-gradient(145deg,#195367 0%,#10394e 100%)}
.services .section-heading h2{color:#fff}
.services .section-heading>p{color:#d7e7ec}
.services .eyebrow.dark{color:#85e4d9}

/* Balance the About image and copy, and keep the expanded service heading readable. */
.about-feature{grid-template-columns:minmax(0,43%) minmax(0,57%)}
.about-copy{padding:62px clamp(28px,3.6vw,58px)}
.about-copy h2{font-size:clamp(30px,2.8vw,38px);line-height:1.23;letter-spacing:-.035em;max-width:700px;margin-bottom:25px}
.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#344b57;margin-bottom:20px}
.about-focus span{font-size:15px;line-height:1.5}
@media(max-width:800px){.about-feature{grid-template-columns:1fr}.about-copy{padding:50px 24px 65px}.about-copy h2{font-size:clamp(30px,5vw,36px)}}
@media(max-width:560px){.about-copy{padding:45px 18px 60px}.about-copy h2{font-size:30px}.about-copy>p:not(.eyebrow){font-size:16px}}
.about-copy h2{font-size:clamp(29px,2.55vw,35px);line-height:1.25}
.about-copy h2 span{color:#195e68;font-size:.82em;letter-spacing:-.025em}
@media(max-width:560px){.about-copy h2{font-size:29px}}

/* Keep the longer marine service headline clear across screen widths. */
.hero-split .hero-content h1{font-size:clamp(40px,4.1vw,58px);line-height:1.12;max-width:790px;letter-spacing:-.045em;text-wrap:balance}
.hero-split .hero-content h1 em{display:block;max-width:790px}
.hero-split .hero-content>p:not(.eyebrow){max-width:610px}
@media(max-width:900px){.hero-split .hero-content h1{font-size:clamp(39px,5vw,51px);max-width:730px}}
@media(max-width:560px){.hero-split .hero-content h1{font-size:clamp(34px,8.5vw,42px);line-height:1.13;max-width:100%}.hero-split .hero-content h1 em{max-width:100%}}

/* Confine the hero copy to the dark side of the vessel photograph. */
.hero-split .hero-content h1{max-width:620px;text-wrap:initial;text-shadow:0 2px 12px #06172855}
.hero-split .hero-content h1 em{max-width:620px}
.hero-split .hero-content>p:not(.eyebrow){max-width:535px;font-size:18px;line-height:1.58;color:#f0f5f6;text-shadow:0 1px 8px #06172899}
.hero-split .hero-image:after{background:linear-gradient(90deg,#061728 0%,#061728f5 29%,#061728d4 49%,#06172850 69%,transparent 90%),linear-gradient(0deg,#06172866,transparent 40%)}
@media(max-width:560px){.hero-split .hero-content h1{max-width:100%}.hero-split .hero-content h1 em{max-width:100%}.hero-split .hero-content>p:not(.eyebrow){font-size:16px;line-height:1.55}.hero-split .hero-image:after{background:linear-gradient(90deg,#061728f2,#061728aa),linear-gradient(0deg,#06172888,transparent 55%)}}

/* Make the full company name legible in the site header. */
.nav{height:94px}
.brand{gap:15px;min-width:0}
.brand-logo{width:68px;height:68px}
.brandname{font-size:21px;line-height:1.1;letter-spacing:.005em;white-space:nowrap}
.brandname b{color:#087d77}
.brandname small{font-size:12px;line-height:1.2;letter-spacing:.12em;font-weight:800;color:#344f5d;margin-top:7px}
@media(max-width:800px){.nav{height:78px}.nav nav{top:78px}.brand-logo{width:57px;height:57px}.brandname{font-size:17px}.brandname small{font-size:10px}}
@media(max-width:560px){.nav{height:72px}.nav nav{top:72px}.brand{gap:9px}.brand-logo{width:49px;height:49px}.brandname{font-size:14px}.brandname small{font-size:9px;letter-spacing:.08em;margin-top:5px}}

/* Treat the complete company name as one marine-toned wordmark. */
.brandname{color:#125665;background:linear-gradient(105deg,#0b2a40 0%,#17657a 53%,#08796f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brandname b,.brandname small{color:inherit;-webkit-text-fill-color:inherit}

/* Keep the quote destination visible below the sticky navigation. */
#contact{scroll-margin-top:94px}
@media(max-width:800px){#contact{scroll-margin-top:78px}}
@media(max-width:560px){#contact{scroll-margin-top:72px}}

/* Show the Sharjah workshop location directly in the contact section. */
.contact-grid{align-items:start}
.contact h2{font-size:clamp(34px,3.5vw,48px)}
.contact-grid>div:first-child>p:not(.eyebrow){font-size:17px;line-height:1.7}
.contact-card p{line-height:1.55}
.workshop-map{display:grid;grid-template-columns:minmax(255px,.42fr) minmax(0,1fr);min-height:320px;margin-top:58px;background:#09283b;border:1px solid #4d8090;overflow:hidden}
.workshop-map>div{padding:35px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.workshop-map .eyebrow{margin-bottom:15px}
.workshop-map h3{font:700 clamp(22px,2vw,28px)/1.25 Manrope,Arial,sans-serif;margin:0 0 12px}
.workshop-map p:not(.eyebrow){margin:0 0 23px;color:#d6e8ec}
.workshop-map a{color:#78e1d4;font-weight:800;border-bottom:1px solid #78e1d4;padding-bottom:4px}
.workshop-map iframe{display:block;width:100%;height:100%;min-height:320px;border:0;background:#dbe7e9}
@media(max-width:800px){.workshop-map{grid-template-columns:1fr}.workshop-map>div{padding:30px}.workshop-map iframe{height:330px}}

/* Give the site credit a spaced, legible wordmark style. */
.footer-inner .footer-credit{font:700 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:.15em;word-spacing:.12em;color:#edf8f8;text-align:center}
@media(max-width:560px){.footer-inner .footer-credit{text-align:left;font-size:11px;letter-spacing:.12em}}

/* Real work gallery. */
.work-gallery{padding:100px 0 110px;background:#f0f5f5;scroll-margin-top:94px}
.work-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}
.work-heading h2{font:700 clamp(32px,3.4vw,46px)/1.17 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0;max-width:710px;color:#102c3c}
.work-heading>p{max-width:335px;color:#4c626d;margin:0}
.work-subhead{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #cad9dc;margin:48px 0 20px;padding-top:18px}
.work-subhead h3{font:700 23px/1.2 Manrope,Arial,sans-serif;margin:0;color:#102c3c}
.work-subhead span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#47737a}
.work-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.work-videos article{background:#092539;color:#fff;min-width:0;box-shadow:0 12px 30px #0a2b3a18}
.work-videos video{display:block;width:100%;height:380px;object-fit:contain;background:#061c2a}
.work-caption{padding:20px 24px 23px}
.work-caption span{display:block;color:#73dacc;font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:8px}
.work-caption h3{font-size:20px;line-height:1.3;margin:0}
.work-caption p{color:#b9d2d9;margin:5px 0 0;font-size:14px}
.work-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.work-photos a{min-width:0;display:block;background:#fff;color:#123044;box-shadow:0 8px 24px #0a2b3a12;transition:transform .2s,box-shadow .2s}
.work-photos a:hover{transform:translateY(-4px);box-shadow:0 16px 30px #0a2b3a26}
.work-photos img{display:block;width:100%;height:220px;object-fit:cover;background:#d7e3e5}
.work-photos span{display:block;min-height:64px;padding:16px 17px;font:700 15px/1.35 Manrope,Arial,sans-serif}
.work-more{margin-top:26px}
.work-more summary{cursor:pointer;display:inline-flex;align-items:center;gap:18px;background:#0d3c51;color:#fff;padding:13px 20px;font-weight:700;list-style:none}
.work-more summary::-webkit-details-marker{display:none}
.work-more summary:hover{background:#176077}
.work-more[open] summary{margin-bottom:24px}
.work-more[open] summary span{transform:rotate(180deg)}
@media(max-width:900px){.work-gallery{scroll-margin-top:78px}.work-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.work-gallery{padding:70px 0 80px;scroll-margin-top:72px}.work-heading{display:block}.work-heading>p{margin-top:16px}.work-videos{grid-template-columns:1fr}.work-videos video{height:350px}.work-photos{gap:12px}.work-photos img{height:170px}.work-photos span{min-height:72px;padding:13px;font-size:13px}.work-subhead span{font-size:9px}}

/* Show one work item at a time, sliding horizontally. */
.work-slider{max-width:900px;margin:0 auto 55px}
.work-slider[data-slider="videos"]{max-width:760px}
.work-slider-window{overflow:hidden;box-shadow:0 18px 46px #0a2b3a1d}
.work-slider-track{display:flex;transform:translateX(0);transition:transform .46s cubic-bezier(.25,.85,.25,1)}
.work-slide{flex:0 0 100%;min-width:0}
.work-slide article{background:#092539;color:#fff}
.work-slide video{display:block;width:100%;height:450px;object-fit:contain;background:#061c2a}
.work-slide .work-caption{min-height:102px}
.work-slider[data-slider="photos"] .work-slide a{display:block;background:#fff;color:#123044}
.work-slider[data-slider="photos"] .work-slide img{display:block;width:100%;height:490px;object-fit:contain;background:#dbe5e7}
.work-slider[data-slider="photos"] .work-slide span{display:block;padding:20px 24px;font:700 19px/1.3 Manrope,Arial,sans-serif}
.work-slider-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding-top:18px}
.work-slider-controls button{width:46px;height:46px;border:1px solid #176077;background:#0d3c51;color:#fff;font:600 25px/1 Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.work-slider-controls button:hover{background:#147887;transform:translateY(-2px)}
.work-slider-controls button:focus-visible{outline:3px solid #16b7a8;outline-offset:3px}
.work-slider-controls .slider-count{min-width:70px;text-align:center;font-size:13px;font-weight:800;letter-spacing:.14em;color:#426473}
@media(max-width:650px){.work-slide video{height:390px}.work-slider[data-slider="photos"] .work-slide img{height:380px}.work-slider[data-slider="photos"] .work-slide span{font-size:16px;padding:16px 18px}.work-slider{margin-bottom:42px}}
@media(prefers-reduced-motion:reduce){.work-slider-track{transition:none}}