/* WALIT — media

   Adattamenti per schermi stretti.

   Il prototipo non conteneva media query: il comportamento sotto i 900px
   e' stato deciso qui, non portato da li'. */

@media(max-width:900px) {
	.wl-grid--4, .wl-flow {
		grid-template-columns: repeat(2,1fr);
	}
	
	.wl-metrics {
		grid-template-columns: repeat(2,1fr);
	}
	
	.wl-footer__grid {
		grid-template-columns: repeat(2,1fr);
	}
	
	.wl-work-list a {
		grid-template-columns: 40px 1fr auto;
	}
	
	.wl-work-list small {
		display: none;
	}
}
@media(max-width:700px) {
	.wl-menu__links small {
		display: none;
	}
	
	.wl-menu__links strong {
		font-size: clamp(2rem,13vw,4rem);
	}
	
	.wl-menu__foot {
		flex-direction: column;
	}
	
	.wl-hero__bottom, .wl-columns, .wl-project-grid, .wl-ai-teaser, .wl-service, .wl-governance, .wl-contact {
		grid-template-columns: 1fr;
	}
	
	/* 18vw faceva uscire dal viewport una parola di dieci lettere
	   ("PARLIAMONE") gia' a 390px: il titolo non veniva accorciato, veniva
	   tagliato. 14vw e' la misura massima che la tiene dentro il container. */
	.wl-page-hero h1 {
		font-size: clamp(2.75rem,14vw,6rem);
	}
	
	.wl-grid--3, .wl-grid--4, .wl-flow, .wl-network, .wl-results {
		grid-template-columns: 1fr;
	}
	
	.wl-metrics {
		grid-template-columns: 1fr 1fr;
	}
	
	.wl-card {
		min-height: 260px;
	}
	
	.wl-project-card {
		min-height: 380px;
	}
	
	.wl-network article {
		border-right: 0;
		border-bottom: 1px solid var(--dark-border);
		padding-inline: 0;
	}
	
	.wl-work-list a {
		grid-template-columns: 35px 1fr auto;
		gap: 12px;
	}
	
	.wl-work-list i {
		font-size: .7rem;
	}
	
	.wl-form__row {
		grid-template-columns: 1fr;
	}
	
	.wl-facts {
		grid-template-columns: 1fr 1fr;
		gap: 24px;
	}
	
	.wl-facts div:nth-child(2) {
		border-right: 0;
	}
	
	.wl-stack, .wl-footer__mast, .wl-footer__legal {
		align-items: flex-start;
		flex-direction: column;
	}
	
	.wl-footer__grid {
		grid-template-columns: 1fr 1fr;
	}
	
	.wl-language-switcher {
		display: none;
	}
}
@media(prefers-reduced-motion:reduce) {
	.wl-reveal {
		opacity: 1;
		transform: none;
	}
}