/* ============================================================
   Hero banner
   ============================================================ */
.hero {
    position: relative;
    background-image: var(--hero-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    isolation: isolate;
}
.hero__overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(19,19,19,0.55) 0%, rgba(19,19,19,0.82) 100%);
}
.hero__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.1rem;
    padding-block: clamp(3rem, 9vw, 6.5rem);
    max-width: 820px;
}
.hero__rating {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: var(--gradient-gold);
    padding: 0.4rem 0.9rem;
    border-radius: var(--radius-pill);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--color-white);
}
.hero__stars { letter-spacing: 2px; color: rgba(255,255,255,0.35); }
.hero__star.is-full { color: var(--color-gold-strong); }
.hero__star.is-half {
    background: linear-gradient(90deg, var(--color-gold-strong) 50%, rgba(255,255,255,0.35) 50%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero__rating-value { color: var(--color-white); }

.hero__title {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: var(--fs-h1);
    line-height: var(--lh-banner);
    color: var(--color-white);
}
.hero__subtitle {
    font-size: 1.05rem;
    color: var(--color-text-muted);
    max-width: 60ch;
}
.hero__cta { margin-top: 0.5rem; }