@media (min-width: 981px) {
  .hero__headline {
    white-space: nowrap;
  }
  .hero__headline .line {
    display: inline;
  }
}

@media (max-width: 980px) {
  .header__nav { display: none; }
  .header__burger { display: flex; }

  .container {
    width: min(var(--max-w), calc(100% - var(--space-6)));
  }

  .section--hero {
    padding: var(--space-12) 0 var(--space-9);
  }

  .hero__content {
    padding-top: var(--space-10);
  }


  .service {
    grid-template-columns: 1fr;
    gap: var(--space-3);
    padding: var(--space-5) var(--space-4);
    padding-right: calc(var(--space-4) + 40px);
    margin: 0 calc(var(--space-4) * -1);
  }

  .service::before {
    inset: auto;
    position: absolute;
    bottom: var(--space-5);
    right: var(--space-4);
    left: auto;
    top: auto;
    width: 24px;
    height: 1px;
    background: var(--ink-faint);
    transform: none;
    transform-origin: center;
    border-radius: 0;
    opacity: 1;
    pointer-events: none;
  }

  .service:hover::before {
    transform: none;
  }

  .service::after {
    content: "";
    position: absolute;
    bottom: var(--space-5);
    right: var(--space-4);
    width: 9px;
    height: 1px;
    background: var(--ink-faint);
    transform-origin: right bottom;
    transform: rotate(45deg);
    pointer-events: none;
  }

  .news-item {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: var(--space-1) var(--space-3);
  }

  .news-item__date {
    grid-column: 1;
    grid-row: 1;
  }

  .news-item__cat {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .news-item__title {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .news-item__arrow { display: none; }

}

@media (max-width: 640px) {
  .section {
    padding: var(--space-10) 0;
  }

  .hero__headline {
    font-size: clamp(38px, 12vw, 64px);
  }

  .hero__lead,
  .hero__accent {
    font-size: clamp(14px, 3.5vw, 16px);
  }

  .sp-hide {
    display: none;
  }
}