/* pagina LASCITI */
#lasciti {
    --bg-light: #fff1d1;
    --bg-light-card: #fff7e7;
    --bg-dark: #610900;
    --text-dark: #151515;
    --text-body: #2f2b28;
    --text-light: #ffffff;
    --accent-soft: #ead8c3;
    --shell-max: 1366px;
    --shell-pad-desktop: 48px;
    --shell-pad-tablet: 32px;
    --shell-pad-mobile: 16px;
    --radius-xl: 30px;
    --radius-lg: 20px;
    --radius-md: 19px;
    --gap-xl: 68px;
    --gap-lg: 48px;
    --gap-md: 24px;
    --gap-sm: 16px;
}

    #lasciti * {
        box-sizing: border-box;
    }


    #lasciti .mawp-copy-light p {
        font-size: 19px;
        line-height: 1.55;
        color: #fff;
    }
#lasciti {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: var(--text-dark);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   /* overflow-x: hidden;*/
}

    #lasciti img {
        display: block;
        max-width: 100%;
        border: 0;
    }

    #lasciti a {
        text-decoration: none;
    }

    #lasciti h1, #lasciti h2, #lasciti h3, #lasciti p, #lasciti figure {
        margin: 0;
    }

    #lasciti .mawp-wrap {
        width: 100%;
        background: #ffffff;
        color: var(--text-dark);
        overflow-x: hidden;
    }

    #lasciti .mawp-section {
        width: 100%;
    }

    #lasciti .mawp-shell {
        width: 100%;
        max-width: var(--shell-max);
        margin: 0 auto;
        padding-left: var(--shell-pad-desktop);
        padding-right: var(--shell-pad-desktop);
    }

    #lasciti .mawp-grid-2 {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: var(--gap-lg);
        align-items: center;
    }

    #lasciti .mawp-grid-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--gap-md);
    }

    #lasciti .mawp-h1 {
        font-family: Inter, "Helvetica Neue", Arial, sans-serif;
        font-size: 63.6px;
        line-height: 0.98;
        letter-spacing: -0.04em;
        font-weight: 700;
        color: var(--bg-dark);
    }

    #lasciti .mawp-h2 {
        font-family: Inter, "Helvetica Neue", Arial, sans-serif;
        font-size: 54px;
        line-height: 0.98;
        letter-spacing: -0.04em;
        font-weight: 700;
    }

    #lasciti .mawp-h2-dark {
        color: var(--text-dark);
    }

    #lasciti .mawp-h2-light {
        color: var(--text-light);
    }

    #lasciti .mawp-copy-lg {
        font-size: 20px;
        line-height: 1.45;
    }

    #lasciti .mawp-copy-md {
        font-size: 19px;
        line-height: 1.55;
    }

    #lasciti .mawp-copy-light {
        color: var(--text-light);
    }

    #lasciti .mawp-copy-dark {
        color: #000000;
    }

    #lasciti .mawp-copy-body {
        color: var(--text-body);
    }

    #lasciti .mawp-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 69px;
        padding: 0 34px;
        background: var(--bg-dark);
        color: var(--text-light);
        border-radius: 64px;
        font-size: 19px;
        line-height: 1;
        font-weight: 500;
        text-align: center;
        white-space: nowrap;
    }

    #lasciti .mawp-media-fill {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #lasciti .mawp-card,
    #lasciti .mawp-impact-card,
    #lasciti .mawp-faq-card {
        width: 100%;
    }

    #lasciti .mawp-section-hero {
        background: var(--bg-light);
    }

    #lasciti .mawp-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 592fr) minmax(0, 774fr);
        align-items: stretch;
        min-height: 580px;
    }

    #lasciti .mawp-hero-media {
        min-height: 633px;
        overflow: hidden;
        margin: 0;
    }

    #lasciti .mawp-hero-copy {
        background: var(--bg-light);
        padding: 16px 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 580px;
    }

        #lasciti .mawp-hero-copy p {
            max-width: 520px;
            margin-top: 40px;
            font-size: 19px;
            line-height: 1.21;
            color: #000000;
        }

    #lasciti .mawp-hero-actions {
        margin-top: 37px;
    }

    #lasciti .mawp-section-about {
        background: var(--bg-dark);
        padding: 40px 0 72px;
    }

    #lasciti .mawp-about-grid {
        display: grid;
        grid-template-columns: minmax(0, 597fr) minmax(0, 520fr);
        gap: var(--gap-xl);
        align-items: start;
    }

    #lasciti .mawp-about-copy {
        max-width: 597px;
        padding-left: 48px;
        padding-right: 48px;
    }

    #lasciti .mawp-about-text {
        margin-top: 34px;
        max-width: 100%;
    }

    #lasciti .mawp-about-media {
        width: 100%;
        max-width: 520px;
        min-height: 540px;
        overflow: hidden;
        border-radius: var(--radius-md);
        background: var(--accent-soft);
        margin: 0;
        justify-self: end;
    }

    #lasciti .mawp-section-assets {
        background: var(--bg-light);
        padding: 72px 0 82px;
    }

    #lasciti .mawp-assets-title {
        margin-bottom: 23px;
    }

    #lasciti .mawp-card {
        background: #ffffff;
        border-radius: var(--radius-xl);
        padding: 34px 30px;
        min-height: 406px;
        display: flex;
        flex-direction: column;
    }

    #lasciti .mawp-card-icon {
        height: 98px;
        margin-bottom: 20px;
        display: flex;
        align-items: flex-start;
    }

        #lasciti .mawp-card-icon img {
            width: 233px;
            height: 237px;
            object-fit: contain;
            margin: -77px 0 0 -55px
        }

    #lasciti .mawp-card h3 {
        margin-bottom: 16px;
        font-size: 22px;
        line-height: 1.18;
        font-weight: 700;
        color: #000000;
    }

    #lasciti .mawp-section-how {
        background: var(--bg-dark);
        padding: 82px 0;
    }

    #lasciti .mawp-how-grid {
        display: grid;
        grid-template-columns: minmax(0, 557fr) minmax(0, 640fr);
        gap: var(--gap-lg);
        align-items: start;
    }

    #lasciti .mawp-how-media {
        min-height: 681px;
        overflow: hidden;
        border-radius: var(--radius-xl);
        background: var(--accent-soft);
        margin: 0;
    }

    #lasciti .mawp-how-copy {
        max-width: 640px;
        padding-left: 48px;
        padding-right: 48px;
    }

    #lasciti .mawp-how-items {
        margin-top: 43px;
    }

    #lasciti .mawp-flag-row {
        display: grid;
        grid-template-columns: 59px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }

        #lasciti .mawp-flag-row + .mawp-flag-row {
            margin-top: 40px;
        }

    #lasciti .mawp-flag-box {
        padding-top: 2px;
    }

        #lasciti .mawp-flag-box img {
            width: 59px;
            height: 59px;
            object-fit: contain;
        }

    #lasciti .mawp-how-copy h3 {
        margin: 0 0 14px 0;
        font-size: 22px;
        line-height: 1.18;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--text-light);
    }

    #lasciti .mawp-section-banner {
        background: var(--bg-light) url('https://www.fondazionenigrizia.org/wp-content/uploads/2026/03/Bambina-con-libro.png') center center / cover no-repeat;
        min-height: 567px;
    }

    #lasciti .mawp-section-impact {
        background: var(--bg-dark);
        padding: 78px 0 88px;
    }

    #lasciti .mawp-impact-title {
        margin-bottom: 34px;
        color: var(--text-light);
    }

    #lasciti .mawp-impact-card {
        background: #ffffff;
        border-radius: var(--radius-xl);
        padding: 20px 19px 30px;
        min-height: 604px;
    }

    #lasciti .mawp-impact-image {
        width: 100%;
        aspect-ratio: 352 / 274;
        margin: 0 auto 24px;
        overflow: hidden;
        border-radius: var(--radius-xl);
    }

    #lasciti .mawp-impact-card h3 {
        margin: 0 0 14px 0;
        font-size: 22px;
        line-height: 1.18;
        font-weight: 700;
        text-transform: uppercase;
        color: #000000;
    }

    #lasciti .mawp-section-faq {
        background: var(--bg-light);
        padding: 78px 0 88px;
    }

    #lasciti .mawp-faq-title {
        margin-bottom: 34px;
    }

    #lasciti .mawp-faq-list {
        display: grid;
        gap: 16px;
    }

    #lasciti .mawp-faq-card {
        padding: 24px 26px;
        border-radius: var(--radius-lg);
        background: var(--bg-light-card);
    }

    #lasciti .mawp-faq-q {
        font-size: 19px;
        line-height: 1.45;
        font-weight: 700;
        margin-bottom: 4px;
        color: #000000;
    }

    #lasciti .mawp-faq-a {
        font-size: 19px;
        line-height: 1.45;
        color: var(--text-body);
    }

    #lasciti .mawp-section-quote {
        background: var(--bg-light);
        padding: 0;
    }

    #lasciti .mawp-quote-box {
        position: relative;
        min-height: 330px;
        overflow: hidden;
    }

    #lasciti .mawp-quote-bg {
        position: absolute;
        inset: 0;
    }

        #lasciti .mawp-quote-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    #lasciti .mawp-quote-copy {
        position: relative;
        z-index: 1;
        min-height: 330px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }

        #lasciti .mawp-quote-copy p {
            max-width: 18ch;
            /*margin-left: auto;*/
            text-align: right;
            font-size: 27px;
            line-height: 1.21;
            font-style: italic;
            color: var(--bg-dark);
        }

    #lasciti .mawp-section-contact {
        background: var(--bg-light);
        padding: 82px 0;
    }

    #lasciti .mawp-contact-box {
        max-width: 792px;
        padding-left: 48px;
        padding-right: 48px;
    }

        #lasciti .mawp-contact-box h2 {
            font-weight: 400;
        }

        #lasciti .mawp-contact-box strong {
            font-weight: 800;
        }

    #lasciti .mawp-contact-placeholder {
        width: 100%;
        margin-top: 28px;
        min-height: 166px;
        padding: 38px 18px;
        background: var(--bg-dark);
        font-size: 61px;
        line-height: 1;
        color: var(--text-light);
    }

@media (max-width: 1279px) {
    #lasciti .mawp-shell {
        padding-left: var(--shell-pad-tablet);
        padding-right: var(--shell-pad-tablet);
    }

    #lasciti .mawp-h1 {
        font-size: clamp(46px, 5.2vw, 63.6px);
    }

    #lasciti .mawp-h2 {
        font-size: clamp(36px, 4.4vw, 54px);
    }

    #lasciti .mawp-copy-lg {
        font-size: clamp(17px, 1.75vw, 20px);
    }

    #lasciti .mawp-copy-md {
        font-size: clamp(17px, 1.65vw, 19px);
    }

    #lasciti .mawp-hero-grid {
        grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
    }

    #lasciti .mawp-hero-media,
    #lasciti .mawp-hero-copy {
        min-height: 540px;
    }

    #lasciti .mawp-hero-copy {
        padding: 48px 48px;
    }

    #lasciti .mawp-about-grid,
    #lasciti .mawp-how-grid {
        gap: 40px;
    }

    #lasciti .mawp-about-copy,
    #lasciti .mawp-how-copy,
    #lasciti .mawp-contact-box {
        padding-left: 0;
        padding-right: 0;
    }

    #lasciti .mawp-about-media {
        max-width: 100%;
        min-height: 460px;
    }

    #lasciti .mawp-how-media {
        min-height: 560px;
    }

    #lasciti .mawp-grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    #lasciti .mawp-card,
    #lasciti .mawp-impact-card {
        min-height: unset;
    }

    #lasciti .mawp-contact-placeholder {
        font-size: clamp(36px, 4vw, 61px);
    }
}

@media (max-width: 767px) {
    #lasciti .mawp-shell {
        padding-left: var(--shell-pad-mobile);
        padding-right: var(--shell-pad-mobile);
    }

    #lasciti .mawp-grid-2,
    #lasciti .mawp-grid-3,
    #lasciti .mawp-hero-grid,
    #lasciti .mawp-about-grid,
    #lasciti .mawp-how-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    #lasciti .mawp-section-hero {
        padding-top: 0;
    }

    #lasciti .mawp-hero-grid {
        min-height: 0;
    }

    #lasciti .mawp-hero-media {
        min-height: 0;
        aspect-ratio: 16 / 12;
    }

    #lasciti .mawp-hero-copy {
        min-height: 0;
        padding: 20px 20px 32px 20px;
    }

    #lasciti .mawp-h1 {
        font-size: 48px;
        line-height: 0.95;
    }

    #lasciti .mawp-hero-copy p {
        max-width: 100%;
        margin-top: 24px;
        font-size: 17px;
        line-height: 1.4;
    }

    #lasciti .mawp-btn {
        width: 100%;
        max-width: 320px;
        min-height: 54px;
        font-size: 14px;
        padding: 0 18px;
        white-space: normal;
    }

    #lasciti .mawp-section-about {
        padding: 32px 0 40px;
    }

    #lasciti .mawp-about-copy {
        max-width: 100%;
    }

    #lasciti .mawp-about-text {
        margin-top: 20px;
    }

    #lasciti .mawp-about-media {
        order: -1;
        max-width: 100%;
        min-height: 0;
        aspect-ratio: 4 / 4.15;
        justify-self: stretch;
        border-radius: 16px;
    }

    #lasciti .mawp-section-assets {
        padding: 32px 0 40px;
    }

    #lasciti .mawp-assets-title,
    #lasciti .mawp-faq-title,
    #lasciti .mawp-impact-title {
        margin-bottom: 24px;
    }

    #lasciti .mawp-card {
        min-height: 0;
        padding: 24px;
    }

    #lasciti .mawp-card-icon {
        height: 72px;
        margin-bottom: 12px;
    }

        #lasciti .mawp-card-icon img {
            /*width: 52px;
        height: 56px;*/
            width: 174px;
            height: 186px;
            margin: -60px 0 0 -50px
        }

    #lasciti .mawp-card h3,
    #lasciti .mawp-impact-card h3,
    #lasciti .mawp-how-copy h3 {
        font-size: 20px;
        line-height: 1.2;
    }

    #lasciti .mawp-section-how {
        padding: 32px 0 40px;
    }

    #lasciti .mawp-how-media {
        order: -1;
        min-height: 0;
        aspect-ratio: 4 / 4.8;
    }

    #lasciti .mawp-how-items {
        margin-top: 24px;
    }

    #lasciti .mawp-flag-row {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
    }

        #lasciti .mawp-flag-row + .mawp-flag-row {
            margin-top: 24px;
        }

    #lasciti .mawp-flag-box img {
        width: 40px;
        height: 40px;
    }

    #lasciti .mawp-section-banner {
        min-height: 340px;
        background-position: center center;
    }

    #lasciti .mawp-section-impact {
        padding: 32px 0 40px;
    }

    #lasciti .mawp-impact-image {
        margin-bottom: 18px;
    }

    #lasciti .mawp-impact-card {
        padding: 18px;
    }

    #lasciti .mawp-section-faq {
        padding: 32px 0 40px;
    }

    #lasciti .mawp-faq-card {
        padding: 20px 18px;
    }

    #lasciti .mawp-faq-q,
    #lasciti .mawp-faq-a,
    #lasciti .mawp-copy-lg,
    #lasciti .mawp-copy-md {
        font-size: 17px;
        line-height: 1.45;
    }

    #lasciti .mawp-quote-box,
    #lasciti .mawp-quote-copy {
        min-height: 230px;
    }

    #lasciti .mawp-quote-copy {
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        #lasciti .mawp-quote-copy p {
            max-width: 11ch;
            font-size: 18px;
            line-height: 1.2;
        }

    #lasciti .mawp-section-contact {
        padding: 40px 0;
    }

    #lasciti .mawp-contact-placeholder {
        min-height: 120px;
        font-size: 32px;
        padding: 28px 16px;
    }
}
/* Hero height solo su schermi grandi */
@media (min-width: 768px) {
    #lasciti .mawp-hero-media-fixed {
        height: 580px;
        min-height: 580px;
    }
}