/*
Theme Name: Gray Electric & Service
Description: Custom classic theme for Gray Electric & Service, L.L.C.
Version: 1.0.1
Text Domain: gray-electric
*/
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:600 700;font-display:swap;src:url(assets/fonts/space-grotesk-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url(assets/fonts/ibm-plex-sans-latin.woff2) format("woff2")}
figure{margin:0}
:root{--ink:#252c33;--graphite:#2b3138;--graphite-2:#20262c;--yellow:#f5c518;--paper:#f5f6f7;--line:#d6dade;--muted:#5e6872;--white:#fff;--heading:"Space Grotesk",Arial,sans-serif;--body:"IBM Plex Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--body);font-size:16px;line-height:1.62}img{display:block;max-width:100%;height:auto}a{color:#155a91;text-underline-offset:3px}a:hover{color:#093e69}button,input,select,textarea{font:inherit}.container{width:min(1180px,92%);margin-inline:auto}h1,h2,h3{font-family:var(--heading);line-height:1.12;letter-spacing:-.025em;margin:0 0 .65em;color:inherit}h1{font-size:clamp(2.6rem,6.3vw,5.4rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:1.27rem}.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}.skip-link{position:absolute;z-index:1000;left:1rem;top:-5rem;background:var(--yellow);color:#171a1d;padding:.8rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid #bb8b00;outline-offset:3px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.65rem;padding:.8rem 1.1rem;border:1px solid transparent;border-radius:4px;text-decoration:none;font-weight:600}.btn-yellow{background:var(--yellow);color:#202328}.btn-yellow:hover{background:#ffda3b;color:#1b2024}.btn-outline{background:transparent;border-color:rgba(255,255,255,.62);color:#fff}.btn-outline:hover{background:#fff;color:var(--graphite)}.btn-dark{background:var(--graphite);color:#fff}.btn-dark:hover{background:#12171c;color:#fff}.icon{width:1.18em;height:1.18em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.utility-bar{background:var(--graphite-2);color:#d7dce0;font:600 .72rem var(--body);letter-spacing:.08em}.utility-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.utility-bar a{color:var(--yellow)}.sep{color:#879099;padding:0 .45rem}.site-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #e5e8ea}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--graphite);line-height:1}.brand img{width:42px;height:42px}.brand-text{display:flex;flex-direction:column;gap:.27rem}.brand-text strong{font:700 1.16rem/1 var(--heading);letter-spacing:.015em}.brand-text small{font:600 .63rem/1 var(--body);letter-spacing:.16em}.main-nav{display:flex;align-items:center;gap:1.5rem}.main-nav a{color:var(--ink);font-weight:600;text-decoration:none;padding:.55rem .1rem}.main-nav a:hover{color:#8b6800}.main-nav .nav-cta{padding:.68rem .9rem;background:var(--yellow);border-radius:4px;color:#1b2024}.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--graphite);font-size:1.4rem}
.hero{position:relative;overflow:hidden;background:var(--graphite);color:#fff;min-height:660px;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(196,207,218,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(196,207,218,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000 5%,rgba(0,0,0,.8) 55%,transparent 100%)}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:660px;padding-block:4.5rem}.hero-copy{max-width:650px;position:relative;z-index:2;padding:1.5rem 0}.eyebrow,.section-index{margin:0 0 1rem;font:600 .77rem/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#5a626b}.eyebrow.light{color:#d5dde3}.eyebrow span{color:var(--yellow);padding-inline:.25rem}.hero h1{max-width:650px;margin:.3rem 0 1.2rem;font-weight:700}.hero h1 span{color:var(--yellow)}.hero-lead{max-width:490px;color:#e0e4e8;font-size:1.13rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.65rem 0}.hero-license{font:500 .84rem var(--body);color:#d4d9dd}.status-dot{display:inline-block;width:8px;height:8px;background:#a5d6a7;border-radius:50%;margin-right:.45rem}.hero-photo{height:470px;width:100%;position:relative;display:block;margin-left:-1rem;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%);overflow:hidden}.hero-photo picture{display:block;width:100%;height:100%}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:55% center}.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,49,56,.12),transparent 30%,rgba(15,18,21,.14))}.hero-photo span,.featured-photo span{position:absolute;z-index:2;bottom:1rem;right:1rem;padding:.4rem .6rem;background:rgba(24,29,34,.84);color:#fff;font:600 .65rem var(--body);letter-spacing:.08em}.hero-mark{position:absolute;left:4%;bottom:1rem;color:#97a0a9;font:600 .69rem var(--body);letter-spacing:.13em}.specs{position:relative;background:#fff;padding:0 0 1rem}.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-1px;border:1px solid var(--line);border-top:0}.spec{min-height:145px;padding:1.2rem 1.35rem;display:flex;flex-direction:column;gap:.25rem;border-right:1px solid var(--line);color:var(--ink);text-decoration:none}.spec:last-child{border:0}.spec:hover{background:#f9f7ee;color:#171c20}.spec-index,.card-index{font:600 .69rem var(--body);letter-spacing:.13em;color:#626c75}.spec strong{font:700 1.75rem/1.15 var(--heading);color:#252c33}.spec>span:last-child{font-size:.84rem;color:#47515a}.star{color:#9a7400;padding-left:.2rem}
.section{padding:5.6rem 0}.section-heading{max-width:720px;margin-bottom:2.4rem}.section-index{color:#656f78}.section-heading h2{max-width:630px}.section-heading>p:last-child{max-width:620px;color:var(--muted);margin:0}.services-section{background:var(--paper)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#cbd0d5;border:1px solid #cbd0d5}.service-card{min-height:265px;background:#fff;padding:1.55rem;position:relative;display:flex;flex-direction:column;align-items:flex-start}.service-card:hover{background:#fcfcfa}.service-icon{width:40px;height:40px;border:1px solid #c2c8ce;display:grid;place-items:center;color:#353e46;margin-bottom:1rem}.service-icon .icon{width:23px;height:23px}.service-card .card-index{margin:0 0 .55rem}.service-card h3{margin:0 0 .6rem}.service-card>p:not(.card-index){margin:0 0 1rem;color:#5b646d;font-size:.94rem}.service-card>a{margin-top:auto;color:#29343c;font-size:.9rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--yellow);padding:0 0 .15rem}.service-card>a span{color:#816400}.featured-section{padding:5.5rem 0;background:#fff}.featured-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:4.5rem;align-items:center}.featured-photo{position:relative;height:510px;overflow:hidden;background:#e2e4e6}.featured-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.featured-copy h2{max-width:540px}.featured-copy>p:not(.section-index){color:#505962}.credential-line{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:.85rem;padding:.9rem 0;border-top:1px solid var(--line)}.credential-line:last-of-type{border-bottom:1px solid var(--line)}.credential-line>span{display:grid;place-items:center;width:40px;height:40px;background:var(--yellow);color:#242a30;font:700 .78rem var(--heading)}.credential-line strong,.credential-line small{display:block}.credential-line small{font-size:.8rem;color:var(--muted)}.credential-line>a{font-size:1.2rem;text-decoration:none;color:#343c43}.text-link{display:inline-block;font-weight:600;color:#164e78}.reviews-section{background:#f2f3f4}.reviews-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.review-card,.review-summary{padding:1.5rem;background:#fff;border:1px solid #dfe2e4}.stars,.review-summary strong span{color:#866700;letter-spacing:.08em}.review-card blockquote{margin:.65rem 0 1rem;font:600 1.28rem/1.45 var(--heading);color:#323a41}.review-byline{font-size:.84rem;color:var(--muted)}.review-card>a{font-size:.87rem;font-weight:600}.review-summary{grid-column:span 2;display:flex;align-items:center;gap:1.4rem}.review-summary strong{font:700 1.7rem var(--heading);white-space:nowrap}.review-summary p{margin:0;color:var(--muted);flex:1}.review-summary .btn{min-width:210px}.areas-section{background:var(--yellow);padding:5rem 0;color:#22282d}.areas-layout{display:grid;grid-template-columns:1fr .9fr;gap:4rem;align-items:start}.areas-layout h2{font-size:clamp(2rem,4vw,3.1rem)}.areas-layout .section-index{color:#514516}.areas-layout>div:first-child>p:last-child{max-width:470px}.area-list{border-top:1px solid rgba(32,38,44,.3)}.area-list>a{display:flex;align-items:center;gap:1rem;padding:.83rem 0;border-bottom:1px solid rgba(32,38,44,.3);color:#252c33;text-decoration:none;font:600 1.08rem var(--heading)}.area-list>a>span{font:600 .7rem var(--body);color:#524513}.area-list>a>b{margin-left:auto}.area-list .counties-link{font:600 .85rem var(--body);padding-top:1.2rem}
.estimate-section{padding:5.5rem 0;background:#f2f3f4}.estimate-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}.estimate-copy h2{max-width:440px}.estimate-copy>p:not(.section-index){max-width:420px;color:var(--muted)}.estimate-contact{display:flex;flex-direction:column;margin:2rem 0 1.1rem}.estimate-contact>span{font:600 .7rem var(--body);letter-spacing:.13em;color:#626c75}.estimate-contact>a{font:700 1.8rem var(--heading);color:#253039;text-decoration:none}.estimate-contact small{color:#606971}.license-note{font-size:.83rem;color:#525c64}.estimate-form{background:#fff;border:1px solid #d8dcdf;padding:1.8rem}.estimate-form h3{font-size:1.5rem;margin-bottom:.3rem}.form-caption,.privacy-note{font-size:.82rem;color:#636c74}.estimate-form label{display:block;margin:.85rem 0 .3rem;font-size:.88rem;font-weight:600}.estimate-form input,.estimate-form select,.estimate-form textarea{width:100%;min-height:46px;padding:.65rem .7rem;border:1px solid #adb5bb;border-radius:3px;background:#fff;color:#242b31}.estimate-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.form-submit{width:100%;margin-top:1.1rem;border:0;cursor:pointer}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.notice{padding:.8rem 1rem;margin:.75rem 0;font-weight:600}.notice.success{background:#e8f4e8;color:#194b1f}.notice.error{background:#fae9e9;color:#7a1f1f}
.inner-hero{padding:3.3rem 0 3.8rem;background:var(--graphite);color:#fff;position:relative;overflow:hidden}.inner-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(196,207,218,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(196,207,218,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}.inner-hero .container{position:relative}.breadcrumbs{display:flex;gap:.55rem;align-items:center;font-size:.82rem;color:#c5cbd0;margin-bottom:2.2rem}.breadcrumbs a{color:#e6c94b}.breadcrumbs span[aria-current]{color:#fff}.inner-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);max-width:850px;margin:.2rem 0 .8rem}.inner-lead{color:#d3d9de;max-width:700px}.inner-content{padding:4rem 0}.inner-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:3.5rem;align-items:start}.prose{max-width:800px}.prose p,.area-copy>p{margin:0 0 1.25rem;color:#3f4850;line-height:1.78}.service-checklist{padding:1.5rem;background:var(--paper);border:1px solid var(--line)}.service-checklist h2{font-size:1.65rem}.service-checklist ul{padding-left:1.2rem}.service-checklist li{padding:.35rem 0}.service-checklist>p:not(.section-index){color:var(--muted);font-size:.88rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.related-grid a,.area-cards a{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);color:#25313a;text-decoration:none;font-weight:600}.more-services{padding:3rem 0;background:var(--paper)}.more-services h2{font-size:2rem}.related-grid a:hover,.area-cards a:hover{background:#fff;border-color:#a88b22}.area-copy{max-width:850px}.area-note{padding:1rem;border-left:4px solid var(--yellow);background:#f4f4f3}.area-copy h2{font-size:1.7rem;margin-top:2rem}.area-service-list{padding-left:1.2rem}.area-service-list li{padding:.3rem 0}.area-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:2rem 0}.site-footer{background:var(--graphite-2);color:#d1d6da;padding:3.5rem 0 0}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:3rem;padding-bottom:2.8rem}.footer-brand{color:#fff}.footer-brand .brand-text small{color:#d5d9dc}.site-footer h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:#fff}.site-footer p,.site-footer address{font-style:normal;color:#c0c6cb;font-size:.92rem}.site-footer a{color:#f2d13e}.footer-verify{font-weight:600}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:.35rem 0}.footer-links a{text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0 5.2rem;border-top:1px solid #444c53;color:#adb5bb;font-size:.76rem}.mobile-bar{display:none}
@media(max-width:900px){.main-nav{gap:.8rem}.main-nav a{font-size:.9rem}.hero-layout{grid-template-columns:1fr .8fr}.hero-photo{height:410px}.featured-layout{gap:2.4rem}.featured-photo{height:440px}.estimate-layout{gap:2rem}.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{padding-bottom:66px}.utility-inner{min-height:36px;font-size:.63rem;flex-wrap:wrap;justify-content:center;padding:.3rem 0;gap:.1rem}.utility-inner>span:last-child{display:none}.header-inner{min-height:70px}.brand img{width:38px;height:38px}.brand-text strong{font-size:1.03rem}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem 4% 1.2rem;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 14px rgba(0,0,0,.1);align-items:stretch;flex-direction:column;gap:.2rem}.main-nav.open{display:flex}.main-nav a{padding:.8rem .35rem}.main-nav .nav-cta{text-align:center}.menu-toggle{display:block}.hero{min-height:0}.hero-layout{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:3.1rem 0 2rem}.hero-copy{padding:0}.hero h1{font-size:clamp(2.4rem,11vw,3.8rem)}.hero-lead{font-size:1.02rem}.hero-photo{height:290px;width:calc(100% + 6vw);margin:2rem -3vw 0;clip-path:polygon(0 9%,100% 0,100% 100%,0 100%)}.hero-mark{display:none}.specs-grid{grid-template-columns:repeat(2,1fr)}.spec{min-height:132px;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.spec:nth-child(2){border-right:0}.spec:nth-child(n+3){border-bottom:0}.spec strong{font-size:1.55rem}.section,.featured-section,.estimate-section{padding:3.7rem 0}.services-grid{grid-template-columns:1fr}.service-card{min-height:230px}.featured-layout,.areas-layout,.estimate-layout,.inner-columns{grid-template-columns:1fr;gap:2rem}.featured-photo{height:340px;order:2}.featured-copy{order:1}.reviews-grid{grid-template-columns:1fr}.review-summary{grid-column:auto;display:block}.review-summary p{margin:.6rem 0 1rem}.areas-section{padding:3.6rem 0}.area-list>a{font-size:1rem}.form-row{grid-template-columns:1fr;gap:0}.estimate-form{padding:1.2rem}.inner-hero{padding:2.4rem 0 2.8rem}.breadcrumbs{margin-bottom:1.4rem;font-size:.76rem}.inner-content{padding:2.8rem 0}.related-grid{grid-template-columns:1fr}.area-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:1.8rem;padding-bottom:2rem}.footer-bottom{display:block;padding-bottom:1.5rem}.footer-bottom span{display:block;margin:.25rem 0}.mobile-bar{position:fixed;z-index:50;left:0;right:0;bottom:0;height:66px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid #c8cdd1;box-shadow:0 -4px 16px rgba(20,25,30,.12)}.mobile-bar a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;text-decoration:none;font-weight:700;color:#20262c}.mobile-bar a:first-child{background:var(--yellow)}.mobile-bar a:last-child{background:var(--graphite);color:#fff}.mobile-bar .icon{width:18px;height:18px}.site-footer{padding-top:2.6rem}}
@media(max-width:380px){.hero-actions{display:grid}.hero-actions .btn{width:100%}.spec{padding:.8rem}.spec-index{font-size:.62rem}.spec strong{font-size:1.35rem}.brand-text strong{font-size:.93rem}.brand-text small{font-size:.57rem}.review-summary .btn{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}