@media all {
    .interna-hero { padding: 62px 0 75px; }
    .hero-riga { display: flex; min-height: 545px; align-items: center; justify-content: space-between; gap: 90px; }
    .hero-riga > div { width: 52%; }
    .hero-riga h1 { margin-bottom: 25px; font-size: clamp(64px,6vw,92px); letter-spacing: -.035em; }
    .hero-riga > div > p:not(.sopratitolo) { max-width: 630px; margin-bottom: 28px; color: var(--grigio-testo); font-size: 17px; }
    .hero-riga figure { width: 48%; margin: 0; }
    .hero-riga figure img { width: 100%; aspect-ratio: 1.25; object-fit: cover; }
    .hero-riga figcaption { margin-top: 12px; color: var(--grigio-testo); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
    .introduzione { padding: 98px 0 120px; background: var(--bianco); }
    .introduzione-riga { display: grid; grid-template-columns: 34% 66%; gap: 90px; }
    .introduzione h2 { font-size: 48px; }
    .introduzione p { max-width: 780px; color: var(--grigio-testo); font-size: 15px; }
    .processo { padding: 84px 0 0; }
    .processo h2 { margin-bottom: 45px; font-size: 46px; }
    .processo ol { border-top: 1px solid #c8c3b9; }
    .processo li { display: grid; min-height: 105px; padding: 30px 15px 28px 0; grid-template-columns: 65px 310px 1fr 35px; align-items: center; border-bottom: 1px solid #c8c3b9; }
    .processo li span { color: var(--arancio); font-size: 11px; font-weight: 800; }
    .processo li strong { font-family: Georgia, 'Times New Roman', serif; font-size: 21px; font-weight: 400; }
    .processo li p { margin: 0; color: var(--grigio-testo); font-size: 12px; }
    .processo li i { color: var(--viola); font-size: 20px; font-style: normal; }
    .foto-metodo { position: relative; min-height: 470px; margin-top: 0; overflow: hidden; }
    .foto-metodo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .foto-metodo > .container { position: relative; min-height: 470px; }
    .foto-testo { position: absolute; bottom: 0; left: 0; z-index: 2; width: 48%; min-height: 210px; padding: 48px 50px; background: var(--bianco); }
    .foto-testo h2 { margin-bottom: 20px; font-size: 36px; }
    .foto-testo p { margin: 0; color: var(--grigio-testo); font-size: 12px; }
    .valori { padding: 80px 0 150px; background: var(--bianco); }
    .valori-riga { display: grid; grid-template-columns: 1.15fr repeat(3,1fr); gap: 45px; }
    .valori h2 { font-size: 45px; }
    .valori span { color: var(--arancio); font-size: 11px; font-weight: 800; }
    .valori h3 { margin: 13px 0 17px; font-size: 22px; }
    .valori p { color: var(--grigio-testo); font-size: 12px; }
    .cta-finale { padding: 105px 0; color: var(--bianco); background: var(--viola); }
    .cta-riga { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
    .cta-finale h2 { margin-bottom: 12px; font-size: 47px; }
    .cta-finale p { margin: 0; color: #d8d4ee; }
}

@media all and (max-width: 900px) {
    .hero-riga { gap: 45px; }
    .hero-riga h1 { font-size: 62px; }
    .introduzione-riga { gap: 45px; }
    .processo li { grid-template-columns: 55px 230px 1fr 25px; }
    .valori-riga { grid-template-columns: repeat(3,1fr); }
    .valori h2 { grid-column: 1/-1; }
}

@media all and (max-width: 700px) {
    .interna-hero { padding: 55px 0; }
    .hero-riga { display: block; min-height: 0; }
    .hero-riga > div, .hero-riga figure { width: 100%; }
    .hero-riga > div { margin-bottom: 45px; }
    .hero-riga h1 { font-size: 52px; }
    .introduzione-riga { grid-template-columns: 1fr; }
    .introduzione h2 { font-size: 40px; }
    .processo h2 { font-size: 38px; }
    .processo li { grid-template-columns: 45px 1fr 24px; gap: 10px; }
    .processo li p { grid-column: 2/3; margin-top: 9px; }
    .processo li i { grid-column: 3; grid-row: 1; }
    .foto-metodo, .foto-metodo > .container { min-height: 530px; }
    .foto-testo { right: 18px; left: 18px; width: auto; padding: 36px 30px; }
    .valori-riga { grid-template-columns: 1fr; }
    .valori h2 { grid-column: auto; }
    .valori-riga > div { padding-top: 24px; border-top: 1px solid #d0ccc3; }
    .cta-riga { display: block; }
    .cta-finale h2 { font-size: 39px; }
    .cta-finale .pulsante { margin-top: 27px; }
}