:root{--black:#050505;--panel:#0b0b0b;--charcoal:#151515;--white:#f6f6f4;--muted:#b7b7b7;--gold:#f4a900;--line:#383838}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:102px;display:flex;align-items:center;padding:0 clamp(24px,5vw,72px);gap:46px;background:#030303;border-bottom:1px solid #171717;position:sticky;top:0;z-index:50}.brand{width:145px;margin-right:auto}.brand img{width:100%;height:82px;object-fit:contain}.main-nav{display:flex;gap:38px;align-items:center}.main-nav a{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:36px 0 12px;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:47px;padding:0 27px;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700;border:1px solid var(--gold);transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(244,169,0,.17)}.button-solid{background:var(--gold);color:#090909}.button-outline{background:rgba(0,0,0,.24)}.header-quote{min-width:146px}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:var(--gold);margin:5px}.hero{height:540px;position:relative;overflow:hidden;border-bottom:1px solid var(--gold)}.hero-image{position:absolute;inset:0;background:url('assets/hero-electrician.png') 62% center/cover no-repeat}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.95) 22%,rgba(9,9,9,.78) 39%,rgba(9,9,9,.15) 66%,rgba(0,0,0,.08) 100%)}.hero-chevrons{position:absolute;left:31%;top:-17%;width:240px;height:140%;transform:skew(-1deg)}.hero-chevrons i{position:absolute;inset:0;border-right:4px solid var(--gold);transform:skew(-17deg)}.hero-chevrons i:nth-child(2){right:28px;border-color:#888}.hero-chevrons i:nth-child(3){right:56px;border-color:#2a2a2a}.hero-content{position:relative;z-index:2;padding:56px clamp(24px,5.5vw,82px);max-width:650px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:600;margin:0 0 9px}.hero h1{font-size:clamp(2.5rem,4.7vw,4.6rem);line-height:1.03;text-transform:uppercase;letter-spacing:-.04em;margin:0 0 20px}.hero h1 span,.about h2 span,.cta h2 span{color:var(--gold)}.hero-copy{max-width:390px;font-size:1.04rem;margin:0 0 27px}.hero-actions{display:flex;gap:14px}.trust-strip{min-height:82px;padding:0 clamp(24px,5vw,72px);display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--gold)}.trust-strip article{display:flex;align-items:center;gap:18px;padding:16px 26px;border-right:1px solid #282828}.trust-strip article:last-child{border-right:0}.trust-strip span{font-size:2.2rem;color:var(--gold);line-height:1}.trust-strip h3{font-size:.76rem;line-height:1.25;text-transform:uppercase;margin:0 0 2px}.trust-strip p{font-size:.66rem;color:#c7c7c7;margin:0}.section{padding:62px clamp(20px,3vw,45px)}.section-heading{text-align:center;margin-bottom:34px}.section-heading h2,.project-title h2{margin:0;text-transform:uppercase;font-size:clamp(1.65rem,2.7vw,2.55rem);letter-spacing:.02em}.gold-rule{display:block;width:68px;height:2px;background:var(--gold);margin:13px auto}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:1480px;margin:auto}.service-card{border:1px solid #484848;background:#090909;min-width:0;transition:.25s}.service-card:hover{border-color:var(--gold);transform:translateY(-5px)}.card-image{height:154px;background-size:cover;background-position:center;filter:saturate(.75)}.card-home,.card-lighting,.card-build{background-image:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),url('assets/project-lighting.png')}.card-commercial,.card-unit,.card-repair{background-image:linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15)),url('assets/project-commercial.png')}.card-home{background-position:left center}.card-lighting{background-position:center}.card-build{background-position:right center}.card-commercial{background-position:70% center}.card-unit{background-position:left center}.card-repair{background-position:center}.card-body{padding:17px 16px 19px;min-height:245px;display:flex;flex-direction:column}.card-icon{font-size:2rem;color:var(--gold);line-height:1}.card-body h3{text-transform:uppercase;font-size:.88rem;line-height:1.35;margin:11px 0 9px}.card-body p{font-size:.72rem;color:#c2c2c2;line-height:1.55;margin:0 0 13px}.card-body a{margin-top:auto;color:var(--gold);text-transform:uppercase;font-size:.66rem;font-weight:700;letter-spacing:.05em}.projects{padding-top:9px}.project-title{display:flex;justify-content:space-between;align-items:end;margin:0 auto 22px;max-width:1480px}.project-grid{max-width:1480px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);height:250px;gap:8px}.project{margin:0;background-size:cover;background-position:center;position:relative;overflow:hidden}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 55%);opacity:.65;transition:.25s}.project:hover:after{opacity:1}.project figcaption{position:absolute;z-index:2;left:16px;bottom:13px;text-transform:uppercase;font-size:.7rem;font-weight:700;opacity:0;transform:translateY(8px);transition:.25s}.project:hover figcaption{opacity:1;transform:none}.project-kitchen,.project-home,.project-detail{background-image:url('assets/project-lighting.png')}.project-board,.project-office{background-image:url('assets/project-commercial.png')}.project-kitchen{background-position:left center}.project-home{background-position:center}.project-detail{background-position:right center}.project-board{background-position:left center}.project-office{background-position:65% center}.about{max-width:1450px;margin:15px auto 50px;display:grid;grid-template-columns:1.1fr 1fr;background:#0b0b0b;border:1px solid #282828;padding:0}.about-photo{min-height:430px;background:url('assets/hero-electrician.png') 76% center/cover no-repeat}.about-copy{padding:clamp(38px,6vw,85px)}.about h2{font-size:clamp(2rem,3vw,3.2rem);text-transform:uppercase;line-height:1.1;margin:0 0 25px}.about-copy>p:not(.eyebrow){color:#c7c7c7;max-width:620px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.about-points span{font-size:.78rem;text-transform:uppercase}.about-points span::first-letter{color:var(--gold)}.cta{min-height:190px;display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,#242424,#0b0b0b 62%);border-top:1px solid #333;border-bottom:1px solid #333}.cta-inner{position:relative;z-index:2;padding:31px 20px}.cta h2{font-size:clamp(1.8rem,3vw,3rem);text-transform:uppercase;line-height:1.05;margin:0 0 4px}.cta p:not(.eyebrow){font-size:.8rem;margin:0 0 18px}.cta-actions{display:flex;align-items:center;justify-content:center;gap:25px}.phone-link{font-weight:700;font-size:.86rem}.cta-chevron{position:absolute;width:180px;height:260px;border:3px solid rgba(244,169,0,.35);transform:rotate(45deg)}.cta-chevron.left{left:-105px}.cta-chevron.right{right:-105px}.site-footer{display:grid;grid-template-columns:1.1fr .75fr 1fr .9fr;gap:45px;padding:34px clamp(24px,6vw,88px) 18px;background:#030303}.site-footer h3{text-transform:uppercase;font-size:.73rem;margin:0 0 15px}.footer-brand img{width:135px;height:75px;object-fit:contain}.site-footer p,.site-footer a{font-size:.68rem;color:#c8c8c8}.footer-brand p{max-width:250px}.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-contact p{margin:0}.footer-quote .button{margin-top:9px;color:var(--white)}.copyright{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #242424;padding-top:15px;color:#777;font-size:.62rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1100px){.main-nav{gap:20px}.service-grid{grid-template-columns:repeat(3,1fr)}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip article:nth-child(2){border-right:0}.service-card .card-image{height:190px}.project-grid{grid-template-columns:repeat(3,1fr);height:auto}.project{height:220px}.project:nth-child(4),.project:nth-child(5){display:none}.site-footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}}
@media (max-width:760px){html{scroll-padding-top:72px}.site-header{height:74px;padding:0 18px}.brand{width:105px}.brand img{height:62px}.menu-toggle{display:block;order:3}.header-quote{display:none}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#050505;border-bottom:1px solid var(--gold);padding:17px 24px 25px;flex-direction:column;align-items:flex-start;gap:4px}.main-nav.open{display:flex}.main-nav a{padding:8px 0}.hero{height:590px}.hero-image{background-position:69% center}.hero-scrim{background:linear-gradient(90deg,rgba(4,4,4,.97),rgba(4,4,4,.8) 62%,rgba(4,4,4,.28))}.hero-chevrons{left:62%;opacity:.35}.hero-content{padding:78px 24px 30px}.hero h1{font-size:2.55rem}.hero-copy{font-size:.95rem;max-width:290px}.hero-actions{flex-direction:column;align-items:flex-start}.button{min-width:190px}.trust-strip{grid-template-columns:1fr;padding:0 20px}.trust-strip article{border-right:0;border-bottom:1px solid #282828;padding:17px 7px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.section{padding:50px 14px}.card-image{height:130px}.card-body{min-height:265px;padding:14px 12px}.project-title{align-items:flex-start}.project-title .button{display:none}.project-grid{grid-template-columns:1fr 1fr;gap:6px}.project{height:190px}.project:nth-child(3){grid-column:1/-1}.about{margin:10px 14px 38px;grid-template-columns:1fr}.about-photo{min-height:300px}.about-copy{padding:35px 25px}.about-points{grid-template-columns:1fr}.cta-actions{flex-direction:column;gap:12px}.site-footer{grid-template-columns:1fr;padding:35px 24px 18px;gap:28px}.copyright{grid-column:1;gap:20px;align-items:flex-start;flex-direction:column}}
@media (max-width:430px){.hero h1{font-size:2.15rem}.service-grid{grid-template-columns:1fr}.card-image{height:210px}.card-body{min-height:auto}.project-grid{grid-template-columns:1fr}.project,.project:nth-child(3){grid-column:auto;height:220px}.project:nth-child(3){display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.service-card{transition:none}}

/* Integrate the supplied black-backed logo with the site's dark surfaces. */
.brand img,.footer-brand img{mix-blend-mode:screen;opacity:.94}
.trust-strip{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.trust-strip{grid-template-columns:1fr}}

/* Give every service and story panel its own photograph. */
.card-home{background-image:linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,.18)),url('assets/service-domestic.png');background-position:center}
.card-commercial{background-image:linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15)),url('assets/project-commercial.png');background-position:70% center}
.card-lighting{background-image:linear-gradient(0deg,rgba(0,0,0,.16),rgba(0,0,0,.16)),url('assets/service-outdoor-lighting.png');background-position:center}
.card-unit{background-image:linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15)),url('assets/service-consumer-unit.png');background-position:center}
.card-build{background-image:linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,.18)),url('assets/project-lighting.png');background-position:center}
.card-repair{background-image:linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15)),url('assets/service-fault-finding.png');background-position:center}
.about-photo{background-image:url('assets/about-testing.png');background-position:center}