.single-hero__inner {
    gap: 6rem;
}

.single-hero__content {
    width: 100%;
    gap: 2rem;
}

.single-hero__credits {
    justify-content: space-between;
    width: 100%;
}

.single-hero__excerpt {
    max-width: 80rem;
}

.single-hero__text {
    margin-bottom: 2rem;
}

.single-hero__image {
    gap: 1rem;
    width: 100%;
}

.single-hero__image-inner {
    width: 100%;
    max-height: 55rem;
    margin-top: 2rem;
}

.single-hero__caption {
    color: var(--color-gray-light);
}

@media screen and (max-width: 575.9px) {
    .single-hero__image-inner {
        aspect-ratio: 450/430;
    }
}