/* ==========================================================================
   Pittura — masthead, intro, ricerca + galleria opere, contatto
   ========================================================================== */

.nf-paint__intro {
    display: grid;
    grid-template-columns: 1fr minmax(320px, 1.7fr) 1fr;
    gap: clamp(28px, 4vw, 56px);
    align-items: center;
    padding-bottom: clamp(64px, 9vw, 120px);
}
.nf-paint__intro-media img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: inset 0 0 0 1px var(--nf-hairline); }
.nf-paint__intro-body { max-width: 440px; margin: 0 auto; text-align: center; }
.nf-paint__intro-body h2 { font-family: var(--nf-serif); font-weight: 400; font-size: clamp(2rem, 3.8vw, 3rem); margin: 0 0 22px; }
.nf-paint__intro-body p { font-size: 15.5px; line-height: 1.72; color: var(--nf-body); margin: 0 auto 16px; }
.nf-paint__intro-body strong { color: var(--nf-ink); font-weight: 600; }

@media (max-width: 900px) { .nf-paint__intro { grid-template-columns: 1fr 1fr; } .nf-paint__intro-body { grid-column: span 2; order: -1; max-width: 60ch; } }
@media (max-width: 780px) { .nf-paint__intro { grid-template-columns: 1fr; } .nf-paint__intro-body { grid-column: 1; } }

/* VIDEO + FOTO — trittico rado (foto, video, foto), tre tavole uguali: l'opposto del mosaico denso di Arte su seta */
.nf-paint__mosaic { padding-bottom: clamp(64px, 9vw, 120px); }
.nf-paint__mosaic-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 2vw, 28px);
}
.nf-paint__mosaic-video { position: relative; aspect-ratio: 3 / 4; overflow: hidden; box-shadow: inset 0 0 0 1px var(--nf-hairline); }
.nf-paint__mosaic-item { aspect-ratio: 3 / 4; overflow: hidden; box-shadow: inset 0 0 0 1px var(--nf-hairline); }
.nf-paint__mosaic-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

@media (max-width: 700px) { .nf-paint__mosaic-grid { grid-template-columns: 1fr; } }

/* RICERCA + GALLERIA */
.nf-paint__research { background: var(--nf-cream-1); padding: clamp(64px, 9vw, 120px) 0; }
.nf-paint__research-head { max-width: 720px; margin: 0 auto clamp(40px, 6vw, 64px); text-align: center; }
.nf-paint__research-head h2 { font-family: var(--nf-serif); font-weight: 400; font-size: clamp(2rem, 3.8vw, 3rem); margin: 0 0 20px; }
.nf-paint__research-text p { font-size: 15.5px; line-height: 1.72; color: var(--nf-body); margin: 0 0 14px; }
.nf-paint__research-text strong { color: var(--nf-ink); font-weight: 600; }

.nf-paint__gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 2vw, 28px); }
.nf-paint__gallery-item { aspect-ratio: 4 / 5; overflow: hidden; box-shadow: inset 0 0 0 1px var(--nf-hairline); }
.nf-paint__gallery-item img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1024px) { .nf-paint__gallery { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .nf-paint__gallery { grid-template-columns: repeat(2, 1fr); } }

/* PER COLLEZIONISTI, BOUTIQUE E SPAZI */
.nf-paint__contact { padding: clamp(64px, 9vw, 120px) 0; }
.nf-paint__contact-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 88px); }
.nf-paint__contact-intro h2 { font-family: var(--nf-serif); font-weight: 400; font-size: clamp(2rem, 3.8vw, 2.8rem); margin: 0 0 20px; }
.nf-paint__contact-intro p { font-size: 15px; line-height: 1.7; color: var(--nf-body); max-width: 44ch; margin: 0 0 14px; }
.nf-paint__contact-intro strong { color: var(--nf-ink); font-weight: 600; }

@media (max-width: 900px) { .nf-paint__contact-inner { grid-template-columns: 1fr; } }

/* Su telefono i titoli stanno al centro: il masthead e le teste di sezione,
   mentre i paragrafi restano come sono. */
@media (max-width: 780px) {
    .nf-page-head--start { text-align: center; }
    .nf-paint__contact-intro { text-align: center; }
    .nf-paint__contact-intro p { text-align: left; max-width: none; }
}