.award-strip {
  background: var(--lime);
  border-block: 1px solid var(--ink);
}

.award {
  min-height: 366px;
  display: grid;
  grid-template-columns: 70px 620px minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

.award-year {
  font-family: var(--serif);
  font-size: 2rem;
}

.award b,
.award small { display: block; }
.award b { font-size: 1.08rem; }
.award small { color: #4e531d; margin-top: 3px; }
.award-arrow { font-weight: 800; font-size: .82rem; }
.award-year { grid-row: 1 / 3; }
.award-photo-wrap { grid-row: 1 / 3; position: relative; display: block; width: 620px; }
.award-photo { display: block; width: 620px; height: 339px; object-fit: cover; border: 1px solid rgba(0,0,0,.35); }
.award-photo-link { position: absolute; right: 14px; bottom: 14px; padding: 10px 13px; background: var(--ink); color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .04em; box-shadow: 0 0 0 1px rgba(255,255,255,.35); }
.award:hover .award-photo-link, .award:focus-visible .award-photo-link { background: #fff; color: var(--ink); }
.award:focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
.award-copy { align-self: end; }
.award-arrow { grid-column: 3; grid-row: 2; align-self: start; }

@media (max-width: 760px) {
  .award { grid-template-columns: 60px 1fr; padding: 20px 0; }
  .award-year { grid-row: 1; }
  .award-photo-wrap { grid-column: 1 / -1; grid-row: 2; width: 100%; }
  .award-photo { width: 100%; height: auto; }
  .award-photo-link { right: 10px; bottom: 10px; }
  .award-copy { grid-column: 1 / -1; grid-row: 3; }
  .award-arrow { grid-column: 2; grid-row: 4; }
}