.story-dateline{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;margin:0;display:flex}.story-dateline__date{color:var(--color-paper-ink);font-family:var(--font-typewriter);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;font-size:14px;line-height:1.2}.story-dateline__read{color:var(--color-ink-muted);font-family:var(--font-mono);white-space:nowrap;font-size:12px;line-height:1.2}
.blog-card{--tilt:-.8deg;--edge:polygon(0% 2%, 6% 0%, 40% 1.5%, 76% 0%, 100% 2%, 99% 50%, 100% 98%, 70% 100%, 34% 98.5%, 2% 100%, 0% 60%);isolation:isolate;color:var(--color-paper-ink);filter:drop-shadow(7px 8px 0 rgb(var(--rgb-black) / .5));transform:rotate(var(--tilt));flex-direction:column;gap:14px;padding:34px 24px 26px;display:flex;position:relative}.blog-card:before{content:"";z-index:-1;background:linear-gradient(176deg, var(--color-paper) 0%, var(--color-paper-shade) 100%);clip-path:var(--edge);position:absolute;inset:0}.blog-card:nth-child(2n){--tilt:.9deg;--edge:polygon(0% 1%, 30% 0%, 72% 2%, 97% 0%, 100% 40%, 99% 97%, 94% 100%, 50% 98.5%, 5% 100%, 1% 70%, 0% 30%)}.blog-card__tape{top:-12px;left:calc(50% - 43px)}.blog-card__photo{background-color:var(--color-paper-light);box-shadow:3px 4px 0 rgb(var(--rgb-black) / .25);margin:0 -6px 4px;padding:6px;transform:rotate(-1deg)}.blog-card__image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.blog-card__kicker{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.blog-card__stamp{border:2px solid var(--color-orange);color:var(--color-orange-stamp);font-family:var(--font-typewriter);letter-spacing:1.5px;text-transform:uppercase;padding:2px 10px;font-size:13px;transform:rotate(-3deg)}.blog-card__title{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;font-size:30px;font-weight:400;line-height:1.04}.blog-card__link{transition:color .16s}.blog-card:hover .blog-card__link{color:var(--color-orange)}.blog-card__link:after{content:"";z-index:var(--z-decor);position:absolute;inset:0}.blog-card__link:focus-visible{outline:none}.blog-card:has(.blog-card__link:focus-visible){outline:3px solid var(--color-yellow);outline-offset:6px}.blog-card__excerpt{color:var(--color-paper-text);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6}.blog-card--lead .blog-card__title{font-size:40px}@media (min-width:600px){.blog-card{padding:38px 30px 30px}.blog-card--lead{padding:48px 48px 40px}.blog-card--lead .blog-card__title{max-width:880px;font-size:58px}.blog-card--lead .blog-card__excerpt{max-width:760px;font-size:18px}}@media (min-width:1024px){.blog-card--lead:has(.blog-card__photo){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"kicker photo""title photo""excerpt photo";align-content:start;column-gap:40px;display:grid}.blog-card--lead .blog-card__photo{grid-area:photo;align-self:center;margin:0;transform:rotate(1.5deg)}.blog-card--lead .blog-card__kicker{grid-area:kicker}.blog-card--lead .blog-card__title{grid-area:title;font-size:52px}.blog-card--lead .blog-card__excerpt{grid-area:excerpt}}@media (min-width:1366px){.blog-card--lead .blog-card__title{font-size:60px}}
