/* Keep the original navigation and artwork; give the phone more room to read. */
.mobile-header-toggle{display:none}
.mobile-header-panel,.mobile-header-panel-inner{display:contents}
.mobile-header-space{display:none}

@media(max-width:650px){
  html.mobile-navigation-ready{scroll-padding-top:var(--mobile-header-offset,80px)}
  .mobile-navigation-ready .mobile-header-space{display:block;height:var(--mobile-header-space);pointer-events:none;overflow-anchor:none}
  .mobile-navigation-ready .header{position:fixed;left:0;right:0;top:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:10px 5%;overflow-anchor:none;transition:padding .24s ease,gap .24s ease;background:#0c0b09f5}
  .mobile-navigation-ready .header .wordmark{width:155px;height:52px;display:flex;align-items:center;transition:width .24s ease,height .24s ease}
  .mobile-navigation-ready .mobile-header-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:92px;min-height:44px;padding:9px 12px;border:1px solid #efd18bb3;border-radius:5px;background:linear-gradient(135deg,#3d2918,#21121d);box-shadow:inset 0 0 0 2px #130d0d,0 0 13px #83163855;color:#fff0cc;font:700 13px/1.4 var(--sans);cursor:pointer}
  .mobile-header-toggle:focus-visible{outline:2px solid #fff1bf;outline-offset:4px}
  .mobile-menu-icon{display:grid;gap:4px;width:17px}
  .mobile-menu-icon i{display:block;height:1.5px;background:var(--gold);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
  .mobile-header-toggle[aria-expanded="true"] .mobile-menu-icon i:first-child{transform:translateY(5.5px) rotate(45deg)}
  .mobile-header-toggle[aria-expanded="true"] .mobile-menu-icon i:nth-child(2){opacity:0}
  .mobile-header-toggle[aria-expanded="true"] .mobile-menu-icon i:last-child{transform:translateY(-5.5px) rotate(-45deg)}
  .mobile-navigation-ready .mobile-header-panel{display:grid;grid-column:1/-1;grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .24s ease,opacity .18s ease,visibility 0s}
  .mobile-navigation-ready .mobile-header-panel-inner{display:flex;flex-direction:column;align-items:stretch;gap:13px;min-height:0;min-width:0}
  .mobile-navigation-ready .desktop-nav{order:0;flex:0 0 auto;width:100%;max-width:100%;margin:0}
  .mobile-navigation-ready .header-right{flex:0 0 auto;justify-content:center;align-self:center;margin:0 0 6px}
  .mobile-navigation-ready .header.is-compact{padding-top:8px;padding-bottom:8px;row-gap:0}
  .mobile-navigation-ready .header.is-compact .wordmark{width:140px;height:44px}
  .mobile-navigation-ready .header.is-compact .mobile-header-panel{grid-template-rows:0fr;opacity:0;visibility:hidden;pointer-events:none;transition:grid-template-rows .24s ease,opacity .15s ease,visibility 0s .24s}
  .mobile-navigation-ready .header.is-compact .mobile-header-panel-inner{overflow:hidden}

  .preview-floating{width:calc(100% - 30px);padding:8px 13px 11px;gap:4px;bottom:max(15px,calc(env(safe-area-inset-bottom) + 9px))}
  .preview-floating .preview-brand{gap:6px;padding:0 32px 0 8px;min-height:50px}
  .preview-floating .preview-brand-emblem{width:34px;height:34px;flex-basis:34px}
  .preview-floating .preview-brand-signature{position:relative;max-width:230px;padding-top:8px}
  .preview-floating .preview-brand-crown{position:absolute;top:-2px;left:calc(50% - 13px);width:26px;height:17px;margin:0}
  .preview-floating .preview-brand-wordmark{height:42px;margin:0}
  .preview-floating .preview-floating-controls{gap:6px;padding-top:6px}
  .preview-floating .preview-floating-copy{gap:2px}
  .preview-floating .preview-floating-copy strong{font-size:11px;line-height:1.3}
  .preview-floating .preview-floating-copy span{font-size:10.5px;line-height:1.3}
  .preview-floating .preview-floating-play{min-width:85px;min-height:44px;padding:9px 10px;font-size:12px}
  .preview-floating .preview-equalizer{width:27px;flex-basis:27px;gap:1px}
  .preview-floating .preview-floating-close{right:1px;top:0;width:44px;height:44px;font-size:25px}
  .preview-floating::after{font-size:21px;bottom:-9px}
}

@media(max-width:650px) and (prefers-reduced-motion:reduce){
  .mobile-navigation-ready .header,.mobile-navigation-ready .header .wordmark,.mobile-navigation-ready .mobile-header-panel,.mobile-navigation-ready .header.is-compact .mobile-header-panel,.mobile-menu-icon i{transition:none}
}