*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#1b2029;background:white}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.17}h1{font-size:clamp(2.2rem,5vw,4.5rem)}h2{font-size:clamp(1.65rem,3vw,2.5rem)}.site-header{display:flex;align-items:center;gap:20px;padding:16px max(24px,calc((100vw - 1250px)/2));background:#fff;position:relative;flex-wrap:wrap}.brand{text-decoration:none;display:grid;line-height:1.1;white-space:nowrap}.brand strong{font-size:1.65rem;text-transform:uppercase}.brand span,.eyebrow{color:#c91c2d}.brand small{letter-spacing:2px;font-size:.65rem}.site-header nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex:1}.site-header nav a,.footer nav a{text-decoration:none;font-size:.9rem}.site-header nav a:hover{text-decoration:underline}.head-actions,.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:0;border-radius:5px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;cursor:pointer}.red{background:#c91c2d;color:#fff}.green{background:#128451;color:white}.menu{display:none;background:#1b2029;color:white;border:0;border-radius:5px;padding:10px}.hero,.page-hero{background:linear-gradient(115deg,#131923,#343e4b);color:white;padding:85px max(24px,calc((100vw - 1200px)/2));min-height:340px}.hero{min-height:550px;display:flex;align-items:center}.hero-copy{max-width:760px}.hero h1{max-width:800px}.hero p,.page-hero p{font-size:1.2rem}.section{padding:70px max(24px,calc((100vw - 1200px)/2))}.alt{background:#f3f5f7}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split img,.cards img{width:100%;object-fit:cover;border-radius:9px}.split img{max-height:400px}.trust,.cards,.price-grid,.area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.trust{background:#161c26;color:#fff;padding:30px max(24px,calc((100vw - 1200px)/2))}.trust article,.cards article,.review-note,.enquiry-card,.contact-box{padding:23px;border-radius:9px;background:#f4f5f7}.trust article{background:#2a323e}.trust b,.trust span{display:block}.trust b{font-size:1.25rem}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.five{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.price-layout{display:grid;grid-template-columns:2fr 1fr;gap:35px}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-grid>div{background:#f4f5f7;padding:20px;border-radius:8px;display:flex;justify-content:space-between;gap:15px}.price-grid strong{font-size:1.4rem;color:#b91629}.area-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.faq{border-bottom:1px solid #d9dde3;padding:15px 0}.faq summary{font-weight:700;cursor:pointer}.enquiry{background:#f4f5f7}.enquiry form,.enquiry-card form,.contact-page form,form{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:grid;gap:5px;font-weight:600}input:not([type=checkbox]),select,textarea{width:100%;padding:12px;border:1px solid #aab0b8;border-radius:5px;font:inherit}textarea{min-height:120px}.wide{grid-column:1/-1}.consent{display:flex;align-items:start;gap:10px}.consent input{margin-top:7px}.contact-cta{text-align:center;background:#1b2029;color:#fff;padding:55px 25px}.contact-cta a{margin:8px;display:inline-block}.utility{text-align:center;padding:18px}.utility a{margin:10px}footer{background:#111720;color:#fff;padding:40px max(24px,calc((100vw - 1200px)/2));display:grid;gap:12px}footer nav{display:flex;flex-wrap:wrap;gap:16px}footer a{color:white}.fine{font-size:.83rem}.legal{max-width:1100px}.legal h3{margin-top:30px}.notice{background:#fff1ce;padding:15px}.success{background:#e0f5e9;padding:15px}.preview-banner{background:#fff0c7;color:#29200d;padding:10px 22px;text-align:center;font-weight:700}.photo-pending{color:#8a4b00;background:#fff3d3;padding:10px;font-size:.9rem}@media(max-width:1000px){.site-header nav{order:4;width:100%}.head-actions{margin-left:auto}.trust{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.menu{display:block;margin-left:auto}.site-header nav{display:none}.site-header nav.open{display:flex;flex-direction:column;align-items:start}.head-actions{width:100%}.hero,.page-hero{padding:65px 24px}.section{padding:45px 24px}.split,.price-layout,.cards.two{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}.cards,.price-grid{grid-template-columns:1fr}form,.enquiry form,.contact-page form{grid-template-columns:1fr}.wide{grid-column:1}}
/* Homepage layout improvement */
.hero {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
gap: 30px;
align-items: center;
}
.hero > * {
min-width: 0;
}
.hero img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.hero-copy {
max-width: 100%;
overflow-wrap: break-word;
}
@media (max-width: 900px) {
.hero {
grid-template-columns: 1fr;
}
.hero img {
max-height: 480px;
object-fit: contain;
}
}
/* Homepage layout fix - desktop */
@media (min-width: 901px) {
.hero {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 36px;
align-items: center;
}
.hero > img {
grid-column: 1;
grid-row: 1;
width: 100%;
height: auto;
object-fit: contain;
}
.hero-copy {
grid-column: 2;
grid-row: 1;
max-width: 100%;
}
.hero > .photo-pending {
display: none;
}
}
/* Mobile layout */
@media (max-width: 900px) {
.hero {
display: flex;
flex-direction: column;
gap: 20px;
}
.hero > img {
width: 100%;
height: auto;
object-fit: contain;
}
.hero-copy {
width: 100%;
max-width: 100%;
}
.hero > .photo-pending {
display: none;
}
}
/* Correct homepage hero layout */
@media (min-width: 901px) {
.hero {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 35px;
align-items: center;
}
.hero > img {
grid-column: 1;
grid-row: 1;
width: 100%;
height: auto;
object-fit: contain;
}
.hero-copy {
grid-column: 2;
grid-row: 1;
width: 100%;
max-width: none;
}
}
/* Remove unused yellow photo placeholder */
.hero > .photo-pending {
display: none !important;
}
/* Larger homepage photo - desktop */
@media (min-width: 901px) {
.hero {
grid-template-columns: 1.2fr 1fr;
gap: 24px;
padding-top: 25px;
padding-bottom: 25px;
align-items: center;
}
.hero > img {
width: 100%;
height: auto;
object-fit: contain;
}
}
/* About Paul photograph */
#about img {
display: block;
width: 100%;
height: auto;
max-height: 450px;
object-fit: contain;
border-radius: 10px;
}
/* Fix About Paul photograph */
#about > img {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
object-fit: contain !important;
}