.home-journal h2 { max-width: 850px; margin-inline: auto; font-size: clamp(1.65rem, 3.2vw, 2.6rem); line-height: 1.2; }
.blog-teasers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.journal-card { display: flex; flex-direction: column; min-width: 0; color: var(--silver-2); text-decoration: none; background: var(--bg); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; overflow: hidden; transition: border-color .2s; }
.journal-card:hover, .journal-card:focus-visible { border-color: var(--red-hot); }
.journal-card > img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.journal-card__body { padding: 1.4rem; display: flex; flex: 1; flex-direction: column; gap: .8rem; }
.journal-card .eyebrow { margin: 0; }
.journal-card h3 { margin: 0; font-family: var(--font-display, 'Cinzel', serif); font-size: clamp(1.05rem, 1.4vw, 1.3rem); line-height: 1.45; overflow-wrap: anywhere; }
.journal-card__desc { margin: 0; color: var(--silver); font-size: .92rem; line-height: 1.65; }
.journal-card time { margin-top: auto; padding-top: .5rem; color: var(--silver); font-size: .78rem; }
@media (max-width: 899px) { .blog-teasers { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .blog-teasers { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; } .journal-card h3 { font-size: 1.12rem; } }