/* V5 — electrical-led, photograph-led, dark and restrained. */
:root{--night:#08191d;--green:#3be28d}
.wordmark small{font-size:9px;letter-spacing:2.5px;margin-top:6px}
.hero-slides{height:clamp(660px,50vw,800px)}
.hero-slide{height:100%}
.hero-copy,.hardware-slide .hero-copy,.electrical-slide .hero-copy{top:32%;width:45%;max-width:620px}
.hero-copy h1,.hero-copy h2,.hardware-slide .hero-copy h2{font-size:clamp(41px,3.65vw,61px);line-height:1.12}
.hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:23px}
.hero-copy>p:not(.eyebrow),.electrical-slide .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:350px;margin-top:23px;color:#c2d4cd}
.hero-actions{margin-top:27px}
.hero-actions .button{font-size:13px;min-width:190px}
.hero-ken{left:39%;height:89%}
.electrical-slide{background:#07191c;color:white}
.electrical-slide .hero-copy .eyebrow{color:#c3d8ce}
.electrical-slide .hero-copy em{color:var(--green)}
.electrical-slide .button{background:var(--green);color:#082d1b}
.electrical-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.electrical-slide:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07191ce8 0%,#07191c85 27%,transparent 58%),linear-gradient(0deg,#07191c99,transparent 35%)}
.electrical-image-note{position:absolute;bottom:36px;right:40px;display:flex;align-items:center;gap:12px;color:#fff;font:600 11px var(--font)}
.electrical-image-note .icon{color:#96edbe;width:22px;height:22px}.electrical-image-note .icon:nth-of-type(2){margin-left:22px}
.hardware-art{width:69%}
.hardware-art img{object-position:65% center}
.expertise{background:#0c2024;color:#f4f9f5;padding:85px 0}
.expertise .section-heading{align-items:center;margin-bottom:40px}
.expertise .eyebrow{color:#84d7ad}
.expertise h2 em,.work-section h2 em,.power-section h2 em{color:#5be4a0}
.expertise .section-heading>p{color:#a7bdb7;max-width:365px;font-size:15px}
.expertise-panel{grid-template-columns:44% 56%;background:#112b2e;border-radius:8px;box-shadow:none}
.people-panel{min-height:640px;background:radial-gradient(ellipse at 85% 70%,#224a43,#102b2d 68%);overflow:hidden}
.people-panel:before{display:none}
.people-copy{width:82%;padding:36px}
.people-copy h3{font-size:30px;color:#f4faf6}
.people-copy>p:not(.eyebrow){font-size:13px;max-width:235px;color:#a4c0b3;margin-top:19px}
.people-copy .text-link{color:#a3f1c5;font-size:11px}
.people-panel .team-cutout{height:75%;left:48%;filter:drop-shadow(-8px 5px 20px #0004)}
.team-caption{left:36px;bottom:36px;border-left:2px solid #38d68c}
.team-caption span{color:#a5c5b5;font-size:10px}
.team-caption strong{color:#e1f2e8;font-size:19px;max-width:135px}
.service-list{grid-template-rows:repeat(2,1fr);padding:6px 35px}
.service-row{grid-template-columns:30px minmax(0,1fr) 130px;gap:22px;padding:32px 0}
.service-row>img{width:130px;height:185px}
.service-row h3{font-size:26px}
.service-row p{font-size:14px;line-height:1.8;margin-top:17px}
.service-row p.service-kicker{color:#77c99c;font:650 9px var(--font);letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}
.service-row>div:nth-child(2){padding-right:10px}
.service-row .text-link{font-size:11px;margin-top:25px}
.work-section{background:#091c20;color:#edf7f1;padding:85px 0}
.work-section .section-heading{margin-bottom:28px}
.work-section .eyebrow{color:#87cba7}
.work-section .section-heading>p{color:#9bb8ab;font-size:14px}
.gallery-filters{display:flex;gap:9px;margin-bottom:27px}
.gallery-filters button{background:transparent;border:1px solid #3c6153;border-radius:5px;color:#c1d3c8;padding:12px 22px}
.gallery-filters button[aria-pressed=true]{color:#092d1c;background:#3be28d;border-color:#3be28d}
.gallery-filters button:hover{background:#244c3b;color:white}
.installation-panel{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;align-items:stretch}
.installation-panel[hidden]{display:none}
.installation-panel>.installation-photo{height:400px;width:100%;border:0;border-radius:7px;box-shadow:none}
.installation-panel>.installation-photo>img{width:100%;height:100%;object-fit:cover}
#gallery-electrical>.installation-photo:first-child>img{object-position:35% center}
.installation-panel>.installation-photo:nth-child(2){margin-top:28px}
.installation-panel>.installation-photo:nth-child(3){margin-top:56px}
.installation-caption{font-size:12px}
.work-bottom{margin-top:81px;color:#9cb9ad}
.work-bottom .text-link{font-size:11px;color:#bce1cb}
.power-v5{background:#102a2c;color:#f0f8f2}
.power-layout{grid-template-columns:43% 57%}
.power-portrait{min-height:800px}
.power-backdrop{inset:0 -4% 0 -30%;background:radial-gradient(ellipse at 70% 40%,#28483f,transparent 65%);border-radius:0}
.power-person{height:100%;left:-3%;filter:drop-shadow(8px 4px 20px #0004)}
.power-content{padding:75px 0 65px 45px}
.power-content .eyebrow{color:#85cfa9}
.power-content h2{font-size:clamp(37px,3.2vw,53px)}
.power-content>p:not(.eyebrow){color:#abc4b8;font-size:15px;max-width:495px;line-height:1.8}
.power-feature{grid-template-columns:1fr 44%;height:228px;margin-top:28px;background:#1b3b38;border-radius:7px}
.power-feature>span{padding:24px}
.power-feature h3{font-size:25px}
.power-feature p{max-width:210px}
.power-feature>img{object-position:30% center}
.power-options{gap:23px;margin:29px 0}
.power-options h3{color:#e7f4ea;font-size:19px}
.power-options p{color:#a0bdac;font-size:12px}
.power-options>a>.icon:first-child{color:#6cdc9c}
.power-options>a>.icon:last-child{color:#94c9ac}
.power-content>.text-link{color:#8ae9b4;font-size:12px}
.process-open{background:#0a1e22;color:#f0f7f3;padding:66px 0 76px}
.process-layout{grid-template-columns:1fr 1.2fr;gap:9%}
.process-intro .eyebrow{color:#7dc6a1}
.process-intro h2{font-size:clamp(35px,3vw,48px)}
.process-intro h2 em{color:#55d997}
.process-intro>.text-link{margin-top:25px;color:#a4edc6}
.process-steps{gap:28px}
.process-steps article,.process-steps article:nth-child(2),.process-steps article:nth-child(3){padding:0;gap:22px}
.step-symbol{background:none;border-radius:0;width:34px;height:34px;color:#6bdba1}
.step-symbol .icon{width:28px;height:28px}
.process-steps h3{font-size:21px}
.process-steps p{font-size:13px;color:#a0bcaf;margin-top:7px;max-width:390px}
@media(min-width:761px) and (max-width:1180px){
 .hero-copy,.hardware-slide .hero-copy,.electrical-slide .hero-copy{top:31%;left:35px;width:48%}
 .hero-copy h1,.hero-copy h2,.hardware-slide .hero-copy h2{font-size:41px}
 .hero-copy>p:not(.eyebrow){font-size:14px;max-width:285px}
 .hero-ken{left:35%;height:83%}
 .electrical-image-note{font-size:9px;right:25px;gap:8px}
 .people-copy{padding:28px 24px;width:95%}
 .people-copy h3{font-size:27px}
 .people-panel{min-height:680px}
 .people-panel .team-cutout{height:60%;left:38%}
 .team-caption{left:24px;bottom:30px}
 .team-caption strong{font-size:18px;max-width:120px}
 .service-list{padding-inline:24px}
 .service-row{grid-template-columns:minmax(0,1fr) 100px;gap:14px 24px}
 .service-row>img{width:100px;height:155px}
 .service-row>div:nth-child(2){padding:0}
 .service-row h3{font-size:23px}
 .service-row p{font-size:12px}
 .installation-panel>.installation-photo{height:340px}
 .installation-caption{font-size:10px;padding:45px 15px 17px}
 .power-content{padding:60px 0 50px 25px}
 .power-person{width:112%;height:auto;max-height:100%;left:-12%}
 .power-portrait{min-height:790px}
 .power-feature>span{padding:20px}
 .power-feature h3{font-size:22px}
}
@media(max-width:760px){
 .wordmark small{font-size:8px;letter-spacing:2px;margin-top:5px}
 .hero-slides{height:820px}
 .hero-slide{height:100%}
 .carousel-actions{position:static;top:auto;right:auto;width:100%;padding:13px 20px;border:0;border-top:1px solid #a9c9b71b;border-radius:0;background:transparent;box-shadow:none;gap:10px}
 .carousel-actions .slide-count{margin:0 auto 0 0}
 .hero-copy,.hardware-slide .hero-copy,.electrical-slide .hero-copy{top:125px;left:22px;right:22px;width:auto;max-width:none}
 .hero-copy h1,.hero-copy h2,.hardware-slide .hero-copy h2{font-size:clamp(32px,8.6vw,46px);max-width:460px}
 .hero-copy .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:17px}
 .hero-copy>p:not(.eyebrow),.electrical-slide .hero-copy>p:not(.eyebrow){font-size:14px;max-width:310px;margin-top:16px;line-height:1.65}
 .hero-actions{margin-top:19px}.hero-actions .button{font-size:12px;min-height:50px;min-width:175px}
 .hero-scene{top:365px;background-size:cover}
 .hero-ken{height:420px;left:-90px}
 .camera-tag{top:460px}.intercom-tag{top:650px}.light-tag{top:740px}
 .device-tag{font-size:8px;padding:8px;right:12px}
 .hardware-art{top:340px;width:100%;height:480px;mask-image:linear-gradient(180deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%)}
 .hardware-art img{object-position:58% center}
 .electrical-hero-image{top:300px;height:520px;object-position:76% center;mask-image:linear-gradient(180deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%)}
 .electrical-slide:after{background:linear-gradient(0deg,#07191c88,transparent 30%)}
 .electrical-image-note{bottom:24px;left:22px;right:auto;font-size:9px;gap:8px}
 .electrical-image-note .icon{width:18px;height:18px}.electrical-image-note .icon:nth-of-type(2){margin-left:13px}
 .slide-tabs button{font-size:9px;min-height:96px}
 .expertise,.work-section{padding:55px 0}
 .expertise .section-heading{margin-bottom:30px}
 .expertise .section-heading>p{font-size:14px}
 .people-panel{min-height:565px}
 .people-copy{padding:28px 23px;width:100%}
 .people-copy h3{font-size:28px}
 .people-copy>p:not(.eyebrow){font-size:12px;max-width:240px}
 .people-panel .team-cutout{height:315px;left:41%}
 .team-caption{left:23px;bottom:30px}
 .team-caption strong{font-size:18px;max-width:120px}
 .service-list{padding:0 22px}
 .service-row{grid-template-columns:minmax(0,1fr) 85px;gap:14px 22px;padding:31px 0}
 .service-row>img{width:85px;height:145px}
 .service-row>div:nth-child(2){padding:0}
 .service-row h3{font-size:22px}
 .service-row p{font-size:12px}
 .service-row p.service-kicker{font-size:8px;line-height:1.7}
 .service-row .text-link{font-size:10px;gap:10px}
 .work-section .section-heading{margin-bottom:23px}
 .work-section .section-heading>p{font-size:13px}
 .gallery-filters{gap:8px}
 .gallery-filters button{padding:11px 13px;font-size:10px;flex:1}
 .installation-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .installation-panel>.installation-photo:first-child{grid-column:1 / -1;height:330px}
 .installation-panel>.installation-photo:nth-child(2),.installation-panel>.installation-photo:nth-child(3){margin-top:0;height:245px}
 .installation-caption{font-size:10px;padding:50px 13px 15px}
 .installation-panel>.installation-photo:not(:first-child) .installation-caption{font-size:9px}
 .installation-caption>span{width:22px;height:22px;flex-shrink:0}
 .work-bottom{margin-top:23px}
 .work-bottom .text-link{font-size:10px}
 .power-content{padding:55px 0 28px}
 .power-content h2{font-size:35px}
 .power-content>p:not(.eyebrow){font-size:14px}
 .power-feature{grid-template-columns:1fr 40%;height:230px}
 .power-feature>span{padding:21px}
 .power-feature h3{font-size:23px}
 .power-feature p{font-size:11px}
 .power-options h3{font-size:18px}
 .power-portrait{min-height:460px;height:460px}
 .power-person{height:100%;width:auto;left:13%;max-height:none}
 .power-backdrop{inset:0 -20%}
 .process-open{padding:50px 0}
 .process-intro h2{font-size:35px}
 .process-steps{margin-top:34px;gap:28px}
 .process-steps article{gap:18px}
 .process-steps h3{font-size:20px}
 .process-steps p{font-size:13px}
}