:root{--about-gold:#e2b43a;--about-cream:#f5f0e5;--about-muted:#b9bcb4;--about-line:rgba(226,180,58,.28)}
.about-page{background:#050806;color:var(--about-cream)}.about-main{overflow:hidden;background:#050806;font-family:Arial,sans-serif}.about-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.about-main h1,.about-main h2{margin:0;font-family:Georgia,serif;font-weight:500;letter-spacing:-.025em}.about-main p{margin:0;color:var(--about-muted);font-size:16px;line-height:1.7}.about-kicker{display:flex;align-items:center;gap:12px;color:var(--about-gold)!important;font-size:11px!important;font-weight:800;line-height:1.2!important;letter-spacing:.2em;text-transform:uppercase}.about-kicker:before{content:"";width:34px;height:2px;background:currentColor}
.about-hero{min-height:680px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(3,7,4,.5),rgba(3,7,4,.2) 48%,rgba(3,7,4,.08) 76%),url("../img/about-hero-v2.png") center/cover no-repeat}.about-hero__inner{padding-block:88px}.about-hero__copy{max-width:690px;padding:40px 44px;border-left:2px solid var(--about-gold);background:linear-gradient(90deg,rgba(5,10,6,.76),transparent)}.about-hero h1{margin:16px 0 18px;font-size:clamp(52px,6vw,84px);line-height:.98}.about-hero__lead{color:rgba(255,255,255,.82)!important;font-size:19px!important}.about-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.about-button{min-height:52px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;font-size:12px;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:.2s}.about-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.about-button--gold{border:1px solid #efc658;color:#211905;background:linear-gradient(110deg,#ddb03b,#f7cf69)}.about-button--outline{border:1px solid rgba(226,180,58,.7);color:#f0c85e;background:rgba(5,10,6,.6)}
.about-origin{padding:70px 0;background:radial-gradient(circle at 90% 20%,rgba(226,180,58,.1),transparent 28%),#08100a}.about-origin__grid{display:grid;grid-template-columns:220px 1fr;gap:55px}.about-origin h2{max-width:930px;font-size:clamp(34px,4vw,56px);line-height:1.12}.about-origin__grid>div>p{max-width:820px;margin-top:24px}
.about-stands{padding:70px 0;border-block:1px solid var(--about-line);background:linear-gradient(90deg,rgba(4,9,6,.97),rgba(4,9,6,.78)),url("../img/contact-hero-electrician.jpg") center/cover no-repeat}.about-split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.about-copy h2,.about-why h2,.about-standard h2{margin:13px 0 20px;font-size:clamp(34px,3.6vw,52px);line-height:1.08}.about-copy>p:not(.about-kicker)+p{margin-top:15px}.about-stands blockquote{margin:0;padding:32px 34px;border:1px solid rgba(226,180,58,.42);border-left:5px solid var(--about-gold);background:rgba(7,15,8,.8);color:#eee6d6;font:italic 400 clamp(22px,2.2vw,31px)/1.45 Georgia,serif;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.about-why{padding:56px 0;background:#0d140d}.about-why__content{max-width:940px;display:grid;grid-template-columns:80px 1fr;gap:30px}.about-round-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;color:#171304;background:var(--about-gold);font-size:27px;font-weight:900}.about-why h2{margin-bottom:14px}
.about-future{padding:70px 0}.about-future__grid{display:grid;grid-template-columns:1fr 1fr;min-height:460px;border:1px solid var(--about-line);background:#09100a}.about-future__image{min-height:400px;background:linear-gradient(90deg,transparent 65%,#09100a),url("../img/hero-services.jpg") center/cover no-repeat}.about-future .about-copy{align-self:center;padding:44px 50px}.about-checks{display:grid;gap:13px;margin:24px 0 0;padding:0;list-style:none}.about-checks li{position:relative;padding-left:34px;color:#d8d8d1;font-size:14px;line-height:1.5}.about-checks li:before{content:"✓";position:absolute;left:0;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#151202;background:var(--about-gold);font-size:12px;font-weight:900}
.about-standard{padding:68px 0 74px;border-top:1px solid var(--about-line);background:linear-gradient(rgba(4,9,6,.88),rgba(4,9,6,.94)),url("../img/bottom-cta-bg.jpg") center/cover no-repeat}.about-heading{text-align:center;margin-bottom:32px}.about-heading .about-kicker{justify-content:center}.about-standard__grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--about-line)}.about-standard article{min-height:210px;padding:27px 21px;border-right:1px solid var(--about-line);background:rgba(6,12,7,.78);transition:.2s}.about-standard article:last-child{border-right:0}.about-standard article:hover{background:rgba(22,31,17,.94);transform:translateY(-4px)}.about-standard article>span{color:var(--about-gold);font-size:13px;font-weight:700}.about-standard h3{margin:36px 0 13px;color:#f4efe6;font-size:15px;letter-spacing:.08em;text-transform:uppercase}.about-standard article p{font-size:13px;line-height:1.55}
.about-cta{padding:70px 0;background:linear-gradient(90deg,rgba(4,9,6,.98) 10%,rgba(4,9,6,.7)),url("../img/final-cta-electrician.jpg") center/cover no-repeat}.about-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.about-cta h2{max-width:790px;margin-top:14px;font-size:clamp(35px,4vw,56px);line-height:1.08}.about-cta .about-button{flex:0 0 auto;min-width:220px}
@media(max-width:980px){.about-standard__grid{grid-template-columns:repeat(2,1fr)}.about-origin__grid{grid-template-columns:1fr;gap:20px}.about-split{gap:36px}.about-future .about-copy{padding:36px 30px}}
@media(max-width:760px){.about-shell{width:min(100% - 32px,620px)}.about-hero{min-height:610px;background-position:58% center}.about-hero__inner{padding-block:65px}.about-hero__copy{padding:28px 18px}.about-hero h1{font-size:48px}.about-actions{display:grid}.about-button{width:100%}.about-origin,.about-stands,.about-future,.about-standard,.about-cta{padding-block:50px}.about-split,.about-future__grid{grid-template-columns:1fr}.about-stands blockquote{padding:24px 21px}.about-why__content{grid-template-columns:1fr}.about-round-icon{width:56px;height:56px}.about-future__image{min-height:290px;background-image:linear-gradient(180deg,transparent 60%,#09100a),url("../img/hero-services.jpg")}.about-future .about-copy{padding:28px 21px 34px}.about-standard__grid{grid-template-columns:1fr}.about-standard article{min-height:0;border-right:0;border-bottom:1px solid var(--about-line)}.about-standard h3{margin-top:20px}.about-cta__inner{display:grid}.about-cta .about-button{width:100%}}
