/* LANDING SECTION */

.landing-section {
    min-height: calc(100vh - 2 * var(--body-spacing));
    position: relative;
    background-color: var(--wp--preset--color--blueberry-base);
    padding-inline: var(--section-spacing);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.landing-section__body {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
}

.landing-section .custom-button,
.landing-section a {
    outline-color: var(--wp--preset--color--white-base);
}

.landing-section__illustration {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 85%;
    max-width: 500px;
    transform: translate(20%, 12%);
}

.landing-section__text-container {
    position: relative;
    z-index: 1;
    margin-inline-end: 350px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow-wrap: anywhere;
}

.landing-section__title {
    margin-block: 0;
    color: var(--wp--preset--color--chartreuse-base);
}

.landing-section__subtitle {
    margin-block: var(--wp--preset--spacing--4);
    color: var(--wp--preset--color--chartreuse-base);
}

.landing-section__translated-subtitle {
    margin-block: 0;
    color: var(--wp--preset--color--white-base);
}

.landing-section__subtitle:not(:last-child) {
    margin-block-start: var(--wp--preset--spacing--4);
}

.landing-section__button-container {
    margin-block-start: var(--wp--preset--spacing--xl-1);
}

.landing-section__scroll-btn {
    position: absolute;
    bottom: var(--wp--preset--spacing--6);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.landing-section__icon-container {
    background-color: var(--wp--preset--color--white-base);
    width: 2rem;
    height: 2rem;
    display: grid;
    place-content: center;
    color: var(--wp--preset--color--blueberry-base);
    border-radius: 50%;
    margin-block-start: var(--wp--preset--spacing--2);
}

.landing-section__scroll-icon {
    width: 1rem;
}

.landing-section__scroll-label {
    margin-block-start: var(--wp--preset--spacing--1);
    color: var(--wp--preset--color--white-base);
}

/* DOMAINS SECTION */

.domains-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.domains-section .title-block {
    max-width: var(--landing-centered-content-max-width);
}

.domains-section .title-block__description {
    margin-block-start: var(--wp--preset--spacing--4);
}

.domains-section__categories-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--4);
    justify-content: center;
    margin-block: var(--wp--preset--spacing--8);
}

.domains-section__category {
    width: 350px;
    text-align: center;
    padding: var(--wp--preset--spacing--4);
}

.domains-section__category-icon {
    width: 132px;
    aspect-ratio: 1;
}

.domains-section__category-name {
    margin-block: var(--wp--preset--spacing--6) var(--wp--preset--spacing--2);
    color: var(--wp--preset--color--blueberry-base);
}

.domains-section__category-description {
    margin-block: 0;
}

/* DOMAINS SECTION */

.resources-section {
    grid-template-columns: 2fr 1fr;
}

.resources-section .title-block__description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-block-start: var(--wp--preset--spacing--4);
}

.resources-section .title-block__description .resources-section__text {
    margin-block-end: var(--wp--preset--spacing--6);
}

.resources-section__links-container {
    display: grid;
    row-gap: var(--wp--preset--spacing--4);
}

.resources-section__btn {
    margin-block-start: var(--wp--preset--spacing--2);
}

/* SEPARATOR SECTION */

.separator-mobile-section,
.separator-section {
    max-width: 100%;
    object-fit: contain;
}

.separator-mobile-section {
    display: none;
}

/* EVENTS SECTION */

.events-section .title-block__description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-block-start: var(--wp--preset--spacing--4);
}

.events-section .title-block__description .events-section__text {
    margin-block-end: var(--wp--preset--spacing--6);
}

.events-section .card-grid {
    grid-auto-flow: column;
}

.events-section .card-event-block {
    width: var(--card--md);
}

.events-section__btn {
    margin-block-start: var(--wp--preset--spacing--2);
}

/* PROJECTS SECTION */

.projects-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.projects-section .title-block {
    max-width: var(--landing-centered-content-max-width);
}

.projects-section .title-block__description {
    margin-block-start: var(--wp--preset--spacing--4);
}

.projects-section .title-block__description .projects-section__text {
    margin-block-end: 0;
}

.projects-section__projects-list {
    width: 100%;
    margin-block: var(--wp--preset--spacing--8);
}

.projects-section .card-project-block {
    background-color: var(--wp--preset--color--white-base);
}

.projects-section__btn {
    margin-inline: auto;
}