.post-card{border-radius:var(--storefront-product-card-radius);background:linear-gradient(120deg, color-mix(in srgb, var(--post-hue) 55%, var(--surface-card)), color-mix(in srgb, var(--post-hue) 38%, var(--surface-card)));height:100%;color:var(--content-primary);flex-direction:column;transition:transform .2s;display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .post-card,:root[data-theme=dark] .post-card__category{background:linear-gradient(120deg, color-mix(in srgb, var(--post-hue) 26%, var(--surface-card)), color-mix(in srgb, var(--post-hue) 17%, var(--surface-card)))}.homepage-posts__items>li:nth-child(5n+1)>.post-card,.blog__cards>.post-card:nth-child(5n+1){--post-hue:var(--tint-peach)}.homepage-posts__items>li:nth-child(5n+2)>.post-card,.blog__cards>.post-card:nth-child(5n+2){--post-hue:var(--tint-sky)}.homepage-posts__items>li:nth-child(5n+3)>.post-card,.blog__cards>.post-card:nth-child(5n+3){--post-hue:var(--tint-violet)}.homepage-posts__items>li:nth-child(5n+4)>.post-card,.blog__cards>.post-card:nth-child(5n+4){--post-hue:var(--tint-pink)}.homepage-posts__items>li:nth-child(5n+5)>.post-card,.blog__cards>.post-card:nth-child(5n+5){--post-hue:var(--tint-mint)}.post-card__image{aspect-ratio:16/10;background:color-mix(in srgb, var(--post-hue) 30%, var(--surface-muted));position:relative;overflow:hidden}.post-card__image img{object-fit:cover;width:100%;height:100%;display:block}.post-card:hover{transform:translateY(-3px)}.post-card__category{z-index:1;background:linear-gradient(120deg, color-mix(in srgb, var(--post-hue) 55%, var(--surface-card)), color-mix(in srgb, var(--post-hue) 38%, var(--surface-card)));max-width:calc(100% - 1.5rem);color:var(--content-primary);font-size:var(--font-size-15);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:.3rem .8rem;font-weight:550;line-height:1.3;text-decoration:none;position:absolute;top:.75rem;left:.75rem;overflow:hidden}a.post-card__category:hover{filter:brightness(.96)}.post-card__body{flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.25rem 1.125rem;display:flex}.post-card__title{font-size:var(--font-size-20);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.3}.post-card__title a{color:inherit;text-decoration:none}.post-card__title a:after{content:"";position:absolute;inset:0}.post-card__excerpt{-webkit-line-clamp:2;line-clamp:2;color:var(--content-secondary);font-size:var(--font-size-15);-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--content-secondary);font-size:var(--font-size-15);justify-content:space-between;align-items:center;gap:.5rem 1rem;margin:auto 0 0;display:flex}.post-card__read{color:var(--action-link);align-items:center;gap:.5rem;font-weight:650;display:inline-flex}.post-card__arrow{stroke-width:2.5px;transition:transform .25s}.post-card:hover .post-card__arrow{transform:translate(.2rem)}.post-card--lead .post-card__image{aspect-ratio:auto;flex:1;min-height:18rem}.post-card--lead .post-card__image img{position:absolute;inset:0}.post-card--lead .post-card__body{flex:none}.post-card--lead .post-card__title{font-size:var(--font-size-28)}.post-card--compact{grid-template-columns:9rem minmax(0,1fr);align-items:stretch;display:grid}.post-card--compact .post-card__image{aspect-ratio:auto;min-height:7rem}.post-card--compact .post-card__image img{position:absolute;inset:0}.post-card--compact .post-card__body{gap:.5rem;padding:.875rem 1rem}.post-card--compact .post-card__category{max-width:calc(100% - .8rem);padding:.1rem .5rem;top:.4rem;left:.4rem}.post-card--compact .post-card__title{-webkit-line-clamp:2;line-clamp:2;font-size:var(--font-size-18);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.post-card,.post-card__arrow{transition:none}.post-card:hover,.post-card:hover .post-card__arrow{transform:none}}@container homepage (max-width:64rem){.post-card--lead .post-card__image{aspect-ratio:16/10;flex:none;min-height:0}}@supports not (container-type:inline-size){@media (max-width:64rem){.post-card--lead .post-card__image{aspect-ratio:16/10;flex:none;min-height:0}}}@container homepage (max-width:40rem){.post-card--compact{grid-template-columns:7.5rem minmax(0,1fr);gap:.75rem}}@supports not (container-type:inline-size){@media (max-width:40rem){.post-card--compact{grid-template-columns:7.5rem minmax(0,1fr);gap:.75rem}}}