body.home-reference{--yellow:#0076bd;--display:Poppins,Arial,sans-serif}.home-reference .wrap{max-width:1140px}.home-reference .eyebrow{color:#0076bd;font-size:10px;letter-spacing:1.2px;margin-bottom:17px;display:block}.home-reference .eyebrow::before{display:none}.home-reference .button{border-radius:30px;background:#0076bd;color:white;font-size:12px;min-height:47px;padding:14px 25px;gap:20px;font-weight:600}.home-reference .button.pale{background:#fff;color:#25292b}.home-reference h2{font-size:34px!important;line-height:1.25!important;letter-spacing:-.6px}.home-reference p{font-size:14px;line-height:1.8}.home-reference .elk-hero{position:relative;min-height:650px;display:flex;align-items:center;color:#fff;isolation:isolate;padding:90px 0 145px}.elk-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}.elk-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101616d9,#10161665 65%,#10161620);z-index:-1}.home-reference .elk-hero .eyebrow{color:white;font-size:11px}.home-reference .elk-hero h1{font-size:clamp(36px,3.5vw,52px);max-width:880px;line-height:1.18;letter-spacing:-1px;margin-bottom:25px}.elk-hero p:not(.eyebrow){max-width:720px;font-size:15px}.elk-hero-actions{display:flex;gap:18px;margin-top:27px}.elk-hero>small{position:absolute;bottom:18px;right:25px;font-size:9px;color:#ddd}.roof-feature-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:-67px!important}.roof-feature-card{position:relative;background:#fff;padding:35px 22px 27px;text-align:center;border-radius:4px;box-shadow:0 12px 32px #0000000d;min-height:236px}.roof-feature-card::before{content:'';position:absolute;top:-30px;left:0;width:100%;height:35px;background:#fff;clip-path:polygon(0 100%,50% 0,100% 100%)}.roof-feature-card svg{width:40px;height:40px;fill:none;stroke:#0076bd;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round;margin:0 auto 18px}.home-reference .roof-feature-card h2{font-size:17px!important;line-height:1.4!important;margin-bottom:12px}.roof-feature-card p{font-size:12px;line-height:1.8;color:#6b7072}.feature-arrow{position:absolute;right:12px;bottom:7px;color:#74bfe3;font-size:22px}.roof-feature-card:hover{transform:translateY(-4px)}.home-reference .about-section{padding-top:125px;padding-bottom:115px;gap:100px;grid-template-columns:1fr 1fr}.home-reference .about-images{min-height:430px}.home-reference .about-back{width:76%;height:285px;border-radius:12px;right:0;left:auto;top:0}.home-reference .about-front{width:78%;height:285px;border-radius:12px;bottom:30px;left:0;border:0}.home-reference .about-photo-note{display:none}.home-reference .about-photo-label{bottom:4px;font-size:9px;color:#888}.home-reference .about-copy>p:not(.eyebrow){font-size:13px;line-height:1.85}.home-reference .about-copy h2{margin-bottom:23px}.home-reference .about-benefits{gap:20px;margin-block:25px}.home-reference .about-benefits li>span{background:#0076bd;color:#fff;border-radius:50%;width:34px;height:34px;min-width:34px;display:grid;place-items:center;font-size:17px}.home-reference .about-benefits h3{font-size:14px;line-height:1.4}.home-reference .about-benefits p{font-size:12px;line-height:1.7}.home-reference .advice-section{padding:80px 0 115px;background:#fff}.home-reference .centred-heading{margin-bottom:55px}.home-reference .advice-grid{display:grid;grid-template-columns:repeat(2,260px);gap:30px;justify-content:start}.home-reference .article-image{height:190px;border-radius:10px}.home-reference .article-image>span{right:0;left:auto;top:0;bottom:auto;background:#0076bd;font-size:8px;border-radius:0 9px 0 9px;padding:9px 12px}.home-reference .advice-card{border:0;box-shadow:none;background:white}.home-reference .article-body{padding:18px 0 0}.home-reference .article-body h3{font-size:17px!important;line-height:1.45;margin-bottom:13px}.home-reference .article-meta{font-size:9px;color:#888}.home-reference .article-body>p:not(.article-meta){font-size:12px;line-height:1.7}.home-reference .read-more{display:inline-flex;border:1px solid #e5e5e5;border-radius:30px;padding:10px 19px;font-size:10px;margin-top:20px;width:auto}.home-reference .read-more>span{display:none}.home-reference .service-feature{background:#202020;color:#fff;padding:85px 0 100px}.home-reference .feature-layout{grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start}.home-reference .feature-image{height:360px;border-radius:12px;overflow:hidden}.home-reference .feature-body h2{font-size:25px!important}.home-reference .feature-body>.eyebrow{display:none}.home-reference .feature-tabs{border:0;gap:9px;margin-top:0;margin-bottom:28px;flex-wrap:wrap}.home-reference .feature-tabs button{background:#363636;border:0;color:white;border-radius:5px;padding:13px 18px;font-size:12px}.home-reference .feature-tabs button[aria-selected=true]{background:#0076bd;color:white}.home-reference .feature-panel h3{color:white;font-size:20px}.home-reference .feature-panel p,.home-reference .feature-panel li{color:#d2d2d2;font-size:13px;line-height:1.8}.home-reference .feature-panel li::before{color:#0076bd}.home-reference .text-button{color:#fff;font-size:12px}.home-reference .gallery-section{padding:0}.home-reference .gallery-heading{display:none}.home-reference .gallery-strip{grid-template-columns:repeat(5,1fr);gap:0}.home-reference .gallery-item{height:300px}.home-reference .gallery-item>span{font-size:11px}.home-confidence{background:#f2f6f9;padding:100px 0 105px}.confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}.confidence-grid article{background:white;padding:30px;border-radius:8px;box-shadow:0 5px 18px #1d1d1d08}.confidence-grid article>span{color:#0076bd;font-size:24px;font-weight:800}.home-reference .confidence-grid h3{font-size:17px;line-height:1.4;margin:15px 0}.home-reference .confidence-grid p{font-size:13px;line-height:1.85;color:#5c6264}.home-landlord-link{display:block;text-align:center;font-size:12px;margin-top:35px;text-decoration:underline;text-underline-offset:5px}.home-faq{padding:100px 0;background:#f2f6f9}.home-faq>.wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.home-faq figure{position:relative;margin:0}.home-faq figure::before{content:'';background:#0076bd;width:82%;height:90%;position:absolute;right:-20px;top:-30px;border-radius:12px}.home-faq img{position:relative;width:100%;height:340px;object-fit:cover;border-radius:12px}.home-faq figcaption{position:absolute;bottom:16px;left:15px;background:#0008;color:#fff;padding:4px 8px;font-size:9px}.home-faq .about-questions{margin-top:40px}.home-faq details{padding:17px 0}.home-faq summary{position:relative;padding-right:40px;font-size:14px;font-weight:800;list-style:none;line-height:1.6;cursor:pointer}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary>span{color:#0076bd;margin-right:13px}.home-faq summary::after{content:'+';position:absolute;right:0;top:0;width:27px;height:27px;line-height:27px;border-radius:50%;background:#e3f2fb;color:#0076bd;text-align:center;font-weight:400;font-size:21px}.home-faq details[open] summary{color:#0076bd}.home-faq details[open] summary::after{content:'−';background:#0076bd;color:white}.home-faq details p{font-size:13px;line-height:1.7;margin:17px 35px 0 28px;color:#555}.home-contact{background:linear-gradient(115deg,#0785ce,#0076bd 70%);color:white;padding:55px 0}.home-contact>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.home-reference .home-contact .eyebrow{color:white}.home-reference .home-contact h2{color:white;font-size:34px!important;margin-bottom:15px}.home-contact-title>p:last-child{font-size:13px}.home-contact-actions{display:flex;align-items:start;gap:15px;flex-wrap:wrap}.home-contact-actions>.button{flex:1;white-space:nowrap}.home-enquiry{flex:1;min-width:250px}.home-enquiry>summary{background:white;color:#25292b;border-radius:30px;list-style:none;padding:15px 22px;font-size:12px;cursor:pointer;display:flex;gap:25px;justify-content:space-between}.home-enquiry>summary::-webkit-details-marker{display:none}.home-contact-actions>p{font-size:10px;width:100%;line-height:1.7}.home-enquiry[open]{flex-basis:100%}.home-reference .home-enquiry .enquiry-form{margin-top:20px;background:#fff;color:#262b2d;border-radius:10px;padding:30px;box-shadow:none}.home-reference .enquiry-form h3{font-size:21px}.home-reference .enquiry-form .button{color:white}.home-reference .enquiry-form .form-note{font-size:11px}.home-reference .mobile-call{background:#0076bd;color:#fff}
@media(max-width:1000px){.home-reference .about-section,.home-reference .feature-layout,.home-faq>.wrap{gap:45px}.roof-feature-cards{gap:15px}.roof-feature-card{padding-inline:15px}.home-reference .about-images{min-height:390px}.home-reference .about-back,.home-reference .about-front{height:250px}.home-contact>.wrap{gap:30px}.home-reference .gallery-item{height:240px}}
@media(max-width:700px){.home-reference .elk-hero{min-height:520px;padding:65px 0 100px}.home-reference .elk-hero h1{font-size:34px;line-height:1.2}.home-reference .elk-hero p:not(.eyebrow){font-size:13px}.elk-hero-actions{gap:10px}.home-reference .button{padding:13px 20px;font-size:11px}.roof-feature-cards{grid-template-columns:1fr 1fr;gap:45px 15px;margin-top:-30px!important}.roof-feature-card{min-height:225px;padding:20px 14px}.home-reference .roof-feature-card h2{font-size:15px!important}.roof-feature-card p{font-size:11px}.roof-feature-card svg{width:32px;height:32px}.home-reference .about-section{padding-block:70px;grid-template-columns:1fr;gap:30px}.home-reference .about-images{min-height:355px}.home-reference .about-back{height:235px}.home-reference .about-front{height:235px}.home-reference h2{font-size:29px!important}.home-reference .advice-section{padding:40px 0 65px}.home-reference .advice-grid{grid-template-columns:1fr 1fr;gap:20px}.home-reference .article-image{height:150px}.home-reference .article-body h3{font-size:15px!important}.home-reference .article-body>p:not(.article-meta){font-size:12px}.home-reference .centred-heading{margin-bottom:35px}.home-reference .service-feature{padding:55px 0}.home-reference .feature-layout{grid-template-columns:1fr;gap:30px}.home-reference .feature-image{height:280px}.home-reference .feature-tabs{gap:7px}.home-reference .feature-tabs button{padding:12px 13px}.home-reference .gallery-strip{grid-template-columns:repeat(5,190px);overflow-x:auto}.home-reference .gallery-item{height:260px}.home-confidence{padding:60px 0}.confidence-grid{grid-template-columns:1fr;gap:18px}.confidence-grid article{padding:25px}.home-faq{padding:55px 0}.home-faq>.wrap{grid-template-columns:1fr;gap:60px}.home-faq figure{margin-right:20px}.home-faq img{height:290px}.home-contact{padding:40px 0}.home-contact>.wrap{grid-template-columns:1fr;gap:25px}.home-contact-actions{display:block}.home-contact-actions>.button{width:100%;margin-bottom:15px}.home-enquiry{min-width:0}.home-contact-actions>p{margin-top:15px}.home-reference .home-enquiry .enquiry-form{padding:25px 18px}.home-reference .home-enquiry .form-grid{grid-template-columns:1fr}.home-reference .home-contact h2{font-size:30px!important}}
@media(max-width:360px){.home-reference .advice-grid{grid-template-columns:1fr}.home-reference .article-image{height:200px}.home-reference .elk-hero h1{font-size:30px}.home-reference .roof-feature-card h2{font-size:14px!important}}
@media(min-width:901px){.home-reference header .brand{position:relative;z-index:2;padding:18px 20px 23px;margin-top:-32px;min-height:145px;align-items:center;flex-direction:column;justify-content:center;gap:6px;min-width:150px}.home-reference header .brand::before{content:'';position:absolute;inset:-8px -5px 0;background:#0076bd;transform:rotate(-17deg);border-radius:0 0 18px 18px;z-index:-1}.home-reference header .brand-mark{background:none!important;color:#fff;padding:0;line-height:1;font-size:48px;min-width:0;height:auto}.home-reference header .brand-dot{color:white}.home-reference header .brand-words{color:#fff;font-size:9px;text-align:center;display:block}.home-reference header .wrap.nav{gap:48px}.home-reference .topbar>.wrap{padding-left:175px}.home-reference header #navigation{margin-left:0}}
.home-reference header #navigation>a.nav-contact{background:#0076bd;color:#fff}.home-reference header #navigation>a[aria-current=page]{color:#0076bd}.home-reference .topbar a>span,.home-reference .topbar a>b{color:#0076bd}
.home-reference .global-footer h2{font-size:22px!important;line-height:1.35!important}.home-reference .global-footer p{font-size:15px}.home-reference .global-footer .footer-lower p{font-size:13px}.home-reference .global-footer .footer-photo-credits p{font-size:10px}@media(max-width:700px){.home-reference .global-footer h2{font-size:21px!important}.home-reference .global-footer p{font-size:14px}.home-reference .global-footer .footer-lower p{font-size:12px}}

/* Supplied roof silhouette replaces the plain triangular card tops. */
.home-reference .roof-feature-card::before{top:0;left:0;width:100%;height:auto;aspect-ratio:201 / 77;transform:translateY(-76%);background:url("../images/service-card-roof.png") center / 100% 100% no-repeat;clip-path:none;pointer-events:none;z-index:-1}.home-reference .roof-feature-card{isolation:isolate}.home-reference .roof-feature-cards{margin-top:-35px!important}@media(max-width:700px){.home-reference .roof-feature-cards{row-gap:80px;margin-top:-10px!important}}


.home-reference .roof-feature-card .feature-arrow .ui-arrow{width:18px;height:18px;margin:0;display:block}.home-reference .roof-feature-card{padding-bottom:38px}.home-reference .roof-feature-card::before{filter:drop-shadow(0 -5px 8px #00000004)}

/* Reference proportions: a smaller roof cap above a broad rounded card. */
.home-reference .roof-feature-cards{gap:30px;margin-top:-72px!important}
.home-reference .roof-feature-card{border-radius:18px 18px 5px 5px;padding:0 27px 38px;box-shadow:0 14px 36px #18262c0d;min-height:270px}
.home-reference .roof-feature-card::before{width:78%;left:11%;top:0;aspect-ratio:201 / 77;height:auto;transform:translateY(-98%);filter:none}
.home-reference .roof-feature-card>svg{position:relative;width:58px;height:58px;margin:-20px auto 28px;stroke-width:1.25;z-index:1}
.home-reference .roof-feature-card h2{font-family:Poppins,Arial,sans-serif;font-size:20px!important;font-weight:600;line-height:1.5!important;letter-spacing:-.3px;margin-bottom:18px}
.home-reference .roof-feature-card p{font-size:14px;line-height:1.8;color:#565c5e}
.home-reference .roof-feature-card .feature-arrow{bottom:14px;right:17px}
@media(min-width:701px) and (max-width:1000px){.home-reference .roof-feature-cards{gap:20px}.home-reference .roof-feature-card{padding-inline:18px}.home-reference .roof-feature-card h2{font-size:17px!important}.home-reference .roof-feature-card p{font-size:12px}}
@media(max-width:700px){.home-reference .roof-feature-cards{gap:88px 18px;margin-top:-40px!important}.home-reference .roof-feature-card{padding:0 17px 35px;min-height:245px;border-radius:15px 15px 4px 4px}.home-reference .roof-feature-card>svg{width:43px;height:43px;margin:-15px auto 21px}.home-reference .roof-feature-card h2{font-size:16px!important;line-height:1.5!important;margin-bottom:13px}.home-reference .roof-feature-card p{font-size:12px;line-height:1.75}}
@media(max-width:380px){.home-reference .roof-feature-cards{gap:72px 14px}.home-reference .roof-feature-card{padding-inline:12px}.home-reference .roof-feature-card h2{font-size:14px!important}.home-reference .roof-feature-card p{font-size:11px}}

/* Full homepage contact section, matching the service enquiry layout. */
.home-reference .home-contact-full{padding:75px 0;background:linear-gradient(115deg,#087dc3,#00588f)}
.home-reference .home-contact-full>.wrap{grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}
.home-reference .home-contact-full .enquiry-copy h2{font-size:38px!important;line-height:1.2!important;margin:18px 0 24px}
.home-contact-full .enquiry-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:440px;color:#fff}
.home-reference .home-contact-full .enquiry-phone{display:block;font-family:Poppins,Arial,sans-serif;color:white;font-size:28px;font-weight:600;margin-top:28px;letter-spacing:-.5px;text-decoration:none}
.home-contact-full .enquiry-email{display:block;font-size:13px;color:#fff;overflow-wrap:anywhere;margin-top:12px}
.home-contact-full .enquiry-tip{border-left:2px solid #ffffff70;padding:0 0 0 20px;margin-top:35px;color:white}
.home-contact-full .enquiry-tip p{font-size:13px;line-height:1.8;margin-top:8px;color:#e3f2fb}
.home-contact-full .home-contact-area{margin-top:28px;font-size:12px!important;color:#e3f2fb!important}
.home-reference .home-contact-full .enquiry-form{background:#fff;color:#25292b;padding:35px;border-radius:12px;box-shadow:0 15px 40px #00395920;margin:0}
.home-reference .home-contact-full .enquiry-form h3{font-size:23px;margin-bottom:24px}
.home-contact-full .form-grid{gap:18px}.home-contact-full .form-grid label{font-size:12px;min-width:0}.home-contact-full .form-note{font-size:11px!important;line-height:1.7!important}.home-contact-full .form-consent{font-size:12px;line-height:1.7}.home-contact-full #form-result p{font-size:13px}
@media(max-width:900px){.home-reference .home-contact-full>.wrap{gap:35px}.home-reference .home-contact-full .enquiry-phone{font-size:24px}}
@media(max-width:700px){.home-reference .home-contact-full{padding-block:45px}.home-reference .home-contact-full>.wrap{grid-template-columns:1fr;gap:35px}.home-reference .home-contact-full .enquiry-copy h2{font-size:32px!important}.home-reference .home-contact-full .enquiry-form{padding:27px 20px}.home-contact-full .form-grid{grid-template-columns:1fr}.home-contact-full .form-grid input,.home-contact-full .form-grid select,.home-contact-full .form-grid textarea{font-size:16px}.home-reference .home-contact-full .enquiry-form h3{font-size:21px}}

.home-reference .recent-work{padding:80px 0;background:#fff}.recent-work h2{margin:0 0 30px}.recent-work-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:240px 240px;gap:18px}.recent-work-tile{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:#08141e;color:#fff;cursor:pointer;text-align:left}.recent-work-tile:first-child{grid-row:span 2}.recent-work-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.recent-work-tile:hover img{transform:scale(1.035)}.recent-work-tile:focus-visible{outline:3px solid #0076bd;outline-offset:5px}.recent-work-caption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:45px 24px 22px;background:linear-gradient(transparent,#07111ae6);font:600 17px Poppins,Arial,sans-serif}.recent-work-caption svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6}
@media(max-width:700px){.home-reference .recent-work{padding:45px 0}.recent-work-grid{grid-template-columns:1fr;grid-template-rows:none;gap:15px}.recent-work-tile,.recent-work-tile:first-child{grid-row:auto;aspect-ratio:4/3;height:auto}.recent-work-caption{font-size:15px;padding:36px 18px 18px}}
@media(prefers-reduced-motion:reduce){.recent-work-tile img{transition:none}.recent-work-tile:hover img{transform:none}}

/* Expanded recent-work gallery. */
.recent-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:250px;gap:16px}.recent-work-tile:first-child{grid-row:auto;grid-column:span 2}.recent-work-tile:nth-child(8){grid-column:span 2}.recent-work-caption{font-size:14px;padding:38px 16px 16px}.recent-work-caption svg{flex-shrink:0;width:24px;height:24px}
@media(max-width:1000px){.recent-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:240px}.recent-work-tile:first-child,.recent-work-tile:nth-child(8){grid-column:auto}}
@media(max-width:700px){.recent-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:240px;gap:12px}.recent-work-tile,.recent-work-tile:first-child{height:100%;aspect-ratio:auto}.recent-work-caption{font-size:12px;padding:32px 12px 12px}}
@media(max-width:420px){.recent-work-grid{grid-template-columns:1fr;grid-auto-rows:320px}}