.journal {
  position: relative;
  height: 123px;
  margin: 13px 25px 0 35px;
  background: linear-gradient(100deg, #f7f6f3, #fbfaf8 52%, #f7f6f3);
  border-bottom: 1px solid #82746025;
  box-shadow: 1px 2px 2px #75695314;
  clip-path: inset(0 -4px -5px 0);
}
.journal-title { position: absolute; left: 20px; top: 10px; margin: 0; font: 400 11.5px/18px Georgia, serif; letter-spacing: 1.2px; }
.journal-all { position: absolute; left: 20px; top: 42px; padding: 0; border: 0; background: none; font-size: 9px; line-height: 16px; letter-spacing: .4px; }
.journal-all span { margin-left: 10px; }
.journal-cards { position: absolute; top: 8px; left: 10.5263158%; right: 7.2124756%; display: grid; grid-template-columns: 282fr 18fr 256fr 24fr 264fr; }
.journal-card { position: relative; height: 106px; min-width: 0; padding: 11px 13px; background: linear-gradient(110deg, #fbfaf8e8, #ffffff88), url('../assets/paper-texture.png') center / 270px 440px; box-shadow: 0 1px 2px #62594330; }
.journal-card:nth-child(1) { grid-column: 1; }
.journal-card:nth-child(2) { grid-column: 3; }
.journal-card:nth-child(3) { grid-column: 5; }
.journal-card time { display: block; font: 6px/10px Georgia, serif; letter-spacing: .5px; color: #8e8881; }
.journal-card h3 { position: relative; z-index: 1; margin: 5px 0 0; color: #6b665f; font-size: 10.5px; font-weight: 400; line-height: 18px; letter-spacing: .4px; white-space: nowrap; }
.journal-card:first-child h3 { letter-spacing: .15px; }
.journal-description { position: relative; z-index: 1; margin: 0; font-size: 10.5px; line-height: 18px; letter-spacing: .4px; }
.journal-category { position: absolute; left: 13px; bottom: 15px; margin: 0; font-size: 7px; line-height: 10px; letter-spacing: .5px; color: #7e7972; }
.journal-card img { position: absolute; right: 15px; top: 31px; width: 84px; height: 67px; object-fit: cover; }
.journal-card:nth-child(2) img { right: 10px; width: 89px; }
.journal-card:nth-child(3) img { right: 11px; top: 32px; width: 86px; height: 66px; }
@media (max-width: 900px) {
  .journal { height: auto; margin: 13px 20px 0; padding: 42px 12px 16px; }
  .journal-title { left: 12px; }
  .journal-all { top: 10px; left: auto; right: 12px; }
  .journal-cards { position: relative; inset: auto; grid-template-columns: 1fr; gap: 14px; }
  .journal-card:nth-child(n) { grid-column: auto; }
}