.explainer-cards{background:hsl(var(--theme-bg));color:hsl(var(--theme-text))}.explainer-cards__cards{padding:2.5rem 0}@media (min-width:1200px){.explainer-cards__cards{padding:0 var(--grid-margin) 2.5rem}.explainer-cards__grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(4,1fr)}}.explainer-cards__grid.visible article{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.explainer-cards__grid.hidden article{opacity:0;transform:translateY(2rem);transition-delay:0s!important;transition:none}