/* =============================================================
   CHI SIAMO
   ============================================================= */

.storia__inner { display: grid; gap: clamp(2rem, 5vw, 4rem); }

@media (min-width: 960px) {
	.storia__inner { grid-template-columns: minmax(0, 0.3fr) minmax(0, 0.7fr); }
	.storia__aside { position: sticky; top: calc(var(--header-h) + 3rem); align-self: start; }
}

.storia__apertura {
	font-family: var(--font-display);
	font-size: clamp(1.375rem, 2.6vw, 1.9375rem);
	font-weight: 500;
	line-height: 1.34;
	letter-spacing: -0.022em;
	color: var(--color-text);
	margin-bottom: var(--space-8);
}

.storia__testo p + p { margin-top: var(--space-5); }

/* Valori: righe editoriali, non schede -------------------------------- */

.valori { list-style: none; margin: 0; padding: 0; }

.valore {
	display: grid;
	gap: var(--space-3);
	padding-block: clamp(1.75rem, 3.5vw, 2.75rem);
	border-top: 1px solid var(--color-border);
	transition: background-color var(--transition-base);
}
.valore:last-child { border-bottom: 1px solid var(--color-border); }

@media (min-width: 800px) {
	.valore {
		grid-template-columns: 5.5rem minmax(0, 1fr) minmax(0, 1.15fr);
		gap: clamp(1.5rem, 3vw, 3rem);
		align-items: start;
	}
}

.valore__num {
	font-family: var(--font-mono);
	font-size: var(--text-xs);
	font-weight: 500;
	letter-spacing: 0.12em;
	color: var(--color-accent);
	padding-top: .5em;
}

.valore__titolo {
	font-size: clamp(1.25rem, 2.2vw, 1.625rem);
	letter-spacing: -0.022em;
	transition: transform var(--transition-base);
}

.valore__testo { color: var(--color-text-muted); }

@media (min-width: 800px) and (prefers-reduced-motion: no-preference) {
	.valore:hover .valore__titolo { transform: translateX(6px); }
}

/* Dichiarazione: fascia scura con un solo pensiero -------------------- */

.dichiarazione { position: relative; overflow: hidden; isolation: isolate; }

.dichiarazione__inner { max-width: 30ch; }

.dichiarazione__testo {
	font-family: var(--font-display);
	font-size: clamp(2rem, 5.2vw, 3.5rem);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: var(--color-text-on-dark);
}
.dichiarazione__testo em { font-style: normal; color: var(--color-accent-bright); }

.dichiarazione__nota {
	max-width: 46ch;
	margin-top: clamp(2rem, 4vw, 3rem);
	padding-top: var(--space-6);
	border-top: 1px solid var(--color-ink-line);
}

/* Come lavoriamo insieme --------------------------------------------- */

.insieme__grid { display: grid; gap: clamp(1.5rem, 3vw, 2.5rem); }

@media (min-width: 800px) {
	.insieme__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.insieme__voce {
	padding-top: var(--space-5);
	border-top: 2px solid var(--color-ink);
}
.insieme__voce h3 { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.insieme__voce p { color: var(--color-text-muted); font-size: var(--text-base); }