.ot-mobile-nav {
  display: none;
  color: var(--cream);
  font-size: 12px;
  letter-spacing: .16em;
  position: relative;
}
.ot-mobile-nav summary {
  cursor: pointer;
  list-style: none;
  padding: 10px 0;
}
.ot-mobile-nav summary::-webkit-details-marker { display: none; }
.ot-mobile-nav nav {
  position: absolute;
  right: 0;
  top: 100%;
  width: min(82vw, 320px);
  background: var(--deep);
  padding: 12px 18px 18px;
  box-shadow: 0 16px 32px rgba(0,0,0,.22);
  z-index: 30;
}
.ot-mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}
.ot-mobile-nav li { border-bottom: 1px solid rgba(255,255,255,.14); }
.ot-mobile-nav a {
  display: block;
  color: var(--cream);
  padding: 13px 2px;
  text-decoration: none;
  letter-spacing: .06em;
}
@media (max-width: 800px) {
  .ot-mobile-nav { display: block; }
}