@layer components{.featured-content-card{position:relative;container-type:inline-size;background:radial-gradient(circle at top right,oklch(from var(--color-primary) l c h / .2),transparent 50%),var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:inset 0 1px oklch(from var(--color-neutral-100) l c h / .04);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.featured-content-card:hover{border-color:oklch(from var(--color-primary) l c h / .25);box-shadow:0 12px 36px oklch(from var(--color-primary) 20% .05 h / .35),inset 0 1px oklch(from var(--color-neutral-100) l c h / .06);transform:translateY(-3px)}.featured-content-card-link{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-block-size:100%;color:inherit;text-decoration:none}.featured-content-card-link:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary)}.featured-content-card-link-no-media{grid-template-columns:1fr}.featured-content-card-media{min-block-size:100%;background:var(--color-neutral-800)}.featured-content-card-media img{inline-size:100%;block-size:100%;object-fit:cover}.featured-content-card-content{display:flex;flex-direction:column;gap:var(--space-md);padding-block:var(--space-xl);padding-inline:var(--space-xl)}.featured-content-card-label{align-self:flex-start;color:var(--color-primary-200);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.featured-content-card-title{font-size:clamp(1.375rem,2.1vw,2rem);line-height:1.2;color:var(--color-text)}.featured-content-card-summary{color:var(--color-text-muted);font-size:1rem;line-height:1.6;max-width:54ch}.featured-content-card-metadata{gap:var(--space-xs)}.featured-content-card-metadata-badge{color:var(--color-secondary-300);font-size:.8125rem;font-weight:600}.featured-content-card-cta{align-items:center;color:var(--color-primary-300);display:inline-flex;font-size:.95rem;font-weight:700;gap:var(--space-sm);margin-block-start:auto}@container (max-width: 42rem){.featured-content-card-link{grid-template-columns:1fr}.featured-content-card-media{aspect-ratio:16 / 9}}}