/* Launch-ready refinements layered over the editorial theme. */
.portrait-window img,
.about-photo img { object-position: 60% 84%; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Keep navigation usable when JavaScript is unavailable. */
.page-meta a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .16em;
}

.page-meta a:hover,
.page-meta a:focus-visible {
  color: var(--sand);
  outline: none;
}

@media (max-width: 55rem) {
  html:not(.has-js) .header-inner {
    flex-wrap: wrap;
    padding-bottom: .65rem;
  }

  html:not(.has-js) .site-nav {
    position: static;
    flex: 1 0 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    visibility: visible;
    opacity: 1;
    transform: none;
  }

  html:not(.has-js) .menu-toggle { display: none; }
  html.has-js .menu-toggle { display: block; }
  html.has-js .site-nav { visibility: hidden; opacity: 0; transform: translateY(-.5rem); }
  html.has-js body.menu-open .site-nav { visibility: visible; opacity: 1; transform: translateY(0); }
}