/* Spider Groove header menu extras (plugin markup from inc/nav.php). Used on: every page, global header.
   Icons, item descriptions, Songs/Albums mega menus with a latest song/album card, mobile submenu styling. */

.sg-mi__ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Desktop: top level ---------- */
.et_pb_menu .et-menu>li>a .sg-mi__ic{display:inline-block;width:15px;height:15px;margin-right:7px;vertical-align:-2px;color:rgba(255,178,63,.75);transition:color .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.et_pb_menu .et-menu>li:hover>a .sg-mi__ic,.et_pb_menu .et-menu>li:focus-within>a .sg-mi__ic{color:#FFB23F;transform:translateY(-1px) rotate(-8deg)}

/* ---------- Desktop: dropdown items (icon tile + title + short description) ---------- */
.et_pb_menu .et-menu .sub-menu li>a{display:flex !important;align-items:center;gap:12px;padding:9px 12px !important;line-height:1.2 !important}
.et_pb_menu .et-menu .sub-menu .sg-mi__ic{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:8px;border-radius:10px;color:#FFB23F;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-sizing:border-box;transition:background .45s ease,color .45s ease,border-color .45s ease,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.et_pb_menu .et-menu .sub-menu li>a:hover .sg-mi__ic,.et_pb_menu .et-menu .sub-menu li>a:focus-visible .sg-mi__ic{color:#140a06;background:linear-gradient(135deg,#FFB23F,#FF3D2E 55%,#E0218A);border-color:transparent;transform:rotate(-6deg) scale(1.06);box-shadow:0 10px 22px -10px rgba(255,61,46,.9)}
.et_pb_menu .et-menu .sub-menu .sg-mi__tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.et_pb_menu .et-menu .sub-menu .sg-mi__d{font-size:11.5px;font-weight:500;letter-spacing:0;color:rgba(207,199,189,.55);transition:color .4s ease}
.et_pb_menu .et-menu .sub-menu li>a:hover .sg-mi__d{color:rgba(255,226,168,.75)}

/* ---------- Desktop: mega menus (two link columns + feature card) ---------- */
@media (min-width:981px){
	.et_pb_menu .et-menu li.sg-mega>.sub-menu{display:grid !important;grid-template-columns:236px 236px 252px;grid-auto-rows:min-content;column-gap:6px;row-gap:0;width:760px !important;min-width:0 !important;left:50% !important;margin-left:-380px !important;padding:14px !important}
	.et_pb_menu .et-menu li.sg-mega>.sub-menu>li{width:auto !important;margin-bottom:2px}
	.et_pb_menu .et-menu li.sg-mega>.sub-menu>li.sg-mega__feat{grid-column:3;grid-row:1 / span 20;margin:0 0 0 8px}
}

/* feature card */
.et_pb_menu .et-menu .sub-menu li>a.sg-feat{display:flex !important;flex-direction:column;align-items:stretch;gap:7px;height:100%;padding:10px 10px 14px !important;border-radius:14px !important;white-space:normal !important;background:linear-gradient(160deg,rgba(255,178,63,.09),rgba(224,33,138,.06)) !important;border:1px solid rgba(255,255,255,.07);box-sizing:border-box;transition:border-color .45s ease,box-shadow .45s ease}
.et_pb_menu .et-menu .sub-menu li>a.sg-feat:hover{border-color:rgba(255,178,63,.4);box-shadow:0 22px 44px -24px rgba(255,61,46,.8)}
.sg-feat__img{position:relative;display:block;aspect-ratio:16/10;border-radius:10px;background:#1b1820 center/cover no-repeat;overflow:hidden;margin-bottom:4px;transition:filter .6s ease}
.sg-feat__img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,9,12,.55),transparent 55%)}
.sg-feat:hover .sg-feat__img{filter:saturate(1.15) brightness(1.08)}
.sg-feat__k{display:flex;align-items:center;gap:7px;font:600 10px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#FFB23F}
.sg-feat__dot{width:6px;height:6px;border-radius:50%;background:#FF3D2E;box-shadow:0 0 0 0 rgba(255,61,46,.6);animation:sgNavPulse 2.4s ease-out infinite}
.sg-feat__t{font:800 21px/1.02 var(--sg-head,"Arial Narrow",sans-serif);text-transform:uppercase;color:#fff;letter-spacing:.01em}
.sg-feat__m{font-size:12px;font-weight:500;color:rgba(207,199,189,.65)}
.sg-feat__go{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-size:12.5px;font-weight:700;color:#FFB23F}
.sg-feat__go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.sg-feat:hover .sg-feat__go svg{transform:translateX(4px)}
@keyframes sgNavPulse{0%{box-shadow:0 0 0 0 rgba(255,61,46,.6)}70%,100%{box-shadow:0 0 0 7px rgba(255,61,46,0)}}

/* ---------- Mobile menu ---------- */
.et_pb_menu .et_mobile_menu.sg-mnav{padding:10px !important;border-top:1px solid rgba(255,178,63,.45) !important;border-radius:0 0 18px 18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.95)}
.et_pb_menu .et_mobile_menu.sg-mnav li{position:relative;border:0 !important}
.et_pb_menu .et_mobile_menu.sg-mnav li a{display:flex !important;align-items:center;gap:12px;padding:11px 52px 11px 10px !important;border:0 !important;border-radius:12px;background:none !important;font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.25;transition:background .35s ease,color .35s ease}
.et_pb_menu .et_mobile_menu.sg-mnav li a:hover,.et_pb_menu .et_mobile_menu.sg-mnav li a:focus-visible,.et_pb_menu .et_mobile_menu.sg-mnav li.et_pb_collapsible_menu_open>a{background:rgba(255,178,63,.08) !important;color:#FFB23F !important}
.et_pb_menu .et_mobile_menu.sg-mnav .sg-mi__ic{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:8px;border-radius:10px;color:#FFB23F;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-sizing:border-box;transition:background .45s ease,color .45s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.et_pb_menu .et_mobile_menu.sg-mnav li a:hover .sg-mi__ic,.et_pb_menu .et_mobile_menu.sg-mnav li.et_pb_collapsible_menu_open>a .sg-mi__ic{color:#140a06;background:linear-gradient(135deg,#FFB23F,#FF3D2E 55%,#E0218A);border-color:transparent;transform:rotate(-6deg)}
.et_pb_menu .et_mobile_menu.sg-mnav .sg-mi__tx{display:flex;flex-direction:column;gap:3px}
.et_pb_menu .et_mobile_menu.sg-mnav .sg-mi__d{font-size:11.5px;font-weight:500;color:rgba(207,199,189,.55)}
/* submenus slide open (height is set by sg-nav.js) */
.et_pb_menu .et_mobile_menu.sg-mnav li>ul.sub-menu{display:block !important;max-height:0;overflow:hidden;visibility:hidden;padding:0 0 0 14px !important;margin:0 !important;background:none !important;transition:max-height .45s cubic-bezier(.2,.8,.2,1),visibility 0s linear .45s}
.et_pb_menu .et_mobile_menu.sg-mnav li.et_pb_collapsible_menu_open>ul.sub-menu{visibility:visible;transition:max-height .45s cubic-bezier(.2,.8,.2,1),visibility 0s}
/* plus/minus toggle drawn with two bars: the vertical bar turns flat to make a minus */
.et_pb_menu .et_mobile_menu.sg-mnav .mobile-toggle{position:absolute !important;top:6px !important;right:6px !important;left:auto !important;width:40px !important;height:40px !important;padding:0 !important;display:block !important;border-radius:10px;border:1px solid rgba(255,255,255,.1) !important;background:rgba(255,255,255,.03) !important;cursor:pointer;transition:background .35s ease,border-color .35s ease}
.et_pb_menu .et_mobile_menu.sg-mnav .mobile-toggle .et_pb_menu__collapsible-icon{display:none !important}
.et_pb_menu .et_mobile_menu.sg-mnav .mobile-toggle::before,.et_pb_menu .et_mobile_menu.sg-mnav .mobile-toggle::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:#FFB23F;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease}
.et_pb_menu .et_mobile_menu.sg-mnav .mobile-toggle::after{transform:rotate(90deg)}
.et_pb_menu .et_mobile_menu.sg-mnav li.et_pb_collapsible_menu_open>.mobile-toggle{background:linear-gradient(135deg,rgba(255,178,63,.2),rgba(224,33,138,.18)) !important;border-color:rgba(255,178,63,.45) !important}
.et_pb_menu .et_mobile_menu.sg-mnav li.et_pb_collapsible_menu_open>.mobile-toggle::after{transform:rotate(0)}
/* feature card on phones: compact row */
.et_pb_menu .et_mobile_menu.sg-mnav li.sg-mega__feat a.sg-feat{display:grid !important;grid-template-columns:76px 1fr;grid-template-rows:auto auto auto;column-gap:12px;row-gap:3px;margin:6px 0 8px;padding:10px !important;border:1px solid rgba(255,255,255,.08) !important;background:linear-gradient(160deg,rgba(255,178,63,.09),rgba(224,33,138,.06)) !important}
.et_pb_menu .et_mobile_menu.sg-mnav .sg-feat__img{grid-row:1 / span 4;aspect-ratio:1;margin:0}
.et_pb_menu .et_mobile_menu.sg-mnav .sg-feat__t{font-size:17px}
.et_pb_menu .et_mobile_menu.sg-mnav .sg-feat__go{padding-top:0}

@media (prefers-reduced-motion:reduce){
	.sg-mi__ic,.sg-feat__go svg,.sg-feat__img,.et_pb_menu .et_mobile_menu.sg-mnav li>ul.sub-menu,.et_pb_menu .et_mobile_menu.sg-mnav .mobile-toggle::after{transition:none !important}
	.sg-feat__dot{animation:none}
}

/* long album names wrap onto two lines inside the mega menu columns instead of running under the card */
.et_pb_menu .et-menu li.sg-mega>.sub-menu>li>a{white-space:normal !important}
.et_pb_menu .et_mobile_menu.sg-mnav .sub-menu a,.et_pb_menu .et_mobile_menu.sg-mnav .sg-mi__d,.et_pb_menu .et_mobile_menu.sg-mnav .sg-feat__go,.et_pb_menu .et_mobile_menu.sg-mnav .sg-feat__m{text-transform:none !important;letter-spacing:0}
.et_pb_menu .et_mobile_menu.sg-mnav li.sg-nav-yt a{justify-content:center;margin-top:8px;padding:13px 16px !important;border-radius:999px;background:linear-gradient(120deg,#FFB23F,#FF3D2E 50%,#E0218A) !important;color:#140a06 !important;font-weight:700}

/* Global footer (all pages): the space backdrop fades in from the page color above, and a slow scrolling sound wave with a travelling glint marks the edge, tilted up to the right */
.et-l--footer .et_pb_section_0_tb_footer .sg-stage{-webkit-mask-image:linear-gradient(transparent,#000 280px);mask-image:linear-gradient(transparent,#000 280px)}
.et-l--footer .et_pb_section.et_pb_section_0_tb_footer::before{top:30px;height:40px;transform:rotate(-1deg);z-index:3;opacity:.4;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='40'><path d='M0 20.0 L3 20.1 L6 20.2 L9 20.5 L12 20.9 L15 21.3 L18 21.5 L21 21.6 L24 21.4 L27 21.3 L30 21.2 L33 21.3 L36 21.9 L39 22.7 L42 23.7 L45 24.6 L48 25.0 L51 24.8 L54 23.8 L57 22.1 L60 20.0 L63 17.8 L66 16.0 L69 14.7 L72 14.1 L75 14.1 L78 14.4 L81 14.9 L84 15.2 L87 15.3 L90 15.0 L93 14.6 L96 14.3 L99 14.1 L102 14.3 L105 14.8 L108 15.7 L111 16.7 L114 17.8 L117 18.9 L120 20.0 L123 21.1 L126 22.2 L129 23.3 L132 24.3 L135 25.2 L138 25.7 L141 25.9 L144 25.7 L147 25.4 L150 25.0 L153 24.7 L156 24.8 L159 25.1 L162 25.6 L165 25.9 L168 25.9 L171 25.3 L174 24.0 L177 22.2 L180 20.0 L183 17.9 L186 16.2 L189 15.2 L192 15.0 L195 15.4 L198 16.3 L201 17.3 L204 18.1 L207 18.7 L210 18.8 L213 18.7 L216 18.6 L219 18.4 L222 18.5 L225 18.7 L228 19.1 L231 19.5 L234 19.8 L237 19.9 L240 20.0' fill='none' stroke='%23FF8A3D' stroke-width='1.3'/></svg>") 0 0/240px 40px repeat-x;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);animation:sgFootWave 14s linear infinite;pointer-events:none}
.et-l--footer .et_pb_section.et_pb_section_0_tb_footer::after{content:"";position:absolute;left:0;right:0;top:50px;height:1px;transform:rotate(-1deg);z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(255,178,63,0) 42%,rgba(255,178,63,.9) 50%,rgba(224,33,138,0) 58%,transparent 100%) 0 0/50% 100% no-repeat,linear-gradient(90deg,transparent,rgba(255,106,26,.18) 30%,rgba(224,33,138,.18) 70%,transparent);animation:sgFootGlint 9s cubic-bezier(.45,0,.55,1) infinite;filter:drop-shadow(0 0 4px rgba(255,120,40,.7))}
@keyframes sgFootWave{to{background-position:-240px 0}}
@keyframes sgFootGlint{0%{background-position:-60% 0,0 0}100%{background-position:160% 0,0 0}}
@media (prefers-reduced-motion:reduce){.et-l--footer .et_pb_section.et_pb_section_0_tb_footer::before,.et-l--footer .et_pb_section.et_pb_section_0_tb_footer::after{animation:none}}

/* Shooting stars (all pages, added by sg-nav.js to every animated backdrop): streak up and to the right */
.sg-meteors{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sg-meteors i{position:absolute;left:var(--x);top:var(--y);width:var(--w,150px);height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,200,140,.6) 55%,#fff);transform:rotate(-32deg);transform-origin:100% 50%;opacity:0;filter:drop-shadow(0 0 4px rgba(255,190,110,.8));animation:sgMeteor var(--t,14s) linear infinite;animation-delay:var(--d,0s)}
.sg-meteors i::after{content:"";position:absolute;right:-2px;top:-1.25px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(255,220,160,.85)}
@keyframes sgMeteor{0%{opacity:0;translate:0 0}1%{opacity:1}5.5%{opacity:.85}8%{opacity:0;translate:min(34vw,520px) max(-21vw,-325px)}100%{opacity:0;translate:min(34vw,520px) max(-21vw,-325px)}}
@media (max-width:640px){.sg-meteors i:nth-child(3){display:none}}

/* hero starfield added by sg-nav.js where a hero has no scene (matches .sg-stage__sky in sg.css) */
.sg-stage__sky--add{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.45;-webkit-mask-image:linear-gradient(#000 40%,transparent 95%);mask-image:linear-gradient(#000 40%,transparent 95%)}
.sg-stage__sky--add .sg-stars{position:absolute;inset:0;width:100%;height:100%}