.home-hero-slider {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  overflow:hidden;
  background:#141615;
}
.home-hero-slide {
  grid-area:1/1;
  min-width:0;
  transition:transform .65s cubic-bezier(.22,.61,.36,1);
}
.home-campaign { display:grid; align-items:stretch; color:#fff; background:#141615; }
.home-hero-slider>#energie { transform:translateX(100%); }
.home-slider-second>.home-campaign { transform:translateX(-100%); }
.home-slider-second>#energie { transform:translateX(0); }
.home-campaign-art { position:relative; display:flex; align-items:center; isolation:isolate; }
.home-campaign-video { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.home-campaign-art::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#10211af2 0%,#10211ac4 32%,#10211a38 68%,transparent); }
.home-campaign-copy { padding:clamp(2rem,6vw,6rem); max-width:650px; }
.home-campaign-eyebrow { color:#a5e2bd; font-size:.79rem; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.home-campaign-title { margin:.6rem 0 0; font-size:clamp(2.4rem,5vw,5.2rem); letter-spacing:-.055em; line-height:1.03; }
.home-campaign-description { max-width:40ch; margin:1.15rem 0 0; font-size:1rem; line-height:1.55; color:#d3e2d8; }
#home-campaign .actions { justify-content:start; }
.home-video-controls { position:absolute; z-index:6; inset:auto 22px 62px auto; display:flex; gap:8px; }
.home-video-controls[hidden] { display:none; }
.home-video-controls svg { display:none; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.home-video-controls [data-icon-state="play"] [data-icon="play"],
.home-video-controls [data-icon-state="pause"] [data-icon="pause"],
.home-video-controls [data-icon-state="muted"] [data-icon="muted"],
.home-video-controls [data-icon-state="audible"] [data-icon="audible"] { display:block; }
.home-video-controls button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #fff7; border-radius:999px; color:#fff; background:#10211a55; backdrop-filter:blur(12px) saturate(135%); cursor:pointer; transition:box-shadow .25s ease,background-color .25s ease,border-color .25s ease; }
@media(hover:hover) {
  .home-video-controls button:hover { background:#ffffff26; border-color:#ffffffb8; box-shadow:inset 0 0 18px 3px #ffffff42,inset 0 1px 3px #ffffff73; }
}
.home-video-controls button:focus-visible { outline:2px solid #72d49d; outline-offset:3px; }
.home-slider-controls {
  position:absolute;
  z-index:5;
  inset:auto 0 16px;
  display:flex;
  justify-content:center;
  gap:6px;
  pointer-events:none;
}
.home-slider-controls[hidden] { display:none; }
.home-slider-controls button {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #ffffff70;
  border-radius:50%;
  background:#111b;
  color:#fff;
  font:700 14px/1 Inter,Arial,sans-serif;
  cursor:pointer;
  pointer-events:auto;
}
.home-slider-controls [data-slide]::before { content:""; width:8px; height:8px; border:1px solid currentColor; border-radius:50%; }
.home-slider-controls [data-slide][aria-pressed="true"]::before { background:currentColor; }
.home-slider-controls button:focus-visible { outline:2px solid #72d49d; outline-offset:3px; }
@media(max-width:760px) {
  .home-campaign-art { align-items:end; }
  .home-campaign-art::after { background:linear-gradient(0deg,#10211a 0%,#10211ae0 28%,#10211a20 76%); }
  .home-campaign-copy { padding:28px 22px 122px; }
  .home-campaign-description { max-width:34ch; }
  #home-campaign .actions .btn { min-width:0; flex:0 1 auto; font-size:12px!important; padding:14px 12px!important; }
}
@media(prefers-reduced-motion:reduce) {
  .home-hero-slide,.home-video-controls button { transition:none; }
}
