/* -- General CSS -- */
.wrapper {
    margin: 0 auto;
    width: clamp(20rem, 95%, 92rem);
}
    /* -- */
    .section_container {
        gap: 2rem;
    }
    .section_1 {
        height: 100dvh;
        display: flex;
        align-items: center;
    }
/* -- Text CSS -- */
.article {
    gap: 0.5rem;
    flex-direction: column;
}
    .section_article {
        margin-left: 1rem;
    }
    /* -- */
    .title {
        max-width: 40rem;
        /* -- */
        font-size: var(--text-l);
        color: var(--gray-1);
    }
    /* -- */
    .name {
        max-width: 32.5rem;
        /* -- */
        font-size: var(--text-m);
        color: var(--gray-1);
    }
    /* -- */
    .text {
        max-width: 36rem;
        /* -- */
        font-size: var(--text-s);
        color: var(--gray-2);
    }
/* -- */
.card_container {
    gap: 1rem;
}