
:root{--navy:#061b38;--blue:#0065ff;--paper:#f5f7fa;--ink:#20344b;--line:#dbe3eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:white}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #008dff;outline-offset:6px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:300px;height:88px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.navlinks a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:17px 23px;border:1px solid transparent;border-radius:4px;background:var(--blue);color:white;font-size:15px;font-weight:700;transition:background .2s}.button:hover{background:#004dc8;color:white!important}.button.light{background:white;color:var(--navy)}.button.outline{background:transparent;border-color:#8291a4;color:white}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding-top:90px;padding-bottom:90px}.eyebrow{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;line-height:1.8;color:var(--blue)}.hero .eyebrow{color:#80bbff}.hero h1{font-size:clamp(54px,6vw,84px);letter-spacing:-4px;line-height:1.03;font-weight:500;margin:23px 0}.hero h1 span{color:#67aaff}.intro{max-width:490px;font-size:18px;line-height:1.7;color:#c6d4e4}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-art{background:white;border-radius:6px;padding:35px 18px 0;transform:rotate(-2deg);box-shadow:20px 25px 0 #103054}.hero-art img{display:block;width:100%;height:auto}.art-caption{border-top:1px solid var(--line);margin-top:24px;padding:22px 15px;display:flex;justify-content:space-between;gap:20px;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.strip{border-bottom:1px solid var(--line);background:var(--paper)}.strip .wrap{display:flex;justify-content:space-between;gap:22px;padding-top:23px;padding-bottom:23px;font-size:13px;color:#4a5c71}.strip b{color:var(--navy)}section{padding:88px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:36px}h2{font-size:clamp(32px,4vw,47px);letter-spacing:-1.8px;line-height:1.12;font-weight:500;margin:14px 0 0}.section-head p{font-size:16px;line-height:1.7;color:#5c6b7c;max-width:380px;margin:0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:29px 24px 32px;border:1px solid var(--line);border-radius:5px}.number{display:block;color:var(--blue);font-size:13px;margin-bottom:45px;font-weight:700}.card h3{font-size:21px;letter-spacing:-.6px;margin:0 0 16px}.card p{font-size:14px;color:#5c6b7c;line-height:1.8;margin:0}.power{background:var(--paper)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px}.body-copy{font-size:17px;line-height:1.8;color:#536477}.brands{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.brand{border:1px solid #becddd;border-radius:4px;padding:12px 20px;font-weight:700;font-size:17px;background:white}.steps{margin:0;padding:0;list-style:none}.steps li{padding:23px 0;border-bottom:1px solid #ced9e4;display:grid;grid-template-columns:32px 1fr;gap:18px}.steps li:first-child{padding-top:0}.steps span{color:var(--blue);font-size:13px;padding-top:4px}.steps h3{font-size:19px;margin:0 0 9px}.steps p{font-size:15px;line-height:1.65;color:#536477;margin:0}.coverage{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.area{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.area span{padding:13px 20px;border-radius:30px;background:#edf4ff;color:#004daf;font-size:14px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{font-weight:600;font-size:16px;cursor:pointer;line-height:1.5}details p{font-size:15px;line-height:1.7;color:#536477}.contact{background:var(--navy);color:white}.contact .eyebrow{color:#80bbff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:#becddd;font-size:16px;line-height:1.8;max-width:470px}.contact-links{display:flex;flex-direction:column;gap:20px;justify-content:center}.contact-links small{display:block;font-size:10px;letter-spacing:2px;color:#9bb1cb;margin-bottom:9px}.contact-links a{font-size:clamp(19px,2.6vw,30px);letter-spacing:-.5px;width:fit-content}.contact-links a:hover{color:#80bbff}.footer{padding:27px 0;font-size:12px;color:#596c82}.footer .wrap{display:flex;justify-content:space-between;gap:15px}.footer a{color:var(--navy)}@media(max-width:900px){.navlinks{gap:17px}.navlinks .hide-mid{display:none}.logo{width:245px}.hero-grid{gap:35px}.hero h1{font-size:64px}.services{grid-template-columns:repeat(2,1fr)}.two-col,.coverage,.contact-grid{gap:40px}.hero-art{padding:20px 8px 0}.art-caption{font-size:9px;padding:18px 6px}.strip .wrap{font-size:12px}}@media(max-width:620px){.wrap{width:calc(100% - 36px)}.nav{height:78px;gap:8px}.logo{width:205px;height:72px}.navlinks>a:not(.button){display:none}.navlinks .button{padding:11px 13px;font-size:12px}.hero-grid{grid-template-columns:1fr;padding-top:54px;padding-bottom:56px;gap:42px}.hero h1{font-size:62px;letter-spacing:-3px}.intro{font-size:16px}.hero-art{transform:none;max-width:420px;box-shadow:9px 10px 0 #103054}.art-caption{font-size:10px}.strip .wrap{flex-direction:column;gap:10px}.section-head{display:block}.section-head p{margin-top:20px}section{padding:58px 0}.services{gap:12px}.card{padding:23px 18px}.card h3{font-size:19px}.number{margin-bottom:27px}.two-col,.coverage,.contact-grid{grid-template-columns:1fr;gap:32px}h2{letter-spacing:-1px}.footer .wrap{flex-direction:column}.contact-links a{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Current Marine — refined coastal theme */
:root{--navy:#102d39;--blue:#235f78;--paper:#f5f3ee;--ink:#30444d;--line:#dcded9;--sand:#cab995}
body{font-family:"Helvetica Neue",Arial,sans-serif;background:#fcfcfa}.wrap{width:min(1240px,calc(100% - 96px))}
.header{position:relative;border:0;background:#fff}.nav{height:110px}.logo{width:315px;height:103px}.navlinks{gap:30px;font-size:12px;letter-spacing:.2px}.button{border-radius:0;padding:17px 24px;font-size:12px;letter-spacing:.5px;font-weight:500}.navlinks .button{background:var(--navy)}
.hero{position:relative;background:#132f3b}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,40,.92),rgba(7,29,40,.53) 52%,rgba(7,29,40,.2));z-index:0}.hero-grid{position:relative;z-index:1;grid-template-columns:1.5fr .6fr;min-height:650px;padding-top:95px;padding-bottom:95px;gap:90px}
.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:500}.hero .eyebrow{color:#e3d7bb}.hero h1{font-family:Georgia,serif;font-size:clamp(64px,6.5vw,94px);font-weight:400;line-height:1.06;letter-spacing:-3px;margin:25px 0}.hero h1 span{color:#fff;font-style:italic}.intro{font-size:16px;line-height:1.9;max-width:440px;color:#e0e6e8}.hero .button{background:#f2eee5;color:#18313a}.hero .button:hover{background:#ded5c3;color:#18313a!important}.hero .button.outline{background:transparent;color:white;border-color:#a3b1b7}.hero-aside{align-self:end;border-top:1px solid #ffffff60;padding-top:23px;color:white}.hero-aside>span{font-size:9px;letter-spacing:2px;color:#e0d7c4}.hero-aside p{font-family:Georgia,serif;font-size:29px;line-height:1.3}.hero-aside a{font-size:11px;letter-spacing:.5px}.hero-aside a span{margin-left:20px}
.strip{background:#eeeae2;border:0}.strip .wrap{padding-top:20px;padding-bottom:20px;font-size:11px;letter-spacing:.4px}.strip b{font-weight:500}
section{padding:105px 0}.section-head{margin-bottom:50px}.section-head p{font-size:15px;max-width:335px}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4vw,52px);letter-spacing:-1.3px;line-height:1.16;margin-top:18px}.services{gap:0}.card{border:0;border-top:1px solid #bdc9cb;border-right:1px solid var(--line);border-radius:0;padding:30px 27px 10px}.card:first-child{padding-left:0}.card:last-child{border-right:0;padding-right:0}.number{font-size:9px;letter-spacing:1.5px;margin-bottom:32px;font-weight:500;color:#647d83}.card h3{font-family:Georgia,serif;font-size:24px;letter-spacing:-.4px;font-weight:400}.card p{font-size:13px;line-height:1.85;min-height:145px;color:#627178}.service-link{display:block;font-size:11px;margin-top:24px;color:var(--navy)}.service-link:hover{text-decoration:underline}
.power{background:#f0f1ed}.two-col{gap:100px}.body-copy{font-size:15px;line-height:1.85}.brands{gap:0;border-top:1px solid #cbd1cc;margin-top:30px;padding-top:20px}.brand{background:none;border:0;border-radius:0;padding:10px 22px 10px 0;font-size:15px;font-weight:600;color:#244753}.steps li{padding:28px 0}.steps h3{font-family:Georgia,serif;font-weight:400;font-size:24px}.steps p{font-size:14px}.steps span{font-size:11px}.area span{background:#edf0ec;color:#354f56;font-size:12px;border-radius:0}.contact{background:#142f3a}.contact .eyebrow{color:#d4c5a7}.contact-links a{font-family:Georgia,serif;font-size:clamp(22px,2.6vw,33px)}.contact p{font-size:14px}.footer{background:#fcfcfa;padding:30px 0;font-size:10px;letter-spacing:.4px}summary{font-size:14px;font-weight:500}details p{font-size:14px}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.navlinks{gap:17px}.logo{width:250px}.hero-grid{gap:35px;min-height:580px}.services{grid-template-columns:1fr 1fr;gap:30px 0}.card:nth-child(2){border-right:0}.card:nth-child(3){padding-left:0}.card p{min-height:105px}.two-col{gap:45px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.nav{height:88px}.logo{width:220px;height:83px}.navlinks .button{padding:13px 15px}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:70px;padding-bottom:45px;gap:45px}.hero h1{font-size:64px;letter-spacing:-2px}.intro{font-size:15px}.hero-aside{max-width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:17px}.hero-aside>span{display:none}.hero-aside p{font-size:20px;margin:0}.hero-aside a{font-size:10px}.strip .wrap{line-height:1.6;font-size:10px}section{padding:65px 0}.section-head{margin-bottom:34px}.section-head p{max-width:100%}.services{grid-template-columns:1fr;gap:25px}.card,.card:first-child,.card:last-child,.card:nth-child(3){padding:23px 0 0;border-right:0}.number{margin-bottom:15px}.card p{min-height:0}.service-link{margin-top:17px}.two-col{gap:32px}.contact-grid{gap:30px}.contact-links a{font-size:24px}.contact-links{gap:24px}.brands{gap:6px}.brand{font-size:14px}.actions{gap:10px}.actions .button{padding:16px 18px}}

.hero{background-image:url("yacht.jpg");background-size:cover;background-position:center 57%}.hero-aside{visibility:hidden}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:white;color:var(--navy);padding:14px}.skip:focus{top:10px}.mobile-menu{display:none}
@media(max-width:620px){.hero{background-position:62% center}.hero:before{background:linear-gradient(90deg,rgba(7,29,40,.9),rgba(7,29,40,.67))}.hero-aside{display:none}.hero-grid{padding-bottom:65px}.navlinks{display:none}.mobile-menu{display:block;position:relative;border:0;padding:0}.mobile-menu summary{font-size:12px;padding:12px;list-style:none;border:1px solid #cbd1cc;cursor:pointer}.mobile-menu nav{position:absolute;right:0;top:45px;width:245px;box-shadow:0 10px 30px #102d3920;background:white;padding:15px;z-index:20}.mobile-menu nav a{display:block;padding:14px 8px;border-bottom:1px solid #eee;font-size:13px}.logo{width:min(220px,64vw)}}
.brand-intro{font-size:12px;line-height:1.6;margin:28px 0 13px;color:#50666d}.brands{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;border:0;margin:0}.brand-tile{height:88px;background:#fff;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}.brand-tile img{display:block;width:100%;max-width:180px;height:48px;object-fit:contain}.brand-tile.fogstar{background:#142f3a}.brand-tile.blue-sea img{height:auto;flex-shrink:0}.brand-note{font-size:12px;line-height:1.7;color:#627178;margin:14px 0 0}@media(max-width:380px){.brand-tile{padding:12px}} 
.brands{grid-template-columns:repeat(2,minmax(0,166px));gap:16px 24px;justify-content:start;align-items:center}.brand-tile{height:58px;padding:8px;background:transparent}.brand-tile img{width:140px;max-width:100%;height:34px;object-fit:contain}.brand-tile:first-child{background:white;height:46px;padding:8px}.brand-tile.fogstar{height:46px;padding:12px 15px}.brand-tile.fogstar img{width:135px;height:28px}.brand-tile.blue-sea{mix-blend-mode:multiply}.brand-tile.blue-sea img{width:150px;height:150px;max-width:none;object-fit:contain}@media(max-width:380px){.brands{gap:12px;grid-template-columns:1fr 1fr}.brand-tile{padding:7px}.brand-tile.fogstar{padding:10px}}

.faq-heading{margin-bottom:24px}#questions{scroll-margin-top:35px}details p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.service-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5f3ee}.service-nav .wrap{display:flex;flex-wrap:wrap;gap:10px 30px;padding-top:18px;padding-bottom:18px}.service-nav a{font-size:12px;padding:4px 0}.service-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.detail-hero{background:#142f3a;color:#fff;padding:70px 0 80px}.detail-hero .eyebrow{color:#d4c5a7}.detail-hero h1{font-family:Georgia,serif;font-size:clamp(42px,5.2vw,70px);font-weight:400;max-width:800px;line-height:1.13;letter-spacing:-1.8px;margin:25px 0}.detail-hero p{max-width:620px;color:#d4dfe1;font-size:17px;line-height:1.8}.crumb{font-size:11px;display:block;margin-bottom:30px;color:#e0d7c4}.detail-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:85px;align-items:start}.detail-copy article{margin-bottom:38px}.detail-copy h2{font-size:31px;margin-top:0}.detail-copy p{font-size:16px;line-height:1.9;color:#536477}.detail-note{background:#f0f1ed;padding:32px}.detail-note h2{font-size:28px}.detail-note ul{padding-left:19px;color:#536477;font-size:14px;line-height:1.9;margin:25px 0}.detail-note .button{margin-top:10px}.reading{font-size:12px!important;border-top:1px solid var(--line);padding-top:18px}.reading a{text-decoration:underline}.related{padding:25px 0 0}.related a{font-size:13px;display:inline-block;margin:9px 20px 9px 0;text-decoration:underline;text-underline-offset:4px}@media(max-width:620px){.detail-hero{padding:40px 0 50px}.detail-hero h1{font-size:45px;letter-spacing:-1px}.detail-layout{grid-template-columns:1fr;gap:25px}.detail-note{padding:25px}.service-nav .wrap{gap:8px 18px}.service-nav a{font-size:11px}}

.experience{border-bottom:1px solid var(--line);background:#fcfcfa}.experience .body-copy:first-child{margin-top:0}.electronics-options{border-top:1px solid var(--line);padding-top:28px;margin-bottom:38px}.electronics-options article{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}.electronics-options h2{font-size:27px;margin-top:12px}.electronics-options .eyebrow{color:#657e85}@media(min-width:621px) and (max-width:1050px){.navlinks{gap:14px}.navlinks .hide-mid{display:none}}

.gallery-notice{border-left:2px solid #b5a17b;padding:4px 0 4px 22px;margin:0 0 38px}.gallery-notice p{font-size:14px;color:#627178;line-height:1.8;max-width:640px;margin:8px 0 0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.photo-space{aspect-ratio:4/3;background:#eeefeb;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dbe0da;text-align:center;padding:20px}.photo-space>span{font-size:11px;color:#7d8c89;letter-spacing:2px}.photo-space p{font-family:Georgia,serif;font-size:23px;color:#536a70;margin:19px 0 12px}.photo-space small{font-size:10px;letter-spacing:1.1px;color:#697d82;text-transform:uppercase}.project-caption{padding:23px 0}.project-caption h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0 0 13px}.project-caption p{font-size:14px;line-height:1.8;color:#627178;margin:0}.gallery-next{border-top:1px solid var(--line);margin-top:50px;padding-top:42px;display:flex;align-items:center;justify-content:space-between;gap:25px}.gallery-next h2{font-size:34px}.gallery-next p{font-size:14px;line-height:1.8;color:#627178}.navlinks a[aria-current="page"],.mobile-menu a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}@media(min-width:901px){.navlinks{gap:20px}}@media(min-width:621px) and (max-width:1150px){.navlinks .hide-mid{display:none}.navlinks{gap:13px}.logo{width:230px}}@media(max-width:760px){.project-grid{grid-template-columns:1fr}.photo-space{aspect-ratio:16/9}.gallery-next{display:block}.gallery-next .button{margin-top:15px}}

.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.gallery-photo{aspect-ratio:4/3;background:white;overflow:hidden}.gallery-photo img{width:100%;height:100%;object-fit:cover;display:block}.gallery-photo.product-photo img{object-fit:contain;padding:18px}.project-caption .eyebrow{margin-bottom:12px}.photo-credit{display:inline-block;font-size:11px;text-decoration:underline;text-underline-offset:3px;color:#536477;margin-top:15px}@media(max-width:760px){.example-grid{grid-template-columns:1fr}}
