.hero-discover {
    --gap: 32px;
    width: 100%;
    container-type: inline-size;
    margin-bottom: 1rem;
}

.hero-discover .hero-discover-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}

.hero-discover .hero-discover-picture {
    width: 100%;
    overflow: hidden;
    position: relative;

    & img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        display: block;
    }
}

.hero-discover .hero-discover-picture img {
    animation: discover-perspective 10s infinite ease-in-out alternate;
}

.hero-discover .hero-discover-article-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.hero-discover .hero-discover-article {
    --gap: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--gap);
    width: 100%;
    padding: 0 var(--mobile-margin-horizontal);
}

.hero-discover .hero-discover-article h2 {
    margin-block: 0;
}

.hero-discover .hero-discover-links {
    --gap: 16px;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.hero-discover .hero-discover-links .nav {
    row-gap: 16px;
}


@keyframes discover-perspective {
    100% {
        scale: 120%;
    }
}

@media (min-width: 0px) {

    .hero-discover {
        --gap: 10px;
    }
    .hero-discover .hero-discover-article {
        padding: 0 var(--mobile-margin-vertical);
    }
}

@media (min-width: 576px) {
    .hero-discover .hero-discover-article {
        padding: 0 var(--mobile-margin-horizontal);
    }
}

@media (min-width: 898px) {
    .hero-discover {
        --gap: 0;
        min-height: clamp(600px, 70vh, 800px);
    }

    .hero-discover .hero-discover-picture {
        position: absolute;
        inset: 0;
        height: 100%;
    }

    .hero-discover .hero-discover-article {
        padding: 32px 64px 32px 32px;
        width: 50%
    }

    .hero-discover .hero-discover-article-wrapper {
        max-width: var(--width-base-xl);
        margin-inline: auto;
        z-index: 1;
    }

    .hero-discover .hero-discover-links-wrapper {
        background-color: var(--bg-neutral-secondary);
        width: 100%;

    }

    .hero-discover .hero-discover-links-wrapper {
        align-items: stretch;
    }

    .hero-discover .hero-discover-links {
        --gap: 48px;
        flex-direction: row;
        padding-block: 24px !important;
        max-width: var(--width-base-xl);
        //margin-inline: var(--mobile-margin-horizontal);
    }
}

@media (min-width: 1024px) {
    .hero-discover .hero-discover-article {
        width: clamp(26.786rem, 23.394rem + 12.664vw, 37.143rem);

    }

    .hero-discover .hero-discover-content {
        align-items: flex-start;
    }

    .hero-discover .hero-discover-article-wrapper {
        align-items: stretch;
    }

    .hero-discover .hero-discover-article {
        margin-left: auto;
        margin-right: 50%;
    }

    .hero-discover .hero-discover-links {
        padding: 20px;
    }
}