.eps-category-visual {
  position: relative;
  min-height: 680px;
  padding: 132px 0 76px;
  color: #fff;
  background-color: #07192d;
  background-image: linear-gradient(90deg, rgba(3, 17, 32, .92) 0%, rgba(4, 25, 47, .76) 38%, rgba(5, 28, 51, .18) 66%, rgba(5, 24, 43, .03) 100%), url("../assets/images/eps-category-hero-2026-optimized.webp");
  background-position: center, 72% center;
  background-size: cover, cover;
  background-repeat: no-repeat;
}

.eps-category-visual::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(180deg, rgba(3, 15, 29, .16), transparent 45%, rgba(3, 15, 29, .18));
}

.eps-category-visual > .eps-shell {
  position: relative;
  z-index: 1;
}

.eps-hero-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 70px;
  color: #d7e4ef;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.eps-hero-breadcrumb a { color: #fff; transition: color .2s ease; }
.eps-hero-breadcrumb a:hover { color: #8fc2f4; }
.eps-hero-breadcrumb span { opacity: .55; }
.eps-hero-breadcrumb b { font-weight: 600; }
.eps-category-visual .eps-eyebrow { color: #77b9f2; }
.eps-category-visual h1 { max-width: 920px; color: #fff; text-shadow: 0 3px 24px rgba(0, 0, 0, .18); }
.eps-category-visual .eps-hero-copy { max-width: 760px; color: #d9e5ee; }
.eps-category-visual .eps-proof { border-color: rgba(255, 255, 255, .2); background: rgba(4, 24, 44, .72); backdrop-filter: blur(10px); }
.eps-category-visual .eps-proof div { border-color: rgba(255, 255, 255, .16); }
.eps-category-visual .eps-proof b { color: #8fc7fa; }
.eps-category-visual .eps-proof span { color: #d2deea; }

@media (max-width: 760px) {
  .eps-category-visual { min-height: 720px; padding-top: 110px; background-position: 65% center; }
  .eps-category-visual::before { position: absolute; inset: 0; content: ""; background: rgba(3, 18, 34, .48); }
  .eps-hero-breadcrumb { margin-bottom: 48px; }
}