/* =========================
   LINKS
========================= */

.links-header {

  text-align: center;

  max-width: 700px;
  margin: 0 auto 50px;

}

.links-label {

  display: inline-block;

  margin-bottom: 12px;

  text-transform: uppercase;
  letter-spacing: 2px;

  font-size: 0.85rem;

}

.links-title {

  font-family: var(--font-heading);

  font-size: clamp(2rem, 5vw, 4rem);

  margin-bottom: 16px;

}

.links-description {

  max-width: 600px;
  margin: 0 auto;

}

.links-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);
  gap: 20px;

}

.link-card {

  padding: 40px 30px;

  border: 1px solid rgba(0,0,0,0.1);

  transition: var(--transition-fast);

}

.link-card:hover {

  transform: translateY(-4px);

}

.link-card-title {

  margin-bottom: 12px;

  font-size: 1.25rem;

}

.link-card-text {

  opacity: 0.7;

}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

  .links-grid {
    grid-template-columns: 1fr;
  }

  .link-card {
    padding: 24px;
  }

}