/* The canvas stays black behind Safari's expanding viewport and overscroll. */
html.ora-home,
.ora-home body,
.ora-home [data-horizontal-story] { background-color: #000; }
.ora-mobile-page-title { display: none; }
@media (max-width: 767px) {
  .ora-home .ora-landing { height: 100dvh; min-height: 100dvh; }
  .ora-home [data-intro-header] { justify-content: flex-start; gap: 20px; height: 64px; padding: 0 20px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  .ora-home [data-intro-header] > a { position: absolute; left: 20px; width: auto; }
  .ora-home #menu-toggle { margin-left: auto; width: 32px; height: 32px; }
  .ora-home #menu-toggle > svg { width: 32px; height: 32px; }
  .ora-home [data-intro-header] .ora-wordmark { height: 22px; line-height: 22px; word-spacing: .25em; }
  .ora-mobile-page-title {
    display: flex;
    position: absolute;
    left: 20px;
    width: var(--mobile-title-width, 0px);
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    height: 22px;
    min-width: 0;
    margin: 0;
    color: inherit;
    font: 400 14px/22px "PP Editorial Old", serif;
    letter-spacing: -.02em;
    white-space: nowrap;
    text-transform: uppercase;
  }
  [data-mobile-page-title-text] { display: inline-flex; flex-shrink: 0; height: 22px; align-items: center; justify-content: center; gap: 8px; }
  [data-mobile-page-title-text]:not(:empty)::before {
    content: attr(data-chapter);
    flex: none;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0;
    opacity: .6;
  }
  .ora-home .ora-page-title { display: none; }
  .ora-home .ora-intro-content { margin-top: 0; }
  .ora-home .work-deck-intro { grid-template-rows: minmax(0, 1fr); }
  .ora-home .ora-services { grid-template-rows: minmax(0, 1fr); }
  .ora-home .ora-services-content { padding-top: 0; }
}

@media (max-width: 359px) {
  .ora-mobile-page-title { font-size: 12px; }
}