.journal-page{min-height:70vh;padding:80px 0 100px;background:#fff}
.journal-page-heading{border-top:1px solid var(--line);padding-top:24px;margin-bottom:44px}
.journal-page-heading h1{font:400 clamp(48px,7vw,94px)/1 Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin:16px 0 18px}
.journal-page-heading>p:last-child{font-size:14px;margin:0}
.journal-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.journal-page-grid .journal-card{display:flex;flex-direction:column;min-height:310px;border:1px solid var(--line);padding:0;background:#fff;overflow:hidden;transition:background .2s,border-color .2s}
.journal-page-grid .journal-card:hover,.journal-page-grid .journal-card:focus-visible{background:#faf8f3;border-color:#b89a63}
.journal-card-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f5f2eb}
.journal-card-copy{display:flex;flex-direction:column;flex:1;padding:26px 30px 30px}
.journal-card-copy>span:first-child{font:9px var(--mono);letter-spacing:.12em}
.journal-page-grid .journal-card h2{font:400 25px/1.12 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.04em;margin:28px 0 16px}
.journal-page-grid .journal-card p{font-size:13px;line-height:1.7;margin:0 0 30px}
.journal-page-grid .journal-card-link{margin-top:auto}
@media(max-width:800px){.journal-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.journal-page{padding:50px 0 70px}.journal-page-grid{grid-template-columns:1fr}.journal-page-grid .journal-card{min-height:260px}.journal-page-heading{margin-bottom:28px}.journal-card-copy{padding:24px}}
