@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
  }
}

@media (max-width: 74em) {
  .header-right {
    grid-column: 20/25;
  }
}

@media (max-width: 66em) {
  /* Collapse the header into a simple 2‑column grid */
  .header-row {
    grid-template-columns: 1.3fr 1fr 1fr;
    column-gap: 3rem;
    row-gap: 1rem;
    padding-bottom: 1rem;
  }

  /* LEFT COLUMN */
  .header-left {
    grid-column: 1;
    grid-row: 1;
    padding-bottom: 0;
  }

  .header-center-left {
    grid-column: 1;
    grid-row: 2;
  }

  .header-center {
    grid-column: 3;
    grid-row: 2;
    padding-bottom: 1rem;
  }

  /* RIGHT COLUMN */
  .header-center-right {
    grid-column: 2;
    grid-row: 1;
  }

  .header-right {
    grid-column: 3;
    grid-row: 1;
  }

  /* BODY ALIGNMENT */
  .grid-container {
    grid-template-columns: 1.3fr 1fr 1fr;
    column-gap: 3rem;
  }

  .body-left {
    grid-column: 1/2;
  }

  .body-right {
    grid-column: 2/-1;
  }

  .line {
    grid-column: 2 / -1;
  }
}

@media (max-width: 50em) {
  .header-row {
    grid-template-columns: 1fr 1fr;
  }

  .header-left {
    grid-column: 1;
    grid-row: 1;
    padding-bottom: 0;
  }

  .header-center-left {
    grid-column: 2;
    grid-row: 2;
  }

  .header-center {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 1rem;
  }

  /* RIGHT COLUMN */
  .header-center-right {
    grid-column: 2;
    grid-row: 1;
  }

  .header-right {
    grid-column: 1/-1;
    grid-row: 3;
  }
  /* BODY ALIGNMENT */
  .grid-container {
    display: block;
  }

  .body-left {
    margin-bottom: 2rem;
  }

  .body-right {
    margin-bottom: 2rem;
  }

  .line {
    margin-bottom: 2rem;
  }
}