/* =========================================================
   VALENS — identidade "fire & silhouette"
   Preto profundo, laranja de fogo, silhueta e logo oficial.
   ========================================================= */
:root{
  --bg:#0a0a09; --bg-2:#121210; --bg-3:#1a1916; --line:#ffffff17; --line-2:#ffffff2b;
  --text:#f4f1ec; --muted:#9b968d; --dim:#6d6961;
  --fire:#ff5a1f; --fire-2:#ff8a2a; --ember:#ffb347; --blood:#c2340c;
  --paper:#ecebe8; --ink:#0a0a09;
  --round:2rem; --shell:88rem;
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-in-out:cubic-bezier(.77,0,.175,1);
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{font-size:16px;-webkit-font-smoothing:antialiased;background:var(--bg)}
body{font-family:'Onest',system-ui,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
button,input,textarea,select{font:inherit}
button{cursor:pointer;background:none;border:0;color:inherit}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{display:block;max-width:100%}
svg{display:block;flex:none}
::selection{background:var(--fire);color:#0a0a09}
:focus-visible{outline:2px solid var(--fire);outline-offset:4px}
.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-left:2rem;padding-right:2rem}
[hidden]{display:none!important}
#loader.js-ready{animation:none}
.sr{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:fixed;top:-100px;left:20px;z-index:999;background:var(--fire);color:#000;padding:12px 18px;border-radius:12px}
.skip:focus{top:20px}
@media(max-width:1920px){html{font-size:.833333vw}}
@media(max-width:1440px){html{font-size:1.111111vw}}
@media(max-width:1024px){html{font-size:1.5625vw}}
@media(max-width:640px){html{font-size:4.444444vw}.shell{padding-left:1.25rem;padding-right:1.25rem}}

/* ---------- Primitives ---------- */
.icon{width:1em;height:1em}
.accent{color:var(--fire)}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.75rem;letter-spacing:.14em;font-weight:600;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:var(--fire);flex:none;box-shadow:0 0 12px var(--fire)}
.eyebrow.dark{color:#2a120a}.eyebrow.dark::before{background:#0a0a09;box-shadow:none}
.mini{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:3rem;border:1px solid transparent;padding:.4rem .4rem .4rem 1.45rem;border-radius:100px;white-space:nowrap;font-size:.84rem;font-weight:600;transition:transform .36s var(--ease-out),background-color .25s ease,border-color .25s ease,color .25s ease}
.pill .pill-icon{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;font-size:1.05rem}
.pill-icon svg{transition:transform .32s var(--ease-out)}
.pill.fire{background:var(--fire);color:#0a0a09}.pill.fire .pill-icon{background:#0a0a09;color:var(--fire)}
.pill.dark{background:var(--ink);color:#fff}.pill.dark .pill-icon{background:var(--fire);color:#0a0a09}
.pill.outline{border-color:var(--line-2);color:var(--text);background:#ffffff08}.pill.outline .pill-icon{background:var(--text);color:#0a0a09}
.pill.outline-dark{border-color:#0a0a0933;color:var(--ink);background:#ffffff66;backdrop-filter:blur(10px)}.pill.outline-dark .pill-icon{background:var(--ink);color:#fff}
.pill.light{background:var(--text);color:var(--ink)}.pill.light .pill-icon{background:var(--ink);color:#fff}
@media(hover:hover) and (pointer:fine){.pill:hover{transform:scale(1.045)}.pill:hover .pill-icon svg{transform:translate(2px,-2px)}}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.8rem}
.section-head h2{font-size:clamp(2.2rem,4.8vw,4.8rem);font-weight:700;line-height:.95;letter-spacing:-.065em;margin-top:1rem}
.section-head p{max-width:23rem;color:var(--muted);line-height:1.65;font-size:.92rem}
.line-reveal{overflow:hidden;display:block;padding-bottom:.06em;margin-bottom:-.06em}
.line-reveal>span{display:block;will-change:transform}

/* ---------- Loader ---------- */
#loader{position:fixed;inset:0;z-index:150;background:#050505;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;clip-path:inset(0 0 0% 0);animation:loader-fallback 0s linear 8s forwards}
@keyframes loader-fallback{to{visibility:hidden;pointer-events:none}}
.loader-top,.loader-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#8d887f}
.loader-mark{position:relative;align-self:center;width:min(78vw,58rem)}
.loader-mark img{width:100%;height:auto;clip-path:inset(0 0% 0 0)}
.loader-mark .loader-glow{position:absolute;inset:-40% -10%;background:radial-gradient(closest-side,#ff5a1f55,transparent);filter:blur(30px);opacity:0;pointer-events:none}
.loader-progress{width:min(22rem,60vw)}
.loader-count{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:600;letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums;line-height:1}
.progress-track{height:1px;background:#ffffff26;width:100%;overflow:hidden;margin-top:1rem}
.progress-fill{height:1px;width:100%;background:var(--fire);transform:scaleX(0);transform-origin:left}
.loader-tag{max-width:16rem;text-align:right;line-height:1.6}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:50;color:var(--text);transition:transform .5s var(--ease-out),background-color .3s ease,color .3s ease,box-shadow .3s ease}
.site-header.is-scrolled{background:#0a0a09d9;color:var(--text);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--line)}
.site-header.is-hidden{transform:translateY(-100%)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1.5rem;padding-bottom:1.5rem;transition:padding .4s var(--ease-out)}
.site-header.is-scrolled .header-inner{padding-top:.85rem;padding-bottom:.85rem}
.brand{display:inline-flex;align-items:center;gap:.6rem;line-height:1}
.brand img{height:1.35rem;width:auto}
.site-header.is-scrolled .brand img,.nav-overlay .brand img,.on-dark .brand img{filter:none}
.brand-label{font-size:.55rem;letter-spacing:.18em;font-weight:700;opacity:.7}
.desktop-nav{display:flex;align-items:center;gap:2rem;margin-left:auto;margin-right:2.2rem}
.desktop-nav a,.desktop-nav button{font-size:.82rem;font-weight:600;opacity:.72;transition:opacity .25s ease}
.desktop-nav a:hover,.desktop-nav button:hover{opacity:1}
.header-controls{display:flex;align-items:center;gap:.6rem}
.glasschip{border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,currentColor 6%,transparent);backdrop-filter:blur(16px);border-radius:.85rem;height:2.6rem;padding:0 .85rem;display:flex;align-items:center;gap:.65rem;font-size:.72rem}
.glasschip span:first-child{opacity:.55}
.glasschip b{font-weight:600;font-variant-numeric:tabular-nums}
.menu-btn svg{width:.9rem;height:.9rem}

/* ---------- Hero: dark stage, backlit silhouette, logo behind the artist ---------- */
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:100svh;color:var(--text);background:#050505;display:flex;flex-direction:column}
.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 34% 50% at 62% 48%,#3a1407 0%,#1a0904 45%,transparent 75%),radial-gradient(ellipse 90% 70% at 50% 110%,#140806,transparent 60%),#050505}
.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 30% 46% at 62% 46%,#ffd27a 0%,#ff8a2a 18%,#ff5a1f 36%,#a52a08 58%,transparent 80%);opacity:.5;will-change:opacity}
.liquid-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.hero-logo{position:absolute;z-index:1;left:50%;top:21%;width:min(92vw,86rem);height:auto;transform:translateX(-50%);opacity:.16;pointer-events:none;user-select:none}
.hero-logo-fire{position:absolute;z-index:1;left:50%;top:21%;width:min(92vw,86rem);aspect-ratio:866/128;transform:translateX(-50%);pointer-events:none;opacity:0;background:linear-gradient(100deg,#ffb347,#ff5a1f 45%,#c2340c);-webkit-mask:url(../assets/img/valens-logo.png) center/contain no-repeat;mask:url(../assets/img/valens-logo.png) center/contain no-repeat}

.hero-phones{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hp-set,.hp-cable{opacity:0}
.head-hit{position:absolute;left:36%;top:-4%;width:52%;height:58%;border-radius:45%;cursor:pointer;z-index:3}
.head-hit:focus-visible{outline-offset:-8px}
.hero-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-inner{position:relative;z-index:10;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:8rem;padding-bottom:3rem}
.hero-copy{max-width:36rem}
.hero-copy .eyebrow{margin-bottom:1.8rem}.hero-inner{pointer-events:none}.hero-copy,.hero-side{pointer-events:auto}
.hero h1{font-weight:800;letter-spacing:-.075em;line-height:.92;font-size:clamp(3.2rem,6.4vw,7rem)}
.hero h1 .line-reveal:nth-child(2)>span{color:var(--fire)}
.hero-intro{margin-top:1.7rem;max-width:27rem;font-size:1.05rem;font-weight:500;line-height:1.6;color:#bdb8af}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.hero-side{align-self:end;justify-self:end;display:flex;flex-direction:column;align-items:end;gap:.8rem}
.side-kicker{font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:var(--muted)}
.feature-card{width:min(100%,21rem);padding:.55rem;border:1px solid #ffffff1f;background:#0a0a09cc;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:1.4rem;color:var(--text);box-shadow:0 22px 70px #00000040}
.feature-main{display:flex;gap:.55rem;align-items:stretch;min-height:7.5rem}
.feature-cover{width:7.4rem;flex:none;overflow:hidden;border-radius:1rem;position:relative;background:#141411}
.feature-cover img{width:100%;height:100%;object-fit:cover}
.feature-cover::after{content:"▶";position:absolute;inset:auto .5rem .5rem auto;display:grid;place-items:center;border-radius:50%;width:2rem;height:2rem;color:#0a0a09;background:var(--fire);font-size:.65rem}
.feature-info{background:#ffffff0d;padding:1rem .9rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;border-radius:1rem;min-width:0}
.feature-info .mini{color:var(--muted);font-size:.62rem;display:flex;align-items:center}
.feature-info h3{font-size:1.1rem;line-height:1.2;letter-spacing:-.035em;margin:.45rem 0}
.feature-bottom{display:flex;justify-content:space-between;align-items:center}
.feature-dots{display:flex;gap:.3rem;align-items:center}
.feature-dots i{display:block;height:4px;width:5px;border-radius:3px;background:#ffffff40;transition:width .3s var(--ease-out),background-color .3s ease}
.feature-dots i.active{width:17px;background:var(--fire)}
.feature-arrows{display:flex;gap:.25rem}
.feature-arrows button{width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:#ffffff14;transition:background-color .2s ease,color .2s ease}
.feature-arrows button:hover{background:var(--fire);color:#0a0a09}
.feature-arrows svg{width:.8rem;height:.8rem}

.feature-external{display:flex;gap:.5rem;justify-content:flex-end;align-items:center;font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.9rem .6rem .1rem;color:var(--muted);width:100%;transition:color .2s ease}
.feature-external:hover{color:var(--fire)}
.eq{display:inline-flex;align-items:flex-end;gap:2px;height:.8rem;margin-left:.45rem}
.eq i{display:block;width:2px;height:100%;background:var(--fire);border-radius:1px;transform-origin:bottom;transform:scaleY(.35)}
.hero-status{position:relative;z-index:10;background:#080807;color:#bdb8af;display:flex;align-items:center;justify-content:space-between;min-height:4.2rem;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;max-width:none;padding-left:max(2rem,calc((100vw - var(--shell))/2 + 2rem));padding-right:max(2rem,calc((100vw - var(--shell))/2 + 2rem))}
.pulse{display:inline-flex;align-items:center;gap:.6rem}
.pulse i{width:.45rem;height:.45rem;border-radius:50%;background:var(--fire);display:block;box-shadow:0 0 10px var(--fire)}
.scroll-cue{display:inline-flex;align-items:center;gap:.55rem}
.scroll-cue b{font-size:1.1rem;font-weight:400;animation:nudge 1.9s infinite}
@keyframes nudge{50%{transform:translateY(6px)}}

/* ---------- Ticker ---------- */
.ticker{overflow:hidden;white-space:nowrap;background:#0d0c0b;color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ticker-track{display:flex;gap:2.1rem;width:max-content;align-items:center;padding:1.15rem 0;animation:marquee 29s linear infinite}
.ticker-track span{font-size:.86rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700}
.ticker-track i{width:.38rem;height:.38rem;background:var(--fire);box-shadow:0 0 10px var(--fire);border-radius:50%;display:block}
@keyframes marquee{to{transform:translateX(-50%)}}
.has-gsap .ticker-track{animation:none}

/* ---------- About ---------- */
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:center;padding-top:9rem;padding-bottom:8rem}
.about-portrait{position:relative}
.portrait-frame{position:relative;overflow:hidden;border-radius:1.6rem;aspect-ratio:2/2.7;background:#1b0d06}
.portrait-frame img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
.portrait-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0a0a09d9);pointer-events:none}
.portrait-caption{position:absolute;left:1.4rem;right:1.4rem;bottom:1.3rem;display:flex;justify-content:space-between;align-items:end;gap:1rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f5d6c2}
.portrait-caption img{height:.9rem;width:auto}
.portrait-tag{position:absolute;top:-1.1rem;right:-1.1rem;width:6.5rem;height:6.5rem;border-radius:50%;background:var(--fire);color:#0a0a09;display:grid;place-items:center;text-align:center;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;box-shadow:0 10px 40px #ff5a1f55}
.about-main h2{font-size:clamp(2rem,3.4vw,3.5rem);font-weight:500;line-height:1.18;letter-spacing:-.055em;max-width:21ch;margin:1.6rem 0 2rem}
.about-main h2 .muted{color:var(--dim)}
.about-main p{font-size:1rem;color:var(--muted);line-height:1.75;max-width:35rem}
.about-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:1rem;margin-top:2.5rem;padding-top:1.55rem}
.social-inline{display:flex;gap:.45rem}
.social-bubble{height:2.7rem;min-width:2.7rem;border-radius:50%;background:var(--bg-3);display:grid;place-items:center;font-size:.7rem;font-weight:700;transition:background-color .25s ease,color .25s ease}
.social-bubble.primary{background:var(--fire);color:#0a0a09}
.social-bubble:hover{background:var(--fire);color:#0a0a09}

/* ---------- Pill band ---------- */
.pillband{padding:1rem 0 7rem}
.pillband ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.pillband li{border-radius:100px;min-height:10rem;display:grid;place-items:center;font-weight:700;font-size:clamp(1.45rem,2.6vw,3rem);letter-spacing:-.065em}
.pillband li:nth-child(1){background:var(--bg-3)}
.pillband li:nth-child(2){color:#0a0a09;background:linear-gradient(125deg,var(--ember),var(--fire) 45%,var(--blood))}
.pillband li:nth-child(3){background:var(--text);color:#0a0a09}
.pillband li:nth-child(4){border:1px solid var(--line-2);color:var(--muted)}
.pillband svg{width:3.5rem;height:3.5rem}

/* ---------- Releases ---------- */
.releases{padding:4rem 0 9rem}
.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.release{display:flex;flex-direction:column;min-width:0;cursor:pointer;text-align:left}
.release-art{position:relative;aspect-ratio:1/1.1;overflow:hidden;border-radius:1.45rem;background:linear-gradient(145deg,#5b352b,#1e171c 66%,#0d0d0f);transform-style:preserve-3d;will-change:transform}
.release-art img{height:100%;width:100%;object-fit:cover;transition:transform .7s var(--ease-out)}
.release-sheen{position:absolute;inset:0;background:linear-gradient(150deg,transparent 30%,#0a0a09b3);pointer-events:none}
@media(hover:hover) and (pointer:fine){.release:hover .release-art img{transform:scale(1.07)}}
.release-no{position:absolute;left:1.1rem;top:1.1rem;color:#fffa;font-size:.72rem;letter-spacing:.1em}
.release-type{position:absolute;bottom:1.15rem;left:1.1rem;color:#fff;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}
.release-play{position:absolute;right:1rem;bottom:1rem;width:2.8rem;height:2.8rem;display:grid;place-items:center;color:#0a0a09;background:var(--fire);border-radius:50%;transform:translateY(8px);opacity:0;transition:transform .3s var(--ease-out),opacity .3s ease}
.release:hover .release-play,.release:focus-visible .release-play{opacity:1;transform:none}
.release-play svg{width:1rem;height:1rem}
.release h3{font-size:1.12rem;font-weight:600;line-height:1.25;letter-spacing:-.035em;margin-top:1.1rem}
.release p{color:var(--muted);font-size:.78rem;margin-top:.4rem}
.center-cta{display:flex;justify-content:center;margin-top:3.5rem}

/* ---------- Live (pinned push-in on the fire stage) ---------- */
.live{position:relative;background:#000}
.live-stage{position:relative;height:100svh;overflow:hidden;isolation:isolate}
.live-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}
.live-wide{transform-origin:48.5% 40%}
.live-close{opacity:0;transform-origin:48% 44%}
.live-shade{position:absolute;inset:0;background:linear-gradient(180deg,#000a 0%,transparent 30%,transparent 50%,#000e 100%),linear-gradient(90deg,#000c,transparent 55%);pointer-events:none}
.live-copy{position:absolute;inset:auto 0 0;padding-bottom:4rem;z-index:2}
.live-title{font-size:clamp(3.4rem,10vw,11rem);font-weight:800;letter-spacing:-.08em;line-height:.86;margin:1.2rem 0 1.4rem}
.live-title .line-reveal:last-child>span{color:var(--fire)}
.live-copy p{max-width:30rem;color:#d8d2c8;line-height:1.65}
.live-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.live-meta span{padding:.55rem .9rem;border:1px solid #ffffff2e;border-radius:100px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;background:#0006;backdrop-filter:blur(8px)}

/* ---------- Videos ---------- */
.video-section{background:var(--bg-2);padding:8rem 0;border-radius:var(--round)}
.video-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1.2rem}
.video-feature,.video-tile{position:relative;overflow:hidden;background:radial-gradient(circle at 65% 30%,#6b2a12,#120d0b 68%);border-radius:1.6rem;color:#fff;cursor:pointer;text-align:left}
.video-feature{min-height:32rem}
.video-tile{min-height:15.4rem}
.video-side{display:grid;grid-template-rows:1fr 1fr;gap:1.2rem}
.vid-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}
.video-feature::after,.video-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0926 25%,#0a0a09eb 100%);pointer-events:none}
@media(hover:hover) and (pointer:fine){.video-feature:hover .vid-bg,.video-tile:hover .vid-bg{transform:scale(1.05)}}
.video-info{position:absolute;z-index:2;left:2rem;right:2rem;bottom:2rem;display:flex;justify-content:space-between;align-items:end;gap:2rem}
.video-info .mini{font-size:.66rem;color:var(--fire-2)}
.video-info h3{font-size:2rem;font-weight:600;line-height:1.06;letter-spacing:-.05em;margin:.7rem 0 .45rem;max-width:22rem}
.video-tile .video-info{left:1.3rem;bottom:1.25rem;right:1.3rem}
.video-tile .video-info h3{font-size:1.18rem;max-width:17rem}
.video-info p{color:#d6cfc8;font-size:.78rem}
.video-play{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:1px solid #ffffff59;border-radius:50%;flex:none;backdrop-filter:blur(10px);background:#ffffff1a;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.video-play svg{width:1.2rem;height:1.2rem}
.video-feature:hover .video-play,.video-tile:hover .video-play{background:var(--fire);border-color:var(--fire);color:#0a0a09}
.video-tile .video-play{width:2.5rem;height:2.5rem}
.channel-tile{background:#0a0a09}
.channel-tile img.channel-logo{position:absolute;left:1.3rem;top:1.5rem;width:55%;height:auto;opacity:.18}

/* ---------- World / genres ---------- */
.world{padding:8rem 0}
.world-rows{border-top:1px solid var(--line)}
.world-row{display:flex;align-items:center;gap:2rem;padding:2rem 1.6rem;border-bottom:1px solid var(--line);border-radius:1rem;transition:background-color .3s ease}
.world-row:hover{background:#ffffff08}
.world-index{font-size:.8rem;color:var(--dim);width:2rem}
.world-name{flex:1;font-size:clamp(1.4rem,2.6vw,2.8rem);font-weight:600;letter-spacing:-.06em}
.world-desc{color:var(--muted);font-size:.87rem;max-width:21rem;line-height:1.5}
.world-arrow{display:grid;place-items:center;border-radius:50%;width:3rem;height:3rem;flex:none;background:var(--bg-3);color:var(--text);transition:background-color .25s ease,color .25s ease}
.world-row:hover .world-arrow{background:var(--fire);color:#0a0a09}
.world-arrow svg{width:1.25rem;height:1.25rem;transition:transform .25s var(--ease-out)}
.world-row:hover .world-arrow svg{transform:translate(3px,-3px)}
.world-preview{position:fixed;top:0;left:0;z-index:40;width:15rem;aspect-ratio:1/1.1;margin:-8rem 0 0 -7.5rem;border-radius:1.2rem;overflow:hidden;pointer-events:none;opacity:0;transform:scale(.9);box-shadow:0 30px 60px #00000080}
.world-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease}
.world-preview img.is-active{opacity:1}

/* ---------- Booking (fire panel + vinyl) ---------- */
.shows{padding-bottom:7rem}
.shows-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;min-height:28rem;border-radius:var(--round);color:var(--text);border:1px solid var(--line);background:radial-gradient(ellipse 45% 70% at 78% 50%,#ff5a1f55,transparent 70%),radial-gradient(ellipse at 10% 0%,#2a1206,transparent 55%),#0d0b0a}
.shows-panel::after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 75% 50%,transparent 0 35px,#ff5a1f1f 36px 37px,transparent 39px 65px);pointer-events:none}
.shows-copy{position:relative;z-index:1;padding:4.2rem}
.shows-copy h2{font-size:clamp(2.4rem,4vw,4.8rem);font-weight:800;letter-spacing:-.07em;line-height:1;margin:1.4rem 0 1.3rem}
.shows-copy p{max-width:31rem;line-height:1.65;color:var(--muted);font-size:.98rem}
.shows-cta{margin-top:2rem}
.shows-right{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:3rem}
.vinyl-wrap{position:relative;width:min(100%,22rem);aspect-ratio:1}
.vinyl{width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle,#1b1b18 0 2px,#0b0b0a 3px 5px);box-shadow:0 30px 80px #0007,inset 0 0 0 1px #ffffff12;position:relative;will-change:transform}
.vinyl::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 10%,#ffffff14 14%,transparent 20% 60%,#ffffff0d 64%,transparent 70%)}
.vinyl-label{position:absolute;inset:33%;border-radius:50%;background:#0a0a09;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--fire)}
.vinyl-label::after{content:"";position:absolute;width:.55rem;height:.55rem;border-radius:50%;background:var(--fire)}
.vinyl-label svg{position:absolute;inset:6%;width:88%;height:88%;fill:var(--fire);font-size:8.5px;font-weight:600;text-transform:uppercase}
.vinyl-status{position:absolute;right:0;bottom:-1.6rem;font-size:.7rem;color:var(--fire-2);font-weight:600;letter-spacing:.15em;text-transform:uppercase}

/* ---------- Footer ---------- */
.site-footer{position:relative;overflow:hidden;background:#050505;border-radius:var(--round) var(--round) 0 0;border-top:1px solid var(--line)}
.footer-inner{position:relative;z-index:2;padding-top:6.5rem;padding-bottom:2rem}
.footer-cta{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:4rem;border-bottom:1px solid var(--line)}
.footer-cta h2{font-size:clamp(2.7rem,5.4vw,6rem);font-weight:800;letter-spacing:-.075em;line-height:.95;max-width:12ch}
.footer-links{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding:3.7rem 0}
.footer-links h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:600;color:var(--dim);margin-bottom:1.3rem}
.footer-links li+li{margin-top:.9rem}
.footer-links a,.footer-links button{font-size:.84rem;color:#b8b3aa;transition:color .25s ease;display:inline-block;text-align:left}
.footer-links a:hover,.footer-links button:hover{color:var(--fire)}
.footer-brand img{height:1.9rem;width:auto}
.footer-brand p{font-size:.85rem;color:var(--muted);line-height:1.75;max-width:20rem;margin-top:1.4rem}
.legal{border-top:1px solid var(--line);padding-top:1.8rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.73rem;color:var(--dim)}
.footer-watermark{position:absolute;bottom:-1rem;left:50%;width:120vw;max-width:none;height:auto;transform:translateX(-50%);opacity:.045;pointer-events:none}

/* ---------- Overlays ---------- */
.overlay{position:fixed;inset:0;z-index:110;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
.overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.nav-overlay{background:#050505;color:#fff;display:flex;flex-direction:column}
.has-gsap .nav-overlay{opacity:1;transition:visibility 0s linear .75s}
.has-gsap .nav-overlay.open{transition:none}
.overlay-top{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;padding-bottom:1.5rem}
.close-btn{display:inline-flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border:1px solid #ffffff33;border-radius:.85rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#c9c5bd;transition:background-color .25s ease}
.close-btn:hover{background:#ffffff14}
.close-btn svg{width:1rem;height:1rem}
.nav-list{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}
.nav-list button{display:flex;gap:1.25rem;align-items:baseline;text-align:left;font-size:clamp(2.5rem,5.2vw,5.4rem);line-height:1.12;letter-spacing:-.067em;font-weight:700;opacity:.6;transition:opacity .25s ease,color .25s ease;will-change:transform}
.nav-list button:hover{opacity:1;color:var(--fire)}
.nav-list small{font-size:1rem;font-weight:500;letter-spacing:0;color:var(--fire)}
.nav-bottom{padding-top:1.4rem;padding-bottom:1.7rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff1f;color:#ada9a2;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}
.nav-bottom button{color:var(--fire)}
.dialog-overlay{z-index:120;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000a6;backdrop-filter:blur(14px)}
.dialog-panel{position:relative;background:var(--bg-2);color:var(--text);border:1px solid var(--line);width:100%;max-width:36rem;max-height:calc(100svh - 2rem);overflow:auto;border-radius:1.7rem;padding:2.4rem;transform:translateY(16px) scale(.97);transition:transform .35s var(--ease-out)}
.overlay.open .dialog-panel{transform:none}
.dialog-close{position:absolute;top:1.2rem;right:1.2rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--bg-3);transition:background-color .2s ease}
.dialog-close:hover{background:#2a2925}
.dialog-close svg{width:1rem;height:1rem}
.dialog-panel h2{font-size:2.05rem;letter-spacing:-.055em;line-height:1.12;margin:1rem 0 1.4rem;max-width:20ch}
.dialog-note{font-size:.86rem;color:var(--muted);line-height:1.6;margin-bottom:1.4rem}
.form-stack{display:grid;gap:.85rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.form-stack label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:grid;gap:.4rem}
.form-stack input,.form-stack textarea,.form-stack select{width:100%;border:1px solid var(--line-2);background:#0a0a09;border-radius:.8rem;padding:.9rem 1rem;outline:0;font-size:.87rem;color:var(--text);transition:border-color .2s ease;color-scheme:dark}
.form-stack textarea{resize:vertical;min-height:6rem}
.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:var(--fire)}
.form-actions{margin-top:.7rem;display:flex;align-items:center;justify-content:space-between;gap:1.1rem}
.form-actions p{font-size:.7rem;max-width:14rem;color:var(--dim);line-height:1.4}
.success-panel{display:none;text-align:center;padding:3rem 1rem 1rem}
.success-icon{font-size:2.5rem;color:var(--fire)}
.success-panel p{color:var(--muted);line-height:1.7;margin-bottom:2rem}
.dialog-panel.success .form-content{display:none}
.dialog-panel.success .success-panel{display:block}
.music-panel iframe{width:100%;border:0;border-radius:1rem;background:#222;display:block;min-height:152px}
.external-track{display:inline-flex;margin-top:1rem;gap:.5rem;align-items:center;font-size:.85rem;font-weight:600;color:var(--fire)}
.video-panel{max-width:65rem;background:#050505}
.video-panel .dialog-close{z-index:2}
.video-frame{aspect-ratio:16/9;width:100%;background:#000;border-radius:1rem;overflow:hidden}
.video-frame iframe{border:0;width:100%;height:100%}

/* ---------- Motion layer helpers ---------- */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:var(--fire);transform:scaleX(0);transform-origin:left;pointer-events:none;box-shadow:0 0 10px var(--fire)}
.cursor-ring{position:fixed;top:0;left:0;z-index:200;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;border-radius:50%;border:1px solid #ff5a1f99;display:grid;place-items:center;pointer-events:none;opacity:0;mix-blend-mode:normal;transition:opacity .3s ease,width .35s var(--ease-out),height .35s var(--ease-out),margin .35s var(--ease-out),background-color .3s ease,border-color .3s ease}
.cursor-ring span{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0a0a09;opacity:0;transition:opacity .2s ease}
.cursor-ring.is-visible{opacity:1}
.cursor-ring.is-hover{width:3.6rem;height:3.6rem;margin:-1.8rem 0 0 -1.8rem;border-color:var(--fire)}
.cursor-ring.is-label{width:5.4rem;height:5.4rem;margin:-2.7rem 0 0 -2.7rem;background:var(--fire);border-color:var(--fire)}
.cursor-ring.is-label span{opacity:1}
.has-motion .pill{transition:background-color .25s ease,border-color .25s ease,color .25s ease;will-change:transform}
.has-motion .pill:hover{transform:none}
@media (hover:none),(pointer:coarse){.cursor-ring,.world-preview{display:none}}

/* ---------- Responsive ---------- */
@media(max-width:1100px){.desktop-nav{gap:1.2rem;margin-right:.5rem}.clock-date{display:none}.release-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.desktop-nav{display:none}.about-grid{gap:3rem}.video-feature{min-height:28rem}.video-tile{min-height:13.4rem}.world-desc{max-width:16rem}}
@media(max-width:767px){
  .clock{display:none}
  .hero-inner{grid-template-columns:1fr;align-items:start;padding-top:7.5rem;padding-bottom:48svh;gap:2rem}
  .hero h1{font-size:clamp(3.2rem,15vw,6rem)}
  .hero-side{display:none}
  .hero-logo,.hero-logo-fire{top:auto;bottom:calc(4.2rem + 30svh);width:94vw}
  .hero-glow{background:radial-gradient(ellipse 60% 30% at 50% 74%,#ffd27a 0%,#ff8a2a 18%,#ff5a1f 36%,#a52a08 58%,transparent 80%)}
  .hero-bg{background:radial-gradient(ellipse 70% 34% at 50% 74%,#3a1407 0%,#1a0904 45%,transparent 75%),#050505}
  .hero-status span:nth-child(2){display:none}
  .about-grid{grid-template-columns:1fr;padding-top:5rem;padding-bottom:5rem;gap:3rem}
  .portrait-tag{right:.8rem;top:-1.6rem;width:5.5rem;height:5.5rem}
  .pillband li{min-height:7rem}
  .video-grid{grid-template-columns:1fr}
  .video-feature{min-height:23rem}
  .video-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
  .world-desc{display:none}
  .shows-panel{grid-template-columns:1fr}
  .shows-copy{padding:3rem}
  .shows-right{padding:1rem 2rem 4rem}
  .vinyl-wrap{width:15rem}
  .footer-links{grid-template-columns:repeat(3,1fr)}
  .footer-links>div:first-child{grid-column:1/-1}
  .loader-tag{display:none}
  #loader{padding:1.25rem}
}
@media(max-width:640px){
  .brand img{height:1.15rem}
  .hero-intro{font-size:.98rem;margin-top:1.4rem}
  .hero-actions .pill{font-size:.78rem}
  .hero-status{min-height:4rem;font-size:.6rem;padding-left:1.25rem;padding-right:1.25rem}
  .section-head{flex-direction:column;align-items:start;gap:1rem}
  .section-head h2{font-size:2.7rem}
  .about-main h2{font-size:2.05rem}
  .pillband{padding:0 0 4rem}
  .pillband ul{grid-template-columns:repeat(2,1fr);gap:.7rem}
  .pillband li{min-height:5.8rem;font-size:1.85rem}
  .pillband svg{width:2.5rem;height:2.5rem}
  .releases{padding:2rem 0 5rem}
  .release-grid{gap:.8rem}
  .release-art{border-radius:1rem}
  .release-no{left:.7rem;top:.7rem}
  .release-type{left:.7rem;bottom:.8rem;font-size:.56rem}
  .release h3{font-size:.95rem;margin-top:.7rem}
  .release p{font-size:.72rem}
  .release-play{opacity:1;transform:none;width:2.1rem;height:2.1rem;right:.5rem;bottom:.55rem}
  .live-copy{padding-bottom:2.5rem}
  .live-shade{background:linear-gradient(180deg,#000a 0%,transparent 30%,transparent 40%,#000f 100%)}
  .video-section{padding:4.5rem 0;border-radius:1.4rem}
  .video-feature{min-height:18.5rem}
  .video-side{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .video-tile{min-height:11rem}
  .video-info{left:1.3rem;right:1.3rem;bottom:1.3rem}
  .video-info h3{font-size:1.3rem}
  .world{padding:4.5rem 0}
  .world-row{padding:1.4rem .6rem;gap:1rem}
  .world-name{font-size:1.38rem}
  .world-arrow{width:2.5rem;height:2.5rem}
  .shows{padding-bottom:4rem}
  .shows-copy{padding:2.2rem 1.5rem}
  .shows-copy h2{font-size:2.8rem}
  .footer-inner{padding-top:4.5rem}
  .footer-cta{flex-direction:column;align-items:start;padding-bottom:3rem}
  .footer-cta h2{font-size:3rem}
  .footer-links{grid-template-columns:repeat(2,1fr);gap:2.5rem 1rem;padding:3rem 0}
  .legal{font-size:.65rem;align-items:flex-start;flex-direction:column}
  .nav-list button{font-size:2.65rem;padding:.2rem 0}
  .nav-bottom{font-size:.6rem}
  .dialog-overlay{align-items:flex-end;padding:0}
  .dialog-panel{border-radius:1.5rem 1.5rem 0 0;padding:2rem 1.3rem;max-height:92svh}
  .dialog-panel h2{font-size:1.8rem}
  .form-grid{grid-template-columns:1fr}
  .form-actions{flex-direction:column;align-items:stretch}
  .form-actions p{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .liquid-canvas,.cursor-ring,.world-preview{display:none}
  .has-gsap .nav-overlay{transition:none}
  .live-close{opacity:1}
}

/* ===== v3: player, gate, Top 10, discography, playlists ===== */
/* Loader gate: the click that unlocks sound */
.loader-gate{display:flex;align-items:center;gap:1rem;opacity:0;visibility:hidden}
.loader-gate .pill{justify-content:center;padding:.45rem 1.45rem .45rem 1.1rem;gap:.7rem;min-height:3.2rem;font-size:.9rem}
.gate-mute{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#8d887f;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease}
.gate-mute:hover{color:#fff}
.no-gate .loader-gate{display:none}
/* Player bits shared by the hero card and the mini player */
.cover-state{position:absolute;inset:auto .5rem .5rem auto;display:grid;place-items:center;border-radius:50%;width:2.1rem;height:2.1rem;color:#0a0a09;background:var(--fire)}
.cover-state svg{width:.9rem;height:.9rem}
.feature-cover::after{content:none}
.i-pause,.is-playing .i-play{display:none}
.is-playing .i-pause{display:block}
.player-progress{position:relative;flex:1;height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden;margin-right:.8rem}
.player-progress i{position:absolute;inset:0;background:var(--fire);transform:scaleX(0);transform-origin:left}
.feature-card{position:relative}
.feature-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#ff5a1f88,transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}
.is-playing .feature-card::before,.feature-card.is-playing::before{opacity:1}
/* Mini player */
.mini-player{position:fixed;left:1.2rem;bottom:1.2rem;z-index:90;display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem .45rem .45rem;border-radius:1.1rem;background:#0e0d0be6;border:1px solid var(--line-2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px #000a;width:min(30rem,calc(100vw - 2.4rem));transform:translateY(140%);opacity:0}
.mp-cover{position:relative;width:3rem;height:3rem;flex:none;border-radius:.7rem;overflow:hidden;background:#1a1916}
.mp-cover img{width:100%;height:100%;object-fit:cover}
.mp-cover .cover-state{inset:0;width:auto;height:auto;border-radius:0;background:#0a0a0973;color:#fff;opacity:0;transition:opacity .2s ease}
.mp-cover:hover .cover-state{opacity:1}
.mp-info{flex:1;min-width:0;display:grid;gap:.25rem}
.mp-info b{font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-info>span{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mp-info .player-progress{margin:0;flex:none}
.mp-viz{display:flex;align-items:flex-end;gap:2px;height:1.4rem;width:2.2rem}
.mp-viz i{flex:1;height:100%;border-radius:1px;background:var(--fire);transform-origin:bottom;transform:scaleY(.12)}
.mp-btn{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;color:var(--text);transition:background-color .2s ease,color .2s ease}
.mp-btn:hover{background:#ffffff14}
.mp-btn svg{width:1rem;height:1rem}
.mp-main{background:var(--fire);color:#0a0a09}
.mp-main:hover{background:var(--fire-2)}
.mp-spotify{color:#1ed760}
/* Stats */
.stats{padding:5rem 0 1rem}
.stats-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:2.4rem 1.6rem;display:grid;gap:.6rem}
.stat+.stat{border-left:1px solid var(--line)}
.stat b{font-size:clamp(2.2rem,4.2vw,4.4rem);font-weight:800;letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums}
.stat span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.stat:first-child b{color:var(--fire)}
.stats-note{margin-top:1rem;font-size:.7rem;color:var(--dim)}
/* Segmented control */
.top-side{display:grid;gap:1.2rem;justify-items:end;max-width:26rem}
.top-side p{color:var(--muted);line-height:1.65;font-size:.92rem;text-align:right}
.seg{display:inline-flex;padding:.25rem;border-radius:100px;border:1px solid var(--line-2);background:#ffffff06}
.seg button{padding:.55rem 1rem;border-radius:100px;font-size:.74rem;font-weight:600;letter-spacing:.06em;color:var(--muted);transition:color .2s ease,background-color .2s ease}
.seg button[aria-selected="true"]{background:var(--fire);color:#0a0a09}
/* Top 10 */
.top{padding:7rem 0 6rem}
.top-list{display:grid;border-top:1px solid var(--line)}
.top-row{position:relative;display:grid;grid-template-columns:3.4rem 4.2rem minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:1.4rem;padding:1.05rem 1rem;border-bottom:1px solid var(--line);border-radius:1rem;transition:background-color .25s ease}
.top-row:hover,.top-row.is-current{background:#ffffff07}
.top-rank{font-size:1.6rem;font-weight:800;letter-spacing:-.05em;color:var(--dim);font-variant-numeric:tabular-nums}
.top-row:nth-child(-n+3) .top-rank{color:var(--fire)}
.top-cover{position:relative;width:4.2rem;height:4.2rem;border-radius:.8rem;overflow:hidden;background:#1a1916}
.top-cover img{width:100%;height:100%;object-fit:cover}
.top-cover .cover-state{inset:0;width:auto;height:auto;border-radius:0;background:#0a0a0980;color:#fff;opacity:0;transition:opacity .2s ease}
.top-row:hover .cover-state,.top-row.is-current .cover-state{opacity:1}
.top-title b{display:block;font-size:1.15rem;font-weight:600;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-title>span{display:block;margin-top:.3rem;font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.explicit{display:inline-grid;place-items:center;width:1rem;height:1rem;margin-left:.4rem;border-radius:3px;background:#ffffff26;color:var(--text);font-size:.55rem;font-weight:700;vertical-align:.15em}
.top-bar{display:grid;gap:.45rem}
.top-bar .bar{height:4px;border-radius:4px;background:#ffffff12;overflow:hidden}
.top-bar .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blood),var(--fire),var(--ember));transform-origin:left;transform:scaleX(var(--w,0))}
.top-nums{display:flex;gap:1rem;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}
.top-nums b{color:var(--text);font-weight:600}
.top-nums .is-key b{color:var(--fire)}
.top-links{display:flex;gap:.35rem}
.ext{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--bg-3);color:var(--muted);transition:color .2s ease,background-color .2s ease}
.ext svg{width:1.05rem;height:1.05rem}
.ext.sp:hover{color:#1ed760}
.ext.yt:hover{color:#ff3b30}
/* Discography */
.disco{padding:5rem 0 8rem}
.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 1.25rem}
.release-grid .release[hidden]{display:none}
.release-art .cover-state{inset:auto 1rem 1rem auto;width:2.8rem;height:2.8rem;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s var(--ease-out)}
.release:hover .release-art .cover-state,.release.is-current .release-art .cover-state{opacity:1;transform:none}
.release-badges{position:absolute;left:1rem;top:1rem;display:flex;gap:.35rem}
.release-badges span{padding:.3rem .55rem;border-radius:100px;background:#0a0a09b3;backdrop-filter:blur(6px);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}
.release-badges .hot{background:var(--fire);color:#0a0a09;font-weight:700}
.release-meta{display:flex;justify-content:space-between;gap:.6rem;margin-top:.4rem;color:var(--muted);font-size:.76rem}
.track-table{display:grid;border-top:1px solid var(--line)}
.track-row{display:grid;grid-template-columns:2.6rem 2.8rem minmax(0,1fr) 9rem 6rem 4rem;align-items:center;gap:1rem;padding:.7rem .8rem;border-bottom:1px solid var(--line);border-radius:.8rem;cursor:pointer;transition:background-color .2s ease}
.track-row:hover,.track-row.is-current{background:#ffffff07}
.track-row .n{color:var(--dim);font-size:.8rem;font-variant-numeric:tabular-nums}
.track-row.is-current .n{color:var(--fire)}
.track-row img{width:2.8rem;height:2.8rem;border-radius:.5rem;object-fit:cover}
.track-row .t b{display:block;font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-row .t span{font-size:.72rem;color:var(--muted)}
.track-row .r,.track-row .p,.track-row .d{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-row .d{text-align:right}
/* Playlists */
.playlists{padding:6rem 0 7rem;overflow:hidden}
.sub-title{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 1.2rem}
.own-playlists{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:4rem}
.own-pl{position:relative;display:grid;grid-template-columns:9rem 1fr;gap:1.4rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:1.4rem;background:radial-gradient(ellipse at 0% 0%,#2a120699,transparent 60%),var(--bg-2);transition:border-color .3s ease}
.own-pl:hover{border-color:#ff5a1f66}
.own-pl img{width:9rem;height:9rem;border-radius:1rem;object-fit:cover}
.own-pl b{display:block;font-size:1.15rem;line-height:1.25;letter-spacing:-.03em}
.own-pl p{margin:.5rem 0 1rem;font-size:.8rem;color:var(--muted);line-height:1.5}
.own-pl .pill{min-height:2.6rem;font-size:.78rem}
.own-pl .pill .pill-icon{width:2rem;height:2rem}
.pl-marquee{display:flex;gap:1rem;width:max-content;padding:0 2rem;cursor:grab}
.pl-card{width:13rem;flex:none}
.pl-card .pl-img{position:relative;aspect-ratio:1;border-radius:1rem;overflow:hidden;background:var(--bg-3)}
.pl-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
@media(hover:hover) and (pointer:fine){.pl-card:hover img{transform:scale(1.06)}}
.pl-card b{display:block;margin-top:.8rem;font-size:.86rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pl-card span{display:block;margin-top:.25rem;font-size:.72rem;color:var(--muted)}
.pl-card .editorial{position:absolute;left:.6rem;top:.6rem;padding:.3rem .55rem;border-radius:100px;background:#1ed760;color:#0a0a09;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
/* Video list under the grid */
.video-more{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem 2rem;margin-top:2.4rem}
.video-more a{display:grid;grid-template-columns:5.6rem 1fr auto;gap:1rem;align-items:center;padding:.6rem;border-radius:.8rem;transition:background-color .2s ease}
.video-more a:hover{background:#ffffff08}
.video-more img{width:5.6rem;aspect-ratio:16/9;object-fit:cover;border-radius:.5rem}
.video-more b{font-size:.82rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-more span{font-size:.72rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:1024px){.top-row{grid-template-columns:2.6rem 3.6rem minmax(0,1fr) auto}.top-bar{grid-column:3/4;grid-row:2}.top-cover{width:3.6rem;height:3.6rem}.track-row{grid-template-columns:2.2rem 2.6rem minmax(0,1fr) 5rem 3.6rem}.track-row .r{display:none}}
@media(max-width:767px){
  .stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}.stat{padding:1.6rem 1rem}
  .top-side{justify-items:start}.top-side p{text-align:left}
  .release-grid{grid-template-columns:repeat(2,1fr)}
  .own-playlists{grid-template-columns:1fr}.own-pl{grid-template-columns:6.5rem 1fr}.own-pl img{width:6.5rem;height:6.5rem}
  .video-more{grid-template-columns:1fr}
  .mini-player{left:.6rem;right:.6rem;bottom:.6rem;width:auto}
  .mp-viz,.mp-spotify{display:none}
  .loader-gate{flex-direction:column;align-items:stretch;width:100%}
  .loader-bottom{flex-wrap:wrap;gap:1.5rem}
}
@media(max-width:640px){
  .top-row{grid-template-columns:2rem 3.2rem minmax(0,1fr);gap:.8rem;padding:.9rem .4rem}.top-links{display:none}.top-cover{width:3.2rem;height:3.2rem}.top-rank{font-size:1.1rem}.top-bar{grid-column:2/4}
  .track-row{grid-template-columns:2.6rem minmax(0,1fr) 3.4rem;gap:.7rem}.track-row .n,.track-row .p{display:none}
  .pl-card{width:10rem}
}
@media(prefers-reduced-motion:reduce){.mini-player{transform:none;opacity:1}.loader-gate{opacity:1;visibility:visible}}

/* ===== v4 hero: broken logo + artist, no copy ===== */
.hero{min-height:100svh;height:100svh}
.hero-bg{background:radial-gradient(ellipse 36% 55% at 68% 52%,#3a1407 0%,#1a0904 45%,transparent 75%),#050505}
.hero-glow{background:radial-gradient(ellipse 28% 48% at 68% 48%,#ffd27a 0%,#ff8a2a 18%,#ff5a1f 36%,#a52a08 58%,transparent 80%);opacity:.55}
.hero-stack{position:absolute;z-index:1;left:max(2rem,calc((100vw - var(--shell)) / 2 + 2rem));top:50%;transform:translateY(-46%);display:grid;justify-items:start;gap:2.6svh;pointer-events:none;user-select:none}
.stack-row{position:relative;display:block;height:min(23svh,13.5vw)}
.stack-row img{display:block;height:100%;width:auto}
.stack-row .fire{position:absolute;inset:0;opacity:0;background:linear-gradient(100deg,#ffb347,#ff5a1f 45%,#c2340c);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

.hero-scroll{position:absolute;z-index:4;left:50%;bottom:1.6rem;width:1px;height:3.2rem;background:#ffffff1f;overflow:hidden}
.hero-scroll i{position:absolute;left:0;top:0;width:1px;height:40%;background:var(--fire);animation:scrollcue 2.2s cubic-bezier(.77,0,.175,1) infinite}
@keyframes scrollcue{0%{transform:translateY(-100%)}100%{transform:translateY(260%)}}
/* header: only the essentials; the small logo appears once the big one is gone */
.site-header .brand{transition:opacity .4s ease}
.site-header:not(.is-scrolled) .brand{opacity:0;pointer-events:none}
.sound-btn{width:2.6rem;justify-content:center;padding:0}
.sound-btn .eq{margin:0;height:.9rem;gap:2.5px}
.sound-btn .eq i{width:2px}
.sound-btn:not(.is-playing){opacity:.7}
.mini-player.is-hidden-hero{pointer-events:none}
@media(max-width:767px){
  .hero-stack{left:50%;top:13svh;transform:translateX(-50%);justify-items:center;gap:1.6svh}
  .stack-row{height:min(10.5svh,17vw)}
  .hero-bg{background:radial-gradient(ellipse 70% 36% at 50% 78%,#3a1407 0%,#1a0904 45%,transparent 75%),#050505}
  .hero-glow{background:radial-gradient(ellipse 60% 30% at 50% 76%,#ffd27a 0%,#ff8a2a 18%,#ff5a1f 36%,#a52a08 58%,transparent 80%)}
}
@media(prefers-reduced-motion:reduce){.hero-scroll i{animation:none;height:100%}}
/* Sound blocked by the browser until the first interaction: the sound button calls for it */
.sound-locked .sound-btn{position:relative;opacity:1;border-color:#ff5a1f99}
.sound-locked .sound-btn::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--fire);animation:soundcall 1.8s var(--ease-out) infinite;pointer-events:none}
@keyframes soundcall{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.sound-locked .sound-btn::after{animation:none}}

/* ===== v5 cover: the fire stage, alive ===== */
.cover{position:relative;height:100svh;min-height:34rem;overflow:hidden;isolation:isolate;background:#030303;color:var(--text)}
/* the media box keeps the photo's 16:9 framing while covering the viewport, so overlays can sit in % of the photo */
.cover-media{position:absolute;left:50%;top:50%;width:max(106vw,calc(106svh * 2000 / 1125));aspect-ratio:2000/1125;transform:translate(-50%,-50%)}
.cover-zoom{position:absolute;inset:0;transform-origin:48% 46%;will-change:transform}
.cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}
.cover-wide{transform-origin:48.5% 40%}
.cover-close{transform-origin:48% 44%}
.cover-fx{position:absolute;inset:0;pointer-events:none}
.flame-glow{position:absolute;width:13%;height:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#ffd27acc,#ff8a2a66 45%,transparent 75%);mix-blend-mode:screen;filter:blur(6px)}
.fl-l{left:35.4%;top:42%}.fl-r{left:62.2%;top:43%}
.tri-glow{position:absolute;left:48%;top:46%;width:42%;height:66%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#ff7a2a59,#ff5a1f1f 55%,transparent 75%);mix-blend-mode:screen;opacity:.35}
.embers{position:absolute;inset:0;width:100%;height:100%}
.cover-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 45%,#000000b3 100%),linear-gradient(180deg,#000000a6 0%,transparent 22%,transparent 58%,#050505 100%)}
.cover-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cover-bottom{position:absolute;z-index:3;left:0;right:0;bottom:2rem;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin:0 auto;max-width:var(--shell)}
.now-card{display:flex;align-items:center;gap:1rem;padding:.6rem .7rem .6rem .6rem;width:min(30rem,100%);border-radius:1.3rem;background:#0a0908b3;border:1px solid #ffffff1c;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 24px 60px #000a}
.now-cover{position:relative;width:4.6rem;height:4.6rem;flex:none;border-radius:.9rem;overflow:hidden;background:#1a1916}
.now-cover img{width:100%;height:100%;object-fit:cover}
.now-cover .cover-state{inset:0;width:auto;height:auto;border-radius:0;background:#0a0a0973;color:#fff;opacity:0;transition:opacity .2s ease}
.now-cover:hover .cover-state{opacity:1}
.now-info{flex:1;min-width:0;display:grid;gap:.35rem}
.now-kicker{display:flex;align-items:center;gap:.5rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fire-2)}
.now-kicker .eq{margin:0;height:.7rem}
.now-info b{font-size:1.02rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.now-plays{display:flex;align-items:center;gap:.4rem;font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums}
.now-plays svg{width:.85rem;height:.85rem;color:#1ed760}
.now-info .player-progress{margin:.2rem 0 0;flex:none}
.now-ctrl{display:flex;align-items:center;gap:.15rem}
.now-card.is-playing{border-color:#ff5a1f55}
.cover-scroll{position:relative;width:1px;height:3.4rem;background:#ffffff26;overflow:hidden;margin:0 1rem .4rem 0}
.cover-scroll i{position:absolute;left:0;top:0;width:1px;height:40%;background:var(--fire);animation:scrollcue 2.2s cubic-bezier(.77,0,.175,1) infinite}
/* the silhouette section now lives below the cover */
.artist{height:100svh}
@media(max-width:767px){
  .cover-media{width:max(106vw,calc(100svh * 2000 / 1125))}
  .cover-bottom{bottom:1rem;padding:0 .8rem}
  .now-card{width:100%}
  .now-cover{width:3.8rem;height:3.8rem}
  .cover-scroll{display:none}
}
@media(prefers-reduced-motion:reduce){.cover-wide{display:none}.cover-scroll i{animation:none;height:100%}}
.now-kicker,.now-plays{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cover-grain{-webkit-mask-image:linear-gradient(#000 60%,transparent 92%);mask-image:linear-gradient(#000 60%,transparent 92%)}
@media(max-width:767px){.now-ctrl [data-player-prev]{display:none}.now-info b{font-size:.95rem}.now-plays{font-size:.7rem}}

/* ===== v6: white studio cover with the artist (back by request) + stage as a section ===== */
.hero{height:100svh;min-height:34rem;background:var(--paper);color:var(--ink)}
.hero-bg{background:radial-gradient(ellipse 70% 60% at 52% 10%,#ffffff 0%,#f1f0ed 35%,transparent 70%),radial-gradient(ellipse 120% 90% at 50% 120%,#9d9b97 0%,transparent 60%),linear-gradient(180deg,#e6e5e2,#cfcdc9)}
.hero-glow{background:radial-gradient(ellipse 30% 48% at 50% 46%,#ffd27a 0%,#ff8a2a 20%,#ff5a1f 40%,#c2340c 62%,transparent 82%);opacity:0}
.liquid-canvas{mix-blend-mode:normal}
.hero-logo{top:20%;opacity:.95;transform:translateX(-50%)}
.hero-logo-fire{top:20%}

.hero-grain{opacity:.1;mix-blend-mode:multiply}
.site-header:not(.is-scrolled){color:var(--ink)}
.hero .cover-scroll{background:#0a0a0926}
/* stage section */
@media(max-width:767px){
  .hero-logo,.hero-logo-fire{top:42svh;bottom:auto;width:94vw}
  .hero-glow{background:radial-gradient(ellipse 60% 30% at 50% 66%,#ffd27a 0%,#ff8a2a 20%,#ff5a1f 40%,#c2340c 62%,transparent 82%)}
}
.now-card{color:var(--text)}
@media(max-width:767px){
  .hero-logo,.hero-logo-fire{top:33svh}
}
@media(max-width:767px){.hero-logo,.hero-logo-fire{top:39svh}}

/* ===== Analytics (SoundOn) ===== */
.analytics{padding:8rem 0 6rem}
@keyframes livepulse{0%{box-shadow:0 0 0 0 #2fd35b88}70%{box-shadow:0 0 0 .55rem #2fd35b00}100%{box-shadow:0 0 0 0 #2fd35b00}}
.an-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.1rem}
.an-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:1.6rem;background:var(--bg-2);padding:1.8rem}
.an-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.an-label svg{width:1rem;height:1rem;color:var(--text)}
.an-hero{grid-column:span 7;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:30rem;background:radial-gradient(ellipse 80% 70% at 85% 0%,#ff5a1f40,transparent 60%),radial-gradient(ellipse 60% 60% at 0% 100%,#25f4ee14,transparent 60%),var(--bg-2)}
.an-big{display:block;font-size:clamp(4.5rem,10vw,10rem);font-weight:800;letter-spacing:-.07em;line-height:.9;margin-top:2.4rem;background:linear-gradient(100deg,#fff 30%,#ffb347 65%,#ff5a1f);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.an-cap{display:block;max-width:24rem;margin-top:1rem;color:var(--muted);line-height:1.5}
.an-sub{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.an-sub b,.an-pair b{display:block;font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.an-sub span,.an-pair span{display:block;margin-top:.35rem;font-size:.72rem;color:var(--muted)}
.an-stream{grid-column:span 5}
.an-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.an-pair div:first-child b{color:var(--fire)}
.an-platforms{grid-column:span 5}
.an-bar{display:flex;height:.85rem;border-radius:100px;overflow:hidden;margin:1.6rem 0 1.3rem;background:#ffffff0d}
.an-bar i{display:block;height:100%;transform-origin:left;transform:scaleX(0)}
.an-legend{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.2rem}
.an-legend li{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--muted)}
.an-legend li i{width:.55rem;height:.55rem;border-radius:2px;flex:none}
.an-legend li b{margin-left:auto;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.an-chart{grid-column:span 7}
.an-chart-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.an-keys{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--muted)}
.an-keys i{display:inline-block;width:.9rem;height:2px;border-radius:2px;margin-left:.6rem}
.k-tt{background:var(--fire)}.k-st{background:#f4f1ec;opacity:.7}
.an-svg{display:block;width:100%;height:13rem;margin-top:1.2rem;overflow:visible}
.an-months{display:flex;justify-content:space-between;margin-top:.6rem;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.an-viral{grid-column:span 5}
.an-viral-list{display:grid;gap:1.1rem;margin-top:1.4rem}
.an-viral-list li{display:grid;grid-template-columns:2rem 1fr;gap:.4rem .8rem;align-items:center}
.an-viral-list .n{grid-row:span 2;font-size:1.3rem;font-weight:800;color:var(--fire);letter-spacing:-.04em}
.an-viral-list b{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-viral-list .meta{display:flex;align-items:center;gap:.8rem;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}
.an-viral-list .meta .bar{flex:1;height:3px;border-radius:3px;background:#ffffff12;overflow:hidden}
.an-viral-list .meta .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blood),var(--fire),var(--ember));transform-origin:left;transform:scaleX(0)}
.an-note{margin-top:1.2rem;font-size:.7rem;color:var(--dim)}
@media(max-width:1024px){.an-hero,.an-stream,.an-platforms,.an-chart,.an-viral{grid-column:span 12}.an-hero{min-height:auto}}
@media(max-width:640px){.analytics{padding:5rem 0 4rem}.an-card{padding:1.3rem;border-radius:1.2rem}.an-sub{grid-template-columns:1fr 1fr}.an-sub div:last-child{grid-column:span 2}.an-legend{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.an-bar i,.an-viral-list .meta .bar i{transform:none}}

/* ---------- Perfis oficiais ---------- */
.profiles{padding:8rem 0}
.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.profile-card{--brand:var(--fire);position:relative;display:flex;flex-direction:column;min-height:15.5rem;padding:1.4rem;border-radius:1.4rem;background:var(--bg-2);border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:border-color .35s ease,transform .5s var(--ease-out)}
.profile-card::before{content:"";position:absolute;inset:auto -30% -60% auto;width:16rem;height:16rem;border-radius:50%;background:var(--brand);opacity:.1;filter:blur(50px);z-index:-1;transition:opacity .45s ease}
.pc-top{display:flex;align-items:start;justify-content:space-between;gap:.75rem}
.pc-logo{width:3.4rem;height:3.4rem;border-radius:1rem;display:grid;place-items:center;font-size:1.7rem;color:var(--brand);background:#ffffff0d}
.pc-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .6rem;border-radius:100px;background:#ffffff0f;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pc-tag .icon{color:var(--brand);font-size:.8rem}
.pc-tag--verified{background:#ffffff1f;color:var(--text,#f4f1ec)}.pc-tag--verified .icon{color:currentColor}
.pc-handle .pc-badge{display:inline-block;width:1em;height:1em;margin-left:.3rem;font-size:.85em;vertical-align:-.1em;color:var(--muted)}
.pc-name{margin-top:auto;padding-top:1.6rem;font-size:1.25rem;font-weight:700;letter-spacing:-.03em}
.pc-handle{margin-top:.2rem;font-size:.8rem;color:var(--dim)}
.pc-stat{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line);display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;font-size:.75rem;color:var(--muted)}
.pc-stat b{font-size:1.15rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}
.pc-go{position:absolute;right:1.2rem;bottom:1.2rem;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--bg-3);color:var(--text);font-size:.9rem;transition:background-color .3s ease,color .3s ease,transform .4s var(--ease-out)}
.pc-stat{padding-right:2.6rem}
/* cores e logos originais das marcas */
.pc-spotify{--brand:#1ed760}
.pc-youtube{--brand:#ff0033}.pc-youtube .pc-logo{color:#fff;background:#ff0033}
.pc-youtubemusic{--brand:#ff0033}.pc-youtubemusic .pc-logo{color:#ff0033;background:#fff}
.pc-applemusic{--brand:#fa2d48}.pc-applemusic .pc-logo{color:#fff;background:linear-gradient(180deg,#fb5c74,#fa233b)}
.pc-amazonmusic{--brand:#25d1da}.pc-amazonmusic .pc-logo{color:#25d1da;background:#0f1a2a}
.pc-tiktok{--brand:#25f4ee}.pc-tiktok .pc-logo{color:#fff;background:#000;filter:none}.pc-tiktok .pc-logo svg{filter:drop-shadow(-1.5px -1px 0 #25f4ee) drop-shadow(1.5px 1px 0 #fe2c55)}
.pc-instagram{--brand:#e1306c}.pc-instagram .pc-logo{color:#fff;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.pc-deezer{--brand:#a238ff}.pc-deezer .pc-logo{color:#fff;background:linear-gradient(180deg,#b65cff,#8a1fe8)}
.profile-note{margin-top:1.6rem;font-size:.75rem;color:var(--dim)}
.social-bubble .icon{font-size:1.05rem}
@media(hover:hover) and (pointer:fine){
  .profile-card:hover{border-color:color-mix(in srgb,var(--brand) 45%,transparent);transform:translateY(-4px)}
  .profile-card:hover::before{opacity:.28}
  .profile-card:hover .pc-go{background:var(--brand);color:#0a0a09;transform:rotate(45deg)}
}
@media(max-width:1024px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.profiles{padding:4.5rem 0}}
@media(max-width:640px){.profile-grid{gap:.7rem}.profile-card{min-height:13rem;padding:1.05rem;border-radius:1.1rem}.pc-logo{width:2.8rem;height:2.8rem;font-size:1.4rem;border-radius:.85rem}.pc-tag{padding:.28rem .45rem;font-size:.55rem}.pc-name{font-size:1.02rem;padding-top:1.1rem}.pc-stat{font-size:.68rem;padding-right:0}.pc-stat b{font-size:1rem}.pc-go{display:none}}
@media(prefers-reduced-motion:reduce){.profile-card,.pc-go{transition:none}.profile-card:hover{transform:none}}
.pc-amazonmusic .pc-logo{font-size:2.6rem}
@media(max-width:640px){.pc-stat{flex-direction:column;align-items:start;gap:.15rem}.pc-amazonmusic .pc-logo{font-size:1.75rem}}
.an-countries{margin-top:1.6rem;padding-top:1.3rem;border-top:1px solid var(--line)}
.an-countries>span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.an-countries ol{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}
.an-countries li{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem .4rem .45rem;border:1px solid var(--line-2);border-radius:100px;font-size:.78rem}
.an-countries li i{display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:#ffffff12;font-size:.6rem;font-style:normal;color:var(--muted)}
.an-countries li:first-child{border-color:#ff5a1f88}.an-countries li:first-child i{background:var(--fire);color:#0a0a09}

/* ---------- TikTok: quem usou o som ---------- */
.tiktok{padding:7rem 0 8rem}
.tt-tabs-wrap{margin-bottom:1.6rem;max-width:100%;overflow-x:auto;scrollbar-width:none}
.tt-tabs-wrap::-webkit-scrollbar{display:none}
.tt-tabs button{white-space:nowrap}
.tt-sound{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:2rem;padding:1.6rem;border-radius:1.6rem;border:1px solid var(--line);background:radial-gradient(120% 140% at 0% 0%,#25f4ee14,transparent 45%),radial-gradient(120% 140% at 100% 100%,#fe2c5518,transparent 50%),var(--bg-2)}
.tt-disc{width:6.4rem;height:6.4rem;border-radius:50%;overflow:hidden;background:#000;box-shadow:0 0 0 .45rem #ffffff0d,0 0 0 .5rem #ffffff14;animation:tt-spin 9s linear infinite}
.tt-disc img{width:100%;height:100%;object-fit:cover}
@keyframes tt-spin{to{transform:rotate(360deg)}}
.tt-sound-copy h3{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:700;letter-spacing:-.05em;line-height:1;margin:.5rem 0 .6rem}
.tt-sound-copy p{color:var(--muted);font-size:.86rem;line-height:1.55;max-width:26rem}
.tt-sound-copy .mini{color:#25f4ee}
.tt-sound-stats{display:flex;gap:2rem}
.tt-sound-stats b{display:block;font-size:1.9rem;font-weight:700;letter-spacing:-.05em;line-height:1}
.tt-sound-stats span{display:block;margin-top:.4rem;font-size:.7rem;color:var(--muted);max-width:7rem}
.tt-use .pill-icon .icon{font-size:.85rem}
.tt-h{margin:2.6rem 0 1rem}
.tt-badge{width:.95em;height:.95em;flex:none}
/* famosos */
.tt-stars{display:grid;grid-auto-flow:column;grid-auto-columns:14.5rem;gap:.8rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.tt-stars:has(> :nth-child(13)){grid-template-rows:repeat(2,auto)}   /* long lists (90+ profiles) scroll in two rows */
.tt-star{scroll-snap-align:start;text-align:left;display:flex;flex-direction:column;padding:1.1rem;border-radius:1.2rem;border:1px solid var(--line);background:var(--bg-2);transition:border-color .3s ease,transform .45s var(--ease-out)}
.tt-star-av{width:3.4rem;height:3.4rem;border-radius:50%;overflow:hidden;background:var(--bg-3);display:grid;place-items:center;font-weight:700;box-shadow:0 0 0 2px var(--bg-2),0 0 0 3.5px #fe2c55}
.tt-star-av img{width:100%;height:100%;object-fit:cover}
.tt-star-name{display:flex;align-items:center;gap:.35rem;margin-top:.9rem;font-size:.95rem;min-width:0}
.tt-star-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;letter-spacing:-.02em}
.tt-star-user{font-size:.74rem;color:var(--dim);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-star-nums{display:grid;gap:.3rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}
.tt-star-nums b{color:var(--text);font-weight:700}
/* vídeos 9:16 */
/* botão que abre/fecha os vídeos */
.tt-toggle{margin-top:1.6rem;gap:.7rem}
.tt-toggle .tt-l-close,.tt-toggle[aria-expanded=true] .tt-l-open{display:none}
.tt-toggle[aria-expanded=true] .tt-l-close{display:inline}
.tt-toggle-n{font-size:.72em;color:var(--muted);font-weight:500}
.tt-toggle .pill-icon .icon{transition:transform .45s var(--ease-out)}
.tt-toggle[aria-expanded=true] .pill-icon .icon{transform:rotate(90deg)}
.tt-more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .7s var(--ease-out),opacity .5s ease}
.tt-more.is-open{grid-template-rows:1fr;opacity:1}
.tt-more-in{min-height:0;overflow:hidden}
@media(prefers-reduced-motion:reduce){.tt-more{transition:none}}
.tt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.7rem}
.tt-video{display:block;text-align:left;border-radius:.9rem;overflow:hidden;background:var(--bg-3)}
.tt-grid .tt-desc{display:none}
.tt-grid .tt-hot{font-size:0;gap:0;padding:.3rem}
.tt-grid .tt-hot .icon{width:.75rem;height:.75rem;font-size:.75rem}
.tt-grid .tt-meta{padding:.6rem;gap:.3rem}
.tt-cover{position:relative;display:block;aspect-ratio:9/16}
.tt-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}
.tt-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0006 0%,transparent 22%,transparent 45%,#000d 100%)}
.tt-plays{position:absolute;left:.7rem;top:.7rem;display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;text-shadow:0 1px 6px #000a}
.tt-plays .icon{font-size:.85rem}
.tt-hot{position:absolute;right:.6rem;top:.6rem;display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .5rem;border-radius:100px;background:var(--fire);color:#0a0a09;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tt-meta{position:absolute;left:0;right:0;bottom:0;padding:.8rem;display:grid;gap:.4rem}
.tt-who{display:flex;align-items:center;gap:.4rem;min-width:0;font-size:.76rem}
.tt-who b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.tt-av{width:1.6rem;height:1.6rem;flex:none;border-radius:50%;overflow:hidden;background:var(--bg-3);display:grid;place-items:center;font-size:.6rem;font-weight:700}
.tt-av img{width:100%;height:100%;object-fit:cover}
.tt-desc{font-size:.7rem;line-height:1.35;color:#e9e5dfcc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tt-nums{display:flex;justify-content:space-between;font-size:.66rem;color:#e9e5df99}
.tt-nums span{display:inline-flex;align-items:center;gap:.25rem}
.tt-note{margin-top:2rem;font-size:.75rem;color:var(--dim)}
/* modal vertical do TikTok */
#videoOverlay.is-vertical .video-panel{max-width:26rem}
#videoOverlay.is-vertical .video-frame{aspect-ratio:9/16;max-height:72svh;margin-inline:auto}
.tt-open{display:inline-block;margin-top:1rem;font-size:.8rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
@media(hover:hover) and (pointer:fine){
  .tt-star:hover{border-color:#fe2c5566;transform:translateY(-3px)}
  .tt-video:hover .tt-cover>img{transform:scale(1.06)}
}
@media(max-width:1100px){.tt-sound{grid-template-columns:auto minmax(0,1fr);gap:1.4rem}.tt-sound-stats{grid-column:1/-1}.tt-use{grid-column:1/-1;justify-self:start}}
@media(max-width:767px){.tiktok{padding:4.5rem 0 5rem}}
@media(max-width:640px){
  .tt-sound{padding:1.2rem;border-radius:1.2rem;gap:1.1rem}
  .tt-disc{width:4.6rem;height:4.6rem}
  .tt-sound-stats{gap:1.2rem;justify-content:space-between}
  .tt-sound-stats b{font-size:1.45rem}
  .tt-stars{grid-auto-columns:12.5rem}
  .tt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
  .tt-meta{padding:.45rem}.tt-desc{display:none}
  .tt-grid .tt-nums span:last-child{display:none}
  .tt-grid .tt-av{width:1.2rem;height:1.2rem}
  .tt-grid .tt-who{font-size:.62rem;gap:.25rem}
  .tt-plays{left:.45rem;top:.45rem;font-size:.66rem}
  .tt-grid .tt-hot{right:.35rem;top:.35rem;padding:.22rem}
  .tt-grid .tt-hot .icon{width:.6rem;height:.6rem}
  .tt-toggle{width:100%;justify-content:flex-start}
  .tt-toggle-n{margin-right:auto}
}
@media(prefers-reduced-motion:reduce){.tt-disc{animation:none}.tt-star,.tt-cover>img{transition:none}}

/* ===== Novo lançamento (rendered only when there is one) ===== */
.newrel{position:relative;overflow:hidden;isolation:isolate;padding:7rem 0;background:#070606}
.newrel-bg{position:absolute;inset:-10%;z-index:-1;background-size:cover;background-position:center;filter:blur(70px) saturate(1.4);opacity:.35;transform:scale(1.1)}
.newrel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#050505 0%,transparent 25%,transparent 75%,#050505 100%)}
.newrel-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5rem;align-items:center}
.newrel-art{position:relative;aspect-ratio:1;max-width:30rem;width:100%}
.newrel-vinyl{position:absolute;top:4%;right:-22%;width:92%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#1b1b18 0 2px,#0b0b0a 3px 5px);box-shadow:0 30px 70px #000a}
.newrel-vinyl span{position:absolute;inset:32%;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 3px #0b0b0a}
.newrel-cover{position:relative;display:block;width:100%;height:100%;border-radius:1.6rem;overflow:hidden;box-shadow:0 40px 90px #000c}
.newrel-cover img{width:100%;height:100%;object-fit:cover}
.newrel-cover .cover-state{inset:auto 1.2rem 1.2rem auto;width:3.6rem;height:3.6rem}
.newrel-cover .cover-state svg{width:1.3rem;height:1.3rem}
.newrel-tag{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem;border-radius:100px;background:#ff5a1f26;border:1px solid #ff5a1f66;color:var(--ember);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.newrel-tag i{width:.5rem;height:.5rem;border-radius:50%;background:var(--fire);box-shadow:0 0 0 0 #ff5a1f88;animation:livepulse 2s infinite}
.newrel-title{font-size:clamp(3rem,7vw,7.5rem);font-weight:800;letter-spacing:-.07em;line-height:.9;margin:1.4rem 0 1rem}
.newrel-meta{color:var(--muted);font-size:.95rem}
.newrel-stats{display:flex;gap:3rem;margin:2.4rem 0;padding-top:1.6rem;border-top:1px solid var(--line)}
.newrel-stats b{display:block;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;letter-spacing:-.05em;color:var(--fire)}
.newrel-stats span{display:block;margin-top:.35rem;font-size:.75rem;color:var(--muted)}
.newrel-actions{display:flex;flex-wrap:wrap;gap:.75rem}
@media(max-width:767px){.newrel{padding:4.5rem 0}.newrel-grid{grid-template-columns:1fr;gap:3rem}.newrel-art{max-width:20rem}.newrel-vinyl{right:-14%}.newrel-stats{gap:2rem}}
@media(prefers-reduced-motion:reduce){.newrel-tag i{animation:none}}

/* ---------- Idioma: PT · EN · ES (js/i18n.js) ---------- */
.lang-switch{display:flex;align-items:center;gap:.15rem}
.lang-switch.glasschip{padding:0 .3rem;gap:.1rem}
.lang-switch button{min-width:2rem;height:1.9rem;padding:0 .45rem;border-radius:.6rem;font-size:.66rem;font-weight:600;letter-spacing:.08em;opacity:.55;transition:opacity .2s ease,background-color .2s ease,color .2s ease}
.lang-switch button[aria-pressed="true"]{opacity:1;background:var(--fire);color:#0a0a09}
.lang-menu button{color:inherit}
.nav-bottom .lang-menu button[aria-pressed="true"]{color:#0a0a09}
@media(hover:hover) and (pointer:fine){.lang-switch button:hover{opacity:1}}
@media(max-width:640px){.lang-header{display:none}}