/* Approved pearl-white companion to The Horse Exchange menu tile. */
@media (min-width: 1661px) {
  .nav-shell:has(.nav-studio) { width: min(calc(100% - 48px), 1840px); }
  .nav-shell:has(.nav-studio) .brand { flex-shrink: 0; }
}
.site-nav .nav-studio,
.site-nav .nav-studio:hover {
  color: #0d1c32;
  background: linear-gradient(135deg, #ffffff 0%, #f8f7f0 28%, #e4eaf2 55%, #ffffff 75%, #f2e8d3 100%);
  border-color: #c5a059;
  box-shadow: inset 0 1px 1px #fff, 0 7px 18px rgba(13,28,50,.12);
}
.site-nav .nav-studio span { color: #0d1c32; }
@media (min-width: 1321px) and (max-width: 1660px) {
  .site-header:has(.nav-studio) .menu-button { display: grid; }
  .site-nav:has(.nav-studio) {
    position: absolute; top: 82px; right: 20px; left: 20px;
    display: none; align-items: stretch; gap: 0; padding: 20px;
    background: #f8f6ef; border: 1px solid #c5a059; border-radius: 10px;
    box-shadow: 0 20px 50px rgba(13,28,50,.2);
  }
  .site-nav.open:has(.nav-studio) { display: grid; }
  .site-nav:has(.nav-studio) a { padding: 10px; color: #0d1c32; }
  .site-nav:has(.nav-studio) a::after { display: none; }
  .site-nav:has(.nav-studio) .nav-exchange { width: 100%; margin-top: 10px; }
}
@media (max-width: 1660px) {
  .site-nav.open:has(.nav-studio) { max-height: calc(100dvh - 110px); overflow-y: auto; }
}