@media (min-width: 768px) {
  .pi-logo {
    --pi-logo-max: var(--pi-logo-max-desktop, 720px);
    --pi-logo-pad-y: 4.5rem;
    --pi-logo-pad-x: 1.45rem;
  }

  .pi-logo__wordmark {
    font-size: 7.5rem;
  }
}

@media (min-width: 1200px) {
  .pi-logo__wordmark {
    font-size: 8.5rem;
  }
}