/*          =========================================
              ABOUT                             */
/*#region   ========================================= */

/* -------- HERO -------- */
.about-hero {
    max-width: 2560px;
    margin-inline: auto;
    min-height: var(--hero-high);
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2026/01/Immagine-HD-Hero-About-scaled.jpg");
    background-repeat: no-repeat;
    background-position: 60%;
    background-size: cover;
    display: flex;
}

.about-hero .about-hero-workspace {
    width: 100%;
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    padding-bottom: clamp(48px, 8vh, 96px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    min-height: 100%;
}

.about-hero .about-hero-box-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.about-hero .about-hero-title {
    margin: 0;
}

.about-hero .about-hero-subtitle {
    margin-top: 20px;
}

/* -------- SEZIONE PARAGRAFO -------- */

.about-paragrafo .about-paragrafo-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
}

/* -------- PILASTRI -------- */

.crediamo-section .crediamo-section-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
}

.crediamo-section .crediamo-section-box-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.crediamo-section .crediamo-section-title {
    text-align: center;
}

.crediamo-section .crediamo-box-pilastro>* {
    margin: 0;
    padding: 0;
}

.crediamo-section .crediamo-section-box-pilastri {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(40px, 6vw, 190px);
    margin-top: 50px;
}

.crediamo-section .crediamo-box-pilastro {
    max-width: clamp(280px, 45vw, 360px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.crediamo-section .crediamo-box-pilastro-title,
.crediamo-section .crediamo-box-pilastro-paragrafo {
    text-align: center;
}

/* -------- IMAGE SECTION -------- */

.about-image-section {
    width: 100%;
    height: clamp(380px, 60svh, 800px);
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2026/01/Immagine-About-HD-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* -------- SEZIONE MISSION -------- */

.about-mission .about-mission-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.about-mission .about-mission-box-icon {
    margin-left: 0;
    margin-right: auto;
}

.about-mission .about-mission-frase {
    text-align: center;
}

/*#endregion */


/*          =========================================
              ABOUT DESKTOP                         */
/*#region   ========================================= */

@media (min-width: 900px) {

    /* -------- HERO -------- */
    .about-hero {
        background-attachment: scroll;
        background-position: center;
    }

    .about-hero .about-hero-workspace {
        padding-bottom: clamp(60px, 20vh, 200px);
    }

    .about-hero .about-hero-box-title {
        align-items: flex-start;
        margin-inline: unset;
    }

    .about-hero .about-hero-title {
        text-align: left;
    }

    .about-hero .about-hero-subtitle {
        margin-top: 40px;
        text-align: left;
    }

    /* -------- SEZIONE PARAGRAFO -------- */

    .about-paragrafo .about-paragrafo-workspace {
        padding-left: clamp(16px, 40vw, 720px);
    }

    /* -------- PILASTRI  -------- */

    .crediamo-section .crediamo-section-title,
    .crediamo-section .crediamo-box-pilastro>* {
        margin: 0;
        padding: 0;
    }

    .crediamo-section .crediamo-section-box-title {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .crediamo-section .crediamo-section-title {
        text-align: left;
    }

    .crediamo-section .crediamo-section-box-pilastri {
        flex-direction: row;
        justify-content: center;
    }

    .crediamo-section .crediamo-box-pilastro {
        justify-content: center;
        margin-top: 50px;
    }

    .crediamo-section .crediamo-box-pilastro-icon {
        margin-inline: auto;
    }

    .crediamo-section .crediamo-box-pilastro-title,
    .crediamo-section .crediamo-box-pilastro-paragrafo {
        text-align: center;
    }

    /* -------- IMMAGINE CENTRALE -------- */

    .about-image-section {
        max-width: 1920px;
        margin-inline: auto;
        background-size: cover;
    }

    /* -------- PARAGRAFO SECTION -------- */

    .about-mission .about-mission-workspace {
        gap: 40px;
    }

    .about-mission .about-mission-frase {
        text-align: center;
    }
}

/*#endregion */