.supplied-icon{width:58px;height:58px;object-fit:contain;display:block;margin:auto}.contact-methods .supplied-icon{width:65px;height:65px;margin:0 auto 15px}.search-icon{width:16px;height:16px;object-fit:contain;margin-right:5px}.commercial-benefits{display:flex;gap:20px;margin-top:28px}.commercial-benefits>div{max-width:85px;text-align:center}.commercial-benefits img{width:44px;height:44px;object-fit:contain}.commercial-benefits span{display:block;font-size:10px;line-height:1.4;margin-top:8px}
.hero:has([data-asset="solar-hero"]){min-height:660px}.hero:has([data-asset="solar-hero"]):after{display:none}.hero:has([data-asset="solar-hero"]) .hero-copy{opacity:0;pointer-events:none}.hero-bg [data-asset="solar-hero"].has-image img{object-fit:fill}.hero-bg [data-asset="commercial-hero"].has-image,.hero-bg [data-asset="ppa-hero"].has-image,.hero-bg [data-asset="support-hero"].has-image{opacity:1}
.installation-video-section{position:relative;background:#0646b5;color:white}.installation-video-section .video-copy{position:absolute;left:60%;top:28%;width:30%}.installation-video-section .video-copy h2{font-size:25px}.installation-video-section .video-copy p{font-size:13px}.installation-video-section .play-button{left:37%;top:55%}.installation-video-section [data-asset="solar-video"]{aspect-ratio:4134/1805}
.gallery-card{position:relative}.gallery-card .gallery-caption{position:absolute;bottom:0;left:0;right:0;min-height:25%;padding:12px 15px;background:transparent;font-size:14px}.gallery-card .gallery-caption p{font-size:10px}.gallery-card .media.slice-image.has-image{height:auto!important;aspect-ratio:1}
.contact-panel .product.has-image{max-width:430px;justify-self:center;background:transparent}
.bill-comparison-section{position:relative;color:white;background:#0b306e}.bill-comparison-section .bill-copy{position:absolute;left:24%;top:12%;width:17%}.bill-copy h2{font-size:clamp(15px,2vw,27px);line-height:1.15}.bill-copy p{font-size:clamp(9px,1vw,13px);line-height:1.4}.bill-copy .button{font-size:10px;padding:9px 15px}.bill-comparison-section .media{aspect-ratio:4134/1309}
.project-row{display:block;position:relative;border-radius:6px;background:none}.project-row .media.slice-image{border:0;border-radius:0;aspect-ratio:2227/770}.project-row .project-text{position:absolute;left:56%;top:0;width:44%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px}.project-row:nth-child(even) .project-text{left:0}.project-row .project-text h3{font-size:22px}.project-row .project-text .button{font-size:12px}
.about-hero{padding:0}.about-hero>.container{width:100%;max-width:none}.about-hero .slice-image{aspect-ratio:4134/2046}.history-art.has-image{max-width:860px;width:100%;background:transparent;margin:45px auto;aspect-ratio:2140/1161}.about-card:has(.has-image){padding:0;background:transparent}.about-card:has(.has-image)>h3,.about-card:has(.has-image)>p{display:none}.about-card .media.slice-image{margin:0;aspect-ratio:714/1087}.about-card .media.has-image img{display:block;width:100%;height:auto}.about-coverage-section{background:#0646b5}.about-coverage-section .media{aspect-ratio:4134/1189}
.ppa-industries{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.ppa-industries article{position:relative;overflow:hidden}.ppa-industries .media{aspect-ratio:371/932;background:#0b306e}.ppa-industries strong{position:absolute;bottom:14%;left:8%;width:84%;color:white;font-size:11px;line-height:1.4;text-align:center}.ppa-benefits{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:35px auto}.ppa-benefits article{display:flex;gap:20px;align-items:flex-start}.ppa-benefits .supplied-icon{flex-shrink:0;margin:0;width:52px;height:52px}.ppa-benefits h3{font-size:18px;color:#0b306e}.ppa-benefits p{font-size:13px;color:#74808b}.ppa-steps-section{position:relative;color:white;background:#0b306e}.ppa-steps-section .media{aspect-ratio:4134/1154}.ppa-steps-section .section-title{position:absolute;top:7%;left:20%;width:60%;margin:0}.ppa-steps-section .section-title h2{font-size:clamp(16px,2.2vw,30px)}.ppa-steps-section .stepper{position:absolute;bottom:7%;left:6%;width:88%;margin:0;gap:15px}.ppa-steps-section .step-circle{display:none}.ppa-steps-section .stepper h3{font-size:12px;margin-bottom:7px}.ppa-steps-section .stepper p{font-size:9px;line-height:1.4;margin:0}
.plans-image-panel{position:relative}.plans-image-panel .media{aspect-ratio:4134/802}.plans-image-panel .plan-links{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.35fr 1fr}.plan-links a{display:block}.plan-links a:focus-visible{outline:3px solid #0b306e;outline-offset:-5px}.bill-selection{text-align:center;font-size:13px;color:#586879;margin:15px 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.hero:has([data-asset="solar-hero"]){display:block;min-height:0}.hero:has([data-asset="solar-hero"]) .hero-bg{position:relative;height:auto}.hero:has([data-asset="solar-hero"]) .hero-bg .media{aspect-ratio:4134/2046;min-height:0}.hero:has([data-asset="solar-hero"]) .hero-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero:has([data-asset="solar-hero"]) .container{padding:25px 0}.hero:has([data-asset="solar-hero"]) .quote-card{max-width:none}.installation-video-section .video-copy h2{font-size:18px}.installation-video-section .video-copy p{font-size:10px}.installation-video-section .video-copy{top:20%;left:58%;width:36%}.installation-video-section .button{font-size:10px;padding:9px 15px}.bill-copy p{display:none}.project-row .project-text h3{font-size:18px}.project-row .project-text{padding:18px}.project-row .project-text p{margin:6px 0}.project-row .project-text .button{font-size:10px;padding:7px 12px}.bill-copy .button{font-size:8px;padding:6px 10px}.ppa-steps-section .stepper{grid-template-columns:repeat(6,1fr)}.ppa-steps-section .stepper p{display:none}.ppa-steps-section .stepper h3{font-size:9px}.gallery-card .gallery-caption{font-size:13px}.commercial-benefits{gap:13px}.about-card .media.slice-image{height:auto!important}}
@media(max-width:480px){.installation-video-section .video-copy{position:static;width:100%;padding:25px}.installation-video-section .video-copy p{font-size:14px}.installation-video-section .play-button{top:25%;left:37%;width:44px;height:44px;font-size:16px}.bill-comparison-section .bill-copy{position:static;width:100%;padding:25px}.bill-copy h2{font-size:25px}.bill-copy p{display:block;font-size:14px}.bill-copy .button{font-size:12px;padding:12px 20px}.project-row .project-text{padding:10px}.project-row .project-text h3{font-size:15px;margin:0}.project-row .project-text p{font-size:12px}.ppa-industries{grid-template-columns:repeat(3,1fr);row-gap:12px}.ppa-benefits{grid-template-columns:1fr}.ppa-steps-section .section-title{position:static;width:100%;padding:25px 15px}.ppa-steps-section .stepper{position:static;width:100%;padding:20px;grid-template-columns:repeat(2,1fr)}.ppa-steps-section .stepper h3{font-size:13px}.ppa-steps-section .step-circle{display:grid}.ppa-steps-section .stepper p{display:block;font-size:12px}.gallery-card .gallery-caption{padding:12px 20px}}
body[data-page="about"] main>.section.navy{background:#0b306e url("assets/new-slices/About-CCL/切图/矩形 4 拷贝.webp") center/cover no-repeat}
/* The home hero and service cards form one viewport-sized introduction. */
body[data-page="home"] .site-header{position:fixed;inset:0 0 auto;transform:translateY(-100%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s}
body[data-page="home"].has-scrolled .site-header{transform:translateY(0);visibility:visible;pointer-events:auto}
body[data-page="home"]:not(.has-scrolled) .scroll-top{visibility:hidden;pointer-events:none}
.home-intro{height:100vh;height:100svh;display:grid;grid-template-rows:minmax(0,65fr) minmax(0,35fr)}
body[data-page="home"] .home-intro>.hero{min-height:0;height:100%}
.home-intro>.hero>.container{height:100%;padding:16px 0;gap:60px}
.home-intro .hero-copy h1{font-size:clamp(30px,3.6vw,49px)}
.home-intro .hero-copy p{font-size:14px}
.home-intro .credentials{margin-bottom:20px}
.home-intro .quote-card{padding:16px 20px;max-height:100%;overflow:auto;scrollbar-width:thin}
.home-intro>.section{padding:20px 0;display:flex;align-items:center;min-height:0}
.home-intro>.section>.container{max-width:1080px}
.home-intro .section-title{margin-bottom:16px}
.home-intro .section-title h2{font-size:clamp(23px,3svh,34px);margin:0}
.home-intro .service-card,.home-intro .service-card .media{height:clamp(110px,23svh,300px);min-height:0}
.home-intro .service-card strong{padding:15px;font-size:15px}
@media(min-width:801px) and (max-height:900px){
 .home-intro .quote-card{padding:10px 16px}
 .home-intro .quote-card .logo{margin-bottom:6px}
 .home-intro .quote-card .logo img{width:140px}
 .home-intro .quote-card h3{font-size:17px;margin-bottom:8px}
 .home-intro .quote-card .form-grid{gap:6px}
 .home-intro .quote-card input,.home-intro .quote-card select{padding:6px 9px;font-size:12px}
 .home-intro .quote-card textarea{min-height:42px;height:42px;padding:6px 9px;font-size:12px}
 .home-intro .quote-card label{font-size:11px;margin-bottom:3px}
 .home-intro .quote-card .choices label{font-size:10px}
 .home-intro .quote-card .button{margin-top:8px;min-height:32px}
 .home-intro .supplied-quote-button img{min-height:32px}
 .home-intro .hero-copy .credentials img{width:300px}
}
@media(max-width:800px){
 .home-intro{height:auto;min-height:100svh;display:block}
 body[data-page="home"] .home-intro>.hero{height:auto;min-height:0}
 .home-intro>.hero>.container{padding:30px 0;gap:24px}
 .home-intro .quote-card{max-height:none;width:100%;max-width:450px}
 .home-intro>.section{padding:25px 0}
 .home-intro .grid.four{grid-template-columns:repeat(2,1fr);gap:14px}
 .home-intro .service-card,.home-intro .service-card .media{height:180px;min-height:0}
 .home-intro .service-card strong{font-size:13px;padding:12px}
}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .site-header{transition:none}}
/* Keep copy inside the banner's upper yellow space, above the mascot. */
.supplied-cta .cta-copy{top:6%;left:0;width:58%;height:auto;padding:0 28px;justify-content:flex-start}
.supplied-cta .cta-copy h2{font-size:30px;line-height:1.12;margin:0 0 9px}
.supplied-cta .cta-copy p{font-size:12px;line-height:1.5;max-width:none;margin:0 0 12px}
.supplied-cta .cta-copy .image-button{flex-shrink:0}
@media(max-width:900px){
 .supplied-cta{display:flex;flex-direction:column-reverse;background:var(--yellow);overflow:hidden}
 .supplied-cta .cta-copy{position:static;top:auto;left:auto;width:100%;height:auto;padding:26px}
 .supplied-cta .cta-copy h2{font-size:clamp(23px,3.5vw,30px)}
 .supplied-cta .cta-copy p{font-size:14px;max-width:460px}
 .supplied-cta .slice-image{width:100%;border-radius:0}
 /* Place explanatory copy below other photo panels at narrow widths. */
 .installation-video-section .video-copy{position:static;width:100%;padding:26px}
 .installation-video-section .video-copy p{font-size:14px}
 .installation-video-section .play-button{top:25%;left:37%}
 .bill-comparison-section .bill-copy{position:static;width:100%;padding:26px}
 .bill-copy p{display:block;font-size:14px}
 .bill-copy h2{font-size:25px}
}
.home-intro .form-status:empty{display:none}
.qualification-link{display:block;color:#1455a3;text-decoration:underline;overflow-wrap:anywhere;word-break:normal;font-size:12px;line-height:1.6}.qualification-layout>div{min-width:0}