/* Header-only layout. Show content retains its approved styles. */
:root{--oc-nav-height:84px;--oc-admin-height:0px;scroll-padding-top:calc(var(--oc-nav-height) + var(--oc-admin-height) + 12px)}
.oc-navigation{position:sticky;top:var(--oc-admin-height);z-index:100;background:#12151b;border-bottom:1px solid #ffffff18;color:#ffffff}
.oc-navigation .oc-navigation-header{height:84px;min-height:84px;gap:24px;display:flex;align-items:center;justify-content:space-between}
.oc-nav-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:#ffffff;line-height:1.2}
.oc-nav-brand img{width:56px;height:56px;object-fit:contain;flex:none}
.oc-nav-brand>span{font-size:21px;font-weight:800;letter-spacing:-.5px}
.oc-nav-brand small{display:block;font-size:12px;font-weight:500;letter-spacing:.4px;margin-top:4px;color:#ccccd4}
.oc-navigation .oc-desktop-navigation{display:flex;align-items:center;gap:22px}
.oc-navigation .oc-desktop-navigation a{display:inline-flex;font-size:13px;white-space:nowrap;color:#eaeaee;text-decoration:none}
.oc-navigation .oc-desktop-navigation a:hover{color:#7f5bf7}
.oc-navigation a:focus-visible,.oc-navigation button:focus-visible{outline:3px solid #7f5bf7;outline-offset:5px}
.oc-navigation .oc-nav-tickets{background:#7f5bf7;color:#17191e!important;border:1px solid #7f5bf7;padding:12px 20px;min-height:44px;border-radius:6px;font-weight:800;justify-content:center}
.oc-navigation .oc-nav-toggle{display:none}
.oc-mobile-navigation[hidden]{display:none!important}
.oc-mobile-navigation{position:absolute;top:100%;left:0;right:0;background:#12151b;border-bottom:1px solid #ffffff25;max-height:calc(100dvh - var(--oc-nav-height) - var(--oc-admin-height));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 18px 24px #0005}
.oc-mobile-navigation>.wrap{display:grid;gap:2px;padding-top:12px;padding-bottom:20px}
.oc-mobile-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 8px;color:#eaeaee;text-decoration:none;font-size:15px}
.oc-mobile-navigation .oc-nav-tickets{margin-top:8px}
#experience,#venue,#involved,#questions,#tickets,#upcoming-shows{scroll-margin-top:12px}
@media(max-width:1150px) and (min-width:1025px){.oc-navigation .oc-desktop-navigation{gap:14px}.oc-navigation .oc-navigation-header{gap:16px}.oc-nav-brand>span{font-size:19px}.oc-nav-brand img{width:48px;height:48px}}
@media(max-width:1024px){:root{--oc-nav-height:76px}.oc-navigation .oc-navigation-header{height:76px;min-height:76px;gap:12px}.oc-navigation .oc-desktop-navigation{display:none}.oc-navigation .oc-nav-toggle:not([hidden]){display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff38;border-radius:6px;padding:8px 12px;min-height:44px;color:#ffffff;background:transparent}.oc-nav-toggle svg{width:20px;height:20px}.oc-nav-brand img{width:48px;height:48px}.oc-nav-brand>span{font-size:20px}}
@media(max-width:360px){.oc-nav-brand{gap:6px}.oc-nav-brand img{width:40px;height:40px}.oc-nav-brand>span{font-size:18px}.oc-navigation .oc-nav-toggle:not([hidden]){padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact social links share the existing navigation and mobile menu. */
.oc-navigation .oc-nav-social{display:inline-flex;align-items:center;gap:5px;flex:none;color:var(--text)}
.oc-navigation .oc-nav-social-label{font-size:8px;letter-spacing:.08em;line-height:1.4;max-width:none;white-space:nowrap;color:var(--muted)}
.oc-navigation a.oc-nav-social-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;padding:5px;color:var(--text);border-radius:4px}
.oc-navigation .oc-nav-social-icon svg{width:17px;height:17px;flex:none}
.oc-navigation a.oc-nav-social-icon:hover{color:var(--yellow)}
@media(min-width:1025px) and (max-width:1250px){.oc-navigation .oc-desktop-navigation{gap:12px}}
@media(max-width:1024px){.oc-navigation .oc-mobile-navigation .oc-nav-social{margin-top:8px;padding:9px 8px;border-top:1px solid #ffffff18;gap:9px}.oc-navigation .oc-nav-social-label{max-width:none;margin-right:3px;font-size:9px}.oc-navigation a.oc-nav-social-icon{width:40px;min-height:40px;height:40px;padding:10px}}

/* Center desktop socials in the flexible space between the brand and main links. */
.oc-navigation .oc-nav-social-center{display:flex;flex:1;min-width:0;justify-content:center;align-items:center}
.oc-navigation .oc-desktop-navigation{flex:none}
@media(max-width:1024px){.oc-navigation .oc-nav-social-center{display:none}}