.blog-head{padding-block:clamp(40px,3vw + 28px,88px)}.principles-promo{align-items:center;gap:clamp(1.2rem,3vw,2.5rem);padding-block:clamp(1.8rem,3vw,2.8rem);display:flex}.principles-promo .ordinal{flex:none;align-self:center}.principles-promo .promo-text{flex:1;gap:.25rem;min-width:0;display:grid}.principles-promo .promo-title{font-family:var(--font-archivo), Arial, sans-serif;font-weight:650;font-size:var(--h3);color:var(--paper-on-dark);line-height:1.15}.principles-promo .promo-sub{color:var(--grey-400);font-size:.95rem}.principles-promo>.tlink{flex:none}@media (max-width:599px){.principles-promo>.tlink{display:none}}.post-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px;display:grid}.post-grid .post-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:border-color var(--t-micro) var(--shift), transform var(--t-std) var(--enter);flex-direction:column;padding-bottom:1.5rem;display:flex;overflow:hidden}.post-grid .post-card:hover{border-color:var(--line-dark);transform:translateY(-4px)}.post-card .thumb{aspect-ratio:3/2;background:var(--surface-2);display:block;position:relative;overflow:hidden}.post-card .thumb img{transition:transform .6s var(--enter)}.post-card:hover .thumb img{transform:scale(1.04)}.post-card .meta{font-size:var(--label);justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.2rem;margin-bottom:.6rem;padding-inline:1.4rem;display:flex}.post-card time{color:var(--grey-400)}.post-card .badge{color:var(--red)}.post-card .h3{margin-bottom:.6rem;padding-inline:1.4rem}.post-card .summary{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;padding-inline:1.4rem;font-size:.95rem;display:-webkit-box;overflow:hidden}