@font-face {
font-family: 'Unisolar Jakarta';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//unisolarks.trigitalstudio.com/wp-content/themes/unisolar/assets/fonts/plus-jakarta-sans-400.ttf) format('truetype');
}
@font-face {
font-family: 'Unisolar Jakarta';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//unisolarks.trigitalstudio.com/wp-content/themes/unisolar/assets/fonts/plus-jakarta-sans-600.ttf) format('truetype');
}
.uni-single-project {
background: #fff;
color: #152635;
font-family: 'Instrument Sans', sans-serif;
}
.uni-project-hero {
max-width: 1380px;
margin: 0 auto;
padding: 96px 80px 40px;
}
.uni-project-heading {
max-width: 900px;
margin: 0 auto 48px;
text-align: center;
}
.uni-project-kicker {
margin: 0 0 8px;
color: #51616c;
font: 800 11px/1.5 'Instrument Sans', sans-serif;
letter-spacing: 1.65px;
text-transform: uppercase;
}
.uni-project-heading h1 {
margin: 0;
color: #152635;
font: 600 clamp(48px, 6vw, 82px)/1.08 'Instrument Sans', sans-serif;
letter-spacing: -.055em;
overflow-wrap: anywhere;
}
.uni-project-location {
margin: 18px 0 0;
color: #657580;
font-size: 16px;
}
.uni-project-featured {
height: min(62vw, 720px);
margin: 0;
overflow: hidden;
border-radius: 30px;
background: #f4f3ee;
}
.uni-project-featured img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.uni-project-facts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1px;
max-width: 1380px;
margin: 40px auto 80px;
overflow: hidden;
border-radius: 24px;
background: #f4f3ee;
box-shadow: 0 16px 40px rgb(67 53 36 / 5%);
}
.uni-project-fact {
min-width: 0;
padding: 28px 24px;
background: #f4f3ee;
}
.uni-project-fact > span {
display: block;
margin-bottom: 8px;
color: #657580;
font-size: 11px;
line-height: 1.5;
letter-spacing: .6px;
text-transform: uppercase;
}
.uni-project-fact-value {
display: block;
color: #152635;
font-size: 20px;
line-height: 1.3;
font-weight: 600;
overflow-wrap: anywhere;
}
.uni-project-story {
display: grid;
grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);
gap: 64px;
max-width: 1050px;
margin: 0 auto;
padding: 0 24px 96px;
}
.uni-project-content {
color: #657580;
font-size: 18px;
line-height: 1.75;
}
.uni-project-content> :first-child {
margin-top: 0;
}
.uni-project-content> :last-child {
margin-bottom: 0;
}
.uni-project-content h2,
.uni-project-content h3 {
color: #152635;
font-weight: 600;
}
.uni-project-gallery {
max-width: 1380px;
margin: 0 auto;
padding: 80px;
border-radius: 30px;
background: #f4f3ee;
}
.uni-project-gallery header {
margin-bottom: 30px;
padding: 0 32px;
}
.uni-project-gallery h2 {
margin: 0;
color: #152635;
font: 400 42px/1.5 'Instrument Sans', sans-serif;
letter-spacing: -2.31px;
}
.uni-project-gallery-slider {
padding: 0 32px 50px;
}
.uni-project-gallery-item {
display: block;
height: 430px;
overflow: hidden;
border-radius: 24px;
background: #fff;
}
.uni-project-gallery-item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .45s ease;
}
.uni-project-gallery-item:hover img,
.uni-project-gallery-item:focus-visible img {
transform: scale(1.035);
}
.uni-project-gallery-item:focus-visible {
outline: 3px solid #3478a8;
outline-offset: 4px;
}
.uni-project-gallery-controls {
position: absolute;
z-index: 3;
right: 32px;
bottom: 0;
left: 32px;
display: grid;
grid-template-columns: 44px 1fr 44px;
align-items: center;
gap: 16px;
}
.uni-gallery-prev,
.uni-gallery-next {
position: relative;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
background: #152635;
color: #fff;
cursor: pointer;
transition: background-color .25s ease, transform .25s ease;
}
.uni-gallery-prev::before,
.uni-gallery-next::before {
position: absolute;
top: 50%;
left: 50%;
font-size: 20px;
line-height: 1;
transform: translate(-50%, -54%);
}
.uni-gallery-prev::before {
content: '←';
}
.uni-gallery-next::before {
content: '→';
}
.uni-gallery-prev:hover,
.uni-gallery-next:hover {
background: #152635;
transform: translateY(-2px);
}
.uni-gallery-prev.swiper-button-disabled,
.uni-gallery-next.swiper-button-disabled {
opacity: .35;
cursor: default;
transform: none;
}
.uni-gallery-pagination {
position: static !important;
display: flex;
justify-content: center;
align-items: center;
}
.uni-gallery-pagination .swiper-pagination-bullet {
width: 7px;
height: 7px;
background: #657580;
opacity: .35;
}
.uni-gallery-pagination .swiper-pagination-bullet-active {
width: 22px;
border-radius: 999px;
background: #152635;
opacity: 1;
}
@media (max-width: 1024px) {
.uni-project-hero {
padding: 72px 32px 32px;
}
.uni-project-facts {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
margin-inline: 32px;
}
.uni-project-gallery {
margin-inline: 30px;
padding: 64px 32px;
}
.uni-project-gallery header,
.uni-project-gallery-slider {
padding-inline: 0;
}
.uni-project-gallery-controls {
right: 0;
left: 0;
}
}
@media (max-width: 767px) {
.uni-project-hero {
padding: 56px 12px 24px;
}
.uni-project-heading {
padding-inline: 12px;
margin-bottom: 32px;
}
.uni-project-heading h1 {
font-size: clamp(42px, 13vw, 64px);
letter-spacing: -.045em;
}
.uni-project-featured {
height: 68svh;
min-height: 430px;
border-radius: 24px;
}
.uni-project-facts {
grid-template-columns: 1fr;
margin: 24px 12px 64px;
border-radius: 20px;
}
.uni-project-fact {
padding: 22px 18px;
}
.uni-project-fact-value {
font-size: 17px;
}
.uni-project-story {
grid-template-columns: 1fr;
gap: 14px;
padding: 0 24px 64px;
}
.uni-project-content {
font-size: 16px;
}
.uni-project-gallery {
margin-inline: 12px;
padding: 56px 20px;
border-radius: 24px;
}
.uni-project-gallery h2 {
font-size: 32px;
line-height: 1.25;
letter-spacing: -1.2px;
}
.uni-project-gallery-item {
height: 340px;
}
}
@media (prefers-reduced-motion: reduce) {
.uni-project-gallery-item img,
.uni-gallery-prev,
.uni-gallery-next {
transition: none;
}
.uni-project-gallery-item:hover img,
.uni-project-gallery-item:focus-visible img,
.uni-gallery-prev:hover,
.uni-gallery-next:hover {
transform: none;
}
} .uni-project-lightbox {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
margin: 0;
padding: 72px 80px;
border: 0;
background: rgb(22 20 18 / 96%);
color: #fff;
}
.uni-project-lightbox[open] { display: grid; place-items: center; }
.uni-project-lightbox::backdrop { background: rgb(22 20 18 / 85%); }
.uni-project-lightbox figure { margin: 0; min-width: 0; text-align: center; }
.uni-project-lightbox img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: calc(100dvh - 180px);
margin: auto;
object-fit: contain;
border-radius: 12px;
}
.uni-project-lightbox figcaption { margin-top: 16px; font-size: 13px; color: #d9e1e5; }
.uni-project-lightbox button {
position: absolute;
display: grid;
place-items: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid #f4f3ee;
border-radius: 50%;
background: #fff;
color: #152635;
font: 24px/1 sans-serif;
cursor: pointer;
}
.uni-project-lightbox button:hover,
.uni-project-lightbox button:focus-visible { background: #152635; color: #ffffff; border-color: #3478a8; }
.uni-project-lightbox button:focus-visible { outline: 2px solid #3478a8; outline-offset: 4px; }
.uni-project-lightbox button[hidden] { display: none; }
.uni-lightbox-close { top: 20px; right: 20px; }
.uni-lightbox-prev { left: 20px; top: calc(50% - 22px); }
.uni-lightbox-next { right: 20px; top: calc(50% - 22px); }
@media (max-width: 600px) {
.uni-project-lightbox { padding: 72px 16px 100px; }
.uni-project-lightbox img { max-height: calc(100dvh - 210px); }
.uni-lightbox-prev { top: auto; bottom: 24px; left: calc(50% - 54px); }
.uni-lightbox-next { top: auto; bottom: 24px; right: calc(50% - 54px); }
}
.uni-project-fact-value > :first-child,
.uni-project-location > :first-child { margin-top: 0; }
.uni-project-fact-value > :last-child,
.uni-project-location > :last-child { margin-bottom: 0; }
.uni-project-fact-value ul,
.uni-project-fact-value ol { padding-left: 1.2em; }
.uni-project-facts.uni-project-details {
display: block;
padding: clamp(24px, 4vw, 48px);
background: #f4f3ee;
font-size: 18px;
line-height: 1.7;
overflow-wrap: anywhere;
}
.uni-project-details > :first-child { margin-top: 0; }
.uni-project-details > :last-child { margin-bottom: 0; }
.uni-project-details ul, .uni-project-details ol { padding-left: 1.5em; }
.uni-project-facts.uni-project-details-grid {
display: block;
background: #f4f3ee;
box-shadow: none;
}
.uni-project-detail-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
gap: 1px;
margin: 0;
background: #f4f3ee;
}
.uni-project-detail-item {
min-width: 0;
padding: 30px 28px;
background: #f4f3ee;
}
.uni-project-detail-item dt {
margin: 0 0 10px;
color: #657580;
font-size: 11px;
font-weight: 600;
letter-spacing: .8px;
line-height: 1.5;
text-transform: uppercase;
}
.uni-project-detail-item dd {
margin: 0;
color: #152635;
font-size: clamp(18px, 1.5vw, 22px);
font-weight: 600;
line-height: 1.45;
overflow-wrap: anywhere;
}
@media (max-width: 767px) {
.uni-project-detail-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.uni-project-detail-item { padding: 24px 20px; }
.uni-project-detail-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 420px) {
.uni-project-detail-list { grid-template-columns: 1fr; }
}.uni-motion-button {
--uni-button-ease: cubic-bezier(.65, .05, 0, 1);
overflow: hidden;
position: relative;
isolation: isolate;
background-color: transparent !important;
transition: color 750ms var(--uni-button-ease);
}
.uni-button-bg {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
transition: transform 750ms var(--uni-button-ease),
background-color 750ms var(--uni-button-ease);
}
.uni-button-text-track {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 1.5em;
overflow: clip;
line-height: 1.5;
}
.uni-button-text {
position: relative;
display: flex;
align-items: center;
height: 100%;
line-height: 1.5;
white-space: nowrap;
}
.uni-button-char {
position: relative;
display: inline-flex;
align-items: center;
line-height: 1.5;
text-shadow: 0 1.5em currentColor;
transition: transform 750ms var(--uni-button-ease),
text-shadow 750ms var(--uni-button-ease);
will-change: transform;
}
.uni-split-heading .text-line {
display: block !important;
overflow: hidden;
padding: 0.1em 0.07em 0.15em;
margin: -0.1em -0.07em -0.15em;
}
.uni-split-heading .split-word {
display: inline-block;
will-change: transform, opacity;
}
.uni-motion-button:hover .uni-button-char,
.uni-motion-button:focus-visible .uni-button-char {
transform: translateY(-1.5em);
}
.uni-motion-button:hover .uni-button-bg,
.uni-motion-button:focus-visible .uni-button-bg {
transform: scale(.95);
}
@media (prefers-reduced-motion: reduce), (hover: none) {
.uni-button-char,
.uni-button-bg {
transition: none;
}
}.uni-company-results .uni-impact-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.uni-company-results .uni-impact-icon svg{width:38px;height:38px;color:#51616c}.uni-company-results .uni-impact-value{white-space:nowrap;font-variant-numeric:tabular-nums}.uni-company-results .uni-impact-value small{font-size:18px;margin-left:6px}.uni-results-note{font-size:12px;color:#657580;padding:0 32px 20px}.uni-service-symbol{width:54px;height:54px;padding:11px;background:#f4f3ee;border:1px solid #d9e1e5;border-radius:16px;color:#51616c;margin-bottom:18px}.uni-service-symbol svg{width:100%;height:100%}.uni-service-row-image:has(.uni-service-placeholder){background:#f4f3ee;display:grid;place-items:center}.uni-service-placeholder{width:160px;height:160px;padding:30px;color:#51616c;border:1px solid #d9e1e5;border-radius:50%}.uni-service-placeholder svg{width:100%;height:100%}.uni-project-state{display:inline-block;border-radius:99px;padding:5px 10px;font-size:11px;margin:8px 0;background:#ecf3e9;color:#35623a}.uni-project-state.is-ongoing{background:#f4f3ee;color:#51616c}.uni-project-status-filter{display:flex;gap:10px;align-items:center;margin:0 0 24px}.uni-project-status-filter select{width:auto;border:1px solid #f4f3ee;border-radius:10px;padding:10px;background:#fff}.uni-project-status-filter button{background:#152635;color: #ffffff;border:0;border-radius:99px;padding:11px 20px}.uni-partners-page{max-width:1440px;margin:auto;padding:160px 32px 80px}.uni-partners-page header{max-width:900px;margin-bottom:48px}.uni-partners-page h1{font-size:clamp(36px,5vw,72px);line-height:1.1;letter-spacing:-.04em}.uni-partners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.uni-partners-grid article{border:1px solid #f4f3ee;border-radius:24px;padding:32px}.uni-partner-logo{height:140px;display:grid;place-items:center;border-radius:16px;background:#f4f3ee;margin-bottom:24px}.uni-partner-logo img{max-height:100px;max-width:85%;object-fit:contain}.uni-partner-logo span{color:#51616c;font-size:44px}.uni-partners-grid h2{font-size:25px}.uni-partners-grid p{color:#657580;line-height:1.7}@media(max-width:700px){.uni-partners-grid{grid-template-columns:1fr}.uni-partners-page{padding:120px 20px 48px}.uni-company-results .uni-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .uni-company-results .uni-impact-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;border:1px solid #d9e1e5;border-radius:23px;background:linear-gradient(145deg,#f4f3ee,#f4f3ee);box-shadow:inset 0 1px 0 #fff;color:#51616c}
.uni-company-results .uni-impact-icon svg{display:block;width:46px;height:46px;color:inherit;overflow:visible}
@media(max-width:600px){.uni-company-results .uni-impact-icon{width:64px;height:64px;border-radius:19px;margin-bottom:18px}.uni-company-results .uni-impact-icon svg{width:39px;height:39px}} .uni-partners-page .uni-partners-hero{max-width:none;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;margin-bottom:80px}.uni-partners-heading .uni-page-kicker{color:#51616c;font-size:11px;letter-spacing:.15em}.uni-partners-page h1{margin:24px 0;font-size:clamp(42px,5.4vw,78px);line-height:1.04;letter-spacing:-.055em}.uni-partners-page h1>span{color:#51616c}.uni-partners-lead{max-width:520px;color:#657580;line-height:1.8;font-size:17px}.uni-partners-discover{display:inline-flex;gap:22px;align-items:center;color:#152635;margin-top:18px;font-weight:600}.uni-partners-discover>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #f4f3ee;border-radius:50%;transition:background .2s}.uni-partners-discover:hover>span{background:#152635}.uni-partners-network{position:relative;display:grid;place-items:center;aspect-ratio:1;max-height:440px;border-radius:36px;background:#f4f3ee;overflow:hidden}.uni-network-orbit{position:absolute;border:1px solid #f4f3ee;border-radius:50%;width:76%;height:76%}.uni-network-orbit.orbit-two{width:49%;height:49%;border-style:dashed}.uni-network-core{z-index:1;background:#152635;color:#fff;padding:24px 28px;border-radius:22px;font-size:23px;letter-spacing:-1px;font-weight:700;box-shadow:0 14px 35px #15263516}.uni-network-core>span{color:#51616c}.uni-network-node{position:absolute;display:grid;place-items:center;width:68px;height:68px;padding:16px;border:1px solid #f4f3ee;border-radius:20px;background:#fffdf9;color:#51616c;box-shadow:0 8px 24px #15263508}.uni-network-node svg{width:100%;height:100%}.node-one{top:9%;left:30%}.node-two{bottom:13%;left:12%}.node-three{right:7%;top:47%}.uni-network-dot{position:absolute;right:22%;top:14%;width:12px;height:12px;background:#152635;border-radius:50%;box-shadow:0 0 0 7px #f4f3ee}.uni-partners-collection{scroll-margin-top:120px}.uni-partners-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #f4f3ee;padding-bottom:24px;margin-bottom:30px}.uni-partners-section-heading h2{font-size:30px;letter-spacing:-.035em;margin:0}.uni-partners-section-heading>span{font-size:10px;letter-spacing:.12em;color:#657580}.uni-partners-grid .uni-partner-story{padding:0;border:0;border-radius:0;background:transparent}.uni-partner-story .uni-partner-logo{position:relative;height:250px;border:1px solid #f4f3ee;border-radius:24px;background:#f4f3ee;overflow:hidden;margin:0;transition:background .25s,border-color .25s}.uni-partner-story:hover .uni-partner-logo{background:#f4f3ee;border-color:#d9e1e5}.uni-partner-story:nth-child(even) .uni-partner-logo{background:#f1f0eb}.uni-partner-story .uni-partner-logo img{max-width:65%;max-height:120px;transition:transform .35s}.uni-partner-story:hover .uni-partner-logo img{transform:scale(1.04)}.uni-partner-logo .uni-partner-index{position:absolute;top:20px;left:22px;font-size:12px;color:#657580}.uni-partner-logo .uni-partner-mark{position:absolute;right:20px;bottom:17px;font-size:23px;color:#d9e1e5}.uni-partner-logo .uni-partner-placeholder{width:80px;height:80px;color:#51616c}.uni-partner-placeholder svg{width:100%;height:100%}.uni-partner-story-copy{padding:24px 8px}.uni-partners-grid .uni-partner-caption{font-size:10px;letter-spacing:.13em;color:#51616c;margin:0 0 12px}.uni-partner-story h3{font-size:26px;letter-spacing:-.035em;margin:0 0 14px}.uni-partner-story-copy>p:last-child{font-size:15px;line-height:1.8}.uni-partners-invitation{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:60px;padding:38px 42px;border-radius:26px;background:#152635;color:#fff}.uni-partners-invitation .uni-page-kicker{color:#51616c;font-size:10px;letter-spacing:.12em}.uni-partners-invitation h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;margin:12px 0 0}.uni-partners-invitation>a{display:inline-flex;align-items:center;gap:20px;flex-shrink:0;background:#152635;color: #ffffff;border-radius:99px;padding:16px 24px;font-weight:600;transition:background .2s}.uni-partners-invitation>a:hover{background:#152635}.uni-partners-page a:focus-visible{outline:2px solid #3478a8;outline-offset:5px}@media(max-width:900px){.uni-partners-page .uni-partners-hero{gap:30px}.uni-partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uni-network-node{width:54px;height:54px;padding:12px}.uni-network-core{font-size:19px;padding:20px}.uni-partners-invitation{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.uni-partners-page .uni-partners-hero{grid-template-columns:1fr;margin-bottom:48px}.uni-partners-network{width:100%;max-height:340px}.uni-partners-grid{grid-template-columns:1fr}.uni-partners-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.uni-partner-story .uni-partner-logo{height:220px}.uni-partners-invitation{padding:30px 24px;margin-top:36px}.uni-partners-invitation>a{font-size:14px;padding:14px 20px}}@media(prefers-reduced-motion:reduce){.uni-partner-story .uni-partner-logo,.uni-partner-story .uni-partner-logo img{transition:none}} .uni-partners-editorial{max-width:1320px;margin:auto;padding:160px 40px 72px;color:#152635}.uni-partners-editorial-heading{padding-bottom:64px;max-width:800px}.uni-partners-editorial-heading>p{font-size:11px;letter-spacing:.13em;color:#51616c;margin:0 0 22px}.uni-partners-editorial h1{font-size:clamp(44px,6vw,78px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0 0 24px}.uni-partners-editorial-heading>div{font-size:17px;line-height:1.7;color:#657580;max-width:520px}.uni-partner-editorial-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.5fr);gap:80px;align-items:center;padding:56px 0;border-top:1px solid #f4f3ee}.uni-partner-editorial-logo{min-height:130px;display:flex;align-items:center;justify-content:flex-start;padding:12px 24px 12px 0}.uni-partner-editorial-logo img{width:auto;max-width:260px;max-height:105px;object-fit:contain}.uni-partner-editorial-logo>span{font-size:28px;letter-spacing:-.035em;color:#657580;font-weight:500}.uni-partner-editorial-copy h2{font-size:27px;letter-spacing:-.025em;font-weight:500;margin:0 0 16px}.uni-partner-editorial-copy p{max-width:560px;color:#657580;font-size:16px;line-height:1.85;margin:0}.uni-partners-editorial-contact{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #f4f3ee;padding-top:32px;margin-top:16px}.uni-partners-editorial-contact p{color:#657580;margin:0}.uni-partners-editorial-contact a{color:#152635;display:inline-flex;gap:24px;align-items:center;padding:8px 0;border-bottom:1px solid #3478a8}.uni-partners-editorial-contact a:hover{color:#51616c}.uni-partners-editorial a:focus-visible{outline:2px solid #3478a8;outline-offset:5px}@media(max-width:700px){.uni-partners-editorial{padding:120px 24px 48px}.uni-partners-editorial-heading{padding-bottom:40px}.uni-partner-editorial-row{grid-template-columns:1fr;gap:20px;padding:32px 0}.uni-partner-editorial-logo{min-height:80px;padding:0}.uni-partner-editorial-logo img{max-width:220px;max-height:80px}.uni-partner-editorial-copy h2{font-size:24px}.uni-partners-editorial-contact{align-items:flex-start;flex-direction:column;gap:12px}}:root{--uni-navy:#152635;--uni-blue:#3478a8;--uni-green:#75c16a;--uni-yellow:#ffc745;--uni-paper:#f4f3ee;--uni-border:#deded7;--uni-muted:#6d777b}
body{color:var(--uni-navy);background:#fff}
.uni-calculator-page{--primary-gold:#152635;--primary-gold-hover:#284556;--gold-gradient:linear-gradient(135deg,#152635,#284556);--gold-soft-bg:#f4f3ee;--gold-text:#51616c;--bg-page:#fff;--bg-sand-card:#f4f3ee;--bg-sand-light:#f8f8f5;--border-gold:#3478a8;--dark-hero-bg:#152635;--dark-card:#152635}
.uni-header .uni-header-bar{background:rgba(244,243,238,.94);border-color:rgba(255,255,255,.45)}
.uni-header.is-logo-only .uni-header-bar{background:rgba(244,243,238,.96)}
.uni-header .uni-header-button,.uni-hero-link--primary,.uni-services-all,.uni-projects-all,.uni-contact-form button[type=submit],.uni-career .uni-career-form button[type=submit],.uni-career .uni-job-apply{background:#152635;color:#fff;border-color:#152635}
.uni-header .uni-header-button:hover,.uni-hero-link--primary:hover,.uni-services-all:hover,.uni-projects-all:hover,.uni-contact-form button[type=submit]:hover,.uni-career .uni-career-form button[type=submit]:hover,.uni-career .uni-job-apply:hover{background:#284556;color:#fff;border-color:#284556}
.uni-hero-highlight,.uni-hero-title .is-highlight{color:#75c16a}
.uni-hero-link--secondary{color:#fff}
.uni-hero .uni-hero-link--primary{background:#f4f3ee;color:#152635;border-color:#f4f3ee}
.uni-hero .uni-hero-link--primary:hover{background:#fff;color:#152635}
.uni-hero-controls .uni-hero-progress-fill{background:#ffc745}
.uni-service-symbol,.uni-company-results .uni-impact-icon{background:#f4f3ee;border-color:#deded7;color:#152635;box-shadow:none}
.uni-company-results .uni-impact-value{color:#152635}.uni-company-results .uni-impact-label{color:#6d777b}
.uni-service-row-image:has(.uni-service-placeholder){background:#f4f3ee}.uni-service-placeholder{color:#51616c;border-color:#deded7}
.uni-career-card,.uni-contact-form-card,.uni-career-success,.uni-career-empty{background:#f4f3ee;border-color:#deded7}
.uni-career .uni-cv-drop{background:#fcfcfa;border-color:#cdd2cf}.uni-career .uni-cv-drop .uni-upload-icon{color:#51616c}
.uni-career .uni-career-form .uni-document-remove{background:#f4f3ee;color:#152635;border-color:#deded7}.uni-career .uni-career-form .uni-document-remove:hover{background:#152635;color:#fff}
.uni-career .uni-career-consent input[type=checkbox]:checked{background:#152635;border-color:#152635}.uni-career .uni-career-consent input[type=checkbox]:checked::after{border-color:#fff}.uni-career .uni-career-consent:has(input:checked){background:#f4f3ee;border-color:#b9c8bb}
.uni-success-steps li:first-child .uni-success-step-number{background:#75c16a;border-color:#75c16a;color:#152635}.uni-success-eyebrow>span{background:#75c16a}.uni-career-success h2>span,.uni-career-empty h2,.uni-partners-page h1>span{color:#152635}
.uni-career-success:before{background:radial-gradient(circle,#e3e8df80,transparent 70%)}
a.uni-whatsapp{background:#152635!important;color:#fff!important}a.uni-whatsapp:hover,a.uni-whatsapp:focus-visible{background:#284556!important;color:#fff!important}
.uni-calculator-page .offer-request-btn,.uni-calculator-page .offer-submit-btn,.uni-calculator-page .mode-tab-btn.active{background:#152635!important;color:#fff!important}.uni-calculator-page .offer-request-btn:hover,.uni-calculator-page .offer-submit-btn:hover{background:#284556!important;color:#fff!important}
.uni-calculator-page .offer-modal-close:hover,.uni-calculator-page .offer-modal-close:focus-visible{background:#152635!important;color:#fff!important}
.uni-project-state.is-completed{background:#e9f2e7;color:#315a35}.uni-project-state.is-ongoing{background:#edf2f5;color:#34566d}
.uni-footer-column a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.uni-partners-editorial-heading>p,.uni-partners-editorial-copy p,.uni-partners-editorial-contact p{color:#6d777b}.uni-partners-editorial-contact a{color:#152635;border-color:#b9c4ca} .uni-reference-filters a{color:#152635;background:#f4f3ee;box-shadow:none}
.uni-reference-filters a.is-active,
.uni-reference-filters a.is-active:hover,
.uni-reference-filters a:hover{background:#152635;color:#fff;box-shadow:none}
.uni-reference-filters a:focus-visible{outline:2px solid #3478a8;outline-offset:3px;box-shadow:none}
.uni-reference-filters a.is-active .uni-button-bg,
.uni-reference-filters a:hover .uni-button-bg{background:#152635!important}
.uni-project-status-filter button,
.uni-project-status-filter button:hover,
.uni-project-status-filter button:focus,
.uni-project-status-filter button:active{background:#152635;color:#fff;border:1px solid #152635}
.uni-project-status-filter button:hover{background:#284556;border-color:#284556}
.uni-project-status-filter button .uni-button-bg{background:#152635!important}
.uni-project-status-filter button:hover .uni-button-bg{background:#284556!important}
.uni-project-status-filter button:focus-visible{outline:2px solid #3478a8;outline-offset:3px;box-shadow:none}
.uni-project-status-filter select{box-sizing:border-box;border:1px solid #deded7;padding:10px 14px;border-radius:12px;background:#fff;color:#152635;outline:0;box-shadow:0 0 0 3px transparent;transition:border-color .18s,box-shadow .18s}
.uni-project-status-filter select:focus,
.uni-project-status-filter select:focus-visible{border:1px solid #3478a8;outline:0;box-shadow:0 0 0 3px rgb(52 120 168 / 12%)}
.uni-reference-filters a:not(.is-active):not(:hover) .uni-button-bg{background:#f4f3ee!important}
.uni-reference-filters a:hover{transform:none}
@media(prefers-reduced-motion:reduce){.uni-project-status-filter select{transition:none}}
.uni-project-status-filter select{
appearance:none;
-webkit-appearance:none;
padding-right:42px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3 5 4 4 4-4' stroke='%23152635' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 10px center;
background-size:14px 14px;
} .uni-hero .uni-hero-title{color:#fff}
.uni-hero .uni-hero-title span{color:inherit}
.uni-hero .uni-hero-title .uni-hero-emphasis{color:#75c16a}
.uni-hero .uni-hero-title .uni-hero-emphasis span{color:inherit}
.uni-hero .uni-hero-link--primary{background:#152635;color:#fff;border:1px solid rgba(255,255,255,.22)}
.uni-hero .uni-hero-link--primary:hover{background:#284556;color:#fff}
.uni-hero .uni-hero-link--primary .uni-button-bg{background:#152635!important}
.uni-hero .uni-hero-link--primary:hover .uni-button-bg{background:#284556!important} .uni-hero-slider{min-height:100vh;min-height:100svh}
.uni-hero-slider>.uni-hero{min-height:100vh;min-height:100svh;box-sizing:border-box} .uni-services-wrap .uni-services{background:#152635;color:#f4f3ee}
.uni-services .uni-services-title{color:#f4f3ee}
.uni-services .uni-services-eyebrow{color:#a7b7c2}
.uni-services .uni-service-card{background:#1e3444;border:1px solid #304757;box-shadow:none}
.uni-services .uni-service-card:hover,
.uni-services .uni-service-card:focus-within{background:#253e50;border-color:#506876;box-shadow:0 16px 32px rgb(0 0 0 / 10%)}
.uni-services .uni-service-copy h3{color:#f4f3ee}
.uni-services .uni-service-copy p{color:#bac7ce}
.uni-services .uni-service-number{color:#9aadb9}
.uni-services .uni-service-symbol{background:#263f4f;border-color:#3c5564;color:#a7d79f;box-shadow:none}
.uni-services .uni-service-more,
.uni-services .uni-service-more:hover{color:#a7d79f}
.uni-services .uni-services-all{background:#f4f3ee;border-color:#f4f3ee;color:#152635}
.uni-services .uni-services-all:hover{background:#fff;border-color:#fff;color:#152635}
.uni-services .uni-services-all .uni-button-bg{background:#f4f3ee!important}
.uni-services .uni-services-all:hover .uni-button-bg{background:#fff!important}
.uni-services a:focus-visible{outline:2px solid #75c16a;outline-offset:4px;box-shadow:none}
@font-face{font-family:'Space Grotesk';src:url(//unisolarks.trigitalstudio.com/wp-content/themes/unisolar/assets/fonts/space-grotesk-variable.ttf) format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(//unisolarks.trigitalstudio.com/wp-content/themes/unisolar/assets/fonts/instrument-sans-variable.ttf) format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--uni-font-heading:'Space Grotesk',sans-serif;--uni-font-body:'Instrument Sans',sans-serif}
body{font-family:var(--uni-font-body)}
button,input,select,textarea{font-family:var(--uni-font-body)}
.uni-calculator-page{--font-heading:var(--uni-font-heading);--font-body:var(--uni-font-body)}
body h1,body h2,body h3,body h4,body h5,body h6,
.uni-hero .uni-hero-title,.uni-services .uni-services-title,.uni-service-copy h3,
.uni-statement-text,.uni-impact-value,.uni-products-hero h1,.uni-page-hero h1,
.uni-career h1,.uni-career h2,.uni-career h3,.uni-partners-editorial h1,.uni-partners-editorial h2,
.uni-contact-form-card h2,.uni-project-detail-item dd,.uni-calculator-page .calc-main-title{
font-family:var(--uni-font-heading);font-weight:500;letter-spacing:-.035em;
}
.uni-hero .uni-hero-title{font-weight:500;letter-spacing:-.045em} .uni-calculator-page{--text-main:#152635;--text-body:#334b5b;--text-muted:#657580;--text-light-muted:#657580;--border-light:#dce2e4;--border-card:#dce2e4;--gold-soft-bg:#edf3f7;--gold-text:#285f87}
.uni-calculator-page .stepper{border-color:#e2e6e8;box-shadow:none}
.uni-calculator-page .step-item{background:transparent;border-color:transparent}
.uni-calculator-page .step-item.active{background:#edf3f7;border-color:#b3cbdc}
.uni-calculator-page .step-item .step-kicker{color:#657580}
.uni-calculator-page .step-item .step-name{color:#516572}
.uni-calculator-page .step-item.active .step-kicker{color:#3478a8}
.uni-calculator-page .step-item.active .step-name{color:#152635}
.uni-calculator-page .step-item .step-bubble{background:#fff;border-color:#dce2e4;color:#657580}
.uni-calculator-page .step-item.active .step-bubble{background:#152635;color:#fff;border-color:#152635}
.uni-calculator-page .step-item.completed .step-bubble{background:#e3f0e0;color:#28532c;border-color:#bfd9b8}
.uni-calculator-page .tariff-option,.uni-calculator-page .mode-choice-btn{border-color:#e2e6e8;background:#fff;box-shadow:none}
.uni-calculator-page .tariff-option:hover,.uni-calculator-page .mode-choice-btn:hover{background:#f8fafb;border-color:#a3bdce;box-shadow:none}
.uni-calculator-page .tariff-option.selected,.uni-calculator-page .mode-choice-btn.active{background:#edf3f7;border-color:#3478a8;box-shadow:inset 0 0 0 1px #3478a8}
.uni-calculator-page .tariff-code-pill,.uni-calculator-page .mode-pill-tag{background:#f0f3f5;border-color:#d8e1e7;color:#405c70}
.uni-calculator-page .tariff-option.selected .tariff-code-pill{background:#dceaf4;border-color:#b3cbdc;color:#285f87}
.uni-calculator-page .tariff-check-icon{background:#eef1f2;color:#82929b}
.uni-calculator-page .tariff-option:not(.selected) .tariff-check-icon svg{visibility:hidden}
.uni-calculator-page .tariff-option.selected .tariff-check-icon{background:#3478a8;color:#fff}
.uni-calculator-page .month-field,.uni-calculator-page .form-group input,.uni-calculator-page .form-group select{border-color:#dce2e4}
.uni-calculator-page .month-field:focus-within{border-color:#3478a8;background:#fff;box-shadow:0 0 0 3px rgb(52 120 168 / 10%);transform:none}
.uni-calculator-page .annual-field:focus,.uni-calculator-page .form-group input:focus,.uni-calculator-page .form-group select:focus{border-color:#3478a8;box-shadow:0 0 0 3px rgb(52 120 168 / 10%);outline:none}
.uni-calculator-page .result{background:#152635;border-color:#2d4353;color:#fff}
.uni-calculator-page .result-glow{background:rgba(52,120,168,.13)}
.uni-calculator-page .result-badge{background:#203c43;border-color:#3b5a57;color:#b1dba8}
.uni-calculator-page .capacity-val{background:none;color:#fff;-webkit-text-fill-color:#fff}
.uni-calculator-page .capacity-unit{color:#a7d79f}
.uni-calculator-page .result-desc,.uni-calculator-page .disclaimer{color:#bbc9d2}
.uni-calculator-page .stat-icon{background:#253f50;color:#c1d5e3}
.uni-calculator-page .stat-box small{color:#bbc9d2}
.uni-calculator-page .stat-box:hover{border-color:#638294}
.uni-calculator-page .result .offer-request-btn,.uni-calculator-page .result .btn-primary-gold{background:#f4f3ee!important;color:#152635!important;border-color:#f4f3ee!important}
.uni-calculator-page .result .offer-request-btn .calc-button-bg{background:#f4f3ee!important}
.uni-calculator-page .result .offer-request-btn:hover{background:#fff!important;color:#152635!important}
.uni-calculator-page .result .reset-btn{color:#fff;border-color:#71818d}
.uni-calculator-page .result .reset-btn:hover{background:#284556;color:#fff}
.uni-project-status-filter .uni-nice-select{position:relative;min-width:185px}
.uni-project-status-filter .uni-nice-select-trigger,
.uni-project-status-filter .uni-nice-select-trigger:hover,
.uni-project-status-filter .uni-nice-select-trigger:focus,
.uni-project-status-filter .uni-nice-select-trigger:active{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:11px 14px;border:1px solid #deded7;border-radius:12px;background:#fff;color:#152635;font:400 15px/1.5 'Instrument Sans',sans-serif;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.uni-project-status-filter .uni-nice-select-trigger:focus-visible,.uni-project-status-filter .uni-nice-select.is-open .uni-nice-select-trigger{outline:none;border-color:#3478a8;box-shadow:0 0 0 3px rgb(52 120 168 / 10%)}
.uni-nice-select-arrow{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s;flex:none}
.is-open .uni-nice-select-arrow{transform:translateY(2px) rotate(225deg)}
.uni-nice-select-options{position:absolute;z-index:20;top:calc(100% + 8px);left:0;min-width:100%;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e1e5e7;border-radius:14px;box-shadow:0 12px 30px rgb(21 38 53 / 10%);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .18s,transform .18s,visibility .18s}
.uni-nice-select.is-open .uni-nice-select-options{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.uni-nice-select-options li{display:block;position:relative;white-space:nowrap;padding:10px 32px 10px 12px;border-radius:8px;color:#152635;font-size:14px;cursor:pointer}
.uni-nice-select-options li[aria-selected=true]{background:#f4f3ee;font-weight:600}
.uni-nice-select-options li[aria-selected=true]::after{content:'✓';position:absolute;right:12px;color:#3478a8}
.uni-nice-select-options li:hover,.uni-nice-select-options li.is-highlighted{background:#edf3f7}
.uni-project-status-filter select[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.uni-nice-select-options,.uni-nice-select-arrow{transition:none}} .uni-company-results .uni-impact-icon{
background:#edf3f7;
border-color:#d7e4ed;
color:#3478a8;
}
.uni-company-results .uni-impact-icon svg{color:inherit}