:root{--ink:#183a77;--yellow:#ffd51d;--orange:#ed5b31;--cream:#fffaf0;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}header{position:absolute;z-index:2;height:82px;width:100%;padding:0 4.8vw;display:flex;align-items:center;justify-content:space-between}header a{font:11px var(--mono);color:var(--ink);text-decoration:none;text-transform:uppercase}.site{font-family:var(--sans)!important;font-weight:800!important;letter-spacing:-.06em}.hero{min-height:730px;padding:140px 4.8vw 52px;display:grid;grid-template-columns:1.08fr .92fr;background:#fff0ab}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:0}.logo{display:block;width:245px;height:92px;object-fit:contain;object-position:left center;margin:28px 0 18px;mix-blend-mode:multiply}.hero h1,.statement h2,.range h2,.solar h2,.cta h2{font-size:clamp(55px,6.7vw,105px);letter-spacing:-.09em;line-height:.86;margin:0}.hero em,.statement em,.range em,.solar em,.cta em{font-family:Georgia,serif;font-weight:400}.intro{font-size:14px;line-height:1.7;max-width:365px;margin:27px 0}.button{display:inline-block;background:var(--orange);color:#fff;border-radius:24px;padding:14px 18px;text-decoration:none;font-size:12px;font-weight:800}.hero-art{min-height:515px;background:var(--ink);position:relative;overflow:hidden}.sun{width:270px;height:270px;border-radius:50%;background:var(--yellow);position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);box-shadow:0 0 0 19px var(--orange)}.sun i{position:absolute;height:62px;width:13px;background:var(--yellow);left:129px;top:-88px;transform-origin:6px 223px}.sun i:nth-child(2){transform:rotate(60deg)}.sun i:nth-child(3){transform:rotate(120deg)}.sun i:nth-child(4){transform:rotate(180deg)}.sun i:nth-child(5){transform:rotate(240deg)}.sun i:nth-child(6){transform:rotate(300deg)}.panel{position:absolute;width:190px;height:96px;border:6px solid #fff;bottom:79px;left:50%;transform:translateX(-50%) skewY(-18deg);background:repeating-linear-gradient(90deg,#4778b4 0 28px,#fff 28px 34px),repeating-linear-gradient(0deg,transparent 0 23px,#fff 23px 28px)}.hero-art span{position:absolute;color:#fff;font:12px/1.35 var(--mono);right:27px;bottom:26px;text-align:right}.statement{padding:115px 13vw;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw}.statement h2{font-size:clamp(45px,5.5vw,83px);grid-row:2;margin-top:10px}.statement>p:last-child{grid-row:2;grid-column:2;font-size:14px;line-height:1.8;margin:15px 0}.range{padding:110px 4.8vw;background:var(--ink);color:#fff}.range-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.range h2{font-size:clamp(46px,5.5vw,83px)}.grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #778dba}.grid article{min-height:280px;padding:19px 19px 0 0;border-right:1px solid #778dba}.grid article:not(:first-child){padding-left:19px}.grid article:last-child{border-right:0}.grid span{font:10px var(--mono);color:var(--yellow)}.draw{height:95px;margin:19px 0;position:relative}.light{font-size:74px;color:var(--yellow)}.home{width:120px;height:65px;background:var(--yellow);clip-path:polygon(0 48%,50% 0,100% 48%,100% 100%,0 100%)}.home:before{content:'';width:28px;height:39px;background:var(--ink);position:absolute;bottom:0;left:47px}.fan{width:100px;height:100px;border:3px solid #fff;border-radius:50%}.fan i{position:absolute;width:38px;height:15px;background:var(--yellow);border-radius:100% 0;left:28px;top:40px;transform-origin:22px 8px}.fan i:nth-child(2){transform:rotate(120deg)}.fan i:nth-child(3){transform:rotate(240deg)}.street{width:15px;height:86px;background:#fff;left:35px}.street:before{content:'';position:absolute;width:100px;height:12px;background:#fff;top:0;left:0;transform:rotate(-20deg);transform-origin:left}.street:after{content:'';position:absolute;width:46px;height:18px;border-radius:0 0 50% 50%;background:var(--yellow);top:26px;left:61px;transform:rotate(-20deg)}.grid h3{font-size:21px;letter-spacing:-.06em;margin:0 0 8px}.grid p{font-size:12px;line-height:1.5;color:#e2e7f0;margin:0}.solar{min-height:560px;background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.solar>div:last-child{padding:104px 9vw 70px 4.8vw;z-index:1}.solar h2{font-size:clamp(45px,5.2vw,78px);margin:37px 0 20px}.solar p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:450px}.solar a{font-size:12px;font-weight:800;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.sun-rays{font-size:330px;color:var(--orange);display:grid;place-items:center;background:#ffec7f}.cta{padding:105px 4.8vw;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.cta h2{font-size:clamp(46px,5.5vw,83px);margin:0 0 30px}.dark{background:var(--ink)}footer{background:var(--ink);color:#fff;padding:34px 4.8vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer img{width:170px;height:66px;object-fit:contain;background:#fff;padding:3px}footer p,footer a{font:11px/1.6 var(--mono);color:#fff;text-decoration:none;margin:0}@media(max-width:700px){header{height:65px;padding:0 22px}.site{display:none}.hero{display:block;padding:105px 22px 0}.logo{width:210px;height:72px;margin:22px 0 14px}.hero h1{font-size:61px}.intro{font-size:13px}.hero-art{min-height:330px;margin-top:49px}.sun{transform:translate(-50%,-50%) scale(.68)}.panel{transform:translateX(-50%) skewY(-18deg) scale(.7)}.statement{display:block;padding:75px 22px}.statement h2{font-size:49px;margin:31px 0 20px}.statement>p:last-child{font-size:13px;margin:0}.range{padding:75px 22px}.range-head{display:block;margin-bottom:38px}.range h2{font-size:49px;margin-top:33px}.grid{grid-template-columns:1fr 1fr}.grid article{min-height:240px;border-bottom:1px solid #778dba}.grid article:nth-child(2){border-right:0}.grid article:nth-child(3){padding-left:0}.draw{transform:scale(.8);transform-origin:left center}.grid h3{font-size:18px}.grid p{font-size:11px}.solar{display:block}.sun-rays{height:210px;font-size:200px}.solar>div:last-child{padding:75px 22px}.solar h2{font-size:49px}.solar p:not(.eyebrow){font-size:13px}.cta{display:block;padding:75px 22px}.cta h2{font-size:49px;margin:33px 0 24px}footer{padding:29px 22px;display:grid;gap:21px}footer img{width:160px}}