.card{background:var(--kcm-surface-alt);border:1px solid var(--kcm-border);border-radius:var(--kcm-radius-lg);transition:transform var(--kcm-duration,.24s) var(--kcm-ease,ease-out),box-shadow var(--kcm-duration,.24s) var(--kcm-ease,ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -22px #0d132166}.card__media{aspect-ratio:16/9;background:color-mix(in srgb,var(--kcm-primary) 10%,transparent);display:block;overflow:hidden}.card__media img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform calc(var(--kcm-duration,.24s)*1.8) var(--kcm-ease,ease-out)}.card:hover .card__media img{transform:scale(1.03)}.card[data-infographic] .card__media{aspect-ratio:auto}.card[data-infographic] .card__media img{-o-object-fit:contain;object-fit:contain;height:auto}.card__body{flex-direction:column;flex:1;gap:.6rem;padding:1.35rem 1.4rem 1.6rem;display:flex}.card__meta{color:var(--kcm-text-muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-size:.75rem;display:flex}.card__kicker{color:var(--kcm-primary);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.card__title{font-family:var(--kcm-font-heading);font-weight:var(--kcm-heading-weight);letter-spacing:var(--kcm-heading-tracking);margin:0;font-size:1.3rem;line-height:1.22}.card__title a{color:var(--kcm-text);text-decoration:none}.card__title a:hover{color:var(--kcm-primary)}.card__title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.card:focus-within{outline:2px solid var(--kcm-primary);outline-offset:2px}.card__title a:focus-visible{outline:none}.card__excerpt{color:var(--kcm-text-muted);margin:0;font-size:.9375rem;line-height:1.6}.card[data-size=lead]{flex-direction:row;grid-column:1/-1}.card[data-size=lead] .card__media{aspect-ratio:auto;flex:0 0 55%}.card[data-size=lead] .card__body{justify-content:center;padding:2rem}.card[data-size=lead] .card__title{font-size:1.75rem}@media (width<=720px){.card[data-size=lead]{flex-direction:column}.card[data-size=lead] .card__media{aspect-ratio:16/9;flex:none}}.feed{gap:1.75rem;display:grid}.feed[data-variant=magazine]{grid-template-columns:repeat(2,minmax(0,1fr))}.feed[data-variant=grid]{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.5rem}.feed[data-variant=mosaic]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem}.feed[data-variant=mosaic] .card:nth-child(3n+1){flex-direction:row;grid-column:1/-1}.feed[data-variant=mosaic] .card:nth-child(3n+1) .card__media{aspect-ratio:auto;flex:0 0 48%}.feed[data-variant=mosaic] .card:nth-child(3n+1) .card__body{justify-content:center;padding:2rem}.feed[data-variant=mosaic] .card:nth-child(3n+1) .card__title{font-size:1.7rem}.feed[data-variant=table]{grid-template-columns:minmax(0,1fr);gap:0}.feed[data-variant=table] .card{border:0;border-bottom:1px solid var(--kcm-border);background:0 0;border-radius:0;flex-direction:row;align-items:center;gap:1.25rem;padding:.9rem .25rem}.feed[data-variant=table] .card:hover{box-shadow:none;background:color-mix(in srgb,var(--kcm-primary) 5%,transparent);transform:none}.feed[data-variant=table] .card__media{aspect-ratio:1;border-radius:var(--kcm-radius);flex:0 0 4.5rem}.feed[data-variant=table] .card__body{gap:.2rem;padding:0}.feed[data-variant=table] .card__title{font-size:1.0625rem;line-height:1.35}.feed[data-variant=table] .card__excerpt{display:none}.feed[data-variant=table] .card__meta{order:-1;font-size:.6875rem}.feed[data-variant=list]{grid-template-columns:minmax(0,1fr);gap:0}.feed[data-variant=list] .card{border:0;border-bottom:1px solid var(--kcm-border);background:0 0;border-radius:0;flex-direction:row-reverse;gap:1.75rem;padding-block:2rem}.feed[data-variant=list] .card:hover{box-shadow:none;transform:none}.feed[data-variant=list] .card__media{aspect-ratio:4/3;border-radius:var(--kcm-radius);flex:0 0 12rem}.feed[data-variant=list] .card__body{padding:0}.feed[data-variant=list] .card__title{font-size:1.6rem}.feed[data-variant=digest]{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 3.5rem}.feed[data-variant=digest] .card{border:0;border-top:1px solid var(--kcm-border);background:0 0;border-radius:0;flex-direction:row;align-items:flex-start;gap:1.25rem;padding:1.5rem 0 0}.feed[data-variant=digest] .card:hover{box-shadow:none;transform:none}.feed[data-variant=digest] .card__media{aspect-ratio:1;border-radius:999px;flex:0 0 5.5rem;overflow:hidden}.feed[data-variant=digest] .card__body{gap:.35rem;padding:0}.feed[data-variant=digest] .card__title{font-size:1.25rem;line-height:1.25}.feed[data-variant=digest] .card__meta{letter-spacing:.1em;text-transform:uppercase;order:-1;font-size:.6875rem}.feed[data-variant=digest] .card__kicker{color:var(--kcm-primary);background:0 0;border-radius:0;padding:0}.feed[data-variant=brief]{counter-reset:brief;grid-template-columns:minmax(0,1fr);gap:0}.feed[data-variant=brief] .card{counter-increment:brief;border:0;border-top:1px solid var(--kcm-border);background:0 0;border-radius:0;flex-direction:row;align-items:baseline;gap:1.5rem;padding:1.5rem 0}.feed[data-variant=brief] .card:before{content:counter(brief,decimal-leading-zero);font-family:var(--kcm-font-heading);color:var(--kcm-primary);flex:0 0 2.75rem;font-size:1.375rem;line-height:1}.feed[data-variant=brief] .card:hover{box-shadow:none;transform:none}.feed[data-variant=brief] .card__media{display:none}.feed[data-variant=brief] .card__body{gap:.35rem;padding:0}.feed[data-variant=brief] .card__title{font-size:1.5rem;line-height:1.2}.feed[data-variant=brief] .card__meta{letter-spacing:.1em;text-transform:uppercase;order:-1;font-size:.6875rem}@media (width<=820px){.feed[data-variant=digest]{gap:1.5rem}.feed[data-variant=digest],.feed[data-variant=magazine],.feed[data-variant=mosaic]{grid-template-columns:minmax(0,1fr)}.feed[data-variant=mosaic] .card:nth-child(3n+1){flex-direction:column}.feed[data-variant=mosaic] .card:nth-child(3n+1) .card__media{aspect-ratio:16/9;flex:none}.feed[data-variant=list] .card{flex-direction:column;gap:1rem}.feed[data-variant=list] .card__media{aspect-ratio:16/9;flex:none}}.pager{border-top:1px solid var(--kcm-border);justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.pager__link{color:var(--kcm-primary);border:1px solid var(--kcm-border);border-radius:var(--kcm-radius);padding:.5rem 1rem;font-weight:600;text-decoration:none}.pager__link:hover{background:color-mix(in srgb,var(--kcm-primary) 8%,transparent)}.pager__status{color:var(--kcm-text-muted);font-size:.875rem}.pager__spacer{width:1px}
