/* Mablethorpe edition: retain the original layout and Start Creative identity. */
:root{--red:#00E676;--black:#0B0F0C;--white:#fff;--surface:#181E1A;--muted:#bac5be}
body{background:var(--black);color:#fff}
header{background:#fff;color:var(--black)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--red)}
.brand img{filter:url(#logo-green)}
footer .brand img{filter:url(#logo-green-white)}
.brand-location{display:block;color:var(--black);font-size:11px;letter-spacing:2.1px;margin-top:9px;font-weight:700}
.button,.ribbon,.back-to-top{color:var(--black)}
.button:hover,.back-to-top:hover{background:#70ffb5;color:var(--black)}
.hero{background:var(--black);isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;background:url("assets/hero-water.png") center/cover no-repeat;z-index:-2}
.hero::before{z-index:-1;background:linear-gradient(90deg,#0b0f0cf2,#0b0f0cb3 38%,transparent 75%)}
.section-head>p,.about>div>p:not(.lead),footer p{color:var(--muted)}
.cards article,.cards .red{background:linear-gradient(145deg,#202c24,#101712);border-color:var(--red);color:#fff}
.cards .red{box-shadow:inset 0 0 65px #00e6760d}
.cards a,.website-info>a{color:var(--red)}
.service-copy.design-copy,.service-copy.print-copy,.testimonials,.quote-form{background:var(--surface)}
.service-copy .copy-heading p:not(.eyebrow),.copy-item p,.copy-footer p{color:var(--muted)}
.copy-footer{border-color:#35453a}
.work,.service-faq,.quote-hero{background:var(--black)}
.testimonial-card{background:#101712}
.testimonial-track{scrollbar-color:var(--red) #24342a}
.contact{background:#101b14;border-block:1px solid #2b4935;color:#fff}
.contact h2 span{color:var(--red)}
.contact-layout>div{border-color:#354b3c}
.white{background:var(--red);color:var(--black)}
.white:hover{background:#70ffb5}
input,textarea,select{background:#0b120e;color:#fff;border-color:#607368}
input::placeholder,textarea::placeholder{color:#aebdb3;opacity:1}
.demo{background:#0b120e;color:var(--muted)}
.button:disabled{opacity:.6;cursor:wait}
.skip{background:var(--red);color:var(--black)}
.error-message{color:var(--muted)}
.error-secondary{border-color:var(--red);color:#fff}
@media(max-width:900px){.hero::after{background-position:60% center}}
@media(max-width:700px){.hero::after{background-position:68% center}.hero::before{background:linear-gradient(180deg,#0b0f0ce8,#0b0f0cb3 60%,#0b0f0c66)}h1{font-size:clamp(48px,12vw,64px)}.brand{max-width:100%}.steps{grid-template-columns:1fr}.service-copy h2,.website-heading h2{font-size:clamp(32px,9vw,42px)}nav{column-gap:16px}.quote-form{min-width:0}.brand-location{font-size:10px}}

html{overflow-x:hidden}
.website-gallery{contain:paint}

header nav{max-width:100%;min-width:0}
@media(max-width:700px){.quote-hero h1{font-size:clamp(42px,11vw,64px)}.quote-layout>*{min-width:0}.details h2{font-size:clamp(34px,10vw,42px)}}

.status{overflow-wrap:anywhere}

/* Light sections provide contrast within the green and black identity. */
.services,.service-copy.design-copy,.about{background:#fff;color:var(--black)}
.services,.about{box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
.services .section-head>p,.design-copy .copy-heading p:not(.eyebrow),.design-copy .copy-item p,.design-copy .copy-footer p,.about>div>p:not(.lead){color:#47534b}
.services h2 span,.design-copy h2 span,.about h2 span{color:#08753e}
.design-copy .copy-footer a{color:#08753e}
.design-copy .copy-footer{border-color:#d6dfd9}
.about .steps span{color:#617469}