/* Shared navigation between portfolio cases */
.portfolio-case-switcher {
  margin-top: 92px;
  padding: 24px 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 32px;
}

.portfolio-case-link {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 26px;
  color: #111318;
  text-decoration: none;
  transition: opacity .18s ease, transform .18s ease;
}

.portfolio-case-link:not(.is-disabled):hover {
  opacity: .68;
}

.portfolio-case-prev { justify-self: start; }
.portfolio-case-next { justify-self: end; text-align: right; }

.portfolio-case-arrow {
  color: #8a909a;
  font-family: Arial, sans-serif;
  font-size: 48px;
  line-height: 1;
  font-weight: 300;
}

.portfolio-case-copy {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.portfolio-case-copy small {
  color: #8a909a;
  font-family: "Gilroy", sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: 500;
}

.portfolio-case-copy strong {
  color: #111318;
  font-family: "Gilroy", sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

.portfolio-case-link.is-disabled {
  opacity: .42;
  cursor: default;
  user-select: none;
}

@media (max-width: 760px) {
  .portfolio-case-switcher {
    margin-top: 58px;
    padding: 10px 0 18px;
    gap: 14px;
  }

  .portfolio-case-link { gap: 10px; }
  .portfolio-case-arrow { font-size: 30px; }
  .portfolio-case-copy small { font-size: 9px; line-height: 12px; }
  .portfolio-case-copy strong { font-size: 13px; line-height: 17px; }
}