.posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.posts .post{border-radius:var(--r-xl);isolation:isolate;border:1px solid var(--line);background:var(--surface-1);min-width:0;color:inherit;animation:.5s cubic-bezier(.2,.7,.2,1) both post-in;animation-delay:calc(var(--i,0) * 50ms);grid-template-rows:auto 1fr;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .35s;display:grid;overflow:hidden}.posts .post:hover,.posts .post:focus-visible{border-color:color-mix(in srgb, var(--candle) 55%, var(--line));box-shadow:var(--shadow-lg), var(--glow-candle);outline:none;transform:translateY(-4px)}.posts .post--feature{grid-column:1/-1;grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.post__art{background:var(--surface-2);height:13rem;display:block;position:relative;overflow:hidden}.post__art:before{content:"";background:var(--bg,none) center / cover;filter:blur(18px)saturate(1.2);opacity:.55;transition:transform .6s,opacity .4s;position:absolute;inset:-20px;transform:scale(1.05)}.post__art:after{content:"";background:linear-gradient(to bottom, transparent 40%, var(--surface-1));position:absolute;inset:0}.post--feature .post__art{height:auto;min-height:16rem}.post--feature .post__art:after{background:linear-gradient(to right, transparent 55%, var(--surface-1))}.post__art img{z-index:1;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line-strong);width:6.4rem;max-width:none;height:auto;box-shadow:var(--shadow-md);--off:calc(var(--n) - (var(--k) - 1) / 2);transform:translateX(calc(-50% + var(--off) * 3.6rem)) rotate(calc(var(--off) * 7deg));transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:1.1rem;left:50%}.post--feature .post__art img{width:8.5rem;bottom:50%;translate:0 50%}.posts .post:hover .post__art img,.posts .post:focus-visible .post__art img{transform:translateX(calc(-50% + var(--off) * 5rem)) rotate(calc(var(--off) * 12deg)) translateY(-6px)}.posts .post:hover .post__art:before,.posts .post:focus-visible .post__art:before{opacity:.7;transform:scale(1.15)}.post__text{align-content:start;gap:.5rem;min-width:0;padding:1.1rem 1.25rem 1.3rem;display:grid}.post--feature .post__text{align-content:center;padding:2rem 2rem 2rem 1rem}.post__text small{font:700 var(--fs-xs)/1 var(--ui);letter-spacing:var(--track-2);text-transform:uppercase;color:var(--candle-dim)}.post__text h2,.post__text h3{font:400 var(--fs-xl)/1.2 var(--display);color:var(--ink-hi);text-wrap:balance;margin:0}.post--feature .post__text h2{font-size:var(--fs-2xl)}.post__text p{color:var(--muted);font:400 var(--fs-sm)/1.55 var(--ui);margin:0}.post__meta{color:var(--faint);font:400 var(--fs-xs)/1.3 var(--ui)}@keyframes post-in{0%{transform:translateY(10px)}to{transform:none}}@media (max-width:1100px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.posts{grid-template-columns:1fr}.posts .post--feature{grid-template-rows:auto 1fr;grid-template-columns:none}.post--feature .post__art{height:13rem;min-height:0}.post--feature .post__art:after{background:linear-gradient(to bottom, transparent 40%, var(--surface-1))}.post--feature .post__art img{width:6.4rem;bottom:1.1rem;translate:none}.post--feature .post__text{padding:1.1rem 1.25rem 1.3rem}}@media (prefers-reduced-motion:reduce){.posts .post,.post__art img,.post__art:before{transition:none;animation:none}}.posts .post{max-width:none}.post__art--cover:before{content:none}.post__art--cover img,.post:hover .post__art--cover img,.post:focus-visible .post__art--cover img{aspect-ratio:auto;object-fit:cover;object-position:50% 0%;transform-origin:50% 0;width:100%;max-width:none;height:100%;box-shadow:none;border:0;border-radius:0;transition:transform .6s cubic-bezier(.2,.7,.2,1);inset:0;transform:none}.post:hover .post__art--cover img,.post:focus-visible .post__art--cover img{transform:scale(1.04)}.post--feature .post__art--cover img{width:100%;height:100%;inset:0;translate:none}.post--feature .post__art--cover:after{background:linear-gradient(to right, transparent 70%, var(--surface-1))}.post--feature .post__art--cover{aspect-ratio:16/9;min-height:0}