/* Hero banner */
.hero {
  position: relative;
  isolation: isolate;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero__overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(11, 16, 12, 0.72) 0%, rgba(11, 16, 12, 0.88) 100%);
}
.hero__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.1rem;
  padding-block: clamp(3rem, 9vw, 6rem);
  max-width: 760px;
}
.hero__title { margin: 0; }
.hero__sub { margin: 0; max-width: 60ch; }
.hero__cta { margin-top: 0.5rem; }
.hero .breadcrumb { margin: 0 0 0.25rem; }
.hero .rating { margin: 0; }
.rating__text { color: var(--color-text); font-weight: var(--fw-regular); font-size: 0.9rem; }