/* Restore a clear mobile reading order and keep the route animation out of the copy. */
@media (max-width: 720px) {
  .studio[data-page="/"] #expertise.has-showcase:not(.expertise-pin-story) .focus-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    align-items: start;
    gap: 8px;
  }

  .studio[data-page="/"] #expertise.has-showcase:not(.expertise-pin-story) .focus-head > div {
    display: contents;
  }

  .studio[data-page="/"] #expertise.has-showcase:not(.expertise-pin-story) .expertise-heading-meta {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }

  .studio[data-page="/"] #expertise.has-showcase:not(.expertise-pin-story) .focus-head .eyebrow {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    margin: 0;
  }

  .studio[data-page="/"] #expertise.has-showcase:not(.expertise-pin-story) .focus-head h2 {
    grid-column: 1;
    grid-row: 3;
    margin: 0;
  }
}

@media (max-width: 800px) {
  .studio[data-page="/"] .route66-map {
    left: 0;
    width: 68px;
  }
}

@media (max-width: 420px) {
  .studio[data-page="/"] .route66-map {
    width: 55px;
  }
}