/*
Theme Name: Red Light Electric Premium
Author: Red Light Electric
Description: Premium black, red and white contractor website.
Version: 1.0.0
*/
:root{--red:#e21b23;--dark:#08090b;--char:#111318;--muted:#b6bbc4;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#15171c;background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 34px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,6,8,.97);border-bottom:1px solid #22252b}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:210px;max-height:58px;object-fit:contain}.nav{display:flex;gap:24px;align-items:center}.nav a{color:#fff;font-size:.84rem;font-weight:800}.nav a:hover{color:var(--red)}.phone{background:var(--red);padding:12px 18px}.menu-toggle{display:none;background:transparent;color:#fff;border:0;font-size:1.5rem}
.hero{position:relative;min-height:660px;background:#090a0c;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.15) 74%,rgba(0,0,0,.45) 100%),url("assets/images/hero.jpg") center/cover no-repeat}.hero-inner{position:relative;min-height:660px;display:flex;align-items:center}.hero-copy{max-width:670px;padding:90px 0}.eyebrow{color:var(--red);font-weight:900;letter-spacing:.09em;text-transform:uppercase;font-size:.8rem}.hero h1{font-size:clamp(3.1rem,6vw,6.2rem);line-height:.9;letter-spacing:-.05em;margin:18px 0}.hero h1 span{color:var(--red)}.hero p{color:#d9dce2;font-size:1.1rem;max-width:600px}.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;font-weight:900;border:1px solid transparent}.btn-red{background:var(--red);color:#fff}.btn-outline{border-color:var(--red);color:#fff}
.section{padding:84px 0}.section-dark{background:#0a0b0e;color:#fff}.section-title{text-align:center;font-size:clamp(2.2rem,4vw,3.3rem);line-height:1;margin:9px 0 12px;font-weight:900}.section-label{text-align:center;color:var(--red);font-weight:900;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.section-intro{text-align:center;max-width:680px;margin:0 auto 40px;color:#666}.section-dark .section-intro{color:#b8bdc7}
.services{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.service{background:#fff;border:1px solid #e6e6e6;padding:28px 18px;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.04)}.service .icon{font-size:2.2rem;color:var(--red);margin-bottom:14px}.service h3{font-size:1rem;line-height:1.1;margin:0 0 10px;text-transform:uppercase}.service p{font-size:.86rem;color:#62666e}.service:after{content:"";display:block;width:42px;height:3px;background:var(--red);margin:18px auto 0}
.why{display:grid;grid-template-columns:1fr 1.08fr;gap:54px;align-items:center}.why img{width:100%;height:100%;object-fit:cover}.why h2{font-size:clamp(2.4rem,4vw,4rem);line-height:.95;margin:10px 0 18px}.why-list{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px}.why-item{display:grid;grid-template-columns:42px 1fr;gap:12px}.why-icon{width:40px;height:40px;border:2px solid var(--red);color:var(--red);display:grid;place-items:center;border-radius:50%;font-weight:900}.why-item h4{margin:0 0 4px;text-transform:uppercase}.why-item p{margin:0;color:#b7bbc2;font-size:.9rem}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review{border:1px solid #e8e8e8;padding:30px;text-align:center}.stars{color:var(--red);letter-spacing:.15em}.review strong{display:block;margin-top:16px}.review small{color:#777}
.projects{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.projects img{width:100%;height:210px;object-fit:cover}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:850px;margin:30px auto 0}.contact .full{grid-column:1/-1}.contact input,.contact textarea,.contact select{width:100%;padding:13px;border:1px solid #d5d8dc;font:inherit}.contact textarea{min-height:135px}
.cta{background:linear-gradient(90deg,#d50f17,#f2232b);color:#fff;padding:30px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h3{font-size:1.8rem;margin:0}.cta p{margin:4px 0 0}.cta .btn{background:#090a0c;color:#fff}.cta .btn:last-child{background:transparent;border-color:#fff}
.footer{background:#090a0c;color:#d5d8de;padding:56px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:34px}.footer img{width:210px}.footer h4{color:#fff;margin:0 0 14px;text-transform:uppercase}.footer a,.footer p,.footer span{color:#b6bbc4;font-size:.92rem}.links{display:grid;gap:8px}.footer-bottom{border-top:1px solid #25272c;margin-top:34px;padding-top:18px;text-align:center;color:#7b8088;font-size:.84rem}
@media(max-width:1000px){.services{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1fr}.projects{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:74px;background:#090a0c;padding:22px;flex-direction:column}.nav.open{display:flex}}
@media(max-width:650px){.services,.reviews,.why-list,.footer-grid{grid-template-columns:1fr}.projects{grid-template-columns:1fr}.projects img{height:250px}.cta-inner{align-items:flex-start;flex-direction:column}.contact{grid-template-columns:1fr}.hero,.hero-inner{min-height:600px}}
