/*
Theme Name: Supreme Electrical — Signature
Author: Supreme Electrical
Description: Premium multi-page electrical contracting WordPress theme.
Version: 2.0.0
Requires PHP: 7.4
Text Domain: supreme-electrical
*/
:root{--navy:#0a2039;--navy2:#102f4d;--blue:#145ba1;--electric:#2d87df;--ink:#13263a;--muted:#667686;--light:#f3f6f8;--line:#e1e7ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1250px,calc(100% - 84px));margin:auto}.topbar{background:var(--navy);color:#cbd8e6;font-size:10px;letter-spacing:1.65px;font-weight:700}.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:34px}.topbar a{letter-spacing:.5px}.site-header{background:#fff;position:relative;z-index:20;border-bottom:1px solid #e9eef3}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:112px}.brand{flex:0 0 auto;width:clamp(265px,29vw,385px)}.brand img{width:100%;height:auto;object-fit:contain}.site-nav .menu{list-style:none;display:flex;gap:clamp(13px,1.6vw,26px);padding:0;margin:0;align-items:center}.site-nav a{font-size:12px;font-weight:750;color:#203750;transition:color .2s}.site-nav a:hover{color:var(--electric)}.header-quote{background:var(--blue);color:#fff;padding:16px 20px;font-size:12px;font-weight:700;white-space:nowrap}.header-quote span{padding-left:12px}.nav-toggle{display:none;border:0;background:none;font-size:27px;color:var(--navy)}.hero{height:min(730px,73vw);min-height:590px;position:relative;overflow:hidden;color:#fff;background:var(--navy)}.hero-image{position:absolute;inset:0;background-image:url('assets/images/garden.jpg');background-position:center 48%;background-size:cover;filter:saturate(.95)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,37,.94) 0%,rgba(6,24,43,.82) 39%,rgba(6,22,39,.27) 80%),linear-gradient(0deg,rgba(5,18,34,.5),transparent 35%)}.hero-content{position:relative;z-index:1;padding-top:clamp(115px,11vw,175px)}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:14px}.eyebrow.light{color:#a7d0fb}.eyebrow-line{width:28px;height:2px;background:var(--electric);display:inline-block}.eyebrow-sep{opacity:.5}.hero h1{font-size:clamp(49px,5.5vw,83px);letter-spacing:-3px;line-height:1.08;margin:30px 0 24px;max-width:970px;font-weight:750}.hero h1 em,.section h2 em,.safety-strip h2 em,.cta-section h2 em{font-style:normal;color:#6db5ff}.hero p{font-size:17px;line-height:1.85;color:#e2e9f1;max-width:575px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:19px 24px;font-size:12px;font-weight:800;letter-spacing:.2px}.btn-bright{background:var(--electric);color:white}.btn-ghost{font-size:13px;font-weight:750;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:9px}.btn-ghost span{padding-left:12px}.hero-bottom{position:absolute;bottom:0;width:100%;z-index:2;border-top:1px solid #ffffff45;background:#081d3299}.hero-bottom-inner{display:flex;justify-content:space-between;padding:25px 0;gap:15px}.hero-bottom span{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#e5edf5}.section{padding:110px 0}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.section h2,.safety-strip h2,.cta-section h2{font-size:clamp(39px,4.1vw,63px);line-height:1.14;letter-spacing:-2.4px;margin:24px 0 0;font-weight:750}.section h2 em{color:var(--blue)}.intro-copy{padding-top:40px}.intro-copy p,.credentials-copy p{font-size:15px;line-height:1.9;color:#596a7a}.intro-copy .lead{font-size:21px;line-height:1.65;color:var(--ink);font-weight:600}.text-arrow{display:inline-flex;gap:26px;justify-content:space-between;border-bottom:1px solid var(--blue);color:var(--blue);font-weight:800;font-size:13px;padding:0 0 12px;margin-top:24px}.expertise-section{background:var(--light)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-top .text-arrow{margin-bottom:10px}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.expertise-card{background:white;border:1px solid #e7edf2;padding:34px 26px 25px;min-height:320px;position:relative;transition:transform .2s,box-shadow .2s}.expertise-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0c274114}.card-num{font-size:10px;color:#698095;font-weight:800;letter-spacing:1.5px}.card-icon{font-size:38px;color:var(--blue);margin:35px 0 25px}.expertise-card h3{font-size:20px;line-height:1.2;letter-spacing:-.6px}.expertise-card p{font-size:13px;line-height:1.75;color:#687989}.card-arrow{position:absolute;right:25px;bottom:20px;color:var(--blue);font-size:23px}.section-aside{max-width:320px}.section-aside p{line-height:1.75;color:var(--muted);font-size:14px}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:300px 300px;gap:18px}.work-tile{position:relative;overflow:hidden;background:#d7e0e8}.work-tile-large{grid-row:span 2}.work-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.work-tile:hover img{transform:scale(1.035)}.work-tile-large img{object-position:center 56%}.work-caption{position:absolute;bottom:0;left:0;right:0;padding:30px;display:flex;align-items:end;justify-content:space-between;color:#fff;background:linear-gradient(transparent,#071a2ccc)}.work-caption small{font-size:10px;letter-spacing:1.5px;display:block;margin-bottom:10px}.work-caption strong{font-size:21px}.work-caption>span{font-size:25px}.credentials-section{background:#f5f7f9}.credentials-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;align-items:center}.credentials-photo{height:580px;position:relative;overflow:hidden}.credentials-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.credentials-photo-tag{position:absolute;bottom:0;left:0;background:var(--blue);color:white;padding:19px 25px;font-size:10px;letter-spacing:1.5px;font-weight:800}.credentials-copy>p{margin-top:25px}.credential-points{margin-top:28px;border-top:1px solid #dbe2e8}.credential-points>div{display:flex;gap:25px;padding:17px 0;border-bottom:1px solid #dbe2e8}.credential-points>div>span{color:var(--blue);font-size:11px;font-weight:800}.credential-points strong{display:block;font-size:14px}.credential-points small{display:block;color:#788797;margin-top:6px;font-size:12px}.safety-strip{background:var(--navy);color:white;padding:95px 0}.safety-inner{display:grid;grid-template-columns:1fr .8fr;gap:14%;align-items:center}.safety-strip h2 em{color:#77b8f6}.safety-inner p{font-size:16px;line-height:1.8;color:#c7d4e2}.btn-outline{border:1px solid #7d99b6;color:white;margin-top:15px}.cta-section{text-align:center;padding:105px 0 120px;background:white}.cta-inner{display:flex;align-items:center;flex-direction:column}.cta-section h2{font-size:clamp(48px,6vw,85px);margin:22px 0}.cta-section h2 em{color:var(--blue)}.cta-section p{font-size:16px;line-height:1.8;color:#66798a;max-width:540px}.btn-dark{background:var(--blue);color:white;margin-top:25px}.page-hero{background:var(--navy);color:white;padding:100px 0 105px}.page-hero .eyebrow{color:#82b5e7}.page-hero h1{font-size:clamp(45px,5vw,72px);line-height:1.1;letter-spacing:-2px;max-width:850px}.page-hero p{color:#c7d7e8;font-size:18px;max-width:720px;line-height:1.75}.page-section{padding:85px 0 110px}.page-section h2{font-size:36px}.page-section .lead{font-size:20px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-box{padding:36px;background:#f2f6f9;border-top:3px solid var(--blue)}.feature-box h3{font-size:21px}.feature-box p{color:#657587;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{margin:0}.project img{width:100%;height:300px;object-fit:cover}.project figcaption{padding:15px 0;font-weight:700}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.page-photo{width:100%;max-height:650px;object-fit:cover}.contact-card{background:#f2f6f9;padding:45px}.contact-card a{color:var(--blue)}.site-footer{background:#071a2d;color:#c8d5e1;padding:65px 0 30px}.site-footer a{color:inherit}.site-footer .wrap{width:min(1250px,calc(100% - 84px))}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:12px;top:12px;z-index:100;background:white;padding:10px}
@media(max-width:1080px){.container{width:min(100% - 48px,1250px)}.brand{width:300px}.header-quote{display:none}.expertise-grid{grid-template-columns:repeat(2,1fr)}.header-inner{min-height:100px}.site-nav .menu{gap:13px}.site-nav a{font-size:11px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.topbar .container{justify-content:center}.topbar a{display:none}.topbar span{font-size:9px}.header-inner{min-height:88px}.brand{width:min(74vw,300px)}.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 22px #0002}.site-nav.is-open{display:block}.site-nav .menu{display:flex;flex-direction:column;align-items:stretch;padding:16px 24px;gap:0}.site-nav li a{display:block;padding:13px 0;font-size:14px;border-bottom:1px solid #eee}.hero{min-height:650px;height:auto}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#071b31ed,#071b3190)}.hero-content{padding-top:115px;padding-bottom:145px}.hero h1{font-size:clamp(43px,10vw,62px);letter-spacing:-2px}.hero p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom-inner{flex-wrap:wrap;justify-content:center;gap:12px}.hero-bottom span{font-size:9px}.section{padding:72px 0}.intro-layout,.credentials-grid,.safety-inner,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.intro-copy{padding-top:0}.section h2,.safety-strip h2{font-size:43px}.section-top{align-items:start;flex-direction:column;gap:12px}.expertise-grid{grid-template-columns:1fr 1fr}.expertise-card{min-height:280px;padding:25px 18px}.expertise-card h3{font-size:17px}.work-grid{grid-template-columns:1fr;grid-template-rows:none}.work-tile,.work-tile-large{height:380px;grid-row:auto}.credentials-photo{height:400px}.safety-strip{padding:75px 0}.cta-section{padding:75px 0}.feature-grid,.project-grid{grid-template-columns:1fr 1fr}.page-hero{padding:75px 0}.page-section{padding:60px 0}.site-footer .wrap{width:calc(100% - 36px)}}
@media(max-width:480px){.expertise-grid,.feature-grid,.project-grid{grid-template-columns:1fr}.hero-bottom span:last-child{display:none}.work-tile,.work-tile-large{height:330px}.credentials-photo{height:360px}}