.elisium-case {
  --elisium-blue: #3b82f6;
  --elisium-violet: #8b5cf6;
  --terracotta: var(--elisium-violet);
  --accent: var(--elisium-violet);
}

.elisium-case .case-hero {
  background-color: #070812;
  background-image: url("../assets/images/projects/elisium/fon-elisium.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.elisium-case .case-hero h1,
.elisium-case .case-service-link__arrow {
  color: var(--brand-paper);
}

.elisium-case .case-label,
.elisium-case .case-section-heading > p,
.elisium-case .case-next > p,
.elisium-case .case-service-link__arrow {
  color: var(--elisium-violet);
}

.elisium-case .case-story__lead,
.elisium-case .case-story__copy {
  border-color: rgba(102, 126, 234, .42);
  background: rgba(59, 130, 246, .035);
}

.elisium-case .case-story__copy {
  border-color: rgba(139, 92, 246, .48);
  background: rgba(139, 92, 246, .05);
}

.elisium-case .case-story__copy p + p {
  border-color: rgba(102, 126, 234, .2);
}

.elisium-case .case-story__lead::before,
.elisium-case .case-story__lead::after {
  color: rgba(139, 92, 246, .42);
}

.elisium-case .case-route::before {
  background: rgba(78, 129, 255, .72);
}

.elisium-case .case-route li::before {
  background: var(--elisium-violet);
  box-shadow: 0 0 0 1px var(--elisium-blue);
}

.elisium-case .case-structure::after,
.elisium-case .case-showcase::before {
  background: repeating-linear-gradient(
    104deg,
    transparent 0 30px,
    rgba(59, 130, 246, .17) 31px 48px,
    rgba(139, 92, 246, .07) 49px 72px
  );
}

.elisium-case .case-services {
  --case-service-border: rgba(102, 126, 234, .34);
  --case-service-border-hover: rgba(139, 92, 246, .58);
}

@media (hover: hover) and (pointer: fine) {
  .elisium-case .case-service-link:hover,
  .elisium-case .case-service-link:focus-visible {
    background: rgba(96, 86, 224, .08);
  }
}

@media (max-width: 767px) {
  .elisium-case .case-hero {
    background: #070812 url("../assets/images/projects/elisium/fon-elisium.png") center / cover no-repeat;
  }
}
