@layer components{.st-post-card{--st-post-card-overlay-scrim:color-mix(in oklab,var(--st-gray-12) 80%,transparent);--st-post-card-overlay-fg:var(--st-fg-on-solid);--st-post-card-overlay-fg-muted:color-mix(in oklab,var(--st-fg-on-solid) 80%,transparent);position:relative;background:var(--st-bg);border-radius:var(--st-radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--st-duration-base) ease,box-shadow var(--st-duration-base) ease}.st-post-card:hover{transform:translateY(-2px);box-shadow:var(--st-shadow-lg)}.st-post-card__media{aspect-ratio:16 / 9;background:var(--st-bg-subtle);display:block;overflow:hidden}.st-post-card__image{block-size:100%;object-fit:cover;transition:transform 0.4s ease;inline-size:100%}.st-post-card:hover .st-post-card__image{transform:scale(1.04)}.st-post-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-space-2);padding:var(--st-space-4) var(--st-space-5) var(--st-space-5)}.st-post-card__cats{color:var(--st-fg-muted);font-size:var(--st-font-size-xs);letter-spacing:0.06em;text-transform:uppercase}.st-post-card__cats a{color:inherit;text-decoration:none}.st-post-card__cats a:hover,.st-post-card__cats a:focus-visible{color:var(--st-accent-fg)}.st-post-card__cats a:focus-visible{outline:2px solid var(--st-focus-ring);outline-offset:-1px}.st-post-card__title{color:var(--st-fg);font-family:var(--st-font-heading);font-size:var(--st-font-size-h4);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-tight);margin:0}.st-post-card__title a{color:inherit;text-decoration:none}.st-post-card__title a:hover,.st-post-card__title a:focus-visible{color:var(--st-accent-fg)}.st-post-card__title a:focus-visible{outline:2px solid var(--st-focus-ring);outline-offset:-1px}.st-post-card__excerpt{color:var(--st-fg-muted);font-size:var(--st-font-size-sm);line-height:var(--st-line-height-normal)}.st-post-card__excerpt p{margin:0}.st-post-card__meta{align-items:center;color:var(--st-fg-muted);display:flex;font-size:var(--st-font-size-xs);gap:var(--st-space-3);justify-content:space-between;margin-block-start:auto;padding-block-start:var(--st-space-3)}.st-post-card__more{color:var(--st-accent-fg);font-weight:var(--st-font-weight-semibold);text-decoration:none}.st-post-card__more:hover,.st-post-card__more:focus-visible{text-decoration:underline}.st-post-card__more:focus-visible{outline:2px solid var(--st-focus-ring);outline-offset:-1px}.st-post-card--image-left{flex-direction:row}.st-post-card--image-left .st-post-card__media{aspect-ratio:4 / 3;flex:0 0 40%;max-inline-size:40%}@media (max-width:640px){.st-post-card--image-left{flex-direction:column}.st-post-card--image-left .st-post-card__media{flex:0 0 auto;max-inline-size:100%}}.st-post-card--overlay{min-block-size:22rem;position:relative}.st-post-card--overlay .st-post-card__media{aspect-ratio:auto;inset:0;position:absolute}.st-post-card--overlay .st-post-card__body{background:linear-gradient(transparent,var(--st-post-card-overlay-scrim));color:var(--st-post-card-overlay-fg);margin-block-start:auto;padding-block-start:var(--st-space-8);position:relative}.st-post-card--overlay .st-post-card__cats,.st-post-card--overlay .st-post-card__excerpt,.st-post-card--overlay .st-post-card__meta{color:var(--st-post-card-overlay-fg-muted)}.st-post-card--overlay .st-post-card__title,.st-post-card--overlay .st-post-card__title a{color:var(--st-post-card-overlay-fg)}.st-post-card--overlay .st-post-card__more{color:var(--st-post-card-overlay-fg)}}