/* ═══════════════════════════════════════
   HERO BANNER
═══════════════════════════════════════ */
.heet-hero {
    padding-top: 0;
    padding-bottom: 0;
}

.heet-hero__inner {
    width: 100%;
    max-width: 100%;
}

.heet-hero__link {
    display: block;
}

.heet-hero__image {
    width: 100%;
    height: auto;
    max-height: 70vh;
    object-fit: cover;
    display: block;
}

.heet-hero__placeholder {
    width: 100%;
    height: 320px;
    background: var(--heet-color-bg);
}