/* Scoped refinements: final CTA and footer remain unchanged. */
.hero-slides{height:clamp(700px,53vw,850px)}
.hero-copy,.hardware-slide .hero-copy,.electrical-slide .hero-copy{top:30%;max-width:630px;width:46%}
.hero-copy h1,.hero-copy h2,.hardware-slide .hero-copy h2{font-size:clamp(49px,4.2vw,70px);line-height:1.08;letter-spacing:-.05em}
.hero-copy .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:24px}
.hero-copy>p:not(.eyebrow),.electrical-slide .hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:365px;margin-top:27px}
.hero-actions{margin-top:32px}.hero-actions .button{font-size:14px;min-height:58px;padding-inline:26px}
.focus-intro{background:#f3f5f3;color:#0c1618;padding:70px 0}
.focus-intro>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}
.focus-intro .eyebrow{font-size:9px;letter-spacing:1.5px;color:#5b6f63;margin-bottom:20px}
.focus-intro h2{font-size:clamp(30px,2.7vw,43px);line-height:1.2;letter-spacing:-1.5px}
.focus-intro h2 em{font-style:normal;color:#087447}
.focus-intro-copy>p{font-size:16px;line-height:1.85;color:#4d5f59;max-width:475px}
.focus-intro-copy>div{display:flex;gap:35px;margin-top:24px;flex-wrap:wrap}
.focus-intro .text-link{font-size:12px;color:#0c3527}
/* Clip fixed-position imagery to each section. Labels use image coordinates. */
.cx-services,.property-stage{clip-path:inset(0)}
.cx-room{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;object-position:60% center}
.property-scene{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;object-position:center 45%;mask-image:linear-gradient(90deg,transparent,#000 48%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%)}
.property-copy>p:not(.eyebrow){max-width:365px;font-size:17px;line-height:1.85}
.property-copy h2{font-size:clamp(44px,4vw,65px)}
/* Blend the bitmap on all edges and remove the abrupt solid plane below it. */
.cx-power{background:radial-gradient(ellipse at 72% 58%,#16463638,transparent 59%),#070b10}
.cx-power-top{position:relative;z-index:2}
.cx-studio{aspect-ratio:1.75;margin-bottom:0}
.cx-studio>img{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 62%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 62%,transparent 100%);-webkit-mask-composite:source-in}
.cx-studio:after{display:none}
.cx-electrical-lower{margin-top:-10px;padding-top:50px}
.cx-electrical-lower:before{left:15%;top:-120px;width:90%;height:650px;background:radial-gradient(ellipse,#1e5f4033,transparent 68%);pointer-events:none}
.cx-light-plane{clip-path:none;inset:8% -25% 0 -15%;background:radial-gradient(ellipse at 55% 50%,#25d4804d,transparent 66%);filter:blur(18px)}
.cx-technician{height:750px}
.cx-electrical-menu{margin-bottom:65px}
@media(min-width:761px) and (max-width:1100px){
 .hero-copy,.hardware-slide .hero-copy,.electrical-slide .hero-copy{width:47%;top:30%}
 .hero-copy h1,.hero-copy h2,.hardware-slide .hero-copy h2{font-size:45px}
 .hero-copy>p:not(.eyebrow),.electrical-slide .hero-copy>p:not(.eyebrow){font-size:16px;max-width:300px}
 .focus-intro>.wrap{gap:8%}.focus-intro h2{font-size:33px}.focus-intro-copy>p{font-size:14px}.focus-intro-copy>div{gap:18px}
 .cx-technician{height:690px}
}
@media(max-width:760px){
 .hero-slides{height:860px}
 .hero-copy,.hardware-slide .hero-copy,.electrical-slide .hero-copy{top:132px;left:22px;right:22px;width:auto}
 .hero-copy h1,.hero-copy h2,.hardware-slide .hero-copy h2{font-size:clamp(35px,9.8vw,45px);line-height:1.1}
 .hero-copy .eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:20px}
 .hero-copy>p:not(.eyebrow),.electrical-slide .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;margin-top:20px;max-width:300px}
 .hero-actions{margin-top:23px}.hero-actions .button{font-size:12px;min-height:52px;padding-inline:20px}
 .hero-scene{top:400px}.hero-ken{height:435px}.camera-tag{top:495px}.intercom-tag{top:690px}.light-tag{top:780px}
 .hardware-art{top:380px;height:480px}.electrical-hero-image{top:340px;height:520px}
 .focus-intro{padding:50px 0}.focus-intro>.wrap{grid-template-columns:1fr;gap:25px}
 .focus-intro h2{font-size:32px;letter-spacing:-1px}.focus-intro-copy>p{font-size:14px;line-height:1.85}
 .focus-intro-copy>div{gap:23px;margin-top:22px}.focus-intro .text-link{font-size:10px;gap:12px}
 .cx-room{height:100svh;object-position:63% center;opacity:.75}
 .property-scene{height:100svh;object-position:65% center;mask-image:none;-webkit-mask-image:none}
 .property-stage:after{background:linear-gradient(180deg,#070b10e8, #070b1088 55%,#070b1022)}
 .property-copy h2{font-size:40px}.property-copy>p:not(.eyebrow){font-size:15px;max-width:290px}
 .cx-studio{margin-bottom:30px}
 .cx-electrical-lower{margin-top:0;padding-top:15px}
 .cx-technician{height:560px}
}
@media(prefers-reduced-motion:reduce){
 .cx-room,.property-scene{position:absolute;height:100%;width:100%;inset:0}
}