/* Hero block (BEM: hero) */
.hero {
  position: relative;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center;
  padding-block: 3rem;
  overflow: hidden;
}
.hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(11, 16, 12, 0.55) 0%, rgba(11, 16, 12, 0.92) 100%);
}
.hero__inner { position: relative; z-index: 1; max-width: 640px; }
.hero__breadcrumb { margin-bottom: 1.25rem; }
.hero__rating { margin-bottom: 1rem; }
.hero__title { margin-bottom: 1rem; }
.hero__subtitle { color: var(--color-text); margin-bottom: 1.5rem; font-size: 1.0625rem; }
.hero__cta { margin-top: 0.25rem; }

@media (min-width: 768px) {
  .hero { padding-block: 4.5rem; }
}
@media (min-width: 1024px) {
  .hero { padding-block: 5.5rem; }
}