/* Su schermo grande il contenuto respira di più: cresce il ritmo verticale,
   non la scala tipografica (che è già fluida). */
@media (min-width:1100px) {
	.c-section {margin-block-start:var(--space-8);}
	.c-section:first-child {margin-block-start:var(--space-7);}
	.c-split .c-section:first-child {margin-block-start:var(--space-8);}
}

/* Affordance da puntatore: si applicano solo dove un mouse esiste davvero.
   Su un touch screen :hover resta "appiccicato" dopo il tocco. */
@media (hover:hover) and (pointer:fine) {
	.c-player__photo img {transition:transform var(--normal) var(--ease);}
	a.c-player:hover .c-player__photo img {transform:scale(1.05);}

	.c-card__media img {transition:transform var(--normal) var(--ease);}
	a.c-card:hover .c-card__media img {transform:scale(1.04);}

	.c-footer__gallery img {transition:transform var(--fast) var(--ease), filter var(--fast) var(--ease);}
	.c-footer__gallery a:hover img {transform:scale(1.03);}
}