/* Shared navigation and links for ScuxMedia services. */
.studio-service-link { display: table; margin-top: 16px; color: #e8b777; border-bottom: 1px solid #e8b77766; }
.studio-service-link span { margin-left: 14px; }
.preview-nav-toggle { display: none; }
.preview-mobile-menu { width: 100%; max-width: none; height: 100svh; max-height: none; margin: 0; padding: 28px 24px; border: 0; background: #080909; color: #f5f4f0; }
.preview-mobile-menu::backdrop { background: #080909; }
.preview-menu-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 40px; }
.preview-menu-top span { color: #cda76d; font-size: 10px; letter-spacing: .14em; }
.preview-menu-top button { font: 500 10px 'Montserrat',sans-serif; letter-spacing: .08em; background: none; border: 1px solid #ffffff30; color: #f5f4f0; padding: 14px; cursor: pointer; }
.preview-menu-links { display: flex; flex-direction: column; }
.preview-menu-links a { display: flex; align-items: center; gap: 24px; font-size: clamp(26px, 7vw, 46px); letter-spacing: -.03em; font-weight: 400; padding: 25px 0; border-bottom: 1px solid #ffffff20; }
.preview-menu-links a span { font-size: 9px; color: #8b8a82; letter-spacing: .08em; }
.preview-menu-links a[aria-current] { color: #d9b57c; }
.preview-menu-open { overflow: hidden !important; }
@media (max-width: 800px) {
  .site-header .header-right { gap: 10px; font-size: 8px; max-width: 180px; flex-wrap: wrap; }
  .preview-nav-ready .site-header .header-right { display: none; }
  .preview-nav-ready .preview-nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 0 10px 14px; border: 0; background: transparent; color: #f5f4f0; font: 500 9px 'Montserrat',sans-serif; letter-spacing: .13em; pointer-events: auto; cursor: pointer; }
  .preview-nav-toggle::after { content: ''; width: 19px; height: 6px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; margin-left: 10px; }
  .header-signature .signature-wordmark { width: clamp(112px, 31vw, 136px); }
}
@media (max-width: 360px) {
  .site-header { padding-inline: 16px; }
  .site-header .header-right { gap: 10px; font-size: 8px; }
  .header-signature .signature-wordmark { width: 104px; }
}