.collection-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 360px;
}

.journal h2 { margin-left: auto; margin-right: auto; }
.journal > p:last-child { max-width: 720px; margin: 1.25rem auto 0; }
.learning { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:4rem; align-items:center; padding:5rem 10vw; background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.learning h2 { max-width:760px; margin:.3rem 0 1rem; font-family:'Cormorant Garamond',serif; font-size:clamp(2.2rem,4vw,4rem); line-height:1.05; font-weight:500; }
.learning p:not(.eyebrow) { max-width:700px; color:var(--muted); font-size:1.05rem; line-height:1.8; }
.learning .text-link { display:inline-block; margin-top:1rem; }
.learning img { width:100%; opacity:.72; }

@media (max-width:780px) {
  .learning { grid-template-columns:1fr; padding:4rem 6vw; }
  .learning img { width:160px; margin:0 auto; }
}

.collection-card-large,
.collection-card-wide {
  grid-column: auto;
  grid-row: auto;
}

@media (max-width: 1180px) {
  .collection-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 330px;
  }

  .collection-card-large,
  .collection-card-wide {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 620px) {
  .collection-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 300px;
  }
}