.home-page { padding-top:84px; color:#243e51; font-family:'Open Sans',sans-serif; }
.home-page *, .home-page *::before { box-sizing:border-box; }
.home-wrap { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.home-page h1,.home-page h2,.home-page h3 { padding:0; margin:0; color:inherit; font-family:'Poppins',sans-serif; font-weight:600; letter-spacing:-.035em; }
.home-page h1 { font-size:clamp(42px,5vw,72px); line-height:1.08; }
.home-page h2 { font-size:clamp(29px,3vw,40px); line-height:1.2; }
.home-page h3 { font-size:21px; line-height:1.35; letter-spacing:-.02em; }
.home-page p { margin:18px 0 0; font-size:16px; line-height:1.75; }
.home-page a { text-decoration:none; color:inherit; }
.home-page .home-eyebrow { margin:0 0 18px; font-size:11px; font-weight:600; letter-spacing:.15em; color:#58738b; }
.home-hero { padding:82px 0 88px; color:#fff; background:linear-gradient(90deg,rgba(16,38,59,.93),rgba(16,38,59,.68) 43%,rgba(16,38,59,.08) 85%),url('southend-ahu-hero-trial.webp') center 38%/cover; }
.home-hero .home-eyebrow { color:#c7d8e7; }
.home-page .home-hero-lead { max-width:555px; margin-top:26px; font-size:18px; color:#e4edf4; }
.home-actions { display:flex; align-items:center; flex-wrap:wrap; gap:28px; margin-top:32px; }
.home-hero-contact { padding:12px 0; border-bottom:1px solid #b4c6d6; font-size:14px; font-weight:600; display:inline-flex; gap:24px; }
.home-hero-contact:hover { border-color:white; }
.home-projects { padding-block:80px; }
.home-section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:32px; }
.home-project-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.home-project { display:flex; flex-direction:column; border-bottom:1px solid #ccd7df; }
.home-project > img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.home-project > div { display:flex; flex-direction:column; flex:1; padding:24px 0; }
.home-project .home-eyebrow { font-size:10px; margin-bottom:12px; }
.home-project p:not(.home-eyebrow) { font-size:14px; margin:14px 0 24px; }
.home-project-link { margin-top:auto; display:flex; justify-content:space-between; font-size:14px; font-weight:600; color:#203f60; }
.home-project:hover .home-project-link { text-decoration:underline; text-underline-offset:4px; }
.home-services { background:#f1f4f6; padding:64px 0; }
.home-services-grid { display:grid; grid-template-columns:.85fr 1.25fr; gap:80px; }
.home-services-grid > div > p:not(.home-eyebrow) { max-width:360px; margin-bottom:22px; }
.home-service-list a { display:grid; grid-template-columns:28px 1fr 16px; gap:20px; padding:24px 0; border-top:1px solid #cbd6de; }
.home-service-list a:last-child { border-bottom:1px solid #cbd6de; }
.home-service-list a:hover h3 { text-decoration:underline; text-underline-offset:4px; }
.home-service-list h3 { font-size:19px; }
.home-service-list p { font-size:14px; margin-top:8px; }
.home-number { color:#6d8597; font-size:12px; padding-top:4px; }
.home-about { display:grid; grid-template-columns:.85fr 1.25fr; gap:80px; padding-block:80px; }
.home-about-title { position:relative; padding-left:30px; }
.home-about-title img { position:absolute; z-index:-1; top:-18px; left:-5px; height:230px; width:auto; opacity:.045; }
.home-page .home-about-lead { font-size:21px; margin-top:0; }
.home-about .site-discovery { margin-top:18px; }
.home-enquiry { display:flex; justify-content:space-between; align-items:center; gap:36px; padding:36px; background:#e8eff5; margin-bottom:64px; }
.home-enquiry .site-action { flex-shrink:0; }
.home-body > .gas_wrapper { margin:0; padding:26px 24px 42px; }
.home-body .gas_container { flex-wrap:wrap; gap:32px 60px; }
.home-body .gas_container img { width:auto; max-width:100px; height:46px; object-fit:contain; }
@media(max-width:900px) { .home-services-grid,.home-about { gap:40px; } .home-project-grid { gap:20px; } }
@media(max-width:700px) {
 .home-page { padding-top:70px; } .home-wrap { width:calc(100% - 32px); }
 .home-hero { padding:52px 0; background-position:60% center; background-image:linear-gradient(90deg,rgba(16,38,59,.92),rgba(16,38,59,.78) 55%,rgba(16,38,59,.55)),url('southend-ahu-hero-trial.webp'); } .home-page h1 { font-size:42px; }
 .home-page .home-hero-lead { font-size:16px; } .home-actions { gap:18px; }
 .home-projects,.home-about { padding-block:48px; } .home-section-heading { flex-direction:column; align-items:flex-start; }
 .home-project-grid,.home-services-grid,.home-about { grid-template-columns:1fr; gap:32px; }
 .home-project h3 br { display:none; } .home-services { padding-block:40px; }
 .home-about-title { padding-left:20px; } .home-about-title img { left:0; height:160px; top:-12px; }
 .home-enquiry { flex-direction:column; align-items:flex-start; padding:24px; margin-bottom:40px; gap:24px; }
 .home-body .gas_container { gap:24px 32px; }
}

/* A defined accreditation row immediately before the final enquiry. */
.home-page .home-trust { border-top:1px solid #d5dfe6; padding:28px 0 32px; margin:0 auto 36px; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.home-trust .home-eyebrow { margin:0; flex-shrink:0; }
.home-trust .gas_container { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:32px; margin:0; padding:0; }
.home-trust .gas_container img { width:auto; max-width:100px; height:46px; object-fit:contain; }
.home-trust .gas_container img:last-child { height:30px; }
@media(max-width:700px) {
 .home-page .home-trust { flex-direction:column; align-items:flex-start; gap:24px; padding:24px 0; margin-bottom:24px; }
 .home-trust .gas_container { justify-content:flex-start; gap:24px; }
}

/* Keep the five accreditation marks grouped on small screens. */
@media(max-width:700px) {
 .home-trust .home-eyebrow { width:100%; text-align:center; }
 .home-body .home-trust .gas_container { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; max-width:340px; margin-inline:auto; gap:28px 24px; justify-items:center; align-items:center; }
 .home-body .home-trust .gas_container img, .home-body .home-trust #wras { width:120px; max-width:100%; height:56px; object-fit:contain; }
 .home-body .home-trust .gas_container img:last-child { grid-column:1 / -1; height:40px; }
}
