/* Lasteis – Chi siamo: come in famiglia */

body.lstz .lstz-famiglia { padding: 8px 0 88px; }
body.lstz .lstz-famiglia__in { display: flex; flex-wrap: wrap; align-items: center; gap: 56px; }
body.lstz .lstz-famiglia__foto-box { position: relative; flex: 1 1 440px; min-width: 0; }
body.lstz .lstz-famiglia__foto-box--due { margin-bottom: 32px; margin-left: 24px; }
body.lstz .lstz-famiglia__foto,
body.lstz .lstz-famiglia__foto-box > .lstz-foto-mancante { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 22px; }
body.lstz .lstz-famiglia__piccola {
	position: absolute;
	left: -24px;
	bottom: -32px;
	width: 210px;
	height: 250px;
	overflow: hidden;
	border-radius: 18px;
	background: var(--lstz-crema);
	box-shadow: 0 14px 40px rgba(0, 23, 56, .18);
}
body.lstz .lstz-famiglia__foto-piccola,
body.lstz .lstz-famiglia__piccola .lstz-foto-mancante { display: block; width: 100%; height: 100%; object-fit: cover; }
body.lstz .lstz-famiglia__testi { display: flex; flex: 1 1 440px; flex-direction: column; gap: 22px; min-width: 0; }
body.lstz .lstz-famiglia .lstz-titolo { font-size: clamp(44px, 5vw, 64px); }
body.lstz .lstz-famiglia__testo { display: flex; flex-direction: column; gap: 20px; }
body.lstz .lstz-famiglia__testo p { margin: 0; font-size: 18px; line-height: 1.7; color: var(--lstz-testo-3); }

@media (max-width: 820px) {
	body.lstz .lstz-famiglia { padding-bottom: 64px; }
	body.lstz .lstz-famiglia__in { gap: 48px; }
	body.lstz .lstz-famiglia__foto-box,
	body.lstz .lstz-famiglia__testi { flex-basis: 100%; }
	body.lstz .lstz-famiglia__foto-box--due { margin-left: 0; margin-bottom: 40px; }
	body.lstz .lstz-famiglia__piccola { left: 12px; bottom: -40px; width: 130px; height: 156px; }
	body.lstz .lstz-famiglia .lstz-titolo { font-size: clamp(38px, 10vw, 52px); }
	body.lstz .lstz-famiglia__testo p { font-size: 17px; }
}