.footer__grid {
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.card {
  position: relative;
}

.card h3 a {
  position: static;
}

.card h3 a::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.card:hover h3 a {
  color: var(--cyan);
}

.grid-cards:has(> .card:nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(0px, 300px));
  justify-content: center;
  row-gap: 26px;
  column-gap: 26px;
  max-width: 680px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.grid-cards:has(> .card:nth-child(2):last-child) .card {
  padding: 26px 26px 24px;
}

.grid-cards:has(> .card:nth-child(2):last-child) .card h3 {
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
}

.grid-cards:has(> .card:nth-child(2):last-child) .card h3::after {
  content: "→";
  margin-left: auto;
  color: var(--cyan);
  transition-behavior: normal;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
  font-weight: 700;
}

.grid-cards:has(> .card:nth-child(2):last-child) .card:hover h3::after {
  transform: translateX(4px);
}

.sec__intro + .btnrow {
  display: flex;
  justify-content: center;
  row-gap: 14px;
  column-gap: 14px;
  flex-wrap: wrap;
}

.bendcta .btn--ghost, .sec .btnrow .btn--ghost, .cta-band .btn--ghost {
  background-image: initial !important;
  background-position-x: initial !important;
  background-position-y: initial !important;
  background-size: initial !important;
  background-repeat: initial !important;
  background-attachment: initial !important;
  background-origin: initial !important;
  background-clip: initial !important;
  background-color: rgb(255, 255, 255) !important;
  color: var(--teal-d) !important;
  border: 2px solid var(--line) !important;
}

.bendcta .btn--ghost:hover, .sec .btnrow .btn--ghost:hover {
  background: var(--teal) !important;
  color: rgb(255, 255, 255) !important;
  border-color: var(--teal) !important;
}

.cta-band .btn--ghost {
  background-image: initial !important;
  background-position-x: initial !important;
  background-position-y: initial !important;
  background-size: initial !important;
  background-repeat: initial !important;
  background-attachment: initial !important;
  background-origin: initial !important;
  background-clip: initial !important;
  background-color: transparent !important;
  color: rgb(255, 255, 255) !important;
  border-top-color: rgba(255, 255, 255, 0.6) !important;
  border-right-color: rgba(255, 255, 255, 0.6) !important;
  border-bottom-color: rgba(255, 255, 255, 0.6) !important;
  border-left-color: rgba(255, 255, 255, 0.6) !important;
}

.cta-band .btn--ghost:hover {
  background-image: initial !important;
  background-position-x: initial !important;
  background-position-y: initial !important;
  background-size: initial !important;
  background-repeat: initial !important;
  background-attachment: initial !important;
  background-origin: initial !important;
  background-clip: initial !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
  color: rgb(255, 255, 255) !important;
}

h1, h2, h3, .hero h1, .pcard h2 {
  text-wrap-mode: initial;
  text-wrap-style: balance;
}

html {
  scroll-behavior: smooth;
}

h2[id], h3[id] {
  scroll-margin-top: 96px;
}

.brail nav a.active {
  color: var(--teal);
  border-left-color: var(--cyan);
  font-weight: 800;
}

.brail nav a.sub.active {
  font-weight: 700;
}