.nav-toggle { display: none; }
.vx-frame video.vid-ui { object-fit: contain; object-position: center; background: #141413; }
.vx-frame::after { background: linear-gradient(180deg, transparent 50%, rgba(20,20,19,.42)); }
.vx-frame .vid-play { transition: opacity .2s; }
.vx-frame:not(:hover):not(:focus-visible) .vid-play { opacity: .7; }
@media (max-width: 900px) {
  .site-head .wrap { gap: 14px; }
  .site-head .nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 10px; margin-left: auto; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: var(--ink); font: inherit; cursor: pointer; }
  .site-head .head-dl { margin-left: 0; }
  .site-head.menu-open .nav { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: absolute; inset: 100% 0 auto; margin: 0; padding: 20px 24px; background: var(--ivory, #faf9f5); border-bottom: 1px solid var(--line); box-shadow: 0 14px 24px rgba(20,20,19,.08); }
  .site-head.menu-open .nav a { padding: 12px; }
  .site-head.menu-open .nav a[aria-current="page"] { background: var(--clay); }
  .site-head.menu-open .nav-pill { display: none; }
  .site-head .nav-now { display: none; }
}
@media (max-width: 480px) {
  .site-head .wrap { gap: 10px; }
  .site-head .btn-primary { margin-left: 0; padding-inline: 12px; }
}