@font-face{font-family:AngelXEurostileRegular;src:url('/assets/eurostile-regular.otf') format('opentype');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:AngelXEurostileExtended;src:url('/assets/eurostile-extended-bold.ttf') format('truetype'),local("Eurostile LT Std Bold Extended 2"),local("Eurostile MN Extended Bold"),local("Eurostile#2-Extended Bold");font-weight:400 900;font-style:normal;font-display:swap}
/* One navigation and session control layout for every published page. */
.ax-site-header{position:sticky;top:0;z-index:300;width:100%;background:linear-gradient(110deg,#0b1220f5,#130e20f5);border-bottom:1px solid #59617955;backdrop-filter:blur(18px);color:#f6f7ff;box-shadow:0 10px 28px #0003;font-family:Arial,Helvetica,sans-serif}
.ax-site-header *{box-sizing:border-box}.ax-site-header [hidden]{display:none!important}
.ax-site-header a{text-decoration:none;color:inherit}.ax-site-header button{font-family:inherit;cursor:pointer;color:inherit}
.ax-site-header .ax-nav-inner{width:min(1440px,calc(100% - 64px));height:102px;margin:auto;display:flex;align-items:center;gap:28px}
.ax-brand{display:inline-flex;align-items:center;flex:none;line-height:0;text-decoration:none}
.ax-brand img{display:block;width:86px;height:86px;max-width:none;object-fit:contain;mix-blend-mode:screen}
.ax-site-header .ax-main-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:clamp(16px,2vw,30px);min-width:0;font:600 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.035em;text-transform:none}
.ax-site-header .ax-main-nav a{white-space:nowrap;padding:14px 0;position:relative}.ax-site-header .ax-main-nav a:hover{color:#c4d9ff}
.ax-site-header .ax-nav-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:none}
.ax-site-header .ax-book-link{font-size:12px;white-space:nowrap;padding:11px 0;color:#c7d8ef}
.ax-site-header .ax-account-link{font-size:12px;white-space:nowrap;color:#c7d8ef}
.ax-site-header .ax-login{position:relative;margin:0}
.ax-site-header .ax-login summary,.ax-site-header .ax-logout{display:flex;align-items:center;justify-content:center;list-style:none;min-height:42px;min-width:82px;padding:10px 16px;border:1px solid #bfcae6a0;border-radius:7px;background:#dce5f3;color:#101622;font:700 12px/1.25 Arial,Helvetica,sans-serif;letter-spacing:.015em;white-space:nowrap;cursor:pointer}
.ax-site-header .ax-login summary::-webkit-details-marker{display:none}.ax-site-header .ax-logout:disabled{opacity:.6;cursor:wait}
.ax-site-header .ax-login-options{position:absolute;right:0;top:calc(100% + 10px);width:230px;padding:8px;border:1px solid #8795b050;border-radius:10px;background:#101624;box-shadow:0 14px 40px #0009;z-index:320}
.ax-site-header .ax-login-options a{display:flex;flex-direction:column;gap:5px;padding:13px;border-radius:6px;font-size:13px;line-height:1.3;font-weight:600}
.ax-site-header .ax-login-options a:hover{background:#ffffff0d}.ax-site-header .ax-login-options small{font-size:10px;color:#b0bbce;font-weight:400}
.ax-site-header .ax-auth-status{position:absolute;right:24px;top:100%;padding:12px 18px;background:#271818;color:#ffd8d8;border-radius:6px;font-size:12px}
.ax-site-header .bag-button{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 4px;border:0;background:transparent;font:600 11px Arial,Helvetica,sans-serif;white-space:nowrap}
.ax-site-header .bag-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
.ax-site-header .bag-button [data-cart-count]{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #7e8fa966;border-radius:50%;font-size:10px}
.ax-site-header .menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:40px;height:42px;margin:0;padding:8px;border:1px solid #63758e66;border-radius:6px;background:transparent}
.ax-site-header .menu-toggle i{display:block;width:20px;height:1px;background:currentColor;margin:0;transition:transform .15s}
.ax-site-header .menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(3.5px) rotate(45deg)}.ax-site-header .menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.ax-site-header .mobile-menu{display:none}
footer .ax-brand img{width:124px;height:124px}footer .ax-brand{align-self:center;margin-right:24px;background:#090d16;border-radius:10px;isolation:isolate}
.ax-footer-brand{display:flex;justify-content:flex-start;width:min(1320px,calc(100% - 64px));margin:0 auto 20px}
.ax-simple-footer{padding:30px 32px;background:#0b101b;color:#becbe0;display:flex;align-items:center;gap:24px;font:12px Arial,sans-serif}
@media(max-width:1250px){.ax-site-header .ax-nav-inner{width:calc(100% - 40px);gap:20px}.ax-site-header .ax-main-nav{gap:18px;font-size:11px}.ax-site-header .ax-nav-actions{gap:11px}.ax-site-header .ax-book-link{display:none}}
@media(max-width:1100px){.ax-site-header .ax-nav-inner{height:82px;gap:16px}.ax-site-header .ax-brand img{width:70px;height:70px}.ax-site-header .ax-main-nav{display:none}.ax-site-header .menu-toggle{display:flex}.ax-site-header .mobile-menu.open{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:15px 24px 24px;border-top:1px solid #63758e44;max-height:calc(100dvh - 82px);overflow:auto;background:#0e1320}.ax-site-header .mobile-menu a{padding:14px 0;border-bottom:1px solid #63758e33;font:500 14px/1.4 Arial,sans-serif}.ax-site-header .mobile-menu a:hover{color:#b9d7ff}}
@media(max-width:600px){.ax-site-header .ax-nav-inner{width:calc(100% - 24px);height:76px;gap:10px}.ax-site-header .ax-brand img{width:62px;height:62px}.ax-site-header .ax-nav-actions{gap:8px}.ax-site-header .ax-login summary,.ax-site-header .ax-logout{min-width:68px;min-height:40px;padding:9px 12px;font-size:11px}.ax-site-header .ax-account-link{display:none}.ax-site-header .bag-button .desktop{display:none}.ax-site-header .bag-button{gap:5px}.ax-site-header .mobile-menu.open{max-height:calc(100dvh - 76px)}footer .ax-brand img{width:106px;height:106px}.ax-footer-brand{width:calc(100% - 40px)}}

/* Final bag treatment: clean white label, icon, and count. */
.ax-site-header .bag-button .desktop,
.ax-site-header .bag-button [data-cart-count] {
  background: none !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ax-site-header .bag-button svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

.ax-site-header .bag-button [data-cart-count] {
  border-color: #ffffff !important;
  box-shadow: none !important;
}

/* Keep the live miniature spectrum in the header at every viewport size. */
.ax-site-header .ax-nav-eq{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:20px;gap:3px;overflow:hidden}
.ax-site-header .ax-nav-eq i{display:block;flex:0 0 2px;width:2px;min-height:2px;animation:none!important}
@media(max-width:600px){.ax-site-header .ax-nav-eq{flex-basis:22px;width:22px;height:18px}}

/* Transparent header/footer marks share the navigation button height. */
.ax-site-header .ax-brand img,footer .ax-brand img{width:auto;height:42px;max-width:none;object-fit:contain;mix-blend-mode:normal}
footer .ax-brand{background:transparent;border-radius:0}
/* Refined global navigation */
@property --ax-nav-button-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes ax-nav-button-flow{to{--ax-nav-button-angle:360deg}}
.ax-site-header .ax-login summary,
.ax-site-header .ax-logout{
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--ax-nav-button-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-transform:uppercase!important;
  box-shadow:0 0 7px #4d86ff55!important;
  animation:ax-nav-button-flow 8s linear infinite!important;
}
.ax-site-header .ax-login summary:hover,
.ax-site-header .ax-logout:hover:not(:disabled){
  box-shadow:0 0 10px #00dcff88,0 0 16px #a52bff55!important;
}
.ax-site-header .menu-toggle{
  border-color:#8b78ff88!important;
  box-shadow:0 0 8px #4d86ff44!important;
}
.ax-site-header .menu-toggle i{
  background:linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%)!important;
}
body[data-page="admin"]:has(#workspace:not([hidden])) .ax-site-header .ax-login{
  display:none!important;
}
body[data-page="admin"]:has(#workspace:not([hidden])) .ax-site-header .ax-logout{
  display:flex!important;
}
@media(min-width:901px){
  .ax-site-header .ax-main-nav{display:flex!important}
  .ax-site-header .menu-toggle{display:none!important}
}
.ax-site-header .ax-main-nav{
  justify-content:center!important;
  font-family:AngelXEurostileExtended,Eurostile,'Eurostile Next','Eurostile LT Std',Rajdhani,Arial,sans-serif!important;
  color:#ffffff!important;
  font-weight:300!important;
  text-transform:uppercase!important;
}
.ax-site-header .ax-main-nav a{
  font-family:inherit!important;
  color:#ffffff!important;
  font-weight:300!important;
  text-transform:uppercase!important;
}
.ax-site-header{background:#0c0f16f5;border-bottom:1px solid #ffffff10;box-shadow:none;backdrop-filter:blur(24px)}.ax-site-header .ax-nav-inner{height:80px;max-width:1440px;width:calc(100% - 64px);gap:28px}.ax-site-header .ax-brand{padding-right:22px;border-right:1px solid #ffffff16}.ax-site-header .ax-brand img{height:44px}.ax-site-header .ax-main-nav{justify-content:flex-start;gap:4px;font:500 13px/1.3 Arial,sans-serif;letter-spacing:0}.ax-site-header .ax-main-nav a{padding:10px 13px;border-radius:7px;color:#a9b0be;text-transform:uppercase!important;transition:background .18s,color .18s}.ax-site-header .ax-main-nav a:hover{background:#ffffff08;color:#fff}.ax-site-header .ax-main-nav a[aria-current="page"]{background:#242432;color:#e4dafc}.ax-site-header .ax-nav-actions{gap:16px}.ax-site-header .ax-book-link{font-size:11px;color:#999fac;padding:10px 13px;border:1px solid #ffffff18;border-radius:7px}.ax-site-header .ax-login summary,.ax-site-header .ax-logout{background:#e5def5;color:#201a2d;border:0;border-radius:7px;font-weight:600;font-size:11px;min-height:36px;min-width:74px;text-transform:uppercase!important}.ax-site-header .ax-account-link{font-size:11px;color:#beb5d3}.ax-site-header .ax-nav-eq{display:none}.ax-site-header .bag-button{font-size:10px;color:#b6bfce}.ax-site-header .ax-login-options{padding:10px;background:#141720;border:1px solid #343746;border-radius:12px;box-shadow:0 16px 50px #0009}.ax-site-header .ax-login-options a{text-transform:none!important;padding:15px 12px}.ax-site-header .ax-login-options small{margin-top:2px;color:#8992a5}@media(min-width:1101px){.ax-site-header .ax-main-nav{display:flex}.ax-site-header .menu-toggle{display:none}}@media(max-width:1250px){.ax-site-header .ax-nav-inner{gap:20px;width:calc(100% - 40px)}.ax-site-header .ax-main-nav a{padding:10px;font-size:12px}.ax-site-header .ax-book-link{display:none}}@media(max-width:1100px){.ax-site-header .ax-nav-inner{height:72px}.ax-site-header .ax-main-nav{display:none}.ax-site-header .menu-toggle{display:flex;border:1px solid #ffffff20;border-radius:8px;width:38px;height:36px}.ax-site-header .mobile-menu.open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 28px;gap:8px;background:#10131b;box-shadow:0 25px 45px #0005;border-top:1px solid #ffffff10}.ax-site-header .mobile-menu a{display:block;padding:17px 18px;border:1px solid #ffffff09;border-radius:8px;background:#171b25;font:500 13px Arial,sans-serif;text-transform:none!important;color:#bac2d0}.ax-site-header .mobile-menu a:hover{background:#272637;color:#e4dcff}.ax-site-header .ax-brand{border:0;padding:0}}@media(max-width:600px){.ax-site-header .ax-nav-inner{width:calc(100% - 28px);height:66px}.ax-site-header .ax-brand img{height:38px}.ax-site-header .ax-nav-actions{gap:10px}.ax-site-header .mobile-menu.open{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:8px}.ax-site-header .mobile-menu a{padding:16px;font-size:12px}}
/* Shared button typography: every actionable control uses the same Eurostile face. */
html body :is(
  button,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .button,
  .mini-button,
  .text-button,
  .text-link,
  .bag-button,
  .preview-button,
  .play-button,
  .cover-button,
  .track-play-button,
  .transport-step,
  .go-to-album,
  .ax-login summary,
  .ax-register,
  #main .release-row .release-action .mini-button,
  #main .detail-actions .mini-button,
  #main .detail-actions .button
) {
  font-family: AngelXEurostileRegular, Eurostile, "Eurostile Next", "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
}

html body input::file-selector-button {
  font-family: AngelXEurostileRegular, Eurostile, "Eurostile Next", "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
}
/* Store bag control uses the same Highlights pearlescent color system. */
.ax-site-header .bag-button {
  color: #ffffff !important;
}

.ax-site-header .bag-button .desktop {
  background: linear-gradient(110deg, #00dcff 0%, #8b78ff 55%, #f801ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

.ax-site-header .bag-button svg {
  stroke: url(#bag-highlights-gradient) !important;
  color: #8b78ff !important;
}

.ax-site-header .bag-button [data-cart-count] {
  border-color: #8b78ff !important;
  color: #8b78ff !important;
  box-shadow: 0 0 8px #8b78ff55;
  background-image: linear-gradient(110deg, #00dcff 0%, #8b78ff 55%, #f801ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}


/* Final white override for the bag control. */
.ax-site-header .bag-button .desktop,
.ax-site-header .bag-button [data-cart-count] {
  background: none !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.ax-site-header .bag-button svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

.ax-site-header .bag-button [data-cart-count] {
  border-color: #ffffff !important;
  box-shadow: none !important;
}


/* Registration uses the same button treatment as Log out. */
.ax-site-header .ax-register{display:flex;align-items:center;justify-content:center;min-height:36px;min-width:74px;padding:10px 16px;border:1px solid transparent!important;border-radius:4px!important;background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--ax-nav-button-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:600 11px/1.25 AngelXEurostileExtended,Eurostile,Arial,sans-serif;letter-spacing:.015em;text-transform:uppercase!important;text-decoration:none;box-shadow:0 0 7px #4d86ff55!important;animation:ax-nav-button-flow 8s linear infinite!important;white-space:nowrap}
.ax-site-header .ax-register:hover{box-shadow:0 0 10px #00dcff88,0 0 16px #a52bff55!important}
.ax-site-header .ax-register[hidden]{display:none!important}
@media(max-width:600px){.ax-site-header .ax-register{min-width:68px;min-height:40px;padding:9px 12px}.ax-site-header .ax-nav-actions{gap:7px}}

.ax-site-header .mobile-menu .ax-register{font-size:11px;font-weight:600;line-height:1.25;letter-spacing:.015em}

/* Keep adjacent account controls identical in size at every breakpoint. */
.ax-site-header .ax-nav-actions .ax-register,
.ax-site-header .ax-nav-actions .ax-login summary{box-sizing:border-box!important;height:36px!important;min-height:36px!important;width:82px!important;min-width:82px!important;padding:9px 12px!important;font-size:11px!important;font-weight:600!important;line-height:16px!important;letter-spacing:.015em!important}

/* Unified mobile navigation buttons. */
.ax-site-header .mobile-menu a{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-height:40px;padding:9px 12px!important;border:1px solid transparent!important;border-radius:4px!important;background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--ax-nav-button-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:AngelXEurostileRegular,Eurostile,"Eurostile Next","Eurostile LT Std",Rajdhani,Arial,sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:.015em!important;text-transform:uppercase!important;text-decoration:none;box-shadow:0 0 7px #4d86ff55!important;animation:ax-nav-button-flow 8s linear infinite!important}
.ax-site-header .mobile-menu a:hover{box-shadow:0 0 10px #00dcff88,0 0 16px #a52bff55!important}
.ax-site-header .mobile-menu a[hidden]{display:none!important}

/* Footer typography matches the main navigation. */
footer,footer a,footer p,footer span,footer .footer-bottom,footer .footer-nav{font-family:AngelXEurostileRegular,Eurostile,"Eurostile Next","Eurostile LT Std",Rajdhani,Arial,sans-serif!important}
footer .ax-copyright{display:flex;flex-direction:column;gap:5px;line-height:1.5}footer .ax-copyright-name{white-space:nowrap}footer .ax-copyright-rights{display:block}
