.ref-mob-page{--ref-bg:#0c1520;--ref-orange:#f97316;--ref-green:#22c55e;--ref-blue:#3b82f6;--ref-purple:#a855f7;--ref-text:#fff;--ref-muted:#888;--ref-muted-2:#666;--ref-border:#ffffff14;--ref-glass:#ffffff0d;background:var(--ref-bg);min-height:100dvh;color:var(--ref-text);position:relative;overflow:hidden}.ref-mob-page:before{content:"";opacity:1;pointer-events:none;z-index:0;background:radial-gradient(110% 70% at 80% 5%,#f9731629 0%,#0000 55%),radial-gradient(85% 55% at 10% 95%,#f9731617 0%,#0000 45%),linear-gradient(168deg,#0c1520 0%,#121c2a 40%,#1a1510 100%);position:fixed;inset:0}.ref-mob-scroll{z-index:1;min-height:100dvh;padding-top:var(--topbar-clearance);padding-bottom:var(--bottomnav-clearance);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;position:relative;overflow-y:auto}.ref-mob-scroll--detail{padding-top:calc(var(--topbar-clearance) - 6px)}.ref-mob-hero{padding:0 16px 14px}.ref-mob-hero-content{flex-direction:column;gap:6px;display:flex}.ref-mob-hero-eyebrow,.ref-mob-section__label{letter-spacing:2px;color:var(--ref-orange);text-transform:uppercase;font-size:9px;font-weight:700}.ref-mob-hero h1{margin:0;font-size:22px;font-weight:800;line-height:1.2}.ref-mob-hero h1 span{color:var(--ref-green)}.ref-mob-hero p{color:#ccc;margin:0;font-size:11px;line-height:1.6}.ref-mob-stats-bar{background:var(--ref-glass);border:1px solid var(--ref-border);border-radius:12px;justify-content:center;gap:10px;margin:0 16px 14px;padding:10px 8px;display:flex}.ref-mob-stat{text-align:center;flex:1}.ref-mob-stat strong{color:var(--ref-orange);font-size:15px;font-weight:800;display:block}.ref-mob-stat span{color:var(--ref-muted-2);text-transform:uppercase;letter-spacing:1px;font-size:7px;font-weight:600;display:block}.ref-mob-filters{gap:6px;margin-bottom:14px;padding:0 16px;display:flex;overflow-x:auto}.ref-mob-filters::-webkit-scrollbar{height:0}.ref-mob-gallery__thumbs::-webkit-scrollbar{height:0}.ref-mob-related::-webkit-scrollbar{height:0}.ref-mob-filter-btn{color:#aaa;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:10px;font-weight:600;display:inline-flex}.ref-mob-filter-btn.is-active{background:var(--ref-orange);border-color:var(--ref-orange);color:#fff}.ref-mob-card-list{gap:12px;padding:0 16px 20px;display:grid}.ref-mob-project-card{text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.ref-mob-project-card__image{height:140px;position:relative}.ref-mob-project-card__img,.ref-mob-gallery__image,.ref-mob-gallery__thumb-image,.ref-mob-related-card__img{object-fit:cover}.ref-mob-project-card__badge,.ref-mob-related-card__badge,.ref-mob-detail-sector{color:#fff;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:9px;font-weight:700;display:inline-flex}.is-ongrid{background:#22c55ed9}.is-hybrid{background:#3b82f6d9}.is-hybrid-battery{background:#a855f7d9}.ref-mob-project-card__badge{position:absolute;top:10px;right:10px}.ref-mob-project-card__count{color:#ddd;background:#0009;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;display:inline-flex;position:absolute;bottom:8px;right:8px}.ref-mob-project-card__count svg{width:10px;height:10px}.ref-mob-project-card__gradient{background:linear-gradient(#0000,#0c1520b3);height:52px;position:absolute;inset:auto 0 0}.ref-mob-project-card__body{padding:12px 14px}.ref-mob-project-card__loc{color:var(--ref-orange);align-items:center;gap:4px;margin-bottom:4px;font-size:9px;font-weight:600;display:inline-flex}.ref-mob-project-card h3{margin:0 0 4px;font-size:14px;font-weight:800;line-height:1.3}.ref-mob-project-card p{color:#888;margin:0 0 10px;font-size:10px;line-height:1.5}.ref-mob-project-card__kpis{gap:6px;display:flex}.ref-mob-mini-kpi{text-align:center;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;flex:1;padding:6px 4px}.ref-mob-mini-kpi strong{font-size:12px;font-weight:800;display:block}.ref-mob-mini-kpi span{color:var(--ref-muted-2);text-transform:uppercase;letter-spacing:.5px;font-size:7px;display:block}.ref-mob-back-row{padding:0 16px 10px}.ref-mob-back-btn{color:#888;background:0 0;border:none;align-items:center;gap:8px;font-size:11px;display:inline-flex}.ref-mob-gallery{margin:0 16px 14px}.ref-mob-gallery__main{border-radius:16px;height:200px;position:relative;overflow:hidden}.ref-mob-gallery__nav,.ref-mob-gallery__zoom{color:#fff;background:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.ref-mob-gallery__nav--prev{left:8px}.ref-mob-gallery__nav--next{right:8px}.ref-mob-gallery__zoom{border-radius:8px;top:22px;right:8px;transform:none}.ref-mob-gallery__counter{color:#ddd;background:#0009;border-radius:6px;padding:3px 8px;font-size:9px;position:absolute;bottom:8px;right:8px}.ref-mob-gallery__thumbs{gap:6px;margin-top:8px;display:flex;overflow-x:auto}.ref-mob-gallery__thumb{border:2px solid #0000;border-radius:8px;flex-shrink:0;width:56px;height:40px;position:relative;overflow:hidden}.ref-mob-gallery__thumb.is-active{border-color:var(--ref-orange)}.ref-mob-detail-head,.ref-mob-section,.ref-mob-actions{padding:0 16px}.ref-mob-detail-head{margin-bottom:14px}.ref-mob-detail-loc{color:var(--ref-orange);align-items:center;gap:4px;margin:8px 0 5px;font-size:10px;font-weight:600;display:inline-flex}.ref-mob-detail-head h1{margin:0 0 6px;font-size:18px;font-weight:800;line-height:1.3}.ref-mob-detail-system{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:5px;margin-bottom:8px;padding:4px 10px;font-size:10px;display:inline-flex}.ref-mob-detail-system strong{color:#999}.ref-mob-detail-system span{color:#fff;font-weight:700}.ref-mob-detail-desc{color:#bbb;margin:0;font-size:11px;line-height:1.7}.ref-mob-tags{flex-wrap:wrap;gap:5px;margin-bottom:14px;padding:0 16px;display:flex}.ref-mob-tag{color:#ccc;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:4px 10px;font-size:9px;font-weight:600}.ref-mob-section{margin-bottom:14px}.ref-mob-kpi-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ref-mob-kpi-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px}.ref-mob-kpi-icon{border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin:0 auto 6px;display:inline-flex}.ref-mob-kpi-icon.is-yellow{color:#eab308;background:#eab3081a}.ref-mob-kpi-icon.is-green{color:#22c55e;background:#22c55e1a}.ref-mob-kpi-icon.is-blue{color:#3b82f6;background:#3b82f61a}.ref-mob-kpi-icon.is-purple{color:#a855f7;background:#a855f71a}.ref-mob-kpi-label{color:#888;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:600;display:block}.ref-mob-kpi-value{margin:3px 0 2px;font-size:18px;font-weight:800;display:block}.ref-mob-kpi-unit{color:#555;font-size:9px;font-weight:600;display:block}.ref-mob-tech-list{gap:0;display:grid}.ref-mob-tech-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:10px 0;display:flex}.ref-mob-tech-row:last-child{border-bottom:none}.ref-mob-tech-icon{color:#888;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ref-mob-tech-label{color:#999;flex:1;font-size:11px}.ref-mob-tech-value{color:#fff;text-align:right;font-size:12px;font-weight:700}.ref-mob-impact-card{background:#22c55e0f;border:1px solid #22c55e26;border-radius:14px;padding:14px}.ref-mob-impact-title{color:var(--ref-green);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-flex}.ref-mob-impact-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ref-mob-impact-row:last-child{margin-bottom:0}.ref-mob-impact-icon{width:26px;height:26px;color:var(--ref-green);background:#22c55e1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ref-mob-impact-text{color:#ccc;flex:1;font-size:10px}.ref-mob-impact-value{color:var(--ref-green);font-size:12px;font-weight:800}.ref-mob-timeline{padding-left:24px;position:relative}.ref-mob-timeline:before{content:"";background:#ffffff14;border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:8px}.ref-mob-timeline__item{margin-bottom:16px;position:relative}.ref-mob-timeline__item:last-child{margin-bottom:0}.ref-mob-timeline__dot{border:2px solid;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:-20px}.ref-mob-timeline__dot.is-done{border-color:var(--ref-green);background:#22c55e26}.ref-mob-timeline__dot.is-active{border-color:var(--ref-orange);background:#f9731626}.ref-mob-timeline__date{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600;display:block}.ref-mob-timeline h3{margin:2px 0;font-size:12px;font-weight:700}.ref-mob-timeline p{color:#888;margin:0;font-size:10px;line-height:1.5}.ref-mob-related{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.ref-mob-related-card{text-align:left;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;width:140px;overflow:hidden}.ref-mob-related-card__image{height:80px;position:relative}.ref-mob-related-card__badge{border-radius:4px;padding:2px 6px;font-size:7px;position:absolute;top:6px;right:6px}.ref-mob-related-card__body{padding:8px 10px}.ref-mob-related-card__city{color:var(--ref-orange);text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:700;display:block}.ref-mob-related-card__body strong{margin-top:2px;font-size:10px;line-height:1.3;display:block}.ref-mob-related-card__body span:last-child{color:#666;margin-top:3px;font-size:9px;display:block}.ref-mob-actions{padding-bottom:18px}.ref-mob-cta{background:var(--ref-orange);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:12px;padding:12px;font-size:13px;font-weight:700;display:inline-flex}.ref-mob-cta--ghost{color:#ccc;background:0 0;border:1px solid #ffffff26}@media (max-width:360px){.ref-mob-kpi-grid{grid-template-columns:1fr}.ref-mob-stats-bar{gap:6px;padding-inline:6px}}@media (min-width:768px) and (max-width:1024px){.ref-mob-hero{padding:0 clamp(16px,2.2vw,24px) clamp(18px,2.5vw,25px)}.ref-mob-hero h1{font-size:clamp(28px,3.8vw,35px)}.ref-mob-hero p{max-width:72ch;font-size:clamp(13px,1.8vw,16px)}.ref-mob-stats-bar{border-radius:clamp(14px,1.9vw,19px);gap:clamp(14px,1.9vw,19px);padding:clamp(14px,1.9vw,19px) clamp(12px,1.7vw,16px)}.ref-mob-stat strong{font-size:clamp(20px,2.8vw,25px)}.ref-mob-stat span{font-size:clamp(9px,1.2vw,11px)}.ref-mob-filters{flex-wrap:wrap;gap:clamp(8px,1.1vw,11px);overflow-x:visible}.ref-mob-filter-btn{flex:auto;justify-content:center;padding:clamp(8px,1.1vw,11px) clamp(16px,2.2vw,22px);font-size:clamp(12px,1.7vw,15px)}.ref-mob-card-list{gap:clamp(16px,2.2vw,21px)}.ref-mob-project-card__image{height:clamp(200px,27.8vw,260px)}.ref-mob-project-card__body{padding:clamp(16px,2.2vw,21px) clamp(18px,2.5vw,23px)}.ref-mob-project-card h3{font-size:clamp(17px,2.4vw,21px)}.ref-mob-project-card p{font-size:clamp(12px,1.7vw,15px)}.ref-mob-mini-kpi strong{font-size:clamp(14px,1.9vw,17px)}.ref-mob-mini-kpi span{font-size:clamp(8px,1.1vw,10px)}.ref-mob-detail-head h1{font-size:clamp(22px,3.1vw,27px)}.ref-mob-gallery__main{height:clamp(280px,38.9vw,364px)}.ref-mob-kpi-card{padding:clamp(16px,2.2vw,21px)}.ref-mob-kpi-value{font-size:clamp(22px,3.1vw,27px)}.ref-mob-cta{padding:clamp(14px,1.9vw,18px);font-size:clamp(15px,2.1vw,18px)}}
.references-showcase-page{--ref-font-family:"Inter","Noto Sans","Segoe UI","Helvetica Neue",Arial,sans-serif;--ref-text:#f5f8fc;--ref-muted:#d2dff0e6;--ref-border:#bddaf742;--ref-glass:#08142470;--ref-glass-strong:#0a1a2c94;min-height:100dvh;color:var(--ref-text);font-family:var(--ref-font-family);background:#081426;position:relative;overflow:hidden}.references-showcase-bg{z-index:0;position:fixed;inset:0}.references-showcase-bg__image{object-fit:cover;object-position:center}.references-showcase-bg__overlay{background:linear-gradient(92deg,#050a12e0 0%,#050a12bd 37%,#050a1257 66%,#050a1233 100%),radial-gradient(circle at 74% 22%,#2a548073,#0000 52%);position:absolute;inset:0}.references-showcase-main{z-index:2;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.4rem;min-height:100dvh;padding:5.8rem 1.8rem 8.8rem;display:grid;position:relative}.references-showcase-copy{max-width:36rem}.references-showcase-location{color:#e1ecfaf0;align-items:center;gap:.45rem;margin:0 0 .8rem;font-size:.95rem;display:inline-flex}.references-showcase-location svg{width:.86rem;height:.86rem}.references-showcase-copy h1{letter-spacing:-.012em;text-transform:uppercase;max-width:18ch;margin:0;font-size:clamp(2.2rem,2.3vw,3.05rem);font-weight:600;line-height:1.08}.references-showcase-description{color:#dce8f6eb;max-width:52ch;margin:1rem 0 0;font-size:1.02rem;line-height:1.5}.references-showcase-slider{place-self:start stretch;gap:.64rem;margin-top:1.15rem;display:grid}.references-showcase-sectors{scrollbar-width:thin;scrollbar-color:#aac9e7c7 #081a2d85;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.36rem;width:100%;padding:0 0 .36rem;display:flex;overflow:scroll hidden}.references-showcase-sectors::-webkit-scrollbar{height:8px}.references-showcase-sectors::-webkit-scrollbar-track{background:#081a2d85;border-radius:999px}.references-showcase-sectors::-webkit-scrollbar-thumb{background:#aac9e7c7;border-radius:999px}.references-showcase-sectors::-webkit-scrollbar-thumb:hover{background:#c4dcf3eb}@media (min-width:1366px){.references-showcase-sectors{padding-right:.2rem;justify-content:flex-end!important}}.references-showcase-sectors button{color:#e2ecf8f0;cursor:pointer;background:#0c1d32b8;border:1px solid #b7d2ef57;border-radius:999px;flex:none;min-width:4.3rem;height:1.95rem;padding:.2rem .66rem;font-size:.8rem;font-weight:600}.references-showcase-sectors button.is-active{color:#ffeed4;background:#ffb76333;border-color:#ffb763eb}.references-showcase-cards{scrollbar-width:thin;scrollbar-color:#aac9e7c7 #081a2d85;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:.54rem;min-height:15.8rem;padding-bottom:.36rem;display:flex;overflow:auto hidden}.references-showcase-cards::-webkit-scrollbar{height:8px}.references-showcase-cards::-webkit-scrollbar-track{background:#081a2d85;border-radius:999px}.references-showcase-cards::-webkit-scrollbar-thumb{background:#aac9e7c7;border-radius:999px}.references-showcase-cards::-webkit-scrollbar-thumb:hover{background:#c4dcf3eb}.references-showcase-card{text-align:left;cursor:pointer;appearance:none;background:#07101cd1;border:1px solid #c3ddf83d;border-radius:1rem;flex:0 0 clamp(10.6rem,24%,15.8rem);min-width:10.6rem;height:15.8rem;padding:0;transition:border-color .18s,transform .18s;display:block;position:relative;overflow:hidden}.references-showcase-card:hover{border-color:#d5e7fa75;transform:translateY(-2px)}.references-showcase-card.is-active{border-color:#ffb966e6}.references-showcase-card--empty{cursor:default;color:#cedef1b3;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.references-showcase-card__image{object-fit:cover}.references-showcase-card__overlay{background:linear-gradient(#03091014 44%,#030910db 100%);position:absolute;inset:0}.references-showcase-card__content{gap:.12rem;min-height:3.6rem;padding:.62rem;display:grid;position:absolute;inset:auto 0 0}.references-showcase-card__content small{color:#deebf8e6;font-size:.58rem;font-weight:600}.references-showcase-card__content strong{color:#f7fbff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.18;display:-webkit-box;overflow:hidden}.references-showcase-bottom-dock{z-index:8;width:min(1600px,100vw - 1.1rem);position:fixed;bottom:.38rem;left:50%;transform:translate(-50%)}@media (min-width:1920px){.references-showcase-bottom-dock{width:auto;left:.6rem;right:.6rem;transform:none}}.references-showcase-metrics-panel{border:1px solid var(--ref-border);background:linear-gradient(136deg,#aadfff24 0%,#3472b20d 40%,#0e20382e 100%),var(--ref-glass);-webkit-backdrop-filter:blur(16px)saturate(132%);backdrop-filter:blur(16px)saturate(132%);border-radius:.9rem;grid-template-columns:minmax(170px,.9fr) repeat(6,minmax(150px,1fr));gap:.32rem;padding:.34rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,0 16px 34px #02081047}.references-showcase-system-line{min-height:4.35rem;color:var(--ref-text);background:linear-gradient(126deg,#132b4780,#08132257);border:1px solid #c5dff842;border-radius:.7rem;flex-direction:column;justify-content:center;gap:.24rem;margin:0;padding:.42rem .58rem;display:flex}.references-showcase-system-line svg{color:#ffca83f5;width:10px;height:10px}.references-showcase-system-line strong{color:#ffd294f2;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.references-showcase-system-line span{font-size:.8rem;font-weight:700}.references-showcase-tech-list{border:0;margin:0;display:contents}.references-showcase-tech-list div{background:linear-gradient(130deg,#0f263f80,#07122157);border:1px solid #c1dcf73d;border-radius:.7rem;align-content:center;gap:.2rem;min-height:4.35rem;padding:.42rem .58rem;display:grid}.references-showcase-tech-list dt{color:var(--ref-muted);align-items:center;gap:.26rem;margin:0;font-size:.55rem;line-height:1.25;display:inline-flex}.references-showcase-tech-list dd{color:#f6f9ff;margin:0;font-size:clamp(.88rem,.98vw,1.08rem);font-weight:700;line-height:1.12}.references-showcase-metric-icon{background:var(--ref-glass-strong);color:#ffce8af5;border:1px solid #c4dff747;border-radius:999px;justify-content:center;align-items:center;width:.8rem;height:.8rem;display:inline-flex}.references-showcase-metric-icon svg{width:8px;height:8px}@media (max-width:1512px) and (min-width:1366px) and (max-height:900px){.references-showcase-main{gap:1rem;padding:5.1rem 1.35rem 8.1rem}.references-showcase-copy h1{font-size:clamp(1.95rem,2.1vw,2.5rem)}.references-showcase-description{font-size:.92rem;line-height:1.42}.references-showcase-slider{margin-top:.9rem}.references-showcase-sectors button{min-width:3.8rem;height:1.76rem;font-size:.68rem}.references-showcase-cards{gap:.42rem;min-height:13.8rem}.references-showcase-card{flex-basis:clamp(9.7rem,24%,14rem);height:13.8rem}.references-showcase-card__content small{font-size:.54rem}.references-showcase-card__content strong{font-size:.66rem}.references-showcase-bottom-dock{width:min(1500px,100vw - .9rem)}.references-showcase-metrics-panel{grid-template-columns:minmax(150px,.85fr) repeat(6,minmax(128px,1fr));gap:.24rem;padding:.26rem}.references-showcase-system-line,.references-showcase-tech-list div{min-height:3.8rem;padding:.3rem .44rem}.references-showcase-tech-list dt{font-size:.5rem}.references-showcase-tech-list dd{font-size:clamp(.78rem,.84vw,.94rem)}}@media (min-width:1366px){.references-showcase-page{--ref-dock-h:96px}.references-showcase-main{padding-top:5.2rem;padding-bottom:calc(var(--ref-dock-h) + 40px);align-items:end}.references-showcase-copy,.references-showcase-slider{align-self:end;margin-bottom:0}.references-showcase-slider{justify-self:stretch;margin-top:.35rem}}@media (max-width:1512px) and (min-width:1366px) and (max-height:900px){.references-showcase-page{--ref-dock-h:84px}.references-showcase-main{padding-bottom:calc(var(--ref-dock-h) + 40px)}}@media (max-width:1365px){.references-showcase-main{grid-template-columns:1fr;gap:1.2rem;padding:6.2rem .95rem 1.5rem}.references-showcase-copy{max-width:100%}.references-showcase-copy h1{max-width:24ch;font-size:clamp(1.55rem,7.2vw,2.15rem)}.references-showcase-description{font-size:.96rem}.references-showcase-slider{margin-top:0}.references-showcase-sectors button{min-width:3.8rem;height:1.78rem;font-size:.67rem}.references-showcase-cards{gap:.45rem;min-height:13rem}.references-showcase-card{flex-basis:clamp(11.4rem,64%,16.2rem);height:13rem}.references-showcase-bottom-dock{display:none}}@media (max-width:640px){.references-showcase-card{flex-basis:calc(100% - .1rem);height:12.6rem}}