.passport-section .eyebrow {
  color: #123b53;
}

.community-visual {
  background: linear-gradient(0deg, rgba(7, 24, 39, .18), rgba(7, 24, 39, 0)), url('community-adventure.png') center center / cover no-repeat;
}

.community-visual::before,
.community-visual::after,
.community-visual .topo-lines,
.community-visual > span {
  display: none;
}

.activity-card {
  color: #fff;
  text-decoration: none;
}

.activity-card > div {
  margin-top: auto;
}

.activity-open {
  display: inline-block;
  margin-top: 18px;
  color: #fff;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
}

.activity-card:hover .activity-open,
.activity-card:focus-visible .activity-open {
  opacity: 1;
  transform: none;
}

.activity-card:focus-visible {
  outline: 3px solid #123b53;
  outline-offset: 3px;
}

@media (min-width: 901px) {
  .activity-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .activity-open { opacity: 1; transform: none; }
}