/* Regole di tutto il sito dell'Atelier, verso il design system condiviso con il blog. */

/* ---------- Switzer (per ora solo nell'header) ---------- */
@font-face{font-family:"Switzer";src:url("switzer-400.woff2?v=2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Switzer";src:url("switzer-500.woff2?v=2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Switzer";src:url("switzer-600.woff2?v=2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Switzer";src:url("switzer-700.woff2?v=2") format("woff2");font-weight:700;font-display:swap}

/* ---------- nero del sito ---------- */
/* Il nero è #0E0E0E. Nei dati Elementor è già sostituito; qui restano i neri che vengono dai CSS dei plugin. */
:root{--swiper-pagination-bullet-inactive-color:#0E0E0E;--wp--preset--color--black:#0E0E0E}
.elementor-element,.elementor-lightbox{--swiper-theme-color:#0E0E0E}
.swiper-pagination-bullet{background-color:#0E0E0E}

/* ---------- clienti: fascia di stemmi che scorre (widget HTML nella sezione 21ccff49 della Home) ---------- */
/* Etichetta centrata sopra, stemmi che scorrono sotto. La traccia contiene l'elenco
   quattro volte e scorre di metà della sua lunghezza, così il ciclo è continuo. */
.elementor-element-21ccff49 .elementor-element-populated{padding:0}
.amsa-clients{--line:rgba(255,255,255,.12);--crest:64px;padding:44px 24px;background:#0E0E0E;color:#FFFFFF;font-family:"Montserrat",sans-serif}
.amsa-clients__inner{display:flex;flex-direction:column;align-items:stretch;max-width:1200px;margin:0 auto}
.amsa-clients__title br{display:none}
.amsa-clients__title{margin:0 0 18px;padding:0;text-align:center;font:500 10px/1.8 "Montserrat",sans-serif;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.amsa-clients__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.amsa-clients__track{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:amsa-clients-scroll 70s linear infinite}
.amsa-clients__viewport:hover .amsa-clients__track,
.amsa-clients__viewport:focus-within .amsa-clients__track{animation-play-state:paused}
.amsa-clients__item{flex:0 0 auto;display:flex;align-items:center;gap:16px;margin:0;padding:14px 40px}
.amsa-clients__item+.amsa-clients__item{border-left:1px solid var(--line)}
.amsa-clients__item img{display:block;width:auto;height:var(--crest)}
.amsa-clients__name{font:500 10px/1.6 "Montserrat",sans-serif;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:#FFFFFF}
@keyframes amsa-clients-scroll{to{transform:translateX(-50%)}}
@media (max-width:767px){
	.amsa-clients{--crest:52px;padding:32px 0}
	.amsa-clients__title{margin-bottom:10px;padding:0 24px}
	.amsa-clients__item{gap:12px;padding:16px 28px}
	.amsa-clients__track{animation-duration:55s}
}
/* senza animazioni: fascia ferma, si scorre a mano */
@media (prefers-reduced-motion:reduce){
	.amsa-clients__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none}
	.amsa-clients__track{animation:none}
	.amsa-clients__item{scroll-snap-align:start}
	.amsa-clients__item[aria-hidden="true"]{display:none}
}

/* ---------- team (sezione 40e36dc8 della Home): foto tutte nello stesso formato ---------- */
/* Le foto avevano altezze diverse (779–826px) e alcune sporgevano dal contenitore: con il 2:3 esatto ogni riga
   ha la stessa altezza e gli spazi tra un membro e l'altro sono uguali. La seconda foto di Michele resta com'è. */
.elementor-element-40e36dc8 .elementor-inner-section .elementor-widget-image:first-child{margin-bottom:0}
/* foto e nome nella stessa colonna (Matteo su mobile): stessa distanza delle righe con foto e testo in colonne separate */
.elementor-element-40e36dc8 .elementor-inner-section .elementor-widget-image:first-child:not(:last-child){margin-bottom:20px}
.elementor-element-40e36dc8 .elementor-inner-section .elementor-widget-image:first-child img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:50% 30%}