.lxc-hero {
  grid-template-columns: 47% 53%;
  min-height: 660px;
  margin: 0;
  background: var(--surface-muted);
}
.lxc-hero .hero-slides { inset: 0 0 0 47%; }
.lxc-hero .hero-slide-1 { background-image: url('assets/lxc-hero-powerlines.jpg'); background-position: 52% 50%; }
.lxc-hero .hero-slide-2 { background-image: url('assets/lxc-hero-bridge.jpg'); background-position: 58% 50%; }
.lxc-hero .hero-slide-3 { background-image: url('assets/lxc-hero-railyard.jpg'); background-position: 57% 50%; }
.lxc-hero .hero-slide { transform: none; animation-name: lxcHeroCycle; animation-duration: 18s; animation-timing-function: linear; will-change: opacity; backface-visibility: hidden; }
.lxc-hero .hero-slide-1 { animation-delay: 0s; }
.lxc-hero .hero-slide-2 { animation-delay: 6s; }
.lxc-hero .hero-slide-3 { animation-delay: 12s; }
.lxc-hero .hero-progress i::after { animation-name: lxcProgressCycle; animation-duration: 18s; }
.lxc-hero .hero-progress i:nth-child(2)::after { animation-delay: 6s; }
.lxc-hero .hero-progress i:nth-child(3)::after { animation-delay: 12s; }

@keyframes lxcHeroCycle {
  0% { opacity: 0; }
  4%, 33% { opacity: 1; }
  38%, 100% { opacity: 0; }
}

@keyframes lxcProgressCycle {
  0% { transform: scaleX(0); }
  4%, 33% { transform: scaleX(1); }
  38%, 100% { transform: scaleX(0); }
}
.lxc-hero .hero-shade {
  clip-path: inset(0 0 0 47%);
  background: linear-gradient(0deg, rgba(22,16,31,.48), transparent 48%);
}
.lxc-hero .hero-content {
  width: 47%;
  padding: var(--section-inset) 5vw 54px;
  background: var(--surface-muted);
  clip-path: none !important;
}
.lxc-hero .hero-content h1 {max-width: 620px;
  margin: 21px 0 24px;
  letter-spacing: -.055em; font-family:var(--display);font-size:var(--type-h1);font-weight:600;line-height:.94;}
.lxc-hero .hero-subtitle {
  margin-bottom: 22px;
  font-size: clamp(19px,1.5vw,24px);
  line-height: 1.42;
}
.lxc-hero .hero-body { max-width: 650px; }
.lxc-hero .hero-body p { margin: 0 0 12px; }
.lxc-hero .hero-body p:last-child { margin-bottom: 0; }
.lxc-hero .hero-meta { left: 51%; }
#how-lxc-works { scroll-margin-top: 90px; }
@media (max-width:800px) {
  .lxc-hero { min-height: 0; display: flex; flex-direction: column; }
  .lxc-hero .hero-content {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    padding: 54px 7vw 64px;
    clip-path: none;
  }
  .lxc-hero .hero-slides { position: relative; inset: auto; width: 100%; height: 420px; }
  .lxc-hero .hero-shade { inset: auto 0 0; height: 420px; clip-path: none; }
  .lxc-hero .hero-content h1 { font-family:var(--display);font-size:var(--type-h1);font-weight:600;line-height:.94;}
  .lxc-hero .hero-meta { left: 7vw; }
}