@media (max-width: 1120px) {
  .hero-title {
    max-width: 12.4ch;
  }

  .overview-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .overview-heading,
  .overview-copy,
  .overview-aside {
    grid-column: 1;
  }

  .impact-feature {
    grid-column: span 12;
  }

  .impact-card,
  .impact-card:nth-child(3),
  .impact-card:nth-child(4) {
    grid-column: span 6;
  }
}

@media (max-width: 980px) {
  :root {
    --header-height: 72px;
    --section-space: clamp(4rem, 9vw, 5.6rem);
  }

  .header-nav-row,
  .work-carousel-head,
  .skills-secondary-grid,
  .footer-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-grid,
  .profile-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-copy,
  .hero-proof,
  .skills-feature {
    grid-column: 1 / -1;
  }

  .header-nav-row {
    display: grid;
    align-items: start;
  }

  .header-actions {
    margin-left: 0;
    justify-content: flex-start;
    gap: 6px;
  }

  .language-panel {
    right: auto;
    left: 0;
  }

  .work-carousel-controls {
    justify-content: flex-start;
  }

  .contact-panel {
    padding-top: 1.75rem;
  }

  .contact-title {
    max-width: 26ch;
  }

  .footer-shell {
    display: grid;
    justify-items: center;
  }
}

@media (max-width: 760px) {
  .section-shell,
  .header-inner {
    width: min(var(--container-max), calc(100% - 28px));
  }

  .page-section {
    scroll-margin-top: calc(var(--header-height) + 26px);
  }

  .header-inner {
    gap: 14px;
  }

  .brand-role {
    display: none;
  }

  .hero-title {
    max-width: none;
  }

  .impact-layout,
  .project-modal-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .impact-feature,
  .impact-card,
  .impact-card:nth-child(3),
  .impact-card:nth-child(4) {
    grid-column: 1 / -1;
  }

  .proj-vcar,
  .proj-slide {
    height: 500px;
  }

  .hero-actions .button {
    width: 100%;
  }

  .contact-summary {
    max-width: 33rem;
  }

  .contact-actions .button {
    width: min(100%, 20rem);
  }

  .footer-links {
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  .header-inner,
  .hero-proof,
  .impact-feature,
  .impact-card,
  .work-carousel-shell,
  .skills-feature,
  .skills-card,
  .profile-card,
  .contact-panel,
  .project-modal-content {
    padding: 20px;
  }

  .header-top,
  .header-nav-row {
    gap: 12px;
  }

  .header-actions {
    gap: 6px;
  }

  .contact-title {
    max-width: 18ch;
    font-size: clamp(2.5rem, 12vw, 3.7rem);
  }

  .contact-panel {
    padding: 20px 0 0;
  }

  .hero-links {
    align-items: flex-start;
  }

  .hero-links span {
    display: none;
  }

  .proj-vcar,
  .proj-slide {
    height: 560px;
  }

  .proj-slide {
    padding-right: 34px;
  }

  .project-modal-dialog {
    width: min(100% - 20px, 860px);
    margin-top: 20px;
  }

  .contact-links {
    gap: 10px;
  }

  .contact-links-separator {
    display: none;
  }
}