<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Volthein</title>
	<atom:link href="https://volthein.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://volthein.com/</link>
	<description>Volthein: Your partner for complex battery storage solutions.</description>
	<lastBuildDate>Wed, 28 Oct 2026 12:10:06 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://volthein.com/wp-content/uploads/2026/05/cropped-Volthein_Symbol-scaled-1-32x32.webp</url>
	<title>Volthein</title>
	<link>https://volthein.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>BESS designed to support cable car operation in ski resort</title>
		<link>https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:50:27 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3141</guid>

					<description><![CDATA[<p>Project Reference BESS at an operational altitude of 1,521 metres. Synecotec &#160;&#183;&#160; Austria Synecotec Client Austria Location 556 kWh Energy Capacity 184 kW On-Grid Power The customer, a cable-car operator in Austria, faced challenges managing dynamic energy demand. Running the cable car requires substantial power and drove high electricity bills. The BESS acts as the [&#8230;]</p>
<p>The post <a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/">BESS designed to support cable car operation in ski resort</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3141">.elementor-3141 .elementor-element.elementor-element-1a917a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3141 .elementor-element.elementor-element-7d41e6d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3141 .elementor-element.elementor-element-5b89058{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3141 .elementor-element.elementor-element-e386c88{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3141 .elementor-element.elementor-element-7877efb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3141 .elementor-element.elementor-element-233feec{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3141 .elementor-element.elementor-element-00ba91e{--display:flex;}.elementor-3141 .elementor-element.elementor-element-0391b8a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3141" class="elementor elementor-3141" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-1a917a1 e-con-full e-flex e-con e-parent" data-id="1a917a1" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7d41e6d elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="7d41e6d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>BESS at an operational altitude of 1,521 metres<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Synecotec &nbsp;&middot;&nbsp; Austria</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">Synecotec</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Austria</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">556 kWh</p><p class="k">Energy Capacity</p></div>
          <div class="vt-ref-value"><p class="v">184 kW</p><p class="k">On-Grid Power</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          The customer, a cable-car operator in Austria, faced challenges managing dynamic energy demand. Running the cable car requires substantial power and drove high electricity bills. The BESS acts as the “muscles” of the system — storing excess energy from the site's PV panels and deploying it when needed. Because the cable car's demand changes rapidly and unexpectedly, the BESS's fast response keeps it running smoothly, cuts grid reliance and lowers electricity costs.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp"
             alt="Synecotec project, Austria" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 5 · TEXT BLOCK 2 -->
  <section class="vt-ref-sec vt-ref-text2">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>The Site</p>
      <h2 class="vt-ref-h2" data-reveal>Challenges &amp; Solutions<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        The key challenge was installing the battery storage system at an altitude of 1,500 metres, inside the former cable-car operations building. The remote location and the difficulty of transporting and positioning the equipment at that height created significant logistical demands.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">SOLUTIONS</div>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Battery Type</div><div class="v">2× CATL EnerOne — 280 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS Type</div><div class="v">2× KACO blueplanet gridsave 92 kW</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Execution</div><div class="v">2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">Peak shaving, time-shifting, cooperation with renewables</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">System Voltage Output</div><div class="v">20 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Operation</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Full Project Delivery</p>
      <h2 class="vt-ref-h2" data-reveal>Scope of Work<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein delivered the project lifecycle for the Synecotec BESS — from consulting and engineering through installation and integration, to commissioning and grid compliance.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 01</div>
              <div class="vt-ref-ctitle">Consulting &amp; Engineering</div>
              <div class="vt-ref-cdesc">System sizing, single-line design and the certification-ready technical package.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 02</div>
              <div class="vt-ref-ctitle">System Procurement &amp; FAT</div>
              <div class="vt-ref-cdesc">Vendor-neutral sourcing of the batteries and power conversion, with factory acceptance testing.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 03</div>
              <div class="vt-ref-ctitle">Grid Integration &amp; EPC</div>
              <div class="vt-ref-cdesc">Foundations, MV/LV works and grid connection through the project's substations.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Control Systems</div>
              <div class="vt-ref-cdesc">EMS/SCADA integration and activation of the contracted grid and market services.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 05</div>
              <div class="vt-ref-ctitle">Commissioning &amp; Grid Compliance</div>
              <div class="vt-ref-cdesc">SAT, grid-code compliance verification and handover into operation.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 06</div>
              <div class="vt-ref-ctitle">After-Sales &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, service and availability warranties over the system lifetime.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-5b89058 e-con-full e-flex e-con e-parent" data-id="5b89058" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-e386c88 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="e386c88" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-7877efb e-con-full e-flex e-con e-parent" data-id="7877efb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-233feec elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="233feec" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-00ba91e e-con-full e-flex e-con e-parent" data-id="00ba91e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0391b8a elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="0391b8a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/">BESS designed to support cable car operation in ski resort</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Forecast-driven solar power, Schaeffler Slovakia</title>
		<link>https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:49:38 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3152</guid>

					<description><![CDATA[<p>Project Reference Forecast-driven solar power. Schaeffler &#160;&#183;&#160; Slovakia Schaeffler Client Slovakia Location 498.5 kWp Installed Power 477.3 MWh Yearly Production A photovoltaic installation for 100% on-site use within the production facility, delivered as the first phase. The solution uses dual orientation for maximum use of the available capacity and includes an EMS system for forecasting [&#8230;]</p>
<p>The post <a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/">Forecast-driven solar power, Schaeffler Slovakia</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3152">.elementor-3152 .elementor-element.elementor-element-ed44bc5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3152 .elementor-element.elementor-element-a980c62{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3152 .elementor-element.elementor-element-3c2f6bc{--display:flex;}.elementor-3152 .elementor-element.elementor-element-9779a33{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3152 .elementor-element.elementor-element-756fb21{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3152 .elementor-element.elementor-element-768afb4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3152 .elementor-element.elementor-element-8319152{--display:flex;}.elementor-3152 .elementor-element.elementor-element-97237c2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3152" class="elementor elementor-3152" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-ed44bc5 e-con-full e-flex e-con e-parent" data-id="ed44bc5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a980c62 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="a980c62" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>Forecast-driven solar power<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Schaeffler &nbsp;&middot;&nbsp; Slovakia</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">Schaeffler</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Slovakia</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">498.5 kWp</p><p class="k">Installed Power</p></div>
          <div class="vt-ref-value"><p class="v">477.3 MWh</p><p class="k">Yearly Production</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          A photovoltaic installation for 100% on-site use within the production facility, delivered as the first phase. The solution uses dual orientation for maximum use of the available capacity and includes an EMS system for forecasting and monitoring.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp"
             alt="Schaeffler project, Slovakia" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Type of technology</div><div class="v">Optimised dual setup</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Execution</div><div class="v">2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">Maximising PV yield</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Operation</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-3c2f6bc e-flex e-con-boxed e-con e-parent" data-id="3c2f6bc" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-9779a33 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="9779a33" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-756fb21 e-con-full e-flex e-con e-parent" data-id="756fb21" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-768afb4 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="768afb4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-8319152 e-con-full e-flex e-con e-parent" data-id="8319152" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-97237c2 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="97237c2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/">Forecast-driven solar power, Schaeffler Slovakia</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Virtual battery block, two systems act as one</title>
		<link>https://volthein.com/virtual-battery-block-two-systems-act-as-one/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:49:32 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3154</guid>

					<description><![CDATA[<p>Project Reference Virtual battery block — two systems act as one. ECO PACK &#160;&#183;&#160; Slovakia ECO PACK Client Slovakia Location 499 kWp Installed Power 302 kWh Energy Capacity The battery energy system integrates two units into a virtual block to boost efficiency. It provides peak shaving, stabilises the power supply and manages consumption beyond grid [&#8230;]</p>
<p>The post <a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/">Virtual battery block, two systems act as one</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3154">.elementor-3154 .elementor-element.elementor-element-92068e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3154 .elementor-element.elementor-element-22ff5ed{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3154 .elementor-element.elementor-element-aa94fbc{--display:flex;}.elementor-3154 .elementor-element.elementor-element-cbe8212{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3154 .elementor-element.elementor-element-439f522{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3154 .elementor-element.elementor-element-225cfac{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3154 .elementor-element.elementor-element-d1cc0c2{--display:flex;}.elementor-3154 .elementor-element.elementor-element-daf856c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3154" class="elementor elementor-3154" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-92068e5 e-con-full e-flex e-con e-parent" data-id="92068e5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-22ff5ed elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="22ff5ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>Virtual battery block — two systems act as one<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>ECO PACK &nbsp;&middot;&nbsp; Slovakia</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">ECO PACK</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Slovakia</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">499 kWp</p><p class="k">Installed Power</p></div>
          <div class="vt-ref-value"><p class="v">302 kWh</p><p class="k">Energy Capacity</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          The battery energy system integrates two units into a virtual block to boost efficiency. It provides peak shaving, stabilises the power supply and manages consumption beyond grid limits. It stores excess PV energy to avoid grid exports and uses time-shifting to optimise storage, and enables price arbitrage by discharging during favourable market rates. Future plans focus on reducing the CO₂ footprint in line with sustainability goals.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp"
             alt="ECO PACK project, Slovakia" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">System Type</div><div class="v">KOKAM 103 Ah BR</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS Type</div><div class="v">2× WSTECH APS Series</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Type of technology</div><div class="v">Optimised dual setup</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Execution</div><div class="v">2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">Cooperation with PV, peak shaving, FCR</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">System Voltage Output</div><div class="v">22 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Operation</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Full Project Delivery</p>
      <h2 class="vt-ref-h2" data-reveal>Scope of Work<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein delivered the project lifecycle for the ECO PACK system — from consulting and engineering through installation and integration, to commissioning and grid compliance.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 01</div>
              <div class="vt-ref-ctitle">Consulting &amp; Engineering</div>
              <div class="vt-ref-cdesc">System sizing, single-line design and the certification-ready technical package.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 02</div>
              <div class="vt-ref-ctitle">System Procurement &amp; FAT</div>
              <div class="vt-ref-cdesc">Vendor-neutral sourcing of the batteries and power conversion, with factory acceptance testing.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 03</div>
              <div class="vt-ref-ctitle">Grid Integration &amp; EPC</div>
              <div class="vt-ref-cdesc">Foundations, MV/LV works and grid connection through the project's substations.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Control Systems</div>
              <div class="vt-ref-cdesc">EMS/SCADA integration and activation of the contracted grid and market services.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 05</div>
              <div class="vt-ref-ctitle">Commissioning &amp; Grid Compliance</div>
              <div class="vt-ref-cdesc">SAT, grid-code compliance verification and handover into operation.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 06</div>
              <div class="vt-ref-ctitle">After-Sales &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, service and availability warranties over the system lifetime.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-aa94fbc e-flex e-con-boxed e-con e-parent" data-id="aa94fbc" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-cbe8212 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="cbe8212" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-439f522 e-con-full e-flex e-con e-parent" data-id="439f522" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-225cfac elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="225cfac" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-d1cc0c2 e-con-full e-flex e-con e-parent" data-id="d1cc0c2" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-daf856c elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="daf856c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/">Virtual battery block, two systems act as one</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Largest rooftop PV in Slovakia</title>
		<link>https://volthein.com/largest-rooftop-pv-in-slovakia/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:47:57 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3150</guid>

					<description><![CDATA[<p>Project Reference Largest rooftop PV in Slovakia. ZELPO &#160;&#183;&#160; Slovakia ZELPO Client Slovakia Location 2 567.9 kWp Installed Power 2 630 MWh Yearly Production The photovoltaic installation sits on the building&#8217;s rooftop with dual orientation to maximise use of the roof area. Because of the roof&#8217;s static load-bearing limits, the system includes a specially designed distribution grid [&#8230;]</p>
<p>The post <a href="https://volthein.com/largest-rooftop-pv-in-slovakia/">Largest rooftop PV in Slovakia</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3150">.elementor-3150 .elementor-element.elementor-element-72e720a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3150 .elementor-element.elementor-element-15f8bb0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3150 .elementor-element.elementor-element-a80c47e{--display:flex;}.elementor-3150 .elementor-element.elementor-element-93160d8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3150 .elementor-element.elementor-element-b24fc44{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3150 .elementor-element.elementor-element-583e97e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3150 .elementor-element.elementor-element-4cb1d6d{--display:flex;}.elementor-3150 .elementor-element.elementor-element-0dd8a0b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3150" class="elementor elementor-3150" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-72e720a e-con-full e-flex e-con e-parent" data-id="72e720a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-15f8bb0 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="15f8bb0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>Largest rooftop PV in Slovakia<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>ZELPO &nbsp;&middot;&nbsp; Slovakia</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">ZELPO</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Slovakia</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">2 567.9 kWp</p><p class="k">Installed Power</p></div>
          <div class="vt-ref-value"><p class="v">2 630 MWh</p><p class="k">Yearly Production</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          The photovoltaic installation sits on the building's rooftop with dual orientation to maximise use of the roof area. Because of the roof's static load-bearing limits, the system includes a specially designed distribution grid that spreads the weight evenly across defined installation points.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp"
             alt="ZELPO project, Slovakia" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Type of technology</div><div class="v">String-inverter optimised</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Execution</div><div class="v">2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">Maximising PV yield</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Operation</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-a80c47e e-flex e-con-boxed e-con e-parent" data-id="a80c47e" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-93160d8 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="93160d8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-b24fc44 e-con-full e-flex e-con e-parent" data-id="b24fc44" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-583e97e elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="583e97e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-4cb1d6d e-con-full e-flex e-con e-parent" data-id="4cb1d6d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0dd8a0b elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="0dd8a0b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/largest-rooftop-pv-in-slovakia/">Largest rooftop PV in Slovakia</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>BESS designed to support local PV</title>
		<link>https://volthein.com/bess-designed-to-support-local-pv/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:46:07 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3148</guid>

					<description><![CDATA[<p>Project Reference BESS designed to support local PV. Adore Energy &#160;&#183;&#160; Bulgaria Adore Energy Client Bulgaria Location 232 kWh Energy Capacity 115 kW On-Grid Power A plastics factory in Bulgaria with a 300 kWp rooftop solar installation was not using all of its generated solar energy. When production did not consume everything generated, the surplus [&#8230;]</p>
<p>The post <a href="https://volthein.com/bess-designed-to-support-local-pv/">BESS designed to support local PV</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3148">.elementor-3148 .elementor-element.elementor-element-6fb4f4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3148 .elementor-element.elementor-element-6fa0f3d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3148 .elementor-element.elementor-element-ef49593{--display:flex;}.elementor-3148 .elementor-element.elementor-element-f32b7f2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3148 .elementor-element.elementor-element-133ece9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3148 .elementor-element.elementor-element-46763a2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3148 .elementor-element.elementor-element-effe929{--display:flex;}.elementor-3148 .elementor-element.elementor-element-936fd93{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3148" class="elementor elementor-3148" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-6fb4f4e e-con-full e-flex e-con e-parent" data-id="6fb4f4e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6fa0f3d elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="6fa0f3d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>BESS designed to support local PV<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Adore Energy &nbsp;&middot;&nbsp; Bulgaria</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">Adore Energy</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Bulgaria</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">232 kWh</p><p class="k">Energy Capacity</p></div>
          <div class="vt-ref-value"><p class="v">115 kW</p><p class="k">On-Grid Power</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          A plastics factory in Bulgaria with a 300 kWp rooftop solar installation was not using all of its generated solar energy. When production did not consume everything generated, the surplus fed into the grid at rates that did not justify the solar investment. Integrating a battery storage system resolves this by capturing excess energy to maximise PV yield.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.jpeg"
             alt="Adore Energy project, Bulgaria" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">System Type</div><div class="v">CNTE Star H DE — 232 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Execution</div><div class="v">2026</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">Maximising PV yield through BESS integration</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Operation</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Full Project Delivery</p>
      <h2 class="vt-ref-h2" data-reveal>Scope of Work<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein delivered the full project lifecycle for the Adore Energy BESS — from consulting and engineering through installation and integration, to commissioning and ongoing asset management.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 01</div>
              <div class="vt-ref-ctitle">Consulting &amp; Engineering</div>
              <div class="vt-ref-cdesc">System sizing, single-line design and the certification-ready technical package.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 02</div>
              <div class="vt-ref-ctitle">System Procurement &amp; FAT</div>
              <div class="vt-ref-cdesc">Vendor-neutral sourcing of the batteries and power conversion, with factory acceptance testing.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 03</div>
              <div class="vt-ref-ctitle">Grid Integration &amp; EPC</div>
              <div class="vt-ref-cdesc">Foundations, MV/LV works and grid connection through the project's substations.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Control Systems</div>
              <div class="vt-ref-cdesc">EMS/SCADA integration and activation of the contracted grid and market services.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 05</div>
              <div class="vt-ref-ctitle">Commissioning &amp; Grid Compliance</div>
              <div class="vt-ref-cdesc">SAT, grid-code compliance verification and handover into operation.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 06</div>
              <div class="vt-ref-ctitle">After-Sales &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, service and availability warranties over the system lifetime.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-ef49593 e-flex e-con-boxed e-con e-parent" data-id="ef49593" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f32b7f2 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="f32b7f2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-133ece9 e-con-full e-flex e-con e-parent" data-id="133ece9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-46763a2 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="46763a2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-effe929 e-con-full e-flex e-con e-parent" data-id="effe929" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-936fd93 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="936fd93" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/bess-designed-to-support-local-pv/">BESS designed to support local PV</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>BESS, designed for local PV &#038; electromobility</title>
		<link>https://volthein.com/bess-designed-to-local-pv-electromobility/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:43:38 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3146</guid>

					<description><![CDATA[<p>Project Reference BESS designed to support PV &#038; electromobility. PakDeZon &#160;&#183;&#160; Netherlands PakDeZon Client Netherlands Location 558 kWh Energy Capacity 184 kW On-Grid Power The battery supports local photovoltaics and electromobility — assisting with charging, managing the charging process, and trading on SPOT market prices. Technical Specification Technical Details. Battery Type2× Li-ion LFP CATL EnerOne [&#8230;]</p>
<p>The post <a href="https://volthein.com/bess-designed-to-local-pv-electromobility/">BESS, designed for local PV &amp; electromobility</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3146">.elementor-3146 .elementor-element.elementor-element-5434c92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3146 .elementor-element.elementor-element-fe4c890{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3146 .elementor-element.elementor-element-331e0a0{--display:flex;}.elementor-3146 .elementor-element.elementor-element-2f88ee5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3146 .elementor-element.elementor-element-8cc23a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3146 .elementor-element.elementor-element-7cb175a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3146 .elementor-element.elementor-element-0d1c360{--display:flex;}.elementor-3146 .elementor-element.elementor-element-1127c0d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3146" class="elementor elementor-3146" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-5434c92 e-con-full e-flex e-con e-parent" data-id="5434c92" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-fe4c890 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="fe4c890" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>BESS designed to support PV & electromobility<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>PakDeZon &nbsp;&middot;&nbsp; Netherlands</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">PakDeZon</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Netherlands</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">558 kWh</p><p class="k">Energy Capacity</p></div>
          <div class="vt-ref-value"><p class="v">184 kW</p><p class="k">On-Grid Power</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          The battery supports local photovoltaics and electromobility — assisting with charging, managing the charging process, and trading on SPOT market prices.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp"
             alt="PakDeZon project, Netherlands" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Battery Type</div><div class="v">2× Li-ion LFP CATL EnerOne — 372.7 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS Type</div><div class="v">2× Delta EPCS1000-IEC</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Execution</div><div class="v">2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">Peak shaving, EV charging support, energy arbitrage</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">System Voltage Output</div><div class="v">20 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Operation</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Full Project Delivery</p>
      <h2 class="vt-ref-h2" data-reveal>Scope of Work<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein delivered the project lifecycle for the PakDeZon BESS — from consulting and engineering through installation and integration, to commissioning and grid compliance.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 01</div>
              <div class="vt-ref-ctitle">Consulting &amp; Engineering</div>
              <div class="vt-ref-cdesc">System sizing, single-line design and the certification-ready technical package.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 02</div>
              <div class="vt-ref-ctitle">System Procurement &amp; FAT</div>
              <div class="vt-ref-cdesc">Vendor-neutral sourcing of the batteries and power conversion, with factory acceptance testing.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 03</div>
              <div class="vt-ref-ctitle">Grid Integration &amp; EPC</div>
              <div class="vt-ref-cdesc">Foundations, MV/LV works and grid connection through the project's substations.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Control Systems</div>
              <div class="vt-ref-cdesc">EMS/SCADA integration and activation of the contracted grid and market services.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 05</div>
              <div class="vt-ref-ctitle">Commissioning &amp; Grid Compliance</div>
              <div class="vt-ref-cdesc">SAT, grid-code compliance verification and handover into operation.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 06</div>
              <div class="vt-ref-ctitle">After-Sales &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, service and availability warranties over the system lifetime.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-331e0a0 e-flex e-con-boxed e-con e-parent" data-id="331e0a0" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2f88ee5 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="2f88ee5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-8cc23a2 e-con-full e-flex e-con e-parent" data-id="8cc23a2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-7cb175a elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="7cb175a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-0d1c360 e-con-full e-flex e-con e-parent" data-id="0d1c360" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1127c0d elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="1127c0d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/bess-designed-to-local-pv-electromobility/">BESS, designed for local PV &amp; electromobility</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>BESS Sokolov designed for flexibility trading</title>
		<link>https://volthein.com/bess-sokolov-designed-for-flexibility-trading/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:35:30 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3139</guid>

					<description><![CDATA[<p>Project Reference BESS designed for flexibility trading. SUAS Grid &#160;&#183;&#160; Czechia SUAS Grid Client Czechia Location 7 454 kWh Energy Capacity 5 000 kW On-Grid Power A battery storage system that plays a crucial role in support services for Transmission System Operators (TSOs) and imbalance services on the energy market. For a high level of reliability and [&#8230;]</p>
<p>The post <a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/">BESS Sokolov designed for flexibility trading</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3139">.elementor-3139 .elementor-element.elementor-element-eb89984{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3139 .elementor-element.elementor-element-28345e3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3139 .elementor-element.elementor-element-6115522{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3139 .elementor-element.elementor-element-598ce07{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3139 .elementor-element.elementor-element-207b4ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3139 .elementor-element.elementor-element-f824ffd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3139 .elementor-element.elementor-element-2816d57{--display:flex;}.elementor-3139 .elementor-element.elementor-element-0188ffd{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3139" class="elementor elementor-3139" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-eb89984 e-con-full e-flex e-con e-parent" data-id="eb89984" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-28345e3 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="28345e3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>BESS designed for flexibility trading<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>SUAS Grid &nbsp;&middot;&nbsp; Czechia</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">SUAS Grid</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Czechia</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">7 454 kWh</p><p class="k">Energy Capacity</p></div>
          <div class="vt-ref-value"><p class="v">5 000 kW</p><p class="k">On-Grid Power</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          A battery storage system that plays a crucial role in support services for Transmission System Operators (TSOs) and imbalance services on the energy market. For a high level of reliability and safety, the system was built from two identical branches, each certified for 2.5 MW of grid-balancing power, with room for future expansion. It is used both for grid stability with ČEPS and for trading on the intraday electricity market.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp"
             alt="SUAS Grid project, Czechia" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Battery Type</div><div class="v">20× Li-ion LFP CATL EnerOne — 372.7 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS Type</div><div class="v">2× WSTECH APS Series</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">FCR, aFRR, price arbitrage</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">System Voltage Output</div><div class="v">20 kV</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Full Project Delivery</p>
      <h2 class="vt-ref-h2" data-reveal>Scope of Work<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein provides after-sales and asset management for the SUAS Grid BESS — monitoring, service and availability warranties over the system lifetime.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 01</div>
              <div class="vt-ref-ctitle">Consulting &amp; Engineering</div>
              <div class="vt-ref-cdesc">System sizing, single-line design and the certification-ready technical package.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 02</div>
              <div class="vt-ref-ctitle">System Procurement &amp; FAT</div>
              <div class="vt-ref-cdesc">Vendor-neutral sourcing of the batteries and power conversion, with factory acceptance testing.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 03</div>
              <div class="vt-ref-ctitle">Grid Integration &amp; EPC</div>
              <div class="vt-ref-cdesc">Foundations, MV/LV works and grid connection through the project's substations.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Control Systems</div>
              <div class="vt-ref-cdesc">EMS/SCADA integration and activation of the contracted grid and market services.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 05</div>
              <div class="vt-ref-ctitle">Commissioning &amp; Grid Compliance</div>
              <div class="vt-ref-cdesc">SAT, grid-code compliance verification and handover into operation.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 06</div>
              <div class="vt-ref-ctitle">After-Sales &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, service and availability warranties over the system lifetime.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-6115522 e-con-full e-flex e-con e-parent" data-id="6115522" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-598ce07 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="598ce07" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-207b4ac e-con-full e-flex e-con e-parent" data-id="207b4ac" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-f824ffd elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="f824ffd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-2816d57 e-con-full e-flex e-con e-parent" data-id="2816d57" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0188ffd elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="0188ffd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/">BESS Sokolov designed for flexibility trading</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>BESS designed to support a natural gas power plant</title>
		<link>https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:33:01 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3137</guid>

					<description><![CDATA[<p>Project Reference BESS designed to support a natural gas power plant. VEOLIA &#160;&#183;&#160; Slovakia VEOLIA Client Slovakia Location 2 914 kWh Energy Capacity 5 600 kW On-Grid Power A battery energy storage system that collaborates with the plant&#8217;s turbines to provide ancillary services for grid stability (aFRR ±) and black-start backup. Without the battery, operations would be [&#8230;]</p>
<p>The post <a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/">BESS designed to support a natural gas power plant</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3137">.elementor-3137 .elementor-element.elementor-element-d79b67b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3137 .elementor-element.elementor-element-48bc883{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3137 .elementor-element.elementor-element-9097908{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3137 .elementor-element.elementor-element-ca6bf4f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3137 .elementor-element.elementor-element-5235925{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3137 .elementor-element.elementor-element-c14b790{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3137 .elementor-element.elementor-element-80ea41b{--display:flex;}.elementor-3137 .elementor-element.elementor-element-36ce30e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3137" class="elementor elementor-3137" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-d79b67b e-con-full e-flex e-con e-parent" data-id="d79b67b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-48bc883 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="48bc883" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>BESS designed to support a natural gas power plant<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>VEOLIA &nbsp;&middot;&nbsp; Slovakia</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">VEOLIA</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Slovakia</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">2 914 kWh</p><p class="k">Energy Capacity</p></div>
          <div class="vt-ref-value"><p class="v">5 600 kW</p><p class="k">On-Grid Power</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          A battery energy storage system that collaborates with the plant's turbines to provide ancillary services for grid stability (aFRR ±) and black-start backup. Without the battery, operations would be technically limited in the services provided and economically disadvantageous due to the high fluctuations in turbine operation.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp"
             alt="VEOLIA project, Slovakia" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 5 · TEXT BLOCK 2 -->
  <section class="vt-ref-sec vt-ref-text2">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>The Site</p>
      <h2 class="vt-ref-h2" data-reveal>Challenges &amp; Solutions<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        The battery storage system was deliberately over-dimensioned to guarantee the energy needed to smooth deviations in the designated services with the smallest possible capacity, while accounting for capacity degradation over time to secure long-term service delivery. During implementation, the challenge was integrating the whole system into a complex gas power plant without compromising its operation — building a new connection and substation for the local grid and developing a solution for seamless cooperation with the plant-wide microgrid SCADA system.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">SOLUTIONS</div>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Battery Type</div><div class="v">Li-ion NMC LG Chem</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS Type</div><div class="v">2× Power Electronics Freemaq PCSK</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Execution</div><div class="v">2021–2023</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">aFRR+, black start</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">System Voltage Output</div><div class="v">22 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Operation</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Full Project Delivery</p>
      <h2 class="vt-ref-h2" data-reveal>Scope of Work<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein delivered the project lifecycle for the VEOLIA BESS — from consulting and engineering through grid integration and EMS, to commissioning and grid compliance.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 01</div>
              <div class="vt-ref-ctitle">Consulting &amp; Engineering</div>
              <div class="vt-ref-cdesc">System sizing, single-line design and the certification-ready technical package.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 02</div>
              <div class="vt-ref-ctitle">System Procurement &amp; FAT</div>
              <div class="vt-ref-cdesc">Vendor-neutral sourcing of the batteries and power conversion, with factory acceptance testing.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 03</div>
              <div class="vt-ref-ctitle">Grid Integration &amp; EPC</div>
              <div class="vt-ref-cdesc">Foundations, MV/LV works and grid connection through the project's substations.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Control Systems</div>
              <div class="vt-ref-cdesc">EMS/SCADA integration and activation of the contracted grid and market services.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 05</div>
              <div class="vt-ref-ctitle">Commissioning &amp; Grid Compliance</div>
              <div class="vt-ref-cdesc">SAT, grid-code compliance verification and handover into operation.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 06</div>
              <div class="vt-ref-ctitle">After-Sales &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, service and availability warranties over the system lifetime.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-9097908 e-con-full e-flex e-con e-parent" data-id="9097908" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ca6bf4f elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="ca6bf4f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-5235925 e-con-full e-flex e-con e-parent" data-id="5235925" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-c14b790 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="c14b790" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-80ea41b e-con-full e-flex e-con e-parent" data-id="80ea41b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-36ce30e elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="36ce30e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/">BESS designed to support a natural gas power plant</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>BESS designed to support a PV installation in Germany</title>
		<link>https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:31:07 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3135</guid>

					<description><![CDATA[<p>Project Reference BESS designed to support a PV installation in Germany. MaxSolar &#160;&#183;&#160; Germany MaxSolar Client Germany Location 4 840 kWh Energy Capacity 2 000 kW On-Grid Power A battery storage system that operates in conjunction with a local PV power plant, enabling charging exclusively from renewable sources. This requires close collaboration on commissioning and EMS with [&#8230;]</p>
<p>The post <a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/">BESS designed to support a PV installation in Germany</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3135">.elementor-3135 .elementor-element.elementor-element-c68be25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3135 .elementor-element.elementor-element-d6292d4{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3135 .elementor-element.elementor-element-c25ac9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3135 .elementor-element.elementor-element-a87063a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3135 .elementor-element.elementor-element-fd291bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3135 .elementor-element.elementor-element-703a500{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3135 .elementor-element.elementor-element-9b2ecfc{--display:flex;}.elementor-3135 .elementor-element.elementor-element-269b969{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3135" class="elementor elementor-3135" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-c68be25 e-con-full e-flex e-con e-parent" data-id="c68be25" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-d6292d4 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="d6292d4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>BESS designed to support a PV installation in Germany<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>MaxSolar &nbsp;&middot;&nbsp; Germany</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">MaxSolar</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Germany</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">4 840 kWh</p><p class="k">Energy Capacity</p></div>
          <div class="vt-ref-value"><p class="v">2 000 kW</p><p class="k">On-Grid Power</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          A battery storage system that operates in conjunction with a local PV power plant, enabling charging exclusively from renewable sources. This requires close collaboration on commissioning and EMS with the local renewable resources.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp"
             alt="MaxSolar project, Germany" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 5 · TEXT BLOCK 2 -->
  <section class="vt-ref-sec vt-ref-text2">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>The Site</p>
      <h2 class="vt-ref-h2" data-reveal>Challenges &amp; Solutions<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        The battery storage system operates in tandem with a local PV power plant, allowing charging exclusively from renewable sources. This required close collaboration on commissioning and EMS with the local renewable resources.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">SOLUTIONS</div>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Battery Type</div><div class="v">13× Li-ion LFP CATL EnerOne — 372.7 kWh</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS Type</div><div class="v">2× Delta EPCS1000-IEC</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Execution</div><div class="v">2023–2024</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">Cooperation with PV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">System Voltage Output</div><div class="v">20 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Operation</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Full Project Delivery</p>
      <h2 class="vt-ref-h2" data-reveal>Scope of Work<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein delivered the full project lifecycle for the MaxSolar BESS — from consulting and engineering through grid integration and EMS, to commissioning, grid compliance and ongoing asset management.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 01</div>
              <div class="vt-ref-ctitle">Consulting &amp; Engineering</div>
              <div class="vt-ref-cdesc">System sizing, single-line design and the certification-ready technical package.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 02</div>
              <div class="vt-ref-ctitle">System Procurement &amp; FAT</div>
              <div class="vt-ref-cdesc">Vendor-neutral sourcing of the batteries and power conversion, with factory acceptance testing.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 03</div>
              <div class="vt-ref-ctitle">Grid Integration &amp; EPC</div>
              <div class="vt-ref-cdesc">Foundations, MV/LV works and grid connection through the project's substations.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Control Systems</div>
              <div class="vt-ref-cdesc">EMS/SCADA integration and activation of the contracted grid and market services.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 05</div>
              <div class="vt-ref-ctitle">Commissioning &amp; Grid Compliance</div>
              <div class="vt-ref-cdesc">SAT, grid-code compliance verification and handover into operation.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 06</div>
              <div class="vt-ref-ctitle">After-Sales &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, service and availability warranties over the system lifetime.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-c25ac9e e-con-full e-flex e-con e-parent" data-id="c25ac9e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-a87063a elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="a87063a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-fd291bd e-con-full e-flex e-con e-parent" data-id="fd291bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-703a500 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="703a500" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-9b2ecfc e-con-full e-flex e-con e-parent" data-id="9b2ecfc" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-269b969 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="269b969" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/">BESS designed to support a PV installation in Germany</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>BESS designed for flexibility trading</title>
		<link>https://volthein.com/bess-designed-for-flexibility-trading/</link>
		
		<dc:creator><![CDATA[Lukas_B]]></dc:creator>
		<pubDate>Tue, 08 Sep 2026 09:29:30 +0000</pubDate>
				<category><![CDATA[References]]></category>
		<guid isPermaLink="false">https://volthein.com/?p=3133</guid>

					<description><![CDATA[<p>Project Reference BESS designed for flexibility trading. Ferlach &#160;&#183;&#160; Austria Ferlach Client Austria Location 5 644 kWh Energy Capacity 2 000 kW On-Grid Power Ferlach 1 is a 2 MW / 5.6 MWh battery storage system near Ferlach in southern Austria, built by Volthein to expand its presence in Central Europe. It strengthens grid stability and supports [&#8230;]</p>
<p>The post <a href="https://volthein.com/bess-designed-for-flexibility-trading/">BESS designed for flexibility trading</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></description>
			<style id="elementor-post-3133">.elementor-3133 .elementor-element.elementor-element-e11dea7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3133 .elementor-element.elementor-element-c7e9248{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3133 .elementor-element.elementor-element-095434c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3133 .elementor-element.elementor-element-b06f08f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3133 .elementor-element.elementor-element-9bbc7a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3133 .elementor-element.elementor-element-f09b399{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3133 .elementor-element.elementor-element-1b21084{--display:flex;}.elementor-3133 .elementor-element.elementor-element-6bbad35{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3133" class="elementor elementor-3133" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-e11dea7 e-con-full e-flex e-con e-parent" data-id="e11dea7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c7e9248 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="c7e9248" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

#vt-ref{
  --red:#C83232;
  background:#0a0a0a;
  color:#fff;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
#vt-ref *,#vt-ref *::before,#vt-ref *::after{box-sizing:border-box}
:where(#vt-ref) h1,:where(#vt-ref) h2,:where(#vt-ref) p,:where(#vt-ref) figure{margin:0}
#vt-ref img{max-width:100%;height:auto;display:block}

/* horizontal padding matches the site header: 120 / 40 / 20 px */
.vt-ref-wrap{width:100%;padding:0 120px}
@media(max-width:1024px){.vt-ref-wrap{padding:0 40px}}
@media(max-width:480px){.vt-ref-wrap{padding:0 20px}}
.vt-ref-sec{padding:clamp(56px,9vw,110px) 0}
.vt-ref-eyebrow{font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.vt-ref-h2{font-size:clamp(26px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.vt-ref-h2 span{color:var(--red)}
.vt-ref-body{font-size:clamp(15px,1.15vw,17px);line-height:1.75;color:rgba(255,255,255,.62);max-width:70ch}

/* 1–3 · SHARED GLOW ZONE — one continuous light behind Hero + Values + Text 1 */
.vt-ref-glowzone{position:relative;overflow:hidden;background:#0a0a0a}
.vt-ref-zone-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 30% at 50% 4%,  rgba(200,50,50,.24), transparent 62%),
    radial-gradient(ellipse 58% 26% at 50% 44%, rgba(200,50,50,.13), transparent 62%),
    radial-gradient(ellipse 62% 30% at 50% 84%, rgba(200,50,50,.18), transparent 62%);
  animation:vtZoneGlow 9s ease-in-out infinite}
@keyframes vtZoneGlow{0%,100%{opacity:.8}50%{opacity:1}}

/* 1 · HERO --------------------------------------------------------------- */
.vt-ref-hero{position:relative;text-align:center;padding:clamp(96px,15vw,170px) 0 clamp(52px,8vw,90px)}
.vt-ref-hero::after{content:'';position:absolute;left:50%;top:-30%;width:1px;height:46%;transform:translateX(-50%);
  background:linear-gradient(#C83232,transparent);opacity:0;animation:vtBeam 2.6s cubic-bezier(.4,0,.2,1) .1s forwards}
.vt-ref-hero .vt-ref-wrap{position:relative}
.vt-ref-hero h1{font-size:clamp(30px,5vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:22ch;margin:0 auto}
.vt-ref-hero h1 span{color:var(--red)}
.vt-ref-rule{width:48px;height:2px;background:var(--red);margin:28px auto}
.vt-ref-hero .sub{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5)}
@keyframes vtBeam{0%{opacity:.55;transform:translate(-50%,-60%)}100%{opacity:0;transform:translate(-50%,150%)}}
@keyframes vtDrop{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
.vt-ref-hero [data-drop]{opacity:0;animation:vtDrop .9s cubic-bezier(.16,1,.3,1) forwards}
.vt-ref-hero .vt-ref-eyebrow[data-drop]{animation-delay:.10s}
.vt-ref-hero h1[data-drop]{animation-delay:.24s}
.vt-ref-hero .vt-ref-rule[data-drop]{animation-delay:.44s}
.vt-ref-hero .sub[data-drop]{animation-delay:.56s}

/* 2 · VALUES (white floating card, all corners equally rounded) --------- */
.vt-ref-values-sec{padding:clamp(18px,4vw,36px) 0 clamp(44px,7vw,80px)}
.vt-ref-values{width:100%;border-radius:32px;overflow:hidden;
  background:#ffffff;box-shadow:0 24px 64px rgba(0,0,0,.45);
  display:grid;grid-template-columns:repeat(4,1fr)}
.vt-ref-value{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(32px,5vw,52px) 16px;border-right:1px solid rgba(0,0,0,.08)}
.vt-ref-value:last-child{border-right:none}
.vt-ref-value .v{font-size:clamp(24px,3vw,40px);font-weight:800;color:var(--red);line-height:1.1;margin:0 0 12px}
.vt-ref-value .k{font-size:clamp(13px,1.2vw,16px);font-weight:400;color:#444;margin:0;line-height:1.4}
@media(max-width:1024px){
  .vt-ref-values{grid-template-columns:repeat(2,1fr)}
  .vt-ref-value:nth-child(2){border-right:none}
  .vt-ref-value:nth-child(1),.vt-ref-value:nth-child(2){border-bottom:1px solid rgba(0,0,0,.08)}
}
@media(max-width:600px){
  .vt-ref-values{grid-template-columns:1fr}
  .vt-ref-value{border-right:none}
  .vt-ref-value:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}
}

/* 3 · TEXT 1 — lead paragraph, sits inside the shared glow zone, no heading */
.vt-ref-lead{font-size:clamp(19px,2.4vw,28px);font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);max-width:none}

/* 4 · PHOTO (wide crop, aligned to the header padding) ---------------- */
.vt-ref-photo-sec{padding:clamp(44px,7vw,80px) 0}
.vt-ref-photo{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.vt-ref-photo img{width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;display:block}
@media(max-width:767px){.vt-ref-photo img{aspect-ratio:4/3}}

/* 5 · TEXT 2 — Challenges; ghost word sits in the gap below the copy --- */
.vt-ref-text2{overflow:hidden}
.vt-ref-text2 .vt-ref-h2{margin-bottom:26px}
.vt-ref-ghost{margin-top:clamp(28px,5vw,52px);display:block;text-align:center;
  white-space:nowrap;pointer-events:none;user-select:none;
  font-size:clamp(60px,13vw,190px);font-weight:900;letter-spacing:-.04em;line-height:1;
  color:rgba(255,255,255,.10);
  -webkit-mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%);
          mask-image:radial-gradient(ellipse 72% 55% at 50% 32%,#000 48%,transparent 100%)}

/* 6 · TECHNICAL DETAILS ---------------------------------------------------- */
.vt-ref-tech .vt-ref-h2{margin-bottom:36px}
.vt-ref-specs{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid rgba(255,255,255,.12)}
.vt-ref-spec{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.vt-ref-spec .k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:9px}
.vt-ref-spec .v{font-size:clamp(15px,1.3vw,18px);font-weight:600;color:#fff;line-height:1.45}
.vt-ref-spec .v.is-status{color:#4ade80}
.vt-ref-endrule{height:1px;margin-top:clamp(40px,6vw,72px);
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.9) 50%,transparent 100%)}
@media(max-width:768px){.vt-ref-specs{grid-template-columns:1fr;column-gap:0}}

/* 7 · SCOPE OF WORK — horizontal timeline with cards -------------------- */
.vt-ref-scope .vt-ref-h2{margin-bottom:22px}
.vt-ref-scope .vt-ref-body{margin-bottom:6px}
.vt-ref-tl{position:relative;margin-top:clamp(52px,7vw,74px)}
.vt-ref-tl-line{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);z-index:0;
  background:linear-gradient(90deg,transparent 0%,rgba(200,50,50,.45) 7%,rgba(200,50,50,.45) 93%,transparent 100%)}
.vt-ref-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vt-ref-col{display:grid;grid-template-rows:1fr 74px 1fr;justify-items:center;align-items:center;min-height:420px}
.vt-ref-card{grid-row:1;align-self:end;width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:18px;position:relative;overflow:hidden;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:3;align-self:start}
.vt-ref-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red);opacity:0;transition:opacity .3s ease}
.vt-ref-step{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red);opacity:.85;margin-bottom:8px}
.vt-ref-ctitle{font-size:13.5px;font-weight:800;color:#fff;line-height:1.32;letter-spacing:-.01em}
.vt-ref-cdesc{margin-top:8px;font-size:11px;line-height:1.6;color:rgba(255,255,255,.45)}
/* each dot has a SOLID opaque fill so the red line never shows inside it */
.vt-ref-node{grid-row:2;display:flex;align-items:center;justify-content:center}
.vt-ref-node-dot{width:40px;height:40px;flex:none;border-radius:50%;background:#161616;border:2px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:rgba(255,255,255,.32);
  position:relative;z-index:2;transition:border-color .3s ease,color .3s ease,background .3s ease}

.vt-ref-col.is-active .vt-ref-node-dot{border-color:var(--red);color:#fff;
  background:linear-gradient(rgba(200,50,50,.20),rgba(200,50,50,.20)),#0a0a0a;
  animation:vtPulse 3.6s ease-in-out infinite}
.vt-ref-col.is-active .vt-ref-card{border-color:rgba(200,50,50,.22)}
.vt-ref-col.is-active .vt-ref-card::before{opacity:1}
.vt-ref-card:hover{transform:translateY(-4px);border-color:rgba(200,50,50,.4);box-shadow:0 10px 32px rgba(200,50,50,.14)}
.vt-ref-card:hover::before{opacity:.6}
.vt-ref-col.is-active .vt-ref-card:hover::before{opacity:1}
@keyframes vtPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(200,50,50,.10),0 0 24px 4px rgba(200,50,50,.46),0 0 58px 10px rgba(200,50,50,.16)}
  50%    {box-shadow:0 0 0 3px rgba(200,50,50,.16),0 0 34px 7px rgba(200,50,50,.60),0 0 78px 15px rgba(200,50,50,.26)}
}
.vt-ref-col:not(.is-active) .vt-ref-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.45}
.vt-ref-col:not(.is-active) .vt-ref-step{color:rgba(255,255,255,.4)}
.vt-ref-col:not(.is-active) .vt-ref-cdesc{color:rgba(255,255,255,.3)}

/* reveal-on-scroll (only when JS runs) --------------------------------- */
#vt-ref.js [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
#vt-ref.js [data-reveal].in{opacity:1;transform:none}
#vt-ref.js .vt-ref-col{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
#vt-ref.js .vt-ref-tl.in .vt-ref-col{opacity:1;transform:none}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(1){transition-delay:.10s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(2){transition-delay:.20s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(3){transition-delay:.30s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(4){transition-delay:.40s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(5){transition-delay:.50s}
#vt-ref.js .vt-ref-tl.in .vt-ref-col:nth-child(6){transition-delay:.60s}

/* timeline → vertical on tablet / mobile ------------------------------ */
@media(max-width:1024px){
  .vt-ref-tl-line{left:22px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;
    background:linear-gradient(180deg,transparent 0%,rgba(200,50,50,.45) 6%,rgba(200,50,50,.45) 94%,transparent 100%)}
  .vt-ref-cols{grid-template-columns:1fr;gap:0}
  .vt-ref-col{grid-template-columns:44px 1fr;grid-template-rows:none;min-height:0;column-gap:16px;
    align-items:start;justify-items:stretch;padding:14px 0}
  .vt-ref-card,.vt-ref-col:nth-child(even) .vt-ref-card{grid-row:auto;grid-column:2;align-self:auto}
  .vt-ref-node{grid-row:auto;grid-column:1;align-items:flex-start}
}
@media(max-width:767px){
  .vt-ref-node-dot{width:34px;height:34px;font-size:11px}
  .vt-ref-card{padding:16px}
}

@media(prefers-reduced-motion:reduce){
  #vt-ref [data-drop]{opacity:1!important;animation:none!important}
  #vt-ref.js [data-reveal]{opacity:1;transform:none;transition:none}
  #vt-ref.js .vt-ref-col{opacity:1;transform:none}
  #vt-ref *,#vt-ref *::before,#vt-ref *::after{animation:none!important}
}
</style>

<section id="vt-ref">

  <!-- 1-3 - HERO + VALUES + TEXT 1 share one continuous background glow -->
  <div class="vt-ref-glowzone">
    <div class="vt-ref-zone-glow" aria-hidden="true"></div>

    <!-- 1 - HERO -->
    <header class="vt-ref-hero">
      <div class="vt-ref-wrap">
        <p class="vt-ref-eyebrow" data-drop>Project Reference</p>
        <h1 data-drop>BESS designed for flexibility trading<span>.</span></h1>
        <div class="vt-ref-rule" data-drop></div>
        <p class="sub" data-drop>Ferlach &nbsp;&middot;&nbsp; Austria</p>
      </div>
    </header>

    <!-- 2 - VALUES -->
    <section class="vt-ref-values-sec">
      <div class="vt-ref-wrap">
        <div class="vt-ref-values">
          <div class="vt-ref-value"><p class="v">Ferlach</p><p class="k">Client</p></div>
          <div class="vt-ref-value"><p class="v">Austria</p><p class="k">Location</p></div>
          <div class="vt-ref-value"><p class="v">5 644 kWh</p><p class="k">Energy Capacity</p></div>
          <div class="vt-ref-value"><p class="v">2 000 kW</p><p class="k">On-Grid Power</p></div>
        </div>
      </div>
    </section>

    <!-- 3 - TEXT BLOCK 1 -->
    <section class="vt-ref-sec">
      <div class="vt-ref-wrap">
        <p class="vt-ref-lead" data-reveal>
          Ferlach 1 is a 2 MW / 5.6 MWh battery storage system near Ferlach in southern Austria, built by Volthein to expand its presence in Central Europe. It strengthens grid stability and supports Austria's shift to renewables by responding quickly to power fluctuations and automatically restoring grid balance. It also optimises energy use through price arbitrage — storing electricity when it is abundant and releasing it during peak demand, reducing the need for conventional generation.
        </p>
      </div>
    </section>
  </div>

  <!-- 4 - PHOTO -->
  <section class="vt-ref-photo-sec">
    <div class="vt-ref-wrap">
      <figure class="vt-ref-photo" data-reveal>
        <img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp"
             alt="Ferlach project, Austria" loading="lazy" decoding="async">
      </figure>
    </div>
  </section>

  <!-- 5 · TEXT BLOCK 2 -->
  <section class="vt-ref-sec vt-ref-text2">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>The Site</p>
      <h2 class="vt-ref-h2" data-reveal>Challenges &amp; Solutions<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        The project presented a unique engineering challenge: installing heavy battery and inverter hardware into a pre-determined space within an existing EV charging facility for caravans. Roof-construction limits meant that positioning the heavy technology safely required precise team coordination to protect both the building structure and the equipment.
      </p>
      <div class="vt-ref-ghost" aria-hidden="true">SOLUTIONS</div>
    </div>
  </section>

  <!-- 6 - TECHNICAL DETAILS -->
  <section class="vt-ref-sec vt-ref-tech">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Technical Specification</p>
      <h2 class="vt-ref-h2" data-reveal>Technical Details<span>.</span></h2>
      <div class="vt-ref-specs">
        <div class="vt-ref-spec" data-reveal><div class="k">Battery Type</div><div class="v">CATL EnerX 530 Ah 0.5C</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">PCS Type</div><div class="v">Power Electronics PCSK</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Execution</div><div class="v">2025–2026</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Functionalities</div><div class="v">FCR, aFRR, price arbitrage, cooperation with PV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">System Voltage Output</div><div class="v">20 kV</div></div>
        <div class="vt-ref-spec" data-reveal><div class="k">Status</div><div class="v is-status">In Operation</div></div>
      </div>
      <div class="vt-ref-endrule" data-reveal></div>
    </div>
  </section>

  <!-- 7 - SCOPE OF WORK -->
  <section class="vt-ref-sec vt-ref-scope">
    <div class="vt-ref-wrap">
      <p class="vt-ref-eyebrow" data-reveal>Full Project Delivery</p>
      <h2 class="vt-ref-h2" data-reveal>Scope of Work<span>.</span></h2>
      <p class="vt-ref-body" data-reveal>
        Volthein delivered the full project lifecycle for the Ferlach BESS — from consulting and engineering through grid integration and EMS, to commissioning, grid compliance and ongoing asset management.
      </p>

      <div class="vt-ref-tl" data-reveal>
        <div class="vt-ref-tl-line"></div>
        <div class="vt-ref-cols">

          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 01</div>
              <div class="vt-ref-ctitle">Consulting &amp; Engineering</div>
              <div class="vt-ref-cdesc">System sizing, single-line design and the certification-ready technical package.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">1</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 02</div>
              <div class="vt-ref-ctitle">System Procurement &amp; FAT</div>
              <div class="vt-ref-cdesc">Vendor-neutral sourcing of the batteries and power conversion, with factory acceptance testing.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">2</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 03</div>
              <div class="vt-ref-ctitle">Grid Integration &amp; EPC</div>
              <div class="vt-ref-cdesc">Foundations, MV/LV works and grid connection through the project's substations.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">3</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 04</div>
              <div class="vt-ref-ctitle">EMS &amp; Control Systems</div>
              <div class="vt-ref-cdesc">EMS/SCADA integration and activation of the contracted grid and market services.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">4</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 05</div>
              <div class="vt-ref-ctitle">Commissioning &amp; Grid Compliance</div>
              <div class="vt-ref-cdesc">SAT, grid-code compliance verification and handover into operation.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">5</div></div>
          </div>
          <div class="vt-ref-col is-active">
            <div class="vt-ref-card">
              <div class="vt-ref-step">Step 06</div>
              <div class="vt-ref-ctitle">After-Sales &amp; Asset Management</div>
              <div class="vt-ref-cdesc">Monitoring, service and availability warranties over the system lifetime.</div>
            </div>
            <div class="vt-ref-node"><div class="vt-ref-node-dot">6</div></div>
          </div>

        </div>
      </div>
    </div>
  </section>

</section>

<script>
(function(){
  var root=document.getElementById('vt-ref');
  if(!root||root.dataset.init)return;
  root.dataset.init='1';
  root.classList.add('js');
  var targets=root.querySelectorAll('[data-reveal],.vt-ref-tl');
  function revealAll(){targets.forEach(function(el){el.classList.add('in');});}
  if(!('IntersectionObserver'in window)){revealAll();return;}
  var io=new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.16,rootMargin:'0px 0px -8% 0px'});
  targets.forEach(function(el){io.observe(el);});
  setTimeout(function(){
    targets.forEach(function(el){
      var b=el.getBoundingClientRect();
      if(b.top<(window.innerHeight||0)&&b.bottom>0){el.classList.add('in');io.unobserve(el);}
    });
  },1800);
})();
</script>
				</div>
				</div>
		<div class="elementor-element elementor-element-095434c e-con-full e-flex e-con e-parent" data-id="095434c" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b06f08f elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="b06f08f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="bss-split" id="bss-split">
  <div class="bss-split-inner">

    <!-- S-LINE -->
    <a href="https://volthein.com/s-line/" class="bss-card">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/S-Line_hero.jpg"
          alt="S-Line — Standardised BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge">Standardised</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">S-Line</div>
          <div class="bss-card-tagline">Deploy fast.<br>Operate with confidence.</div>
          <p class="bss-card-desc">Pre-engineered BESS blocks in three configurations — ESSENTIAL, STANDARD and PERFORMANCE. Fixed pricing, faster time to revenue, and target 99% availability.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Pre-delivery FAT & streamlined commissioning
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            CAPEX certainty — fixed pricing blocks
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Optional warranty up to 15 years
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            24/7 monitoring & remote support
          </div>
        </div>

        <div class="bss-card-tags">
          <span>FCR / aFRR</span>
          <span>RES Integration</span>
          <span>Market Trading</span>
          <span>Industrial</span>
        </div>

        <div class="bss-card-cta">
          Explore S-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

    <!-- C-LINE -->
    <a href="https://volthein.com/c-line/" class="bss-card bss-card--alt">
      <div class="bss-card-img-wrap">
        <img
          src="https://volthein.com/wp-content/uploads/2026/03/C-Line_hero_1.jpg"
          alt="C-Line — Custom BESS"
          class="bss-card-img"
          loading="lazy"
          decoding="async"
        >
        <div class="bss-card-img-overlay"></div>
        <div class="bss-card-badge bss-card-badge--outline">Custom</div>
      </div>

      <div class="bss-card-body">

        <div class="bss-card-top">
          <div class="bss-card-line">C-Line</div>
          <div class="bss-card-tagline">When standard<br>isn't enough.</div>
          <p class="bss-card-desc">Fully engineered BESS for projects with complex site constraints, non-standard interfaces, or specific control requirements — configurable within a validated framework.</p>
        </div>

        <div class="bss-card-bullets">
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Adapt to real-world site limitations
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Single-source accountability
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Custom PCS, battery & PPC integration
          </div>
          <div class="bss-bullet">
            <div class="bss-bullet-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                <polyline points="20 6 9 17 4 12"/>
              </svg>
            </div>
            Full grid connection up to 400 kV
          </div>
        </div>

        <div class="bss-card-tags">
          <span>Off-Grid</span>
          <span>Power Plant</span>
          <span>Grid Balancing</span>
          <span>400 kV</span>
        </div>

        <div class="bss-card-cta bss-card-cta--outline">
          Explore C-Line
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <line x1="5" y1="12" x2="19" y2="12"/>
            <polyline points="12 5 19 12 12 19"/>
          </svg>
        </div>

      </div>
    </a>

  </div>

  <!-- Bottom note -->
  <div class="bss-split-note">
    <div class="bss-split-inner">
      <span class="bss-split-note-text">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <circle cx="12" cy="12" r="10"/>
          <line x1="12" y1="8" x2="12" y2="12"/>
          <line x1="12" y1="16" x2="12.01" y2="16"/>
        </svg>
        Not sure which solution fits your project?
      </span>
      <a href="https://volthein.com/contact/" class="bss-split-note-link">
        Talk to our team
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <line x1="5" y1="12" x2="19" y2="12"/>
          <polyline points="12 5 19 12 12 19"/>
        </svg>
      </a>
    </div>
  </div>

</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS ── */
.bss-split { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .bss-split { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .bss-split { --px: 20px; --py: 60px; } }

/* ── SECTION ── */
.bss-split {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER ── */
.bss-split-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: var(--py) var(--px) 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

/* ══════════════════════════════
   CARD
══════════════════════════════ */
.bss-card {
  display: flex;
  flex-direction: column;
  background: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.35s ease,
              box-shadow 0.35s ease,
              border-color 0.35s ease;
}

.bss-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 60px rgba(200,50,50,0.14);
  border-color: rgba(200,50,50,0.3);
}

/* Image */
.bss-card-img-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16/8;
  overflow: hidden;
}

.bss-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
}

.bss-card:hover .bss-card-img { transform: scale(1.04); }

.bss-card-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.05) 0%,
    rgba(26,26,26,0.7) 100%
  );
}

/* Badge */
.bss-card-badge {
  position: absolute;
  top: 18px; left: 18px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  background: #C83232;
  border-radius: 50px;
  padding: 5px 16px;
  z-index: 1;
}

.bss-card-badge--outline {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
}

/* Red top line on hover */
.bss-card-img-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: #C83232;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 2;
}

.bss-card:hover .bss-card-img-wrap::after { transform: scaleX(1); }

/* Body */
.bss-card-body {
  padding: 32px 32px 36px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}

/* Top section */
.bss-card-line {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #C83232;
  margin-bottom: 10px;
}

.bss-card-tagline {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: 14px;
}

.bss-card-desc {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  line-height: 1.75;
  margin: 0;
}

/* Bullets */
.bss-card-bullets {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bss-bullet {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

.bss-bullet-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200,50,50,0.1);
  border: 1px solid rgba(200,50,50,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C83232;
  flex-shrink: 0;
}

.bss-bullet-icon svg { width: 10px; height: 10px; }

/* Tags */
.bss-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bss-card-tags span {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(200,50,50,0.5);
  background: rgba(200,50,50,0.06);
  border: 1px solid rgba(200,50,50,0.15);
  border-radius: 50px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* CTA */
.bss-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #C83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  border: 2px solid #C83232;
  transition: background 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  white-space: nowrap;
  margin-top: auto;
}

.bss-card-cta svg { width: 14px; height: 14px; transition: transform 0.3s ease; }

.bss-card:hover .bss-card-cta {
  background: transparent;
  color: #C83232;
}

.bss-card:hover .bss-card-cta svg { transform: translateX(4px); }

.bss-card-cta--outline {
  background: transparent;
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.2);
}

.bss-card--alt:hover .bss-card-cta--outline {
  background: #C83232;
  color: #ffffff;
  border-color: #C83232;
}

/* ── BOTTOM NOTE ── */
.bss-split-note {
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 24px var(--px);
  margin-top: 32px;
}

.bss-split-note .bss-split-inner {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.bss-split-note-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.3);
}

.bss-split-note-text svg {
  width: 14px; height: 14px;
  flex-shrink: 0;
  color: rgba(200,50,50,0.4);
}

.bss-split-note-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C83232;
  text-decoration: none;
  transition: gap 0.3s ease;
}

.bss-split-note-link svg {
  width: 12px; height: 12px;
  transition: transform 0.3s ease;
}

.bss-split-note-link:hover { gap: 10px; }
.bss-split-note-link:hover svg { transform: translateX(2px); }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .bss-split-inner  { gap: 20px; }
  .bss-card-body    { padding: 28px 24px 32px; }
  .bss-card-tagline { font-size: clamp(20px, 3vw, 28px); }
}

/* ── MOBILE ── */
@media (max-width: 767px) {
  .bss-split-inner  { grid-template-columns: 1fr; }
  .bss-card:hover   { transform: none; }
  .bss-card-body    { padding: 24px 20px 28px; }
  .bss-card-cta     { width: 100%; justify-content: center; }
  .bss-split-note   { padding: 20px var(--px); }
  .bss-split-note .bss-split-inner { flex-direction: column; gap: 10px; text-align: center; }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  .bss-card                    { transition: none; }
  .bss-card-img                { transition: none; }
  .bss-card-img-wrap::after    { transition: none; }
  .bss-card-cta                { transition: none; }
  .bss-card-cta svg            { transition: none; }
  .bss-split-note-link         { transition: none; }
  .bss-split-note-link svg     { transition: none; }
}
</style>

<script>
(function() {
  'use strict';

  var reduced = window.matchMedia
    ? window.matchMedia('(prefers-reduced-motion: reduce)').matches
    : false;

  if (reduced) return;

  var cards = document.querySelectorAll('#bss-split .bss-card');
  if (!cards.length) return;

  for (var i = 0; i < cards.length; i++) {
    cards[i].style.opacity    = '0';
    cards[i].style.transform  = 'translateY(28px)';
    cards[i].style.transition =
      'opacity 0.7s ease, transform 0.7s ease, ' +
      'box-shadow 0.35s ease, border-color 0.35s ease';
    cards[i].style.transitionDelay = (i * 0.15) + 's';
  }

  var obs = new IntersectionObserver(function(entries) {
    for (var e = 0; e < entries.length; e++) {
      if (entries[e].isIntersecting) {
        entries[e].target.style.opacity   = '1';
        entries[e].target.style.transform = 'translateY(0)';
        obs.unobserve(entries[e].target);
      }
    }
  }, { threshold: 0.1 });

  for (var j = 0; j < cards.length; j++) {
    obs.observe(cards[j]);
  }

})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-9bbc7a4 e-con-full e-flex e-con e-parent" data-id="9bbc7a4" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-f09b399 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="f09b399" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');
.ref-section { --px: 80px; --py: 100px; }
@media (max-width: 1024px) { .ref-section { --px: 48px; --py: 70px; } }
@media (max-width: 767px)  { .ref-section { --px: 20px; --py: 60px; } }
.ref-section { position: relative; width: 100%; box-sizing: border-box; padding: var(--py) 0; background-color: #000000; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.ref-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 56px; box-sizing: border-box; padding: 0 var(--px) 0 calc(var(--px) + 24px); }
.ref-header-left { flex: 1; }
.ref-eyebrow { display: block; font-size: 11px; letter-spacing: 4px; color: #C83232; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; }
.ref-title { font-size: clamp(28px, 4vw, 48px); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.1; letter-spacing: -0.02em; }
.ref-title span { color: #C83232; }
.ref-header-right { display: flex; align-items: center; gap: 12px; }
.ref-nav-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); background: transparent; color: #ffffff; font-size: 18px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent; }
.ref-nav-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-nav-btn:focus { outline: none; }
.ref-nav-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
.ref-track-wrapper { overflow: visible; padding: 20px 0; }
.ref-track { display: flex; gap: 20px; will-change: transform; padding: 0 var(--px); }
.ref-card { flex: 0 0 380px; border-radius: 20px; overflow: visible; transition: transform 0.3s ease; }
.ref-card:hover { transform: translateY(-6px); }
.ref-card-inner { position: relative; width: 100%; aspect-ratio: 16/10; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.3); transition: box-shadow 0.3s ease; }
.ref-card:hover .ref-card-inner { box-shadow: 0 24px 48px rgba(0,0,0,0.5); }
.ref-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ref-card:hover .ref-card-inner img { transform: scale(1.04); }
.ref-blur-bottom { position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%); z-index: 1; filter: blur(8px); mask-image: linear-gradient(to top, black 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%); }
.ref-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%); z-index: 2; }
.ref-card-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; padding: 20px 24px; }
.ref-tag { display: inline-block; background: rgba(200,50,50,0.9); color: #ffffff; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 50px; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.ref-location { font-size: 15px; font-weight: 700; color: #ffffff; margin: 0 0 14px; font-family: 'Montserrat', sans-serif; }
.ref-btn { display: block; width: 100%; padding: 10px; border-radius: 50px; border: 1.5px solid rgba(255,255,255,0.5); background: transparent; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-align: center; transition: all 0.3s ease; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(4px); box-sizing: border-box; }
.ref-btn:hover { background: #C83232; border-color: #C83232; color: #ffffff; }
.ref-btn:focus-visible { outline: 2px solid #C83232; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ref-track { transition: none; } .ref-nav-btn { transition: none; } .ref-btn { transition: none; } .ref-card { transition: none; } .ref-card-inner { transition: none; } .ref-card-inner img { transition: none; } }
@media (max-width: 767px) { .ref-header { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 var(--px) 0 calc(var(--px) + 24px); } .ref-card { flex: 0 0 280px; } }
</style>
 
<div class="ref-section" id="ref-section">
  <div class="ref-header">
    <div class="ref-header-left">
      <span class="ref-eyebrow">OUR REFERENCES</span>
      <h2 class="ref-title">FEATURED PROJECTS<span>.</span></h2>
    </div>
    <div class="ref-header-right">
      <button class="ref-nav-btn" id="ref-prev" aria-label="Previous projects">&#8592;</button>
      <button class="ref-nav-btn" id="ref-next" aria-label="Next projects">&#8594;</button>
    </div>
  </div>
  <div class="ref-track-wrapper">
    <div class="ref-track" id="ref-track">
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-8.webp" alt="Powerfield, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 52.9 MWh</span><p class="ref-location">Powerfield, Netherlands</p><a href="https://volthein.com/3rd-largest-bess-installation-in-netherlands/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/08/DJI_20260401165457_0295_D-scaled.webp" alt="Ferlach, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.6 MWh</span><p class="ref-location">Ferlach, Austria</p><a href="https://volthein.com/bess-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/1710844095541-1.webp" alt="EIF, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 5.2 MWh</span><p class="ref-location">EIF, Slovakia</p><a href="https://volthein.com/bess-designed-for-frequency-regulation/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/IMG_9050-1.webp" alt="MaxSolar, Germany" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 4.8 MWh</span><p class="ref-location">MaxSolar, Germany</p><a href="https://volthein.com/bess-designed-to-support-a-pv-installation-in-germany/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/aFRR-SLOVAKIA-1.webp" alt="VEOLIA, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 2.9 MWh</span><p class="ref-location">VEOLIA, Slovakia</p><a href="https://volthein.com/bess-designed-to-support-a-natural-gas-power-plant/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-1.webp" alt="SUAS Grid, Czechia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 7.5 MWh</span><p class="ref-location">SUAS Grid, Czechia</p><a href="https://volthein.com/bess-sokolov-designed-for-flexibility-trading/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/03/Gilgen-Austria-1.webp" alt="Synecotec, Austria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 556 kWh</span><p class="ref-location">Synecotec, Austria</p><a href="https://volthein.com/bess-designed-to-support-cable-car-operation-in-ski-resort/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398.webp" alt="PakDeZon, Netherlands" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 558 kWh</span><p class="ref-location">PakDeZon, Netherlands</p><a href="https://volthein.com/bess-designed-to-local-pv-electromobility/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-03-at-10.48.06.webp" alt="Adore Energy, Bulgaria" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 232 kWh</span><p class="ref-location">Adore Energy, Bulgaria</p><a href="https://volthein.com/bess-designed-to-support-local-pv/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-2.webp" alt="ZELPO, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 2.6 MWp</span><p class="ref-location">ZELPO, Slovakia</p><a href="https://volthein.com/largest-rooftop-pv-in-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/Rectangle-34624398-3.webp" alt="Schaeffler, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">PV - 498.5 kWp</span><p class="ref-location">Schaeffler, Slovakia</p><a href="https://volthein.com/forecast-driven-solar-power-schaeffler-slovakia/" class="ref-btn">View Details</a></div></div></div>
      <div class="ref-card"><div class="ref-card-inner"><img src="https://volthein.com/wp-content/uploads/2026/09/image-11.webp" alt="ECO PACK, Slovakia" loading="lazy" decoding="async"><div class="ref-blur-bottom"></div><div class="ref-overlay"></div><div class="ref-card-content"><span class="ref-tag">BESS - 302 kWh</span><p class="ref-location">ECO PACK, Slovakia</p><a href="https://volthein.com/virtual-battery-block-two-systems-act-as-one/" class="ref-btn">View Details</a></div></div></div>
    </div>
  </div>
</div>
 
<script>
(function() {
  'use strict';
  var track = document.getElementById('ref-track');
  var wrapper = document.querySelector('.ref-track-wrapper');
  var prevBtn = document.getElementById('ref-prev');
  var nextBtn = document.getElementById('ref-next');
  var originalCards = Array.from(track.children);
  originalCards.forEach(function(card) { var clone = card.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); });
  var baseSpeed = 0.05, boostMultiplier = 8, isPaused = false;
  var autoOffset = 0, lastTime = null, currentSpeed = baseSpeed;
  function getOriginalWidth() { var w = 0; originalCards.forEach(function(c) { w += c.offsetWidth + 20; }); return w; }
  function animate(timestamp) {
    if (!lastTime) lastTime = timestamp;
    var delta = timestamp - lastTime; lastTime = timestamp;
    if (!isPaused) {
      currentSpeed += (baseSpeed - currentSpeed) * 0.02;
      autoOffset += currentSpeed * delta;
      var totalWidth = getOriginalWidth();
      if (autoOffset >= totalWidth) autoOffset -= totalWidth;
      if (autoOffset < 0) autoOffset += totalWidth;
    }
    track.style.transform = 'translateX(-' + autoOffset + 'px)';
    requestAnimationFrame(animate);
  }
  function triggerBoost(direction) { currentSpeed = baseSpeed * boostMultiplier * direction; }
  wrapper.addEventListener('mouseenter', function() { isPaused = true; });
  wrapper.addEventListener('mouseleave', function() { isPaused = false; lastTime = null; });
  prevBtn.addEventListener('click', function() { this.blur(); triggerBoost(-1); });
  nextBtn.addEventListener('click', function() { this.blur(); triggerBoost(1); });
  var touchStartX = 0, SWIPE_THRESHOLD = 50;
  wrapper.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }, { passive: true });
  wrapper.addEventListener('touchend', function(e) { var diff = touchStartX - e.changedTouches[0].screenX; if (Math.abs(diff) > SWIPE_THRESHOLD) { triggerBoost(diff > 0 ? 1 : -1); } }, { passive: true });
  requestAnimationFrame(animate);
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-1b21084 e-con-full e-flex e-con e-parent" data-id="1b21084" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6bbad35 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="6bbad35" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

/* ── PADDING TOKENS — nižšie py lebo je to banner, nie plná sekcia ── */
.cl-cta {
  --px: 80px;
  --py: 40px;
}
@media (max-width: 1024px) { .cl-cta { --px: 48px; --py: 32px; } }
@media (max-width: 767px)  { .cl-cta { --px: 20px; --py: 32px; } }

/* ── SECTION ── */
.cl-cta {
  width: 100%;
  box-sizing: border-box;
  background: #0a0a0a;
  padding: var(--py) var(--px);
  font-family: 'Montserrat', sans-serif;
}

/* ── INNER BANNER ── */
.cl-cta-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border: 1px solid #C83232;
  border-radius: 16px;
  padding: 28px 40px;
  box-sizing: border-box;
  position: relative;
  gap: 16px;               /* zabraňuje overlapping pri mid-width displejoch */
}

/* ── PHOTO ── */
.cl-cta-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,50,50,0.3);
  position: relative;
  z-index: 1;
  display: block;          /* odstráni phantom spacing pod img */
}

/* ── TITLE — absolútne centrovaný ── */
.cl-cta-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(20px, 2.8vw, 38px);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  pointer-events: none;   /* klik prechádza na banner, nie na text */
  z-index: 0;
}

/* ── BUTTON ── */
.cl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  background: transparent;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #C83232;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  box-sizing: border-box;
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}
.cl-cta-btn:hover  { background: #C83232; color: #ffffff; border-color: #C83232; }
.cl-cta-btn:focus  { outline: 2px solid #C83232; outline-offset: 3px; }
.cl-cta-btn:active { background: #C83232; }

/* ── TABLET ── */
@media (max-width: 1024px) {
  .cl-cta-inner  { padding: 24px 28px; }
  .cl-cta-title  { font-size: clamp(18px, 2.4vw, 28px); }
}

/* ── MOBILE — stacked layout ── */
@media (max-width: 767px) {
  .cl-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 20px;
    gap: 20px;
  }
  .cl-cta-title {
    position: static;        /* vyradí absolute positioning */
    transform: none;
    font-size: 22px;
    white-space: normal;     /* text sa zalomí */
    pointer-events: auto;
    z-index: auto;
  }
  .cl-cta-btn {
    width: 100%;
    margin-left: 0;
  }
}
</style>

<!-- ══ CTA BANNER ══ -->
<section class="cl-cta">
  <div class="cl-cta-inner">

    <img loading="lazy"
      class="cl-cta-photo"
      src="https://volthein.com/wp-content/uploads/2026/03/Ellipse-2.png"
      alt="Volthein contact person"
      width="72"
      height="72"
      loading="lazy"
      decoding="async"
    />

    <h2 class="cl-cta-title">GOT A PROJECT IN MIND?</h2>

    <a href="https://volthein.com/contact/" class="cl-cta-btn">Let's Talk</a>

  </div>
</section>				</div>
				</div>
				</div>
		<p>The post <a href="https://volthein.com/bess-designed-for-flexibility-trading/">BESS designed for flexibility trading</a> appeared first on <a href="https://volthein.com">Volthein</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
