:root{font-family:DM Sans,Arial,sans-serif;color:#ecf0f3;background:#101010}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #363636;background:#151515;position:sticky;top:0;z-index:5}.bar{max-width:1180px;margin:auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.brand b{color:#ed5500}.brand small{display:block;font-size:9px;letter-spacing:.24em;font-weight:600;color:#a9b6bf;margin-top:1px}nav{display:flex;gap:23px;font-size:14px;color:#bbc6ce;align-items:center}nav a:hover,.links a:hover{color:#ed5500}.btn{display:inline-block;background:#ed5500;color:#151515!important;border-radius:4px;padding:13px 19px;font-weight:800;font-size:14px}.btn:hover{background:#ff752b}main{max-width:1180px;margin:auto;padding:0 24px}.hero{padding:90px 0 80px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;border-bottom:1px solid #363636}.eyebrow{color:#ed5500;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.18em}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(45px,6.2vw,82px);line-height:1.05;margin:18px 0 22px;max-width:900px}h2{font-size:clamp(30px,3vw,43px);margin:0 0 18px}h3{font-size:20px;margin:0 0 12px}.lead{font-size:20px;line-height:1.55;color:#bbc6ce;max-width:690px}.aside{border-left:3px solid #ed5500;padding:12px 0 12px 24px;color:#cbd4da;line-height:1.7}.section{padding:75px 0;border-bottom:1px solid #363636}.intro{max-width:720px;color:#bbc6ce;font-size:17px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.card{background:#1c1c1c;border:1px solid #383838;padding:26px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.card p{color:#abb9c2;line-height:1.6;margin:0 0 18px}.card span{color:#ed5500;font-size:14px;font-weight:700}.band{background:#ed5500;color:#151515;padding:44px;margin:75px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.band h2{margin:0}.band .btn{background:#151515;color:#fff!important}.links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;color:#b9c6cf}.prose{max-width:780px;line-height:1.8;color:#c2cdd4;font-size:18px}.crumb{padding-top:30px;color:#b7c4ce;font-size:14px}footer{background:#fff;margin-top:60px;padding:50px 24px;color:#292929}footer .links{color:#292929}footer .fine{color:#626262}footer a:hover{color:#b93700}.foot{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:30px}.foot p{max-width:450px;line-height:1.6}.fine{font-size:13px;color:#86949e}@media(max-width:850px){nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;gap:20px;padding:55px 0}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bar{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start;font-size:13px}nav .btn{padding:9px 12px}.grid{grid-template-columns:1fr}.section{padding:52px 0}.band{margin:50px 0;padding:28px;display:block}.band .btn{margin-top:20px}.foot{display:block}h1{font-size:44px}}
/* Shorelec supplied brand assets */
header{background:#fff;border-bottom:3px solid #d94300}header nav{color:#292929}.brand-logo{position:relative;display:block;width:300px;max-width:100%;aspect-ratio:6/1;overflow:hidden;background:#fff;flex-shrink:0}.brand-logo img{position:absolute;width:112%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-52%)}.eyebrow,.card span{color:#ff8245}.btn{background:#d94300;color:#fff!important}.btn:hover{background:#b93700}header nav a:hover{color:#b93700}header nav .btn:hover{color:white}.band{background:#d94300;color:white}.aside{border-color:#ed5500}.footer-emblem{position:relative;flex-shrink:0;width:120px;aspect-ratio:1.6;overflow:hidden;background:white;align-self:center}.footer-emblem img{position:absolute;width:115%;height:auto;left:50%;top:50%;transform:translate(-50%,-48%)}.foot{align-items:flex-start;flex-wrap:wrap}.foot .brand-logo{width:280px}.foot .links{max-width:280px}.foot .footer-emblem{align-self:center}.foot .brand-logo{border-radius:2px}.aside a{overflow-wrap:anywhere}.foot p a{overflow-wrap:anywhere}@media(max-width:850px){.bar{flex-wrap:wrap}.bar nav{flex:1;justify-content:flex-end}.brand-logo{width:265px}}@media(max-width:600px){.bar nav{width:100%;justify-content:space-between;gap:10px}.brand-logo{width:280px}.footer-emblem{margin:25px 0}.foot .links{max-width:none}}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.team-profile{padding:36px;background:#1c1c1c;border-top:3px solid #d94300}.team-profile h3{margin-top:18px;font-size:28px}.team-grid{margin-top:30px}.team-profile p{color:#bbc6ce;font-size:18px;line-height:1.7}.prose li{margin-bottom:18px}@media(max-width:900px){.team-grid{grid-template-columns:1fr}.team-profile{padding:26px}}.bar nav{flex-wrap:wrap;justify-content:flex-end;gap:16px}.bar>.brand-logo{width:265px}.portfolio-notice{padding:40px;border-left:3px solid #d94300;background:#1c1c1c;max-width:850px}.portfolio-notice h2{margin-top:18px}.portfolio-notice p,.project-copy p{color:#bbc6ce;font-size:18px;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card,.review-card{background:#1c1c1c;margin:0}.project-card img{display:block;width:100%;height:auto}.project-copy,.review-card{padding:30px}.project-copy h2{margin-top:16px;font-size:30px}.review-card blockquote{margin:0 0 20px;font-size:20px;line-height:1.6}.review-card figcaption{color:#ff8245}@media(max-width:600px){.project-grid{grid-template-columns:1fr}.portfolio-notice{padding:26px}.bar nav{justify-content:flex-start}}.portfolio-context{max-width:860px;color:#bbc6ce;font-size:17px;line-height:1.7;margin:0 0 32px}.project-card img{height:330px;object-fit:cover}.project-card img.show-full{object-fit:contain;background:#efefef}.project-copy a,.review-card a{color:#ff8245}.review-card p{margin:0 0 24px;font-size:20px;line-height:1.55}.review-stars{color:#ff8245;letter-spacing:3px;margin-bottom:10px}.review-name{font-weight:700;margin-bottom:20px}@media(max-width:600px){.project-card img{height:260px}}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:20;background:white;color:#111;padding:14px}.skip-link:focus{transform:translateY(0)}a:focus-visible{outline:3px solid #ff8245;outline-offset:4px}.crumb{display:block;line-height:1.8}.prose a{text-decoration:underline;text-underline-offset:3px}.enquiry-form{max-width:780px;margin:28px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.enquiry-form label{display:block;font-weight:600;margin-bottom:22px;line-height:1.5}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #76838c;border-radius:4px;background:#fff;color:#171717;font:inherit;font-size:16px}.enquiry-form textarea{resize:vertical}.enquiry-form button{border:0;cursor:pointer;font:inherit;font-weight:700}.enquiry-form :focus-visible{outline:3px solid #ff8245;outline-offset:3px}.form-note{color:#bbc6ce;line-height:1.7;font-size:16px}.band-actions{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:600px){.form-grid{grid-template-columns:1fr;gap:0}}.project-card figure,.project-gallery figure{margin:0}.project-card img{object-fit:contain;background:#181818}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-gallery img{width:100%;height:520px;object-fit:contain;background:#181818;display:block}.project-gallery figcaption{padding:16px 0;color:#bbc6ce;line-height:1.6}.project-card figcaption{padding:16px 24px;color:#bbc6ce}.project-gallery a{display:block}.project-grid{align-items:start}@media(max-width:650px){.project-gallery{grid-template-columns:1fr}.project-gallery img{height:auto;max-height:none}}.featured-projects .card{padding:0;overflow:hidden}.featured-projects .card img{display:block;width:100%;height:260px;object-fit:contain;background:#181818}.featured-projects .card>div{padding:24px 24px 0}.featured-projects .card>span{padding:0 24px 24px}.emergency-call{margin-top:20px;font-weight:700}
.desktop-nav a:not(.btn){padding:12px 0}
header nav a[aria-current="page"]{color:#a83100;text-decoration:underline;text-underline-offset:6px}
.mobile-menu{display:none}
.btn{background:#bb3900}
.btn:hover{background:#972e00}
button:disabled{opacity:.6;cursor:not-allowed}
.aside a,.form-note a{text-decoration:underline;text-underline-offset:3px}
.links a{padding:8px 0;min-height:44px;display:inline-flex;align-items:center}
.prose,.intro,.lead,.form-note{overflow-wrap:break-word}
.business-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1100px;padding:0;margin:28px 0;list-style:none}
.business-logos li{min-width:0;background:#fff;border:1px solid #dedede;border-radius:4px}
.business-logos a{display:block;height:100%;padding:24px;color:#292929;text-align:center}
.business-logo-image{height:190px;display:flex;align-items:center;justify-content:center}
.business-logo-image img{display:block;width:100%;height:auto;max-width:290px;max-height:190px;object-fit:contain}
.business-logo-name{display:block;margin-top:20px;font-size:16px;font-weight:700;line-height:1.5}
.business-logos a:hover .business-logo-name{text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.business-logos{grid-template-columns:1fr;max-width:500px}}
input,select,textarea{min-height:48px}
#main-content,#enquire{scroll-margin-top:140px}
@media(min-width:1161px){.bar>.brand-logo{width:240px}.desktop-nav{gap:14px;white-space:nowrap}}
@media(max-width:1160px){
 .bar{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
 .bar>.brand-logo{width:min(265px,70%)}
 .bar .desktop-nav{display:none}
 .mobile-menu{display:block;margin-left:auto}
 .mobile-menu summary{cursor:pointer;min-height:44px;padding:12px 14px;color:#292929;font-weight:700;border:1px solid #ccc;border-radius:4px}
 .mobile-menu summary:focus-visible{outline:3px solid #bb3900;outline-offset:3px}
 .mobile-menu[open]{width:100%}
 .mobile-menu[open] summary{width:max-content;margin-left:auto}
 .bar .mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px 14px;padding:12px 0 0}
 .mobile-menu nav a{padding:12px;min-height:44px;font-size:16px}
 .mobile-menu nav .btn{grid-column:1/-1;text-align:center}
}
@media(max-width:380px){.bar{padding-left:16px;padding-right:16px}.bar>.brand-logo{width:215px;max-width:69%}}

.enquiry-honeypot{display:none!important}
#privacy-notice,#eicr-pricing,#callout-pricing,#hamble,#team,#find-us{scroll-margin-top:140px}
.eicr-faqs article+article{margin-top:38px;padding-top:28px;border-top:1px solid #383838}
.table-wrap{overflow-x:auto;margin:28px 0}
.price-table{border-collapse:collapse;width:100%;max-width:780px;text-align:left}
.price-table caption{text-align:left;padding-bottom:12px;font-weight:700}
.price-table th,.price-table td{padding:16px;border:1px solid #444}
.price-table thead{background:#242424}

.location-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;margin-top:28px;align-items:start}
.location-map{width:100%;height:380px;background:#1c1c1c;border:1px solid #444;border-radius:4px;overflow:hidden}
.location-map iframe{display:block;width:100%;height:100%;border:0}
.map-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}
.map-placeholder p{max-width:430px;line-height:1.6;color:#bbc6ce;margin:0 0 22px}
.map-placeholder a,.location-grid .intro a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.location-grid{grid-template-columns:1fr;gap:28px}.location-map{height:340px}}