.charging-applications{background:#031d32;color:white;padding:75px 4% 55px}.installation-heading{text-align:center;max-width:800px;margin:0 auto 36px}.installation-heading>.eyebrow{color:#93d034;letter-spacing:2.5px;margin-bottom:20px}.installation-heading h2{font-size:clamp(32px,3.5vw,54px);margin-bottom:20px}.installation-heading h2 em{color:#00b3df}.installation-heading>p{color:#bdcfdb;max-width:650px;margin:0 auto;font-size:13px}.installation-instructions{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;color:#c0d3dd;font-size:9px;letter-spacing:1.5px}.installation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.installation-card{height:clamp(435px,39vw,610px);position:relative;perspective:1400px;isolation:isolate}.installation-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 700ms cubic-bezier(.25,.7,.25,1)}.installation-card.is-flipped .installation-inner{transform:rotateY(180deg)}.installation-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #ffffff20;overflow:hidden;border-radius:6px}.installation-front{background:#06264a;transform:rotateY(0deg)}.installation-front>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--image-position);display:block}.installation-front:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00132235 0%,transparent 30%,#00132285 59%,#001322f5 100%)}.installation-number{position:absolute;z-index:1;top:20px;left:18px;color:#fff;font:600 28px Montserrat,Arial,sans-serif;text-shadow:0 2px 15px #001322}.installation-front-copy{position:absolute;z-index:1;left:18px;right:16px;bottom:70px}.installation-category{font-size:8px;letter-spacing:1.2px;color:#b3eafb;font-weight:700;line-height:1.7;display:block;margin-bottom:13px}.installation-front-copy h3,.installation-back h3{font-size:clamp(18px,1.6vw,25px);font-weight:800;line-height:1.2;letter-spacing:-.035em;margin-bottom:13px}.installation-front-copy p{font-size:11px;line-height:1.75;color:#e1ebf1;margin-bottom:18px}.installation-accent{display:block;width:38px;height:3px;background:#8ccb22}.installation-back{transform:rotateY(180deg);background:linear-gradient(145deg,#073857,#031a2d);padding:20px 17px 70px;overflow:auto;scrollbar-width:thin}.installation-back-top{display:flex;align-items:center;justify-content:space-between;color:#77d3e7;font-size:8px;letter-spacing:1px;margin-bottom:20px}.installation-back-top>span{font-size:26px;color:#8ccb22}.installation-back>p{color:#bed2de;font-size:11px;line-height:1.7;margin-bottom:17px}.installation-back ul{list-style:none;margin:0;padding:0}.installation-back li{color:#eef5f8;font-size:11px;line-height:1.6;padding:9px 0 9px 12px;border-top:1px solid #ffffff16;position:relative}.installation-back li:before{content:'';position:absolute;top:16px;left:0;width:3px;height:3px;border-radius:50%;background:#8ccb22}.installation-toggle{position:absolute;bottom:0;left:0;right:0;height:56px;width:100%;z-index:3;text-align:left;padding:0 18px;background:#001b2bbf;border:0;border-top:1px solid #ffffff20;border-radius:0 0 6px 6px;color:white;font-size:10px;font-weight:700;min-height:48px}.installation-toggle span{display:flex;justify-content:space-between;align-items:center}.installation-toggle b{color:#8ccb22;font-size:19px}.installation-toggle:focus-visible{outline:3px solid #8ccb22;outline-offset:4px}.installation-card:focus-within{z-index:2}.installation-note{font-size:10px;line-height:1.7;color:#91aebe;text-align:center;max-width:850px;margin:23px auto 0}.motion-paused .installation-inner{transition-duration:0s}
@media(min-width:1800px){.installation-grid{max-width:1700px;margin:auto}.installation-card{height:610px}}
@media(max-width:1199px){.installation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.installation-card{height:500px}.installation-front-copy h3,.installation-back h3{font-size:24px}.installation-front-copy p,.installation-back>p,.installation-back li{font-size:12px}.installation-back{padding:24px 22px 70px}}
@media(max-width:850px){.installation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.installation-card{height:510px}.installation-instructions{flex-direction:column;gap:8px;line-height:1.8}}
@media(max-width:540px){.charging-applications{padding:55px 6% 40px}.installation-heading{text-align:left;margin-bottom:27px}.installation-heading h2{font-size:33px}.installation-heading>p{font-size:12px}.installation-heading>.eyebrow{font-size:9px}.installation-grid{grid-template-columns:1fr;gap:22px}.installation-card{height:540px}.installation-front-copy{left:25px;right:25px;bottom:80px}.installation-front-copy h3,.installation-back h3{font-size:29px}.installation-front-copy p{font-size:13px}.installation-back{padding:28px 25px 76px}.installation-back>p,.installation-back li{font-size:13px}.installation-category{font-size:9px}.installation-number{left:25px;top:25px}.installation-toggle{padding:0 25px;height:60px;font-size:12px}.installation-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.installation-inner{transition:none;transform:none!important;transform-style:flat}.installation-front,.installation-back{transform:none;backface-visibility:visible}.installation-front{visibility:visible}.installation-back{visibility:hidden}.is-flipped .installation-front{visibility:hidden}.is-flipped .installation-back{visibility:visible}}
