:root{--ink:#162332;--paper:#f5f7f9;--muted:#54616c;--lime:#bbed54;--line:#d5dce1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #3b7400;outline-offset:7px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1200px,88%);margin:auto}.draft{text-align:center;background:var(--lime);padding:7px 16px;font-size:14px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 0;border-bottom:1px solid var(--line)}.brand{font-size:36px;font-weight:800;letter-spacing:-1.7px;line-height:1}.brand span{font-size:13px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:36px;font-size:14px;font-weight:bold}nav a:last-child{border-bottom:1px solid var(--ink)}.hero{padding-top:64px}.eyebrow{text-transform:uppercase;font-size:13px;font-weight:bold;letter-spacing:1.6px;margin:0 0 27px}h1{font-size:clamp(54px,7.8vw,106px);font-weight:500;letter-spacing:-5px;line-height:1.03;margin:0 0 38px}h1 span{color:#667681}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:55px}.hero-bottom p{max-width:500px;font-size:19px;margin:0}.button{display:flex;justify-content:space-between;gap:50px;background:var(--ink);color:white;padding:19px 25px;font-size:15px;white-space:nowrap}.button:hover{background:#2c4259}.discipline{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 25px;font-size:14px}.discipline span:before{content:'+';color:#587526;margin-right:12px}.section{padding-top:90px;padding-bottom:90px}h2{font-size:clamp(32px,4vw,51px);line-height:1.13;font-weight:500;letter-spacing:-1.7px;margin:0}h3{font-size:22px;font-weight:500;line-height:1.3;margin:0}p{margin-top:0}.services{background:var(--ink);color:white}.section-heading{display:grid;grid-template-columns:1fr 2fr;margin-bottom:55px}.services .eyebrow{color:var(--lime)}.service-list article{display:grid;grid-template-columns:65px 1fr 1fr;gap:30px;border-top:1px solid #475361;padding:30px 0}.service-list article:last-child{border-bottom:1px solid #475361}.number{color:var(--lime);font-size:14px}.service-list p{color:#c7d1d9;margin:0;max-width:410px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro{max-width:360px;color:var(--muted);margin:25px 0 0}.steps{list-style:none;counter-reset:step;padding:0;margin:0}.steps li{counter-increment:step;border-top:1px solid var(--line);padding:24px 0 24px 45px;position:relative}.steps li:before{content:'0' counter(step);position:absolute;left:0;top:28px;font-size:13px;color:var(--muted)}.steps p{margin:12px 0 0;color:var(--muted)}.contact{background:var(--lime)}.contact h2{font-size:clamp(44px,6.5vw,83px);letter-spacing:-3px}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:35px}.contact-bottom p{max-width:420px;margin:0}.pending{font-size:14px;border-left:1px solid #678532;padding-left:20px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:35px;padding-bottom:35px}footer .brand{font-size:27px}footer p,footer>span{font-size:13px;margin:0;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:700px){.wrap{width:88%}.header{flex-wrap:wrap;padding:24px 0}.brand{font-size:32px}nav{gap:21px;font-size:14px;width:100%;justify-content:space-between}.hero{padding-top:44px}h1{letter-spacing:-2.7px;font-size:clamp(43px,9.5vw,65px)}.hero-bottom{display:block;margin-bottom:35px}.hero-bottom p{font-size:17px}.button{margin-top:26px;white-space:normal}.discipline{flex-direction:column;gap:10px}.section{padding-top:56px;padding-bottom:56px}.section-heading,.approach{grid-template-columns:1fr;gap:32px}.section-heading{margin-bottom:30px}.section-heading .eyebrow{margin:0}.service-list article{grid-template-columns:30px 1fr;gap:15px}.service-list p{grid-column:2}.service-list h3{font-size:21px}.contact h2{letter-spacing:-2px}.contact-bottom{display:block}.contact-bottom .pending{margin-top:30px}footer{flex-wrap:wrap;gap:20px}footer p{width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Solaprin brand and portfolio */
:root{--lime:#f5ba95;--ink:#26343c;--muted:#53646e;--paper:#fafbfc;--orange:#ca5a1d}
.brand{display:block;flex-shrink:0}.brand img{display:block;width:220px;height:auto}footer .brand img{width:150px}
.header{gap:25px}nav{margin-left:auto;gap:25px}.language{display:flex;align-items:center;gap:8px;font-size:14px}.language select{font:inherit;color:var(--ink);padding:9px;border:1px solid #bcc6cc;border-radius:0;background:white;min-height:42px;max-width:145px}.language select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center;margin-bottom:55px}h1{font-size:clamp(40px,4.4vw,64px);letter-spacing:-2.5px;line-height:1.08;margin-bottom:25px}h1 span{color:var(--orange)}.hero-copy{max-width:550px;font-size:18px}.hero-grid .button{display:inline-flex;background:var(--orange);margin-top:12px;white-space:normal}.hero-grid .button:hover{background:#a9430d}.hero-machine{margin:0;background:white;border-bottom:3px solid var(--orange);padding:20px 10px}.hero-machine img{width:100%;height:auto;aspect-ratio:1.45;object-fit:contain}.hero-machine figcaption{font-size:13px;padding:8px 15px;color:var(--muted)}.discipline span:before{color:var(--orange)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:50px 35px}.project-image{background:white;border:1px solid var(--line);margin-bottom:23px}.project-image img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;padding:15px}.project .eyebrow{font-size:12px;color:#a9430d;margin-bottom:8px}.project h3{font-size:27px;margin-bottom:12px}.project>p:last-child{color:var(--muted);max-width:510px}.approach{border-top:1px solid var(--line)}.contact{background:#f1e7df}.email{font-size:clamp(16px,2vw,25px);border-bottom:1px solid var(--orange);overflow-wrap:anywhere}.contact-bottom{align-items:center}a:focus-visible{outline-color:var(--orange)}
@media(max-width:900px){.header{flex-wrap:wrap}.header nav{order:3;width:100%;margin:0;justify-content:space-between}.language{margin-left:auto}.hero-grid{grid-template-columns:1fr}h1{max-width:700px}.hero-machine img{max-height:400px}.hero-machine{max-width:700px;width:100%}.hero-copy{max-width:650px}}
@media(max-width:600px){.brand img{width:165px}.language{font-size:13px;gap:5px}.language select{max-width:115px}.header{gap:18px 8px}.hero{padding-top:36px}.hero .eyebrow{font-size:12px}.hero-grid{gap:25px;margin-bottom:32px}h1{font-size:40px;letter-spacing:-1.8px}.projects{grid-template-columns:1fr;gap:35px}.contact-bottom .email{display:inline-block;margin-top:25px}.contact h2{font-size:46px}.section-heading{gap:24px}.hero-machine img{max-height:270px}footer .brand img{width:135px}}
@media(max-width:370px){.language{width:100%;margin:0}.brand img{width:170px}h1{font-size:36px}}
.language-menu{position:relative;min-width:155px;font-size:14px}.language-menu summary{cursor:pointer;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #bcc6cc;background:white;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:'▾';margin-left:auto}.language-menu img{object-fit:cover;border:1px solid #ddd;flex-shrink:0}.language-menu summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.language-options{position:absolute;right:0;top:100%;z-index:20;background:white;border:1px solid #bcc6cc;min-width:100%;box-shadow:0 7px 20px #26343c22}.language-options a{display:flex;align-items:center;gap:9px;padding:12px;white-space:nowrap}.language-options a:hover{background:#f1e7df}@media(max-width:600px){.language-menu{min-width:140px}.language-menu summary{padding:10px 8px}}