@layer components{:where(.page-programs,.page-pathway,.page-serve) .grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem;margin-top:2rem;display:grid}:where(.page-programs,.page-pathway,.page-serve) :where(.grid) .card{background:var(--canvas-white);border:1px solid var(--ink-100);transition:transform .32s var(--ease), box-shadow .32s, border-color .32s;box-shadow:none;border-radius:1.75rem;flex-direction:column;padding:0;display:flex;overflow:hidden}:where(.page-programs,.page-pathway,.page-serve) :where(.grid) .card:hover{box-shadow:var(--shadow-lift);border-color:var(--ink-200);transform:translateY(-3px)}:where(.page-programs,.page-pathway,.page-serve) :where(.grid) .card[hidden]{display:none}:where(.page-programs,.page-pathway,.page-serve) .card__media{position:relative}:where(.page-programs,.page-pathway,.page-serve) .card__media img{object-fit:cover;width:100%;height:200px}:where(.page-programs,.page-pathway,.page-serve) .card__media .chip--soon{position:absolute;top:1rem;left:1rem}:where(.page-programs,.page-pathway,.page-serve) .card__body{flex-direction:column;flex:1;padding:1.5rem 1.5rem 1.75rem;display:flex}:where(.page-programs,.page-pathway,.page-serve) .card__tags{flex-wrap:wrap;gap:.5rem;display:flex}:where(.page-programs,.page-pathway,.page-serve) :where(.grid) .card h3{margin-top:.9rem;font-size:1.45rem;font-weight:700;line-height:1.2}:where(.page-programs,.page-pathway,.page-serve) .card__sub{color:var(--ink-600);margin-top:.6rem;font-size:15px;line-height:1.6}:where(.page-programs,.page-pathway,.page-serve) .card__meta{color:var(--ink-500);flex-wrap:wrap;gap:.4rem 1rem;margin-top:1rem;font-size:13px;display:flex}:where(.page-programs,.page-pathway,.page-serve) .card__meta span{align-items:center;gap:.35rem;display:inline-flex}:where(.page-programs,.page-pathway,.page-serve) .card__meta svg{color:var(--lumina-500)}:where(.page-programs,.page-pathway,.page-serve) .card__foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.25rem;display:flex}@media (prefers-reduced-motion:no-preference){:where(.page-programs,.page-pathway,.page-serve) .card__media img{transition:transform .7s var(--ease), box-shadow .32s}:where(.page-programs,.page-pathway,.page-serve) :where(.grid) .card:hover .card__media img{transform:scale(1.05)}:where(.page-programs,.page-pathway,.page-serve) :where(.grid) .card.is-pop{animation:lmFadeUp .5s var(--ease) both}}}