@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--navy:#071c2b;--blue:#123b53;--teal:#56c3c6;--sand:#f2f0e9;--ink:#102432}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}
.site-header{height:82px;background:#061725;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,84px)}
.brand{display:flex;align-items:center;color:white;text-decoration:none}.brand img{display:block;width:190px;height:62px;object-fit:contain;object-position:left center;border-radius:2px}.header-call{color:white;text-decoration:none;border:1px solid #64818d;padding:9px 15px;border-radius:3px;font-size:13px;font-weight:700}
.hero{position:relative;min-height:650px;display:flex;align-items:center;color:white;background:#071c2b url("images/seadek-boat-wide.jpg") center 48%/cover no-repeat;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,25,.88),rgba(3,15,25,.42) 72%),linear-gradient(0deg,rgba(3,15,25,.35),transparent 45%)}
.hero-content{position:relative;z-index:1;max-width:850px;padding:90px clamp(24px,9vw,130px)}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--teal);margin:0 0 18px}.eyebrow.dark{color:#327d88}
h1,h2{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;line-height:.98;margin:0 0 20px;letter-spacing:.015em}
h1{font-size:clamp(48px,7vw,88px);max-width:850px}h2{font-size:clamp(35px,4.5vw,54px)}
.hero-sub{font-size:clamp(15px,2vw,19px);font-weight:700}.hero-sub span{color:var(--teal);padding:0 7px}.hero-copy{max-width:560px;color:#d5e1e5;font-size:17px;margin:22px 0 28px}
.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;padding:13px 22px;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.04em;border-radius:2px}.button-light{background:var(--teal);color:#06202d}.button-outline{border:1px solid #b8d0d7;color:white}.hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:17px 8vw;background:rgba(1,13,22,.55);font-size:10px;letter-spacing:.22em;color:#d1e0e3}
.section{padding:88px clamp(24px,9vw,130px)}.intro{text-align:center;max-width:920px;margin:auto}.intro p:last-child,.contact>p:not(.eyebrow){max-width:690px;margin:0 auto;color:#52616a}
.services{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:10px}.service-card{background:white;box-shadow:0 12px 35px rgba(7,28,43,.08)}.service-photo{width:100%;height:280px;object-fit:cover;display:block}.service-body{padding:30px}.service-body h2{font-size:36px}.service-body p:last-child{color:#58666d;margin-bottom:0}
.gallery{padding-top:35px}.gallery-heading{text-align:center;margin:0 auto 35px;max-width:700px}.gallery-heading>p:last-child{color:#58666d}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery figure{margin:0;background:white;box-shadow:0 8px 24px rgba(7,28,43,.08)}.gallery img{width:100%;height:300px;object-fit:cover;display:block}.gallery figcaption{padding:13px 16px;font-size:12px;font-weight:700;letter-spacing:.04em}
.mobile{background:var(--navy);color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.mobile p:not(.eyebrow){color:#c4d3d9;max-width:550px;margin-bottom:28px}.coverage{border-left:1px solid #315264;padding:10px 0 10px 35px;display:flex;flex-direction:column;gap:12px;font-size:11px;letter-spacing:.14em;color:#d6e5e8}.coverage i{height:30px;width:1px;background:var(--teal);margin-left:4px}
.contact{text-align:center}.contact-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:28px}.contact-links a{color:#0c5063;font-weight:700;text-decoration:none;border-bottom:2px solid var(--teal);padding-bottom:4px}
footer{text-align:center;background:#04121d;color:#aabdc4;padding:38px 20px;font-size:12px}footer p{margin:5px}.footer-brand{color:white;font-weight:800;letter-spacing:.15em;font-size:14px}footer small{display:block;margin-top:22px;color:#718b96}
@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery img{height:260px}}
@media(max-width:700px){.site-header{height:72px}.header-call{font-size:11px;padding:8px}.hero{min-height:600px}.hero-content{padding-top:75px;padding-bottom:80px}.hero-bottom{font-size:8px}.section{padding:65px 24px}.services,.mobile{grid-template-columns:1fr}.services{padding-top:0}.service-photo{height:220px}.mobile{gap:28px}.coverage{padding-left:20px}.contact-links{flex-direction:column;gap:14px}}
@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}.gallery img{height:320px}}