/* hero.css */
.hero {
    position: relative;
    isolation: isolate;
    border-radius: var(--radius-card);
    overflow: hidden;
    margin-top: 1.5rem;
    min-height: clamp(320px, 46vw, 520px);
    display: flex;
    align-items: center;
}
.hero__bg {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: -2;
}
.hero__overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(13,30,33,0.92) 0%, rgba(13,30,33,0.72) 45%, rgba(13,30,33,0.35) 100%);
}
.hero__inner {
    display: grid;
    gap: 1rem;
    padding-block: clamp(2rem, 5vw, 4rem);
    max-width: 760px;
}
.breadcrumb__list { display: flex; flex-wrap: wrap; gap: 0.4rem; font-size: var(--fs-small); }
.breadcrumb__item { color: var(--c-text); }
.breadcrumb__item:not(:last-child)::after { content: "›"; margin-left: 0.4rem; color: var(--c-border); }
.breadcrumb__link { color: var(--c-heading); }
.breadcrumb__item--current { color: var(--c-white); }

.hero__rating { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.hero__stars { color: var(--c-heading); font-size: 1.2rem; letter-spacing: 2px; }
.hero__rating-text { color: var(--c-white); font-weight: var(--fw-semi); }

.hero__title {
    font-size: var(--fs-h1);
    line-height: var(--lh-hero);
    color: #fff;
    font-weight: var(--fw-black);
}
.hero__subtitle {
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.2rem);
    color: var(--c-white);
    max-width: 60ch;
}
.hero__cta { margin-top: 0.5rem; }