@layer app{.k-blog-post-card{color:oklch(82.7% .003 270);isolation:isolate;grid-template-rows:auto 1fr;gap:1rem;width:100%;transition:transform .16s cubic-bezier(.23,1,.32,1);display:grid;position:relative}.k-blog-post-card:has(:focus-visible){outline-offset:.25rem;outline:.125rem solid oklch(75.5% .005 270)}.k-blog-post-card__media{aspect-ratio:16/10;background:oklch(31.8% .008 270);border-radius:1rem;overflow:hidden}.k-blog-post-card__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .24s cubic-bezier(.23,1,.32,1);display:block}.k-blog-post-card__body{grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:.5rem 1rem;min-width:0;display:grid}.k-blog-post-card__date{color:oklch(75.5% .005 270);grid-column:1/-1;font-size:.875rem}.k-blog-post-card__title{color:oklch(90% .002 270);letter-spacing:-.035em;overflow-wrap:anywhere;font-size:1.5rem;font-weight:700;line-height:1.15}.k-blog-post-card__description{color:oklch(75.5% .005 270);overflow-wrap:anywhere;grid-column:1/-1;line-height:1.55}.k-blog-post-card__read{color:oklch(90% .002 270);grid-column:1/-1;align-items:center;gap:.375rem;margin-top:.375rem;font-size:.875rem;font-weight:600;display:inline-flex}.k-blog-post-card__arrow{transition:transform .18s cubic-bezier(.23,1,.32,1)}.k-blog-post-card__link{border-radius:inherit;z-index:1;text-decoration:none;position:absolute;inset:0}.k-blog-post-card--featured{grid-template-rows:auto;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);align-items:end;gap:2rem}.k-blog-post-card--featured .k-blog-post-card__media{aspect-ratio:16/9}.k-blog-post-card--featured .k-blog-post-card__body{padding-block:1rem}.k-blog-post-card--featured .k-blog-post-card__title{font-size:2.25rem}@media (hover:hover) and (pointer:fine){.k-blog-post-card:hover .k-blog-post-card__image{transform:scale(1.025)}.k-blog-post-card:hover .k-blog-post-card__arrow{transform:translate(.25rem,-.25rem)}}.k-blog-post-card:active{transform:scale(.99)}@media (width<=768px){.k-blog-post-card--featured{grid-template-columns:minmax(0,1fr);gap:1rem}.k-blog-post-card--featured .k-blog-post-card__body{padding-block:0}.k-blog-post-card--featured .k-blog-post-card__title{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.k-blog-post-card,.k-blog-post-card__arrow,.k-blog-post-card__image{transition:none}}}