/* Home (template-home.php) — allineamento al mockup P&M_home.XD.
   Caricato dopo theme.css, scoped a .pm-home (più .pm-parallax--hp /
   .pm-imgblock--hp, usate solo qui). La gabbia è globale in theme.css. */

/* Parallax "Il nostro metodo": proporzioni fisse XD 1920x1600 (6/5), solo desktop. */
@media (min-width: 992px) {
    .pm-parallax--hp {
        aspect-ratio: 6 / 5;
        min-height: 0;
    }
}

/* Tipografia = XD 1:1: hero 60px, titoli e corpo sezioni 40px, interlinea 1.25. */
.pm-home .pm-hero h1 {
    font-size: clamp(2.5rem, 3.125vw, 3.75rem);
    line-height: 1.15;
}
.pm-home .pm-section h2 {
    font-size: clamp(2rem, 2.083vw, 2.5rem);
    line-height: 1.25;
}
.pm-home .pm-services__text,
.pm-home .pm-services__text p,
.pm-home .pm-studio__text p,
.pm-home .pm-partners__text,
.pm-home .pm-partners__text p,
.pm-home .pm-team__text,
.pm-home .pm-team__text p {
    font-size: clamp(1.5rem, 2.083vw, 2.5rem);
    line-height: 1.25;
}

/* Titolo blocchi immagine (es. "Lo studio"): 40px (l'imgblock non è .pm-section). */
.pm-home .pm-imgblock__title {
    font-size: clamp(2rem, 2.083vw, 2.5rem);
    line-height: 1.25;
}

/* "Lo studio" e parallax "Il nostro metodo": testo a tutta larghezza, pulsante
   sotto a destra; Lo studio è banda 8/3. Solo desktop. */
@media (min-width: 992px) {
    .pm-imgblock--hp {
        aspect-ratio: 8 / 3;
        min-height: 0;
    }
    .pm-home .pm-imgblock--hp .row > *,
    .pm-home .pm-parallax--hp .row > * {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .pm-home .pm-parallax--hp .pm-parallax__text {
        max-width: none;
    }
    /* Bottone rientrato: bordo pillola a ~x1570 su 1920 (non il bordo del testo). */
    .pm-home .pm-parallax--hp .pm-parallax__cta,
    .pm-home .pm-imgblock--hp .pm-imgblock__cta {
        padding-right: 8.75%;
    }
    /* Team: foot flex (nomi + bottone), % diversa per lo stesso bordo x1570. */
    .pm-home .pm-home-team__foot {
        padding-right: 8%;
    }
}