@layer components{.c-site-grid{gap:var(--spacing-unit-md);width:100%;display:grid}}
@layer components{:root{--card-radius:var(--radius-md);--card-padding:var(--spacing-fluid-md);--card-min-height:240px;--card-gap:var(--spacing-fluid-lg);--card-color:var(--color-dark);--card-background-color:var(--color-light)}.c-card{padding:var(--card-padding);min-height:var(--card-min-height);border-radius:var(--card-radius);color:var(--card-color);background-color:var(--card-background-color);transition:opacity .6s var(--ease-out-cubic),transform .6s var(--ease-out-cubic);transition-delay:calc(var(--index)*.1s);flex-direction:column;display:flex}.c-card-list:not(.is-inview) .c-card{opacity:0;transform:translateY(4rem)scale(.95)}}