.brand-logo {
  display: block;
  width: clamp(190px, 19vw, 270px);
  height: auto;
  max-height: 64px;
  object-fit: contain;
  object-position: left center;
}
.brand-footer .brand-logo { width: clamp(190px, 20vw, 250px); }
.journal-card {
  min-height: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  background: #111720;
}
.planner-strip {
  padding: 22px clamp(22px, 7vw, 110px);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: #07090d;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.planner-strip span {
  padding: 16px;
  background: #111720;
  color: #d7d8da;
  font-size: .83rem;
}
.planner-strip b { margin-right: 8px; color: var(--gold-light); }
.journal-card-image {
  height: 210px;
  overflow: hidden;
  background: #0b0f15;
}
.journal-card-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .45s ease, filter .45s ease;
}
.journal-card-image.crop-0 img { object-position: 18% center; }
.journal-card-image.crop-1 img { object-position: 50% center; }
.journal-card-image.crop-2 img { object-position: 82% center; }
.journal-card-copy {
  min-height: 265px;
  padding: 28px 30px 30px;
  display: flex;
  flex-direction: column;
}
.journal-card-copy small {
  color: var(--gold-light);
  text-transform: uppercase;
  letter-spacing: .15em;
}
.journal-card-copy h2 {
  margin: 13px 0;
  font: 500 1.85rem/1.08 "Playfair Display", serif;
}
.journal-card-copy p { color: #969aa2; }
.journal-card-copy b {
  margin-top: auto;
  color: var(--gold-light);
  font-size: .83rem;
}
.journal-card:hover .journal-card-image img {
  transform: scale(1.045);
  filter: brightness(1.08);
}
.photo-credit {
  margin-top: 10px;
  color: #8f939a;
  font-size: .72rem;
  line-height: 1.5;
}
.photo-credit a { color: #b7a477; }
.journal-card.wide {
  min-height: 300px;
  display: grid;
  grid-template-columns: minmax(310px, 42%) 1fr;
}
.journal-card.wide .journal-card-image { height: 100%; min-height: 300px; }
.journal-card.wide .journal-card-copy { min-height: 300px; justify-content: center; }
@media (max-width: 850px) {
  .planner-strip { grid-template-columns: repeat(2, 1fr); }
  .journal-card.wide { grid-template-columns: 1fr; }
  .journal-card.wide .journal-card-image { height: 230px; min-height: 0; }
}
@media (max-width: 600px) {
  .brand-logo { width: 168px; max-height: 48px; }
  .planner-strip { grid-template-columns: 1fr; }
  .journal-card-image { height: 220px; }
  .journal-card-copy { min-height: 250px; padding: 25px 24px 28px; }
}