:root{--ink:#14130f;--ink-2:#23211a;--volt:#ffd400;--paper:#f4f1e8;--white:#fff;--muted:#6a665a;
--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',system-ui,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--body);color:var(--ink);background:var(--paper);font-size:1.0625rem;line-height:1.65;overflow-x:hidden}
h1,h2,h3{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:.01em}
h2{font-size:clamp(2.6rem,6vw,4.2rem);margin-bottom:1.25rem}
a{color:inherit}
img{max-width:100%;height:auto}
.eyebrow{font-family:var(--display);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--volt);font-size:1rem;margin-bottom:.9rem}
.eyebrow.dark{color:#7a6500}
.btn{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:2px}
.btn-volt{background:var(--volt);color:var(--ink);border:2px solid var(--volt)}
.btn-volt:hover{background:var(--white);border-color:var(--white);color:var(--ink)}
.utility{background:var(--ink);color:#e8e4d4;font-size:.9rem;padding:.35rem 0}
.utility a{text-decoration:none;font-weight:600;color:var(--volt)}
.mainnav{background:var(--white);border-bottom:4px solid var(--volt);padding:.5rem 0}
.navbar-brand{display:flex;align-items:center;gap:.7rem}
.mark{background:var(--ink);color:var(--volt);font-family:var(--display);font-weight:800;font-size:1.5rem;padding:.1rem .5rem;letter-spacing:.04em;line-height:1.3}
.brand-name{font-family:var(--display);font-weight:800;font-size:1.55rem;text-transform:uppercase;letter-spacing:.03em}
.brand-name small{font-weight:600;color:var(--muted);font-size:.9rem}
.mainnav .nav-link{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem;color:var(--ink)}
.mainnav .nav-link:hover{color:#7a6500}
.hero{background:var(--ink)}
.hero-panel{background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:space-between;min-height:560px}
.hero-inner{padding:4rem 2rem 2.5rem;max-width:640px;margin-left:auto}
.hero h1{font-size:clamp(3rem,6.5vw,5.4rem);margin-bottom:1.25rem}
.hero h1 span{color:var(--volt)}
.hero-sub{font-size:1.15rem;color:#e8e4d4;margin-bottom:1.75rem}
.hero-photo{background:url('img/hero.webp') center/cover no-repeat;min-height:340px}
.breaker-strip{display:flex;gap:6px;padding:0 2rem 1.5rem;max-width:704px;margin-left:auto;width:100%}
.breaker-strip i{flex:1;height:34px;background:var(--ink-2);border:2px solid #4a463a;border-radius:3px;position:relative}
.breaker-strip i::after{content:"";position:absolute;left:25%;right:25%;top:4px;height:12px;background:var(--volt);border-radius:2px}
.breaker-strip i.off::after{top:auto;bottom:4px;background:#6a665a}
.intro{background:var(--volt);padding:3rem 0}
.intro-text{font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.3;margin:0}
.section{padding:5.5rem 0}
.svc-photo{margin-top:1.5rem;border:4px solid var(--ink);display:block;width:100%}
.panel{background:var(--ink);color:var(--white);padding:1rem;border-radius:6px;border-top:8px solid var(--volt)}
.panel-head{display:flex;justify-content:space-between;font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--volt);padding:.4rem .6rem .8rem}
.circuits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.circuits li{display:flex;align-items:center;gap:.6rem;background:var(--ink-2);border:1px solid #3a372d;padding:.55rem .6rem;min-height:56px;font-weight:500;line-height:1.2}
.circuits .num{font-family:var(--display);font-weight:800;color:var(--volt);width:1.6rem;flex:none;font-size:1.15rem}
.brk{width:18px;height:30px;flex:none;background:#0c0b08;border:2px solid #5a5649;border-radius:3px;position:relative}
.brk i{position:absolute;left:2px;right:2px;top:2px;height:11px;background:var(--volt);border-radius:1px}
.circuits li:last-child .nm{font-style:italic}
.band{background:var(--ink);color:var(--white);padding:3.5rem 0;text-align:center;border-top:6px solid var(--volt)}
.band p{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(1.7rem,4vw,3rem);line-height:1.1;max-width:900px;margin:0 auto .75rem}
.band span{color:var(--volt);font-weight:600;letter-spacing:.06em}
.quote{background:var(--white)}
.quote-card{background:var(--paper);border:3px solid var(--ink);padding:2rem;box-shadow:10px 10px 0 var(--volt)}
.quote-card h3{font-size:2.2rem;margin-bottom:.75rem}
.testimonial{background:var(--paper)}
.testimonial blockquote{border-left:10px solid var(--volt);padding-left:1.5rem;margin:0}
.testimonial blockquote p{font-size:1.35rem;line-height:1.55;font-weight:500}
.testimonial .eyebrow{color:#7a6500}
.gallery{background:var(--white)}
.gallery figure{margin:0;height:100%}
.gallery img{width:100%;height:340px;object-fit:cover;display:block;border:4px solid var(--ink)}
.contact{background:var(--ink);color:var(--white)}
.contact-list{list-style:none;padding:0;margin:0}
.contact-list li{display:flex;gap:.9rem;margin-bottom:1.1rem;font-size:1.15rem}
.contact-list i{color:var(--volt);font-size:1.3rem}
.contact-list a{color:var(--white);text-decoration-color:var(--volt)}
.map{width:100%;height:380px;border:0;border-top:8px solid var(--volt)}
.footer{background:#0c0b08;color:#cfcabb;padding:1.5rem 0;font-size:.95rem}
.footer a{color:var(--volt)}
@media(max-width:991px){.hero-inner{margin:0;padding:3rem 1.25rem 2rem}.breaker-strip{margin:0;padding:0 1.25rem 1.25rem}.hero-photo{min-height:280px;order:-1}.hero-panel{min-height:0}.hero-panel .breaker-strip{margin-top:1rem}}
@media(max-width:575px){.circuits{grid-template-columns:1fr}.gallery img{height:240px}.section{padding:4rem 0}.brand-name{font-size:1.3rem}}