/*
 * Babajaga V2 - Selected Works.
 * Sequenza editoriale di fogli sovrapposti con media sempre integrali.
 */

html {
    scrollbar-gutter: stable;
}

body.pagina-home-v2 {
    overflow-x: clip;
    background: var(--colore-carta-luminosa);
}

body.pagina-home-v2 #main-container {
    overflow-x: clip;
    overflow-y: visible;
}

body.pagina-home-v2 main#main {
    display: block;
    padding: 0;
}

body.pagina-home-v2 .featured-work {
    /* Palette e ruoli privati della Gallery. */
    --colore-inchiostro-progetti: var(--colore-nero-profondo);
    --colore-linea-progetti: var(--colore-linea-su-carta);
    --colore-testo-secondario-progetti: rgb(5 5 7 / 68%);
    --colore-progress-inattivo: rgb(255 255 255 / 28%);
    --colore-progress-attivo: var(--colore-carta-fredda);
    --scala-glyph-progetti: 90%;
    --scala-glyph-atto-1: 94%;
    --scala-glyph-atto-2: 90%;
    --scala-glyph-atto-3: 92%;
    --scala-glyph-atto-4: 92%;
    --raggio-media-progetti: 2px;
    --colore-superficie-foglio-acqua: var(--colore-ghiaccio-minerale);
    --colore-superficie-foglio-lilla: var(--colore-citrino-latteo);
    --colore-superficie-foglio-rosa: var(--colore-argilla-rosa);
    --colore-superficie-foglio-grafite: var(--colore-lavanda-fumo);
    --colore-copy-foglio-progetto: var(--colore-testo-secondario-progetti);
    --colore-copy-foglio-progetto: color-mix(
        in srgb,
        var(--colore-inchiostro-progetti) 68%,
        transparent
    );
    --colore-linea-foglio-progetto: var(--colore-linea-progetti);
    --colore-linea-foglio-progetto: color-mix(
        in srgb,
        var(--colore-inchiostro-progetti) 14%,
        transparent
    );
    --colore-trama-griglia-progetti: transparent;

    /* Chiusura Selected Works / archivio. */
    --colore-superficie-cta-archivio: var(--colore-nero-profondo);
    --colore-testo-cta-archivio: var(--colore-carta-fredda);
    --colore-accento-cta-archivio: var(--colore-magenta-segnale);
    --colore-testo-cta-archivio-attivo: var(--colore-nero-profondo);

    /* Tipografia, ritmo e geometria dei quattro atti. */
    --misura-copy-progetto: 34ch;
    --dimensione-glyph-progetto: clamp(3.5rem, 16vw, 4.5rem);
    --dimensione-glyph-progetto-mobile: clamp(2.5rem, 13vw, 3.5rem);
    --distanza-glyph-copy-progetto: var(--spazio-4);
    --dimensione-titolo-progetto: var(--dimensione-titolo-capitolo);
    --dimensione-titolo-progetto-viewport-basso: var(
        --dimensione-titolo-capitolo-viewport-basso
    );
    --allungamento-titolo-progetto: 92%;
    --asse-larghezza-titolo-progetto: 92;
    --peso-titolo-progetto: 640;
    --interlinea-titolo-progetto: 0.9;
    --tracciamento-titolo-progetto: var(--tracciamento-editoriale);
    --misura-titolo-progetto: 13ch;
    --allungamento-meta-progetto: 92%;
    --asse-larghezza-meta-progetto: 92;
    --peso-meta-progetto: 650;
    --interlinea-meta-progetto: 1.2;
    --tracciamento-meta-progetto: 0.035em;
    --interlinea-copy-progetto: 1.45;
    --rapporto-atto-1-controller: 4 / 5;
    --rapporto-atto-1-secondaria: 4 / 3;
    --rapporto-atto-2-controller: 4 / 5;
    --rapporto-atto-2-secondaria: 16 / 9;
    --rapporto-atto-3-controller: 2 / 3;
    --rapporto-atto-3-secondaria: 16 / 9;
    --rapporto-atto-4-controller: 16 / 9;
    --rapporto-atto-4-secondaria: 2 / 3;
    --ritmo-foglio-progetto: clamp(4rem, 9vh, 6rem);
    --ritmo-foglio-progetto: clamp(4rem, 9svh, 6rem);
    --rapporto-sovrapposizione-foglio-progetto: 0.3333;
    --sovrapposizione-foglio-progetto: calc(
        var(--ritmo-foglio-progetto) * var(--rapporto-sovrapposizione-foglio-progetto)
    );
    --estensione-fondo-foglio-progetto: 100vh;
    --estensione-fondo-foglio-progetto: 100svh;
    --respiro-foglio-progetto: var(--ritmo-foglio-progetto);
    --spazio-intro-media-progetto: var(--ritmo-foglio-progetto);
    --spazio-media-cta-progetto: var(--ritmo-foglio-progetto);
    --spazio-coda-foglio-progetto: var(--ritmo-foglio-progetto);
    --spazio-media-mobile-progetto: clamp(2.5rem, 10vw, 4rem);
    --spazio-media-mobile-progetto-attivo: var(--spazio-media-mobile-progetto);
    --rapporto-slide-carosello-mobile: 4 / 3;
    --rapporto-slide-carosello-mobile-verticale: 4 / 5;
    --scoperta-carosello-progetto: clamp(3.25rem, 15vw, 5rem);
    --scoperta-carosello-progetto-verticale: clamp(1.75rem, 8vw, 3rem);
    --dimensione-link-progetto: clamp(1.65rem, 1.15rem + 2.35vw, 4.25rem);
    --dimensione-asterisco-link-progetto: clamp(2.25rem, 1.55rem + 3vw, 4.75rem);
    --allungamento-link-progetto: var(--allungamento-editoriale);
    --asse-larghezza-link-progetto: var(--asse-larghezza-editoriale);
    --peso-link-progetto: var(--peso-editoriale-forte);
    --interlinea-link-progetto: 1;
    --tracciamento-link-progetto: -0.02em;
    --altezza-link-progetto: clamp(7.5rem, 12vw, 10rem);
    --dimensione-icona-link-progetto: clamp(1.75rem, 1.35rem + 1.8vw, 3.5rem);
    --spazio-interno-link-progetto: var(--spazio-4);
    --spessore-bordo-link-progetto: calc(var(--spessore-linea) * 2);
    --offset-ombra-link-progetto: var(--spazio-2);
    --offset-pressione-link-progetto: var(--spazio-1);
    --rotazione-asterisco-link-progetto: -7deg;
    --rotazione-asterisco-link-progetto-attiva: 0deg;
    --interlinea-asterisco-link-progetto: 0.68;
    --correzione-asterisco-link-progetto-y: 0.08em;
    --spazio-sicurezza-link-progetto: max(
        var(--spazio-4),
        calc(
            var(--profondita-cucitura-progetto) +
            var(--sovrapposizione-foglio-progetto) -
            var(--spazio-coda-foglio-progetto) +
            var(--spazio-5)
        )
    );
    --suddivisioni-media-progetto-tablet: 12;
    --suddivisioni-media-progetto-desktop: 24;
    --griglia-tablet-controller: 6 / -1;
    --griglia-tablet-secondaria: 1 / span 4;
    --griglia-tablet-controller-inversa: 1 / span 7;
    --griglia-tablet-secondaria-inversa: 9 / -1;

    /* CTA finale della Gallery. */
    --dimensione-cta-archivio: clamp(2.35rem, 9vw, 5.75rem);
    --allungamento-cta-archivio: var(--allungamento-editoriale);
    --asse-larghezza-cta-archivio: var(--asse-larghezza-editoriale);
    --peso-cta-archivio: var(--peso-editoriale-forte);
    --interlinea-cta-archivio: var(--interlinea-titolo);
    --tracciamento-cta-archivio: var(--tracciamento-editoriale);
    --altezza-cta-archivio: clamp(18rem, 52vh, 32rem);
    --altezza-cta-archivio: clamp(18rem, 52svh, 32rem);
    --spazio-interno-cta-archivio: var(--ritmo-foglio-progetto);
    --misura-testo-cta-archivio: 11ch;
    --dimensione-icona-cta-archivio: clamp(3.25rem, 8vw, 5.75rem);
    --spessore-tratto-cta-progetti: 1.5;
    --motion-superficie-cta-archivio-clip-riposo: polygon(
        0% 88%,
        34% 91%,
        68% 86%,
        100% 89%,
        100% 100%,
        68% 100%,
        34% 100%,
        0% 100%
    );
    --motion-superficie-cta-archivio-clip-attivo: polygon(
        0% 0%,
        34% 3%,
        68% 0%,
        100% 2%,
        100% 100%,
        68% 100%,
        34% 100%,
        0% 100%
    );

    /* Passaggio di superficie: stessa direzione, cuciture diverse per capitolo. */
    --profondita-cucitura-progetto: clamp(4.5rem, 14vh, 8.5rem);
    --profondita-cucitura-progetto: clamp(4.5rem, 14svh, 8.5rem);
    --motion-cucitura-atto-1-clip: polygon(
        0% 30%, 16% 13%, 35% 24%, 56% 4%, 77% 20%, 100% 10%,
        100% 100%, 0% 100%
    );
    --motion-cucitura-atto-2-clip: polygon(
        0% 18%, 22% 4%, 45% 22%, 68% 8%, 84% 26%, 100% 12%,
        100% 100%, 0% 100%
    );
    --motion-cucitura-atto-3-clip: polygon(
        0% 10%, 17% 24%, 38% 7%, 62% 20%, 81% 3%, 100% 17%,
        100% 100%, 0% 100%
    );
    --motion-cucitura-atto-4-clip: polygon(
        0% 24%, 25% 8%, 48% 26%, 72% 6%, 88% 18%, 100% 2%,
        100% 100%, 0% 100%
    );
    --motion-passaggio-progetto-start: top 88%;
    --motion-cucitura-progetto-y-iniziale: 28;
    --motion-cucitura-progetto-scala-y-iniziale: 0.72;
    --motion-cucitura-progetto-durata: 0.62;
    --motion-linea-progetto-scala-iniziale: 0.08;
    --motion-linea-progetto-durata: 0.42;
    --motion-gruppo-titolo-progetto-y: 24;
    --motion-gruppo-titolo-progetto-x: 0;
    --motion-gruppo-titolo-progetto-durata: 0.56;
    --motion-gruppo-titolo-progetto-fase: 0.1;
    --motion-supporto-progetto-y: 18;
    --motion-supporto-progetto-x: 0;
    --motion-supporto-progetto-durata: 0.44;
    --motion-supporto-progetto-fase: 0.24;
    --motion-curva-contenuto-progetto: expo.out;
    --motion-foglio-progetto-crossfade-scrub: 0.58;
    --motion-foglio-progetto-traslazione-scrub: 0.78;
    --motion-media-progetto-start: top center;
    --motion-media-progetto-end: bottom center;
    --motion-crossfade-progetto-start: top center-=25%;
    --motion-crossfade-progetto-end: bottom center+=25%;
    --progresso-crossfade-riposo: 0.18;
    --motion-glyph-hover-sollevamento: -0.3rem;
    --motion-glyph-hover-rotazione: 8deg;
    --motion-glyph-hover-rotazione-inversa: -8deg;
    --motion-glyph-image-scala-hover: 1.055;
    --motion-glyph-image-rotazione-hover: -3deg;
    --motion-glyph-image-rotazione-hover-inversa: 3deg;
    --motion-cta-progetti-x: 0.3rem;
    --motion-cta-progetti-y: -0.3rem;
    --motion-cta-progetti-rotazione: 4deg;

    padding-block-end: 0;
}

body.pagina-home-v2 .project-crossfades {
    position: relative;
    z-index: 1;
    isolation: isolate;
    inline-size: 100%;
}

body.pagina-home-v2 .project-section {
    --rapporto-controller: 4 / 5;
    --rapporto-secondaria: 4 / 3;
    --rapporto-slide-carosello-progetto: var(--rapporto-slide-carosello-mobile);
    --scoperta-carosello-progetto-attiva: var(--scoperta-carosello-progetto);
    --colore-glyph-progetto: var(--colore-accento-profondo);
    --colore-superficie-progetto: var(--colore-carta-luminosa);
    --livello-foglio-progetto: 1;
    --motion-cucitura-progetto-clip: var(--motion-cucitura-atto-1-clip);
    --scala-glyph-progetto-attiva: var(--scala-glyph-progetti);
    --riduzione-titolo-progetto: 0rem;
    --riduzione-glyph-progetto: 0rem;
    --riduzione-glyph-progetto-mobile: 0rem;
    --colore-focus: var(--colore-inchiostro-progetti);

    position: relative;
    z-index: var(--livello-foglio-progetto);
    min-block-size: 100vh;
    min-block-size: 100svh;
    margin-block-start: calc(var(--sovrapposizione-foglio-progetto) * -1);
    color: var(--colore-inchiostro-progetti);
    pointer-events: none;
}

body.pagina-home-v2 .project-section:first-child {
    margin-block-start: 0;
}

/*
 * La coda del foglio precedente resta sotto al reveal successivo: nessun vuoto
 * di pagina interrompe l'illusione di copertura, senza cambiare il flusso dei media.
 */
body.pagina-home-v2 .project-section::after {
    position: absolute;
    z-index: -1;
    inset-block-start: 100%;
    inset-inline: 0;
    block-size: var(--estensione-fondo-foglio-progetto);
    background-color: var(--colore-superficie-progetto);
}

body.pagina-home-v2 .project-section::after,
body.pagina-home-v2 .project-section__sheet::before {
    background-image: repeating-linear-gradient(
        90deg,
        transparent 0,
        transparent calc(var(--passo-griglia) - var(--spessore-linea)),
        var(--colore-trama-griglia-progetti)
            calc(var(--passo-griglia) - var(--spessore-linea)),
        var(--colore-trama-griglia-progetti) var(--passo-griglia)
    );
    background-position: center top;
    background-repeat: no-repeat;
    background-size: var(--larghezza-contenuto) 100%;
    content: "";
    pointer-events: none;
}

body.pagina-home-v2 .project-section--atto-1 {
    --misura-titolo-progetto: 9.75ch;
    --riduzione-glyph-progetto: 0.2rem;
    --riduzione-glyph-progetto-mobile: 0.1rem;
    --respiro-foglio-progetto: calc(var(--ritmo-foglio-progetto) - var(--spazio-2));
    --spazio-intro-media-progetto: calc(var(--ritmo-foglio-progetto) - var(--spazio-3));
    --spazio-media-mobile-progetto-attivo: calc(
        var(--spazio-media-mobile-progetto) - var(--spazio-2)
    );
    --spazio-media-cta-progetto: calc(var(--ritmo-foglio-progetto) - var(--spazio-2));
    --spazio-coda-foglio-progetto: calc(var(--ritmo-foglio-progetto) - var(--spazio-2));
    --rapporto-controller: var(--rapporto-atto-1-controller);
    --rapporto-secondaria: var(--rapporto-atto-1-secondaria);
    --colore-glyph-progetto: var(--colore-impulso-magenta);
    --colore-superficie-progetto: var(--colore-superficie-foglio-acqua);
    --livello-foglio-progetto: 1;
    --scala-glyph-progetto-attiva: var(--scala-glyph-atto-1);
    --motion-gruppo-titolo-progetto-x: -22;
    --motion-supporto-progetto-x: -10;
}

body.pagina-home-v2 .project-section--atto-2 {
    --misura-titolo-progetto: 11.75ch;
    --riduzione-titolo-progetto: 0.5rem;
    --riduzione-glyph-progetto: 0.85rem;
    --riduzione-glyph-progetto-mobile: 0.45rem;
    --respiro-foglio-progetto: calc(var(--ritmo-foglio-progetto) - var(--spazio-4));
    --spazio-intro-media-progetto: calc(var(--ritmo-foglio-progetto) - var(--spazio-5));
    --spazio-media-mobile-progetto-attivo: calc(
        var(--spazio-media-mobile-progetto) - var(--spazio-3)
    );
    --spazio-media-cta-progetto: calc(var(--ritmo-foglio-progetto) - var(--spazio-4));
    --spazio-coda-foglio-progetto: calc(var(--ritmo-foglio-progetto) - var(--spazio-3));
    --rapporto-controller: var(--rapporto-atto-2-controller);
    --rapporto-secondaria: var(--rapporto-atto-2-secondaria);
    --colore-glyph-progetto: var(--colore-impulso-viola);
    --colore-superficie-progetto: var(--colore-superficie-foglio-lilla);
    --livello-foglio-progetto: 2;
    --scala-glyph-progetto-attiva: var(--scala-glyph-atto-2);
    --motion-cucitura-progetto-clip: var(--motion-cucitura-atto-2-clip);
    --motion-gruppo-titolo-progetto-y: 16;
    --motion-supporto-progetto-y: 12;
    --motion-gruppo-titolo-progetto-fase: 0.08;
    --motion-supporto-progetto-fase: 0.19;
}

body.pagina-home-v2 .project-section--atto-3 {
    --misura-titolo-progetto: 8.75ch;
    --riduzione-titolo-progetto: 0.25rem;
    --riduzione-glyph-progetto: 0.65rem;
    --riduzione-glyph-progetto-mobile: 0.3rem;
    --respiro-foglio-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-2));
    --spazio-intro-media-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-3));
    --spazio-media-mobile-progetto-attivo: calc(
        var(--spazio-media-mobile-progetto) + var(--spazio-1)
    );
    --spazio-media-cta-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-2));
    --spazio-coda-foglio-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-3));
    --rapporto-controller: var(--rapporto-atto-3-controller);
    --rapporto-secondaria: var(--rapporto-atto-3-secondaria);
    --colore-glyph-progetto: var(--colore-impulso-blu);
    --colore-superficie-progetto: var(--colore-superficie-foglio-rosa);
    --livello-foglio-progetto: 3;
    --scala-glyph-progetto-attiva: var(--scala-glyph-atto-3);
    --motion-cucitura-progetto-clip: var(--motion-cucitura-atto-3-clip);
    --motion-gruppo-titolo-progetto-x: 18;
    --motion-supporto-progetto-x: 9;
    --motion-gruppo-titolo-progetto-durata: 0.62;
    --motion-supporto-progetto-durata: 0.5;
}

body.pagina-home-v2 .project-section--atto-4 {
    --misura-titolo-progetto: 11.25ch;
    --respiro-foglio-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-4));
    --spazio-intro-media-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-5));
    --spazio-media-mobile-progetto-attivo: calc(
        var(--spazio-media-mobile-progetto) + var(--spazio-2)
    );
    --spazio-media-cta-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-4));
    --spazio-coda-foglio-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-5));
    --rapporto-controller: var(--rapporto-atto-4-controller);
    --rapporto-secondaria: var(--rapporto-atto-4-secondaria);
    --rapporto-slide-carosello-progetto: var(--rapporto-slide-carosello-mobile-verticale);
    --scoperta-carosello-progetto-attiva: var(--scoperta-carosello-progetto-verticale);
    --colore-glyph-progetto: var(--colore-accento-profondo);
    --colore-superficie-progetto: var(--colore-superficie-foglio-grafite);
    --livello-foglio-progetto: 4;
    --scala-glyph-progetto-attiva: var(--scala-glyph-atto-4);
    --motion-cucitura-progetto-clip: var(--motion-cucitura-atto-4-clip);
    --motion-gruppo-titolo-progetto-y: -26;
    --motion-supporto-progetto-y: 24;
    --motion-gruppo-titolo-progetto-durata: 0.68;
    --motion-supporto-progetto-durata: 0.56;
    --motion-gruppo-titolo-progetto-fase: 0.06;
    --motion-supporto-progetto-fase: 0.28;
}

body.pagina-home-v2 .project-section__seam {
    position: absolute;
    z-index: 2;
    inset-block-start: 0;
    inset-inline: 0;
    display: block;
    block-size: var(--profondita-cucitura-progetto);
    background: var(--colore-superficie-progetto);
    clip-path: var(--motion-cucitura-progetto-clip);
    pointer-events: none;
    transform: translate3d(0, -100%, 0);
    transform-origin: center bottom;
}

body.pagina-home-v2 .project-section.is-reveal-active .project-section__seam,
body.pagina-home-v2 .project-section.is-reveal-active .project-section__chapter-line,
body.pagina-home-v2 .project-section.is-reveal-active .project-section__meta,
body.pagina-home-v2 .project-section.is-reveal-active .project-section__title > span,
body.pagina-home-v2 .project-section.is-reveal-active .project-section__support {
    will-change: transform, opacity, clip-path;
}

body.pagina-home-v2 .project-section__sheet {
    position: relative;
    min-block-size: 100vh;
    min-block-size: 100svh;
    padding-block:
        var(--respiro-foglio-progetto)
        var(--spazio-coda-foglio-progetto);
    overflow: clip;
    background: var(--colore-superficie-progetto);
    color: var(--colore-inchiostro-progetti);
    contain: paint;
    isolation: isolate;
    pointer-events: auto;
}

body.pagina-home-v2 .project-section__sheet::before {
    position: absolute;
    z-index: -1;
    inset: 0;
}

body.pagina-home-v2 .project-section__intro {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--colonne-griglia), minmax(0, 1fr));
    align-items: start;
    padding-block-start: var(--spazio-3);
}

body.pagina-home-v2 .project-section__chapter-line {
    grid-column: 1 / -1;
    display: block;
    block-size: var(--spessore-linea);
    margin-block-end: var(--spazio-3);
    background: var(--colore-linea-foglio-progetto);
}

body.pagina-home-v2 .project-section__meta {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--spazio-4);
    margin: 0;
    color: var(--colore-copy-foglio-progetto);
    font-size: var(--testo-minimo);
    font-stretch: var(--allungamento-meta-progetto);
    font-variation-settings:
        "wdth" var(--asse-larghezza-meta-progetto),
        "wght" var(--peso-meta-progetto);
    font-weight: var(--peso-meta-progetto);
    line-height: var(--interlinea-meta-progetto);
    letter-spacing: var(--tracciamento-meta-progetto);
    text-transform: none;
}

body.pagina-home-v2 .project-section__project-link {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(var(--colonne-griglia), minmax(0, 1fr));
    min-inline-size: 0;
    color: inherit;
    text-decoration: none;
}

body.pagina-home-v2 .project-section__project-link:focus-visible,
body.pagina-home-v2 .project-section__media-link:focus-visible,
body.pagina-home-v2 .project-wall__cta:focus-visible {
    outline: 2px solid var(--colore-focus);
    outline-offset: var(--spazio-2);
}

body.pagina-home-v2 .project-section__title {
    grid-column: 1 / -1;
    min-inline-size: 0;
    margin: var(--spazio-4) 0 0;
    overflow-wrap: break-word;
    color: var(--colore-inchiostro-progetti);
    font-family: var(--famiglia-display);
    font-size: calc(
        var(--dimensione-titolo-progetto) - var(--riduzione-titolo-progetto)
    );
    font-stretch: var(--allungamento-titolo-progetto);
    font-variation-settings:
        "wdth" var(--asse-larghezza-titolo-progetto),
        "wght" var(--peso-titolo-progetto);
    font-weight: var(--peso-titolo-progetto);
    line-height: var(--interlinea-titolo-progetto);
    letter-spacing: var(--tracciamento-titolo-progetto);
    text-wrap: balance;
    text-transform: uppercase;
}

body.pagina-home-v2 .project-section__title > span {
    display: inline-block;
    max-inline-size: min(100%, var(--misura-titolo-progetto));
    overflow-wrap: break-word;
    word-break: normal;
}

body.pagina-home-v2 .project-section__support {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns:
        calc(var(--dimensione-glyph-progetto) - var(--riduzione-glyph-progetto))
        minmax(0, 1fr);
    align-items: start;
    gap: var(--distanza-glyph-copy-progetto);
    min-inline-size: 0;
    margin-block-start: var(--spazio-4);
}

body.pagina-home-v2 .project-section__description {
    display: block;
    inline-size: min(100%, var(--misura-copy-progetto));
    color: var(--colore-copy-foglio-progetto);
    font-size: var(--testo-piccolo);
    line-height: var(--interlinea-copy-progetto);
    overflow-wrap: break-word;
    text-wrap: pretty;
}

body.pagina-home-v2 .project-section__glyph {
    position: relative;
    display: grid;
    place-items: center;
    inline-size: calc(
        var(--dimensione-glyph-progetto) - var(--riduzione-glyph-progetto)
    );
    aspect-ratio: 1;
    color: var(--colore-glyph-progetto);
    transition: transform var(--durata-base) var(--curva-uscita);
}

body.pagina-home-v2 .project-section__glyph-image {
    position: relative;
    z-index: 1;
    display: block;
    inline-size: var(--scala-glyph-progetto-attiva);
    block-size: var(--scala-glyph-progetto-attiva);
    object-fit: contain;
    transform: translateZ(0);
    transform-origin: center;
    transition: transform var(--durata-base) var(--curva-uscita);
}

body.pagina-home-v2 .project-section__project-link:hover .project-section__glyph,
body.pagina-home-v2 .project-section__project-link:focus-visible .project-section__glyph {
    transform:
        translate3d(0, var(--motion-glyph-hover-sollevamento), 0)
        rotate(var(--motion-glyph-hover-rotazione));
}

body.pagina-home-v2 .project-section--reversed .project-section__project-link:hover .project-section__glyph,
body.pagina-home-v2 .project-section--reversed .project-section__project-link:focus-visible .project-section__glyph {
    transform:
        translate3d(0, var(--motion-glyph-hover-sollevamento), 0)
        rotate(var(--motion-glyph-hover-rotazione-inversa));
}

body.pagina-home-v2 .project-section__project-link:hover .project-section__glyph-image,
body.pagina-home-v2 .project-section__project-link:focus-visible .project-section__glyph-image {
    transform:
        translateZ(0)
        scale(var(--motion-glyph-image-scala-hover))
        rotate(var(--motion-glyph-image-rotazione-hover));
}

body.pagina-home-v2 .project-section--reversed .project-section__project-link:hover
    .project-section__glyph-image,
body.pagina-home-v2 .project-section--reversed .project-section__project-link:focus-visible
    .project-section__glyph-image {
    transform:
        translateZ(0)
        scale(var(--motion-glyph-image-scala-hover))
        rotate(var(--motion-glyph-image-rotazione-hover-inversa));
}

body.pagina-home-v2 .featured-work .image-box {
    display: flex;
    flex-direction: column;
    gap: var(--spazio-media-mobile-progetto-attivo);
    margin-block: var(--spazio-intro-media-progetto) var(--spazio-media-cta-progetto);
}

body.pagina-home-v2 .featured-work .controller,
body.pagina-home-v2 .featured-work .project-media-secondary,
body.pagina-home-v2 .featured-work .swapper {
    min-inline-size: 0;
    min-block-size: 0;
    border-radius: var(--raggio-media-progetti);
    background: transparent;
}

body.pagina-home-v2 .featured-work .controller {
    order: 1;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: var(--rapporto-controller);
    overflow: hidden;
}

body.pagina-home-v2 .featured-work .project-media-secondary {
    order: 2;
    display: grid;
    grid-template-rows: auto auto;
    inline-size: 100%;
}

body.pagina-home-v2 .featured-work .swapper {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-start;
    gap: var(--spazio-4);
    overflow-x: auto;
    padding-inline-end: var(--scoperta-carosello-progetto-attiva);
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scrollbar-color: transparent transparent;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

body.pagina-home-v2 .featured-work .swapper::-webkit-scrollbar {
    display: none;
}

body.pagina-home-v2 .featured-work .swapper--single {
    padding-inline-end: 0;
}

body.pagina-home-v2 .featured-work .swapper > img,
body.pagina-home-v2 .featured-work .controller > img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    min-block-size: 0;
    border-radius: var(--raggio-media-progetti);
    background: transparent;
    object-fit: contain;
    object-position: center top;
}

body.pagina-home-v2 .featured-work .swapper > img {
    position: relative;
    flex: 0 0 calc(100% - var(--scoperta-carosello-progetto-attiva));
    inline-size: calc(100% - var(--scoperta-carosello-progetto-attiva));
    block-size: auto;
    max-block-size: none;
    aspect-ratio: var(--rapporto-slide-carosello-progetto);
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

body.pagina-home-v2 .featured-work .swapper--single > img {
    flex-basis: 100%;
    inline-size: 100%;
}

body.pagina-home-v2 .featured-work .progress {
    display: none;
}

body.pagina-home-v2 .project-carousel__controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spazio-3);
    margin-block-start: var(--spazio-2);
}

body.pagina-home-v2 .project-carousel__controls[hidden] {
    display: none;
}

body.pagina-home-v2 .project-carousel__controls button {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--spazio-2);
    min-block-size: var(--altezza-target-interattivo);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--colore-inchiostro-progetti);
    cursor: pointer;
}

body.pagina-home-v2 .project-carousel__linea {
    display: block;
    inline-size: 100%;
    block-size: var(--spessore-linea);
    background: var(--colore-linea-foglio-progetto);
    transition:
        block-size var(--durata-rapida) linear,
        background-color var(--durata-rapida) linear;
}

body.pagina-home-v2 .project-carousel__controls button[aria-current="true"] .project-carousel__linea {
    block-size: calc(var(--spessore-linea) * 2);
    background: currentColor;
}

body.pagina-home-v2 .project-carousel__numero {
    color: var(--colore-copy-foglio-progetto);
    font-family: var(--famiglia-corpo);
    font-size: var(--testo-piccolo);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

body.pagina-home-v2 .project-carousel__controls button[aria-current="true"] .project-carousel__numero {
    color: var(--colore-inchiostro-progetti);
}

body.pagina-home-v2 .project-carousel__controls button:focus-visible {
    outline-offset: calc(var(--spazio-1) * -1);
}

body.pagina-home-v2 .project-section__closing {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(var(--colonne-griglia), minmax(0, 1fr));
    align-items: end;
    min-block-size: var(--altezza-link-progetto);
    padding-block-end: var(--spazio-sicurezza-link-progetto);
}

body.pagina-home-v2 .project-section__media-link {
    position: relative;
    isolation: isolate;
    grid-column: 1 / -1;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: var(--spazio-3);
    inline-size: fit-content;
    max-inline-size: 100%;
    min-block-size: var(--altezza-target-interattivo);
    padding: var(--spazio-interno-link-progetto) var(--spazio-5);
    border: var(--spessore-bordo-link-progetto) solid currentColor;
    background: var(--colore-carta-luminosa);
    box-shadow:
        var(--offset-ombra-link-progetto)
        var(--offset-ombra-link-progetto)
        0
        var(--colore-glyph-progetto);
    color: var(--colore-inchiostro-progetti);
    text-decoration: none;
    transform: translate3d(0, 0, 0);
    transition:
        box-shadow var(--durata-base) var(--curva-uscita),
        transform var(--durata-base) var(--curva-uscita);
    touch-action: manipulation;
}

body.pagina-home-v2 .project-section__media-link-asterisk,
body.pagina-home-v2 .project-section__media-link-label,
body.pagina-home-v2 .project-section__media-link-arrow {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
}

body.pagina-home-v2 .project-section__media-link-asterisk {
    align-self: center;
    color: var(--colore-glyph-progetto);
    font-family: var(--famiglia-display);
    font-size: var(--dimensione-asterisco-link-progetto);
    font-stretch: var(--allungamento-titolo-capitolo);
    font-variation-settings:
        "wdth" var(--asse-larghezza-titolo-capitolo),
        "wght" var(--peso-titolo-capitolo);
    font-weight: var(--peso-titolo-capitolo);
    line-height: var(--interlinea-asterisco-link-progetto);
    transform: translate3d(0, var(--correzione-asterisco-link-progetto-y), 0)
        rotate(var(--rotazione-asterisco-link-progetto));
    transform-origin: center;
    transition: transform var(--durata-base) var(--curva-uscita);
}

body.pagina-home-v2 .project-section__media-link-label {
    min-inline-size: 0;
    color: var(--colore-inchiostro-progetti);
    font-family: var(--famiglia-display);
    font-size: var(--dimensione-link-progetto);
    font-stretch: var(--allungamento-link-progetto);
    font-variation-settings:
        "wdth" var(--asse-larghezza-link-progetto),
        "wght" var(--peso-link-progetto);
    font-weight: var(--peso-link-progetto);
    line-height: var(--interlinea-link-progetto);
    letter-spacing: var(--tracciamento-link-progetto);
    white-space: nowrap;
    text-transform: uppercase;
}

body.pagina-home-v2 .project-section__media-link-label::after {
    position: absolute;
    inset: 0;
    color: var(--colore-glyph-progetto);
    clip-path: inset(0 100% 0 0);
    content: attr(data-link-label);
    pointer-events: none;
    transition: clip-path var(--durata-lenta) var(--curva-uscita);
}

body.pagina-home-v2 .project-section__media-link-arrow {
    transition:
        color var(--durata-rapida) linear,
        transform var(--durata-base) var(--curva-uscita);
}

body.pagina-home-v2 .project-section__media-link-arrow {
    display: grid;
    place-items: center;
}

body.pagina-home-v2 .project-section__media-link-arrow svg {
    inline-size: var(--dimensione-icona-link-progetto);
    block-size: var(--dimensione-icona-link-progetto);
    fill: none;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: var(--spessore-tratto-cta-progetti);
}

body.pagina-home-v2 .project-section__media-link:hover {
    box-shadow:
        var(--offset-pressione-link-progetto)
        var(--offset-pressione-link-progetto)
        0
        var(--colore-glyph-progetto);
    transform: translate3d(
        var(--offset-pressione-link-progetto),
        var(--offset-pressione-link-progetto),
        0
    );
}

body.pagina-home-v2 .project-section__media-link:active {
    box-shadow: none;
    transform: translate3d(
        var(--offset-ombra-link-progetto),
        var(--offset-ombra-link-progetto),
        0
    );
}

body.pagina-home-v2 .project-section__media-link:hover
    .project-section__media-link-label::after,
body.pagina-home-v2 .project-section__media-link:focus-visible
    .project-section__media-link-label::after,
body.pagina-home-v2 .project-section__media-link:active
    .project-section__media-link-label::after {
    clip-path: inset(0);
}

body.pagina-home-v2 .project-section__media-link:hover
    .project-section__media-link-asterisk,
body.pagina-home-v2 .project-section__media-link:focus-visible
    .project-section__media-link-asterisk,
body.pagina-home-v2 .project-section__media-link:active
    .project-section__media-link-asterisk {
    transform: translate3d(0, var(--correzione-asterisco-link-progetto-y), 0)
        rotate(var(--rotazione-asterisco-link-progetto-attiva));
}

body.pagina-home-v2 .project-section__media-link:hover
    .project-section__media-link-arrow,
body.pagina-home-v2 .project-section__media-link:focus-visible
    .project-section__media-link-arrow,
body.pagina-home-v2 .project-section__media-link:active
    .project-section__media-link-arrow {
    color: var(--colore-glyph-progetto);
    transform: translate3d(
        var(--motion-cta-progetti-x),
        var(--motion-cta-progetti-y),
        0
    );
}

body.pagina-home-v2 .project-wall__footer {
    position: relative;
    z-index: 5;
    isolation: isolate;
    inline-size: 100%;
    min-block-size: var(--altezza-cta-archivio);
    padding-block: 0;
    overflow: clip;
    background: var(--colore-superficie-cta-archivio);
    color: var(--colore-testo-cta-archivio);
}

body.pagina-home-v2 .project-wall__cta {
    position: relative;
    z-index: 1;
    isolation: isolate;
    display: block;
    inline-size: 100%;
    min-block-size: var(--altezza-cta-archivio);
    color: var(--colore-testo-cta-archivio);
    font-family: var(--famiglia-display);
    font-size: var(--dimensione-cta-archivio);
    font-stretch: var(--allungamento-cta-archivio);
    font-variation-settings:
        "wdth" var(--asse-larghezza-cta-archivio),
        "wght" var(--peso-cta-archivio);
    font-weight: var(--peso-cta-archivio);
    line-height: var(--interlinea-cta-archivio);
    letter-spacing: var(--tracciamento-cta-archivio);
    text-decoration: none;
    text-transform: uppercase;
    transition: color var(--durata-base) var(--curva-uscita);
}

body.pagina-home-v2 .project-wall__cta:focus-visible {
    outline-offset: calc(var(--spazio-2) * -1);
}

body.pagina-home-v2 .project-wall__cta::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: var(--colore-accento-cta-archivio);
    clip-path: var(--motion-superficie-cta-archivio-clip-riposo);
    content: "";
    transition: clip-path var(--durata-lenta) var(--curva-uscita);
}

body.pagina-home-v2 .project-wall__cta-content {
    position: relative;
    z-index: 1;
    align-items: center;
    min-block-size: var(--altezza-cta-archivio);
    padding-block: var(--spazio-interno-cta-archivio);
}

body.pagina-home-v2 .project-wall__cta-label {
    grid-column: 1 / -2;
    max-inline-size: var(--misura-testo-cta-archivio);
}

body.pagina-home-v2 .project-wall__cta svg {
    z-index: 1;
    grid-column: -2 / -1;
    justify-self: end;
    inline-size: var(--dimensione-icona-cta-archivio);
    block-size: auto;
    fill: none;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: var(--spessore-tratto-cta-progetti);
    transition: transform var(--durata-base) var(--curva-uscita);
}

body.pagina-home-v2 .project-wall__cta:hover,
body.pagina-home-v2 .project-wall__cta:focus-visible,
body.pagina-home-v2 .project-wall__cta:active {
    color: var(--colore-testo-cta-archivio-attivo);
}

body.pagina-home-v2 .project-wall__cta:hover::before,
body.pagina-home-v2 .project-wall__cta:focus-visible::before,
body.pagina-home-v2 .project-wall__cta:active::before {
    clip-path: var(--motion-superficie-cta-archivio-clip-attivo);
}

body.pagina-home-v2 .project-wall__cta:hover svg,
body.pagina-home-v2 .project-wall__cta:focus-visible svg {
    transform:
        translate3d(
            var(--motion-cta-progetti-x),
            var(--motion-cta-progetti-y),
            0
        )
        rotate(var(--motion-cta-progetti-rotazione));
}

body.pagina-home-v2 .project-wall__empty {
    position: relative;
    z-index: 1;
    max-inline-size: var(--misura-testo-stretto);
    padding-block: var(--spazio-8);
    color: var(--colore-testo-secondario-progetti);
}

@media (min-width: 48rem) {
    body.pagina-home-v2 .featured-work {
        --misura-copy-progetto: 30ch;
        --dimensione-glyph-progetto: clamp(4rem, 7vw, 5.25rem);
        --distanza-glyph-copy-progetto: var(--spazio-5);
    }

    body.pagina-home-v2 .project-section__intro {
        row-gap: var(--spazio-4);
    }

    body.pagina-home-v2 .project-section__title {
        grid-column: 1 / span 4;
        margin-block-start: var(--spazio-3);
    }

    body.pagina-home-v2 .project-section__support {
        grid-column: 5 / -1;
        margin-block-start: 0;
        padding-inline-start: var(--spazio-5);
    }

    body.pagina-home-v2 .featured-work .image-box {
        display: grid;
        grid-template-columns: repeat(
            var(--suddivisioni-media-progetto-tablet),
            minmax(0, 1fr)
        );
        align-items: start;
        gap: 0;
        min-block-size: 0;
    }

    body.pagina-home-v2 .featured-work .controller,
    body.pagina-home-v2 .featured-work .project-media-secondary {
        order: initial;
        inline-size: auto;
    }

    body.pagina-home-v2 .featured-work .controller {
        grid-column: var(--griglia-tablet-controller);
        block-size: auto;
        aspect-ratio: var(--rapporto-controller);
    }

    body.pagina-home-v2 .featured-work .project-media-secondary {
        position: relative;
        grid-column: var(--griglia-tablet-secondaria);
        display: block;
        block-size: auto;
        aspect-ratio: var(--rapporto-secondaria);
    }

    body.pagina-home-v2 .project-section--reversed .controller {
        grid-column: var(--griglia-tablet-controller-inversa);
    }

    body.pagina-home-v2 .project-section--reversed .project-media-secondary {
        grid-column: var(--griglia-tablet-secondaria-inversa);
    }

    body.pagina-home-v2 .featured-work .swapper {
        display: block;
        inline-size: 100%;
        block-size: 100%;
        overflow: visible;
        padding: 0;
        scroll-behavior: auto;
        scroll-snap-type: none;
    }

    body.pagina-home-v2 .featured-work .swapper > img {
        position: absolute;
        inset: 0;
        flex: none;
        inline-size: 100%;
        block-size: 100%;
        max-block-size: none;
        aspect-ratio: auto;
        scroll-snap-align: none;
    }

    /*
     * Il box segue le proporzioni editoriali del singolo progetto; il contenuto
     * visibile resta però ancorato ai due estremi della griglia comune.
     */
    body.pagina-home-v2 .project-section:not(.project-section--reversed)
        .project-media-secondary .swapper > img,
    body.pagina-home-v2 .project-section--reversed .controller > img {
        object-position: left top;
    }

    body.pagina-home-v2 .project-section:not(.project-section--reversed) .controller > img,
    body.pagina-home-v2 .project-section--reversed
        .project-media-secondary .swapper > img {
        object-position: right top;
    }

    body.pagina-home-v2 .featured-work .swapper > img:first-of-type {
        z-index: 1;
    }

    body.pagina-home-v2 .featured-work .swapper > img:last-of-type {
        z-index: 2;
        visibility: hidden;
        opacity: 0;
    }

    body.pagina-home-v2 .featured-work .swapper > img:only-of-type {
        z-index: 1;
        visibility: visible;
        opacity: 1;
    }

    body.pagina-home-v2 .featured-work .progress {
        position: absolute;
        z-index: 10;
        inset-inline: var(--spazio-3);
        inset-block-end: var(--spazio-3);
        display: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--spazio-2);
        mix-blend-mode: difference;
        pointer-events: none;
    }

    body.pagina-home-v2
        [data-project-crossfades][data-fogli-motion="active"] .progress {
        display: grid;
    }

    body.pagina-home-v2 .featured-work .progress > div {
        overflow: hidden;
        block-size: var(--spessore-linea);
        background: var(--colore-progress-inattivo);
    }

    body.pagina-home-v2 .featured-work .progress > div > div {
        inline-size: 100%;
        block-size: 100%;
        background: var(--colore-progress-attivo);
        transform: scaleX(var(--progresso-crossfade-riposo));
        transform-origin: 0 50%;
    }

    body.pagina-home-v2 .featured-work .progress > div:first-child > div {
        transform: scaleX(1);
    }

    body.pagina-home-v2 .project-carousel__controls {
        display: none;
    }
}

@media (min-width: 64rem) {
    body.pagina-home-v2 .featured-work {
        --misura-copy-progetto: 42ch;
        --dimensione-glyph-progetto: clamp(4rem, 5vw, 5.5rem);

        /* Geometria approvata controller + swapper sulla griglia a 24 suddivisioni. */
        --griglia-atto-1-controller: 16 / -1;
        --griglia-atto-1-secondaria: 1 / span 11;

        --griglia-atto-2-controller: 1 / span 9;
        --griglia-atto-2-secondaria: 14 / -1;

        --griglia-atto-3-controller: 16 / -1;
        --griglia-atto-3-secondaria: 1 / span 10;

        --griglia-atto-4-controller: 1 / span 16;
        --griglia-atto-4-secondaria: 20 / -1;
    }

    body.pagina-home-v2 .featured-work .image-box {
        grid-template-columns: repeat(
            var(--suddivisioni-media-progetto-desktop),
            minmax(0, 1fr)
        );
        min-block-size: 0;
    }

    body.pagina-home-v2 .project-section__title {
        grid-column: 1 / span 7;
    }

    body.pagina-home-v2 .project-section__support {
        grid-column: 9 / -1;
    }

    body.pagina-home-v2 .project-section--atto-2 .project-section__title,
    body.pagina-home-v2 .project-section--atto-3 .project-section__title {
        grid-column: 1 / span 6;
    }

    body.pagina-home-v2 .project-section--atto-2 .project-section__support,
    body.pagina-home-v2 .project-section--atto-3 .project-section__support,
    body.pagina-home-v2 .project-section--atto-4 .project-section__support {
        grid-column: 8 / -1;
    }

    body.pagina-home-v2 .featured-work .project-media-secondary {
        grid-column: var(--griglia-secondaria);
    }

    body.pagina-home-v2 .featured-work .controller {
        grid-column: var(--griglia-controller);
    }

    body.pagina-home-v2 .project-section--atto-1 {
        --griglia-controller: var(--griglia-atto-1-controller);
        --griglia-secondaria: var(--griglia-atto-1-secondaria);
    }

    body.pagina-home-v2 .project-section--atto-2 {
        --griglia-controller: var(--griglia-atto-2-controller);
        --griglia-secondaria: var(--griglia-atto-2-secondaria);
    }

    body.pagina-home-v2 .project-section--atto-3 {
        --griglia-controller: var(--griglia-atto-3-controller);
        --griglia-secondaria: var(--griglia-atto-3-secondaria);
    }

    body.pagina-home-v2 .project-section--atto-4 {
        --griglia-controller: var(--griglia-atto-4-controller);
        --griglia-secondaria: var(--griglia-atto-4-secondaria);
    }
}

@media (max-width: 47.999rem) {
    body.pagina-home-v2 .featured-work {
        --profondita-cucitura-progetto: clamp(3rem, 12vh, 5rem);
        --profondita-cucitura-progetto: clamp(3rem, 12svh, 5rem);
        --motion-passaggio-progetto-start: top 90%;
        --motion-cucitura-progetto-y-iniziale: 18;
        --motion-cucitura-progetto-scala-y-iniziale: 0.82;
        --motion-cucitura-progetto-durata: 0.46;
        --motion-linea-progetto-durata: 0.34;
        --motion-gruppo-titolo-progetto-y: 18;
        --motion-gruppo-titolo-progetto-durata: 0.44;
        --motion-gruppo-titolo-progetto-fase: 0.08;
        --motion-supporto-progetto-y: 14;
        --motion-supporto-progetto-durata: 0.36;
        --motion-supporto-progetto-fase: 0.18;
    }

    body.pagina-home-v2 .project-section__media-link {
        justify-self: center;
        margin-inline-end: var(--offset-ombra-link-progetto);
    }

    body.pagina-home-v2 .project-section__support {
        grid-template-columns:
            calc(
                var(--dimensione-glyph-progetto-mobile) -
                var(--riduzione-glyph-progetto-mobile)
            )
            minmax(0, 1fr);
    }

    body.pagina-home-v2 .project-section__glyph {
        inline-size: calc(
            var(--dimensione-glyph-progetto-mobile) -
            var(--riduzione-glyph-progetto-mobile)
        );
    }

    body.pagina-home-v2 .featured-work .swapper > img {
        contain-intrinsic-size: none;
    }
}

@media (max-height: 44rem) {
    body.pagina-home-v2 .project-section__title {
        font-size: calc(
            var(--dimensione-titolo-progetto-viewport-basso) -
            var(--riduzione-titolo-progetto)
        );
    }

    body.pagina-home-v2 .project-section__support {
        margin-block-start: var(--spazio-3);
    }

    body.pagina-home-v2 .project-section--atto-4 {
        --respiro-foglio-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-1));
        --spazio-intro-media-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-2));
        --spazio-media-cta-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-2));
        --spazio-coda-foglio-progetto: calc(var(--ritmo-foglio-progetto) + var(--spazio-2));
    }

}

@media (prefers-reduced-motion: reduce) {
    body.pagina-home-v2 .project-section__seam {
        transform: translate3d(0, -100%, 0) !important;
        will-change: auto;
    }

    body.pagina-home-v2 .project-section__sheet,
    body.pagina-home-v2 .featured-work .image-box,
    body.pagina-home-v2 .featured-work .swapper > img,
    body.pagina-home-v2 .featured-work .progress > div > div,
    body.pagina-home-v2 .project-section__glyph,
    body.pagina-home-v2 .project-section__glyph-image,
    body.pagina-home-v2 .project-carousel__linea,
    body.pagina-home-v2 .project-section__media-link,
    body.pagina-home-v2 .project-section__media-link-asterisk,
    body.pagina-home-v2 .project-section__media-link-label::after,
    body.pagina-home-v2 .project-section__media-link-arrow,
    body.pagina-home-v2 .project-wall__cta,
    body.pagina-home-v2 .project-wall__cta::before,
    body.pagina-home-v2 .project-wall__cta svg {
        animation: none !important;
        transition: none !important;
    }

    body.pagina-home-v2 .featured-work .swapper {
        scroll-behavior: auto;
    }
}
