/* Stella Polare — global frontend styles (bg + stars + shooting stars + B/W + animations)
   Loaded via mu-plugin sp-style.php — bypasses Bricks code signing. */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Manrope:wght@400;500;600&display=swap');

/* typography pairing — Syne (display) + Manrope (body) */
body,.brxe-text-basic,.brxe-button,.brxe-text-link,.brxe-eyhro1,.brxe-tagman,.brxe-tagtrk,.brxe-tagnws{font-family:'Manrope',system-ui,sans-serif !important;}
.brxe-heading{font-family:'Syne',system-ui,sans-serif !important;letter-spacing:-0.01em;}

/* base: solid black */
body{background:#000 !important;}
.brxe-sechro,.brxe-secman,.brxe-sectrk,.brxe-secsta,.brxe-secvid,.brxe-secnws,.brxe-secftr{background:transparent !important;position:relative;z-index:1;}

/* full black & white palette */
.brxe-heading{color:#fff;}
.brxe-text-basic{color:#b3b3b3;}
.brxe-nmsta1,.brxe-nmsta2,.brxe-nmsta3,.brxe-nmsta4,.brxe-brdftr{color:#fff !important;}
.brxe-eyhro1,.brxe-tagman,.brxe-tagtrk,.brxe-tagnws,.brxe-numtra,.brxe-numtrb,.brxe-numtrc,.brxe-numtrd,.brxe-numtre{color:#fff !important;}
.brxe-subhro{color:#cfcfcf !important;}
.brxe-lsttrk,.brxe-rowtra,.brxe-rowtrb,.brxe-rowtrc,.brxe-rowtrd,.brxe-rowtre,.brxe-bxsta1,.brxe-bxsta2,.brxe-bxsta3,.brxe-bxsta4,.brxe-secftr{border-color:rgba(255,255,255,.16) !important;}
.brxe-plytra,.brxe-plytrb,.brxe-plytrc,.brxe-plytrd,.brxe-plytre{border-color:rgba(255,255,255,.4) !important;color:#fff !important;}
.brxe-plytra svg,.brxe-plytrb svg,.brxe-plytrc svg,.brxe-plytrd svg,.brxe-plytre svg{fill:#fff !important;color:#fff !important;}
.brxe-rowtra:hover,.brxe-rowtrb:hover,.brxe-rowtrc:hover,.brxe-rowtrd:hover,.brxe-rowtre:hover{background-color:rgba(255,255,255,.06) !important;}
.brxe-btnls1,.brxe-btnnws{background-color:#fff !important;color:#000 !important;}
.brxe-btnls1 svg,.brxe-btnnws svg{fill:#000 !important;color:#000 !important;}
.brxe-btnls1:hover{background-color:#d0d0d0 !important;}
.brxe-btndsc{color:#fff !important;border-color:rgba(255,255,255,.5) !important;}
.brxe-lnsp01:hover,.brxe-lnap01:hover,.brxe-lnyt01:hover,.brxe-lnig01:hover{color:#fff !important;}

/* twinkling star fields */
body::before,body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-repeat:no-repeat;}
body::before{background-image:
 radial-gradient(2px 2px at 10% 20%,#fff,transparent),
 radial-gradient(1.5px 1.5px at 25% 70%,rgba(255,255,255,.8),transparent),
 radial-gradient(1px 1px at 40% 40%,rgba(255,255,255,.7),transparent),
 radial-gradient(2px 2px at 55% 85%,#fff,transparent),
 radial-gradient(1.5px 1.5px at 65% 15%,rgba(255,255,255,.8),transparent),
 radial-gradient(1px 1px at 78% 55%,rgba(255,255,255,.7),transparent),
 radial-gradient(2px 2px at 88% 30%,#fff,transparent),
 radial-gradient(1.5px 1.5px at 92% 75%,rgba(255,255,255,.8),transparent),
 radial-gradient(1px 1px at 33% 92%,rgba(255,255,255,.6),transparent),
 radial-gradient(1.5px 1.5px at 15% 50%,rgba(255,255,255,.7),transparent),
 radial-gradient(1px 1px at 50% 25%,rgba(255,255,255,.7),transparent),
 radial-gradient(2px 2px at 70% 92%,#fff,transparent);
 animation:twk 5s ease-in-out infinite;}
body::after{background-image:
 radial-gradient(1px 1px at 18% 35%,rgba(255,255,255,.7),transparent),
 radial-gradient(1.5px 1.5px at 30% 12%,#fff,transparent),
 radial-gradient(1px 1px at 45% 60%,rgba(255,255,255,.6),transparent),
 radial-gradient(1.5px 1.5px at 60% 45%,rgba(255,255,255,.8),transparent),
 radial-gradient(1px 1px at 72% 25%,rgba(255,255,255,.6),transparent),
 radial-gradient(1.5px 1.5px at 83% 62%,#fff,transparent),
 radial-gradient(1px 1px at 95% 45%,rgba(255,255,255,.6),transparent),
 radial-gradient(1px 1px at 8% 80%,rgba(255,255,255,.6),transparent),
 radial-gradient(1.5px 1.5px at 48% 95%,rgba(255,255,255,.7),transparent),
 radial-gradient(1px 1px at 62% 72%,rgba(255,255,255,.6),transparent),
 radial-gradient(1.5px 1.5px at 38% 78%,rgba(255,255,255,.7),transparent);
 animation:twk 7s ease-in-out infinite;animation-delay:-2.5s;}
@keyframes twk{0%,100%{opacity:.4}50%{opacity:1}}

/* white shooting stars */
html::before,html::after{content:"";position:fixed;z-index:0;pointer-events:none;width:170px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);border-radius:2px;opacity:0;filter:drop-shadow(0 0 6px #fff);}
html::before{top:12%;left:-18%;animation:shootA 9s ease-in infinite;}
html::after{top:32%;left:-18%;animation:shootB 13s ease-in infinite;animation-delay:5s;}
@keyframes shootA{0%{transform:translate(0,0) rotate(18deg);opacity:0}3%{opacity:1}16%{transform:translate(135vw,44vh) rotate(18deg);opacity:0}100%{opacity:0}}
@keyframes shootB{0%{transform:translate(0,0) rotate(11deg);opacity:0}4%{opacity:1}18%{transform:translate(135vw,28vh) rotate(11deg);opacity:0}100%{opacity:0}}

/* track cover thumbnails */
.brxe-covtra,.brxe-covtrb,.brxe-covtrc,.brxe-covtrd,.brxe-covtre{width:68px !important;height:68px !important;flex:0 0 68px !important;border-radius:8px;overflow:hidden;}
.brxe-covtra img,.brxe-covtrb img,.brxe-covtrc img,.brxe-covtrd img,.brxe-covtre img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;}

/* entrance (hero) + scroll reveals */
.brxe-eyhro1,.brxe-h1hro1,.brxe-subhro,.brxe-ctahro{opacity:0;animation:bfUp 1s cubic-bezier(.2,.7,.2,1) forwards;}
.brxe-eyhro1{animation-delay:.15s}
.brxe-h1hro1{animation-delay:.32s}
.brxe-subhro{animation-delay:.55s}
.brxe-ctahro{animation-delay:.78s}
@keyframes bfUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
.brxe-h2man1,.brxe-p1man1,.brxe-p2man1,.brxe-rowtra,.brxe-rowtrb,.brxe-rowtrc,.brxe-rowtrd,.brxe-rowtre,.brxe-bxsta1,.brxe-bxsta2,.brxe-bxsta3,.brxe-bxsta4,.brxe-h2nws1,.brxe-txtnws,.brxe-btnnws{animation:bfRev 1s ease both;animation-timeline:view();animation-range:entry 0% cover 35%;}
@keyframes bfRev{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:translateY(0)}}