.blog-index{display:grid;gap:var(--space-2xl)}.blog-index__empty{font-size:var(--fs-lg)}.blog-index__grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl) var(--space-lg)}@media(min-width:768px){.blog-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.blog-index__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-index__item{display:flex;min-inline-size:0}.blog-index__pager{display:flex;justify-content:space-between;gap:var(--space-md)}.blog-index__page-link{font-weight:600;color:var(--color-primary-ink);text-decoration:underline;text-underline-offset:3px}.post-card{position:relative;display:flex;flex-direction:column;inline-size:100%;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);box-shadow:var(--shadow-card);transition:transform var(--duration-lift) var(--ease-entrance),box-shadow var(--duration-lift) var(--ease-entrance),border-color var(--transition-base)}.post-card:hover{transform:translateY(-4px);border-color:var(--spectrum-1-edge);box-shadow:0 18px 44px var(--shadow-brand-soft)}.post-card:has(.post-card__link:focus-visible){outline:2px solid var(--color-primary);outline-offset:3px;border-color:var(--spectrum-1-edge)}.post-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface)}.post-card__image{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--duration-fade) var(--ease-entrance)}.post-card:hover .post-card__image{transform:scale(1.04)}.post-card__placeholder{position:absolute;inset:0;display:grid;place-items:center;background:var(--banner-gradient)}.post-card__placeholder-hatch{position:absolute;inset:0;background:var(--banner-hatch);opacity:.08}.post-card__placeholder-tile{position:relative;display:grid;place-items:center;inline-size:var(--banner-tile);block-size:var(--banner-tile);border:1px solid var(--banner-frame);border-radius:var(--radius-panel);background:var(--banner-glass);box-shadow:var(--shadow-banner-tile)}.post-card__placeholder-icon{inline-size:48%;block-size:48%;fill:none;stroke:var(--color-text-inverse);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.post-card__body{display:flex;flex:1;flex-direction:column;gap:var(--gap-12);padding:var(--space-lg)}.post-card__date{font-family:var(--font-mono);font-size:var(--fs-13);letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.post-card__title{font-family:var(--font-heading);font-size:var(--fs-21);font-weight:400;line-height:1.35;color:var(--neutral-950)}.post-card__link{text-decoration:underline;text-decoration-color:var(--spectrum-1-edge);text-decoration-thickness:2px;text-underline-offset:5px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.post-card__link:after{content:"";position:absolute;inset:0;z-index:var(--z-base)}.post-card:hover .post-card__link,.post-card__link:focus-visible{color:var(--color-primary-ink);text-decoration-color:currentColor}.post-card__link:focus-visible{outline:none}.post-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-size:var(--fs-15);line-height:1.7;color:var(--color-text-soft)}.post-card__more{position:relative;z-index:var(--z-raised);display:inline-flex;align-items:center;gap:var(--gap-7);align-self:flex-start;margin-block-start:auto;padding-block-start:var(--space-sm);font-size:var(--fs-15);font-weight:600;color:var(--color-primary-ink)}.post-card__more:hover{color:var(--color-primary-deep);text-decoration:underline;text-underline-offset:4px}.post-card__more-icon{inline-size:18px;block-size:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--transition-base)}.post-card:hover .post-card__more-icon{transform:translate(4px)}[dir=rtl] .post-card__more-icon{transform:scaleX(-1)}[dir=rtl] .post-card:hover .post-card__more-icon{transform:scaleX(-1) translate(4px)}.post-card--featured .post-card__title{font-size:var(--fs-26)}@media(min-width:992px){.post-card--featured{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.post-card--featured .post-card__media{aspect-ratio:16 / 9;align-self:start}.post-card--featured .post-card__body{justify-content:center;padding:var(--space-xl) var(--space-2xl)}.post-card--featured .post-card__title{font-size:var(--fs-34);line-height:1.25}.post-card--featured .post-card__excerpt{font-size:var(--fs-17)}.post-card--featured .post-card__more{margin-block-start:var(--space-sm)}}@media(prefers-reduced-motion:reduce){.post-card,.post-card:hover,.post-card:hover .post-card__image,.post-card:hover .post-card__more-icon{transform:none}[dir=rtl] .post-card:hover .post-card__more-icon{transform:scaleX(-1)}}
