.learning-proof { padding-top: 105px; }
.learning-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 52px; }
.learning-shot,
.learning-shot.shot-main { position: relative; display: block; min-height: 300px; background: var(--navy); overflow: hidden; color: #fff; text-decoration: none; }
.learning-shot img { width: 100%; height: 100%; object-fit: contain; background: #09172b; transition: transform .35s ease; }
.learning-shot:hover img { transform: scale(1.025); }
.learning-shot > span { position: absolute; left: 18px; right: 18px; bottom: 18px; padding: 14px 16px; background: #071a33eb; display: flex; flex-direction: column; border-left: 4px solid var(--yellow); }
.learning-shot b { font: 600 17px Space Grotesk; }
.learning-shot small { color: #bbc7d8; }
.testimonial-intro { max-width: 620px; color: var(--muted); font-size: 18px; }
.testimonial-gallery { display: grid; grid-template-columns: 1.05fr .95fr .95fr; gap: 18px; margin-top: 45px; align-items: stretch; }
.proof-card { border: 1px solid var(--line); background: #fff; display: flex; flex-direction: column; overflow: hidden; }
.proof-card > a { display: block; height: 285px; background: #f2f4f7; overflow: hidden; }
.proof-card img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
.proof-card:hover img { transform: scale(1.018); }
.proof-card > div { padding: 24px; flex: 1; }
.proof-card span { font-size: 10px; letter-spacing: .14em; font-weight: 800; color: var(--blue); }
.proof-card h3 { font-size: 23px; margin: 10px 0; }
.proof-card p { color: var(--muted); margin: 0; }
.proof-featured { grid-row: span 2; }
.proof-featured > a { height: 520px; background: #eef0f3; }
.proof-wide { grid-column: 2/4; display: grid; grid-template-columns: 1.45fr .55fr; }
.proof-wide > a { height: 220px; }
.proof-wide > div { display: flex; flex-direction: column; justify-content: center; }
.proof-note { text-align: center; color: var(--muted); font-size: 12px; margin-top: 18px; }

@media (max-width: 850px) {
  .learning-gallery { grid-template-columns: 1fr; }
  .learning-shot,
  .learning-shot.shot-main { min-height: 390px; }
  .testimonial-gallery { grid-template-columns: 1fr 1fr; }
  .proof-featured { grid-row: auto; }
  .proof-featured > a { height: 430px; }
  .proof-wide { grid-column: 1/3; grid-template-columns: 1fr; }
  .proof-wide > a { height: 220px; }
}

@media (max-width: 560px) {
  .learning-proof { padding-top: 75px; }
  .learning-shot,
  .learning-shot.shot-main { min-height: 280px; }
  .testimonial-gallery { grid-template-columns: 1fr; }
  .proof-card > a,
  .proof-featured > a { height: auto; max-height: none; }
  .proof-card img { height: auto; max-height: 520px; }
  .proof-wide { grid-column: auto; display: flex; }
  .proof-wide > a { height: auto; }
  .proof-card > div { padding: 20px; }
  .proof-card h3 { font-size: 21px; }
}