.zu-hero {
  position: relative;
  min-height: 950px;
  display: flex;
  align-items: center;
  background: var(--zu-black) center / cover no-repeat;
  color: #fff;
  padding: calc(var(--zu-navbar-h) + 80px) 0 90px;
  overflow: hidden;
}
.zu-hero__video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  z-index: 0;
  pointer-events: none;
}
.zu-hero--video { background: var(--zu-black); }
.zu-hero__logo-wrap { margin-bottom: 32px; }
.zu-hero__logo {
  height: 64px;
  width: auto;
  display: block;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.4));
}
.zu-hero__scrim {
  position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(100deg, rgba(6,8,12,.86) 18%, rgba(6,8,12,.45) 55%, rgba(6,8,12,.25) 100%);
}
.zu-hero__inner { position: relative; z-index: 1; width: 100%; }
.zu-hero__eyebrow { margin: 0 0 26px; }
.zu-hero__title {
  color: #fff; font-size: clamp(40px, 5.2vw, 68px); font-weight: 300;
  line-height: 1.12; margin: 0 0 26px; max-width: 900px; letter-spacing: -.01em;
}
.zu-hero__sub { color: #C4C8CE; font-size: 17px; line-height: 1.65; max-width: 500px; margin: 0 0 38px; }
.zu-hero__actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.zu-hero__film { display: inline-flex; align-items: center; gap: 13px; color: #E4E6E9; font-size: 14px; }
.zu-hero__film:hover { color: #fff; }
.zu-hero__play {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.4); border-radius: var(--zu-radius);
}
.zu-hero__stats {
  display: inline-flex; margin-top: 64px;
  background: rgba(14,17,22,.72); border: 1px solid rgba(255,255,255,.09);
  backdrop-filter: blur(4px);
}
.zu-hero__stat {
  display: flex; flex-direction: column; gap: 3px; padding: 18px 28px;
  border-right: 1px solid rgba(255,255,255,.09); min-width: 116px;
}
.zu-hero__stat:last-child { border-right: 0; }
.zu-hero__stat-value { font-family: var(--zu-font-display); font-size: 23px; font-weight: 700; color: #fff; }
.zu-hero__stat-label { font-size: 12px; color: #9FA3A9; }
@media (max-width: 760px) {
  .zu-hero { min-height: 640px; padding-top: calc(var(--zu-navbar-h) + 48px); }
  .zu-hero__stats { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .zu-hero__stat { border-bottom: 1px solid rgba(255,255,255,.09); }
}