/* RESET GG · 05 · créditos (#creditos, eq-) + parceiros (#parceiros, pc-) */

/* ================= CRÉDITOS ================= */
#creditos{text-align:center;overflow:clip;
  background:radial-gradient(55% 45% at 50% 52%, rgba(255,107,26,.11), transparent 70%), #000}
.eq-pre{font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.4em;color:var(--mute)}
.eq-by{font:500 italic clamp(24px,2.6vw,36px)/1.2 var(--serif);color:#e9d9cf;margin:18px 0 14px}
.eq-by b{font:400 1.25em/1 var(--display);font-style:normal;letter-spacing:.06em;color:var(--ink);text-shadow:0 0 26px rgba(255,107,26,.55)}
#creditos .eq-h{font-size:clamp(40px,6vw,96px);margin-bottom:clamp(20px,3vw,40px)}

/* carrossel: todos os slides na mesma célula do grid, posição vem de --d (distância do ativo) */
.eq-car{position:relative;--w:clamp(300px,36vw,540px);--step:clamp(210px,25vw,400px);--sz:clamp(190px,18vw,270px);--vis:3}
.eq-stage{position:relative;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;padding-block:clamp(56px,6vw,90px) 8px;outline-offset:-2px}
.eq-car.is-drag .eq-stage{cursor:grabbing}
.eq-stage::before,.eq-stage::after{content:"";position:absolute;top:0;bottom:0;width:14%;z-index:20;pointer-events:none;background:linear-gradient(90deg,#000,transparent)}
.eq-stage::before{left:calc(var(--pad) * -1)}
.eq-stage::after{right:calc(var(--pad) * -1);transform:scaleX(-1)}
.eq-track{display:grid;perspective:1600px;transition:translate .5s cubic-bezier(.2,.7,.2,1)}
.eq-car.is-drag .eq-track{transition:none}
.eq-slide{grid-area:1/1;justify-self:center;align-self:start;width:var(--w);display:flex;flex-direction:column;align-items:center;
  transform-origin:50% calc(var(--sz) / 2);
  transform:translateX(calc(var(--d,0) * var(--step))) scale(calc(1 - min(var(--ad,0), 2) * .24)) rotateY(calc(var(--d,0) * -12deg));
  filter:brightness(calc(1 - min(var(--ad,0), 2) * .36)) saturate(calc(1 - min(var(--ad,0), 2) * .4));
  opacity:clamp(0, calc(var(--vis) - var(--ad,0)), 1);
  transition:transform .9s cubic-bezier(.2,.75,.15,1), filter .9s, opacity .6s}
.eq-slide:not(.is-on){cursor:pointer}

/* ---- aura ---- */
.eq-aura{position:relative;width:var(--sz);aspect-ratio:1;isolation:isolate;--ac:255,107,26}
.eq-aura > span{position:absolute;border-radius:50%}
.eq-glow{inset:-38%;z-index:-1;background:radial-gradient(circle, rgba(var(--ac),.55) 0, rgba(var(--ac),.2) 36%, transparent 64%);animation:eq-pulse 2.8s ease-in-out infinite}
.eq-flare{inset:-30%;z-index:-1;filter:blur(22px);opacity:.75;
  background:conic-gradient(from 0deg, transparent, rgba(var(--ac),.8) 12%, transparent 26%, rgba(var(--ac),.5) 45%, transparent 58%, rgba(var(--ac),.85) 76%, transparent 90%);
  -webkit-mask:radial-gradient(closest-side, transparent 52%, #000 64%, transparent 100%);mask:radial-gradient(closest-side, transparent 52%, #000 64%, transparent 100%);
  animation:eq-spin 7s linear infinite}
.eq-slide:not(.is-on) .eq-flare{opacity:.3}
.eq-orbit{inset:-17%;border:1px dashed rgba(var(--ac),.35);animation:eq-spin 40s linear infinite reverse}
.eq-ring{inset:-7%;filter:drop-shadow(0 0 6px rgba(var(--ac),.95)) drop-shadow(0 0 18px rgba(var(--ac),.6));animation:eq-spin 5s linear infinite}
.eq-ring::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg, transparent 0 38%, rgba(var(--ac),.95) 68%, #ffeee4 73%, transparent 75% 86%, rgba(var(--ac),.75) 97%, transparent);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
          mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px))}
.eq-sparks{inset:0;z-index:3;pointer-events:none}
.eq-sparks i{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#ffeee4;box-shadow:0 0 8px 2px rgba(var(--ac),.9);opacity:0;
  animation:eq-spark 2.6s var(--t) ease-out infinite}
.eq-slide:not(.is-on) .eq-sparks{display:none}
.eq-face{inset:0;z-index:2;overflow:hidden;background:radial-gradient(circle at 50% 28%, #402718, #0b0704 70%);
  box-shadow:inset 0 0 0 1px rgba(var(--ac),.55), inset 0 -40px 70px rgba(var(--ac),.14)}
.eq-face::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg, transparent 35%, rgba(255,220,200,.18) 50%, transparent 65%);background-size:250% 100%;animation:eq-sweep 4.5s ease-in-out infinite}
.eq-face img{width:100%;height:100%;object-fit:cover}
.eq-mono{position:absolute;inset:0;display:grid;place-items:center;font:400 calc(var(--sz) * .8)/1 var(--display);color:transparent;-webkit-text-stroke:1.5px rgba(var(--ac),.7);text-shadow:0 0 30px rgba(var(--ac),.35);transform:translateY(-8%)}
.eq-sil{position:absolute;left:12%;bottom:0;width:76%;height:auto;fill:#160c07;stroke:rgba(var(--ac),.6);stroke-width:1.5}

/* Mengas: aura mais forte */
.eq-aura-lead .eq-glow{inset:-58%;background:radial-gradient(circle, rgba(var(--ac),.75) 0, rgba(var(--ac),.28) 34%, transparent 62%);animation-duration:2.1s}
.eq-aura-lead .eq-ring{inset:-8%;filter:drop-shadow(0 0 8px rgba(var(--ac),1)) drop-shadow(0 0 26px rgba(var(--ac),.8))}
.eq-aura-lead .eq-flare{inset:-46%;opacity:1;filter:blur(26px);animation-duration:4.5s}
.eq-aura-lead .eq-ring::before{-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));mask:radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px))}
.eq-aura-lead .eq-ring-b{inset:-15%;animation:eq-spin 3.2s linear infinite reverse}
.eq-aura-lead .eq-ring-b::before{background:conic-gradient(from 90deg, transparent 0 60%, rgba(var(--ac),.9) 72%, transparent 74% 92%, #ffeee4 98%, transparent);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px))}
.eq-aura-lead .eq-orbit{inset:-24%;border-color:rgba(var(--ac),.5)}
.eq-aura-lead .eq-sparks i{width:5px;height:5px;animation-duration:2.2s}
/* staff "em breve": aura mais discreta */
.eq-aura-soon{--ac:182,136,110}
.eq-aura-soon .eq-glow,.eq-aura-soon .eq-flare{opacity:.4}
.eq-aura-soon .eq-ring{animation-duration:9s}

/* ---- texto ---- */
.eq-role{margin-top:clamp(30px,3.4vw,46px);font:600 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.3em;color:var(--cyan)}
.eq-name{font:400 clamp(56px,7vw,116px)/.86 var(--display);text-transform:uppercase;margin-top:10px;
  background:linear-gradient(100deg, var(--ink) 40%, var(--cyan-hi) 50%, var(--ink) 60%) 100% 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.eq-slide:not(.is-on) .eq-name{opacity:.55}
.eq-slide.is-on .eq-name{animation:eq-name 1.4s .2s cubic-bezier(.2,.7,.2,1) both}
.eq-lead .eq-name{font-size:clamp(68px,9vw,150px);text-shadow:0 0 40px rgba(255,107,26,.25)}
.eq-copy{transition:opacity .5s .25s}
.eq-slide:not(.is-on) .eq-copy{opacity:0;transition-delay:0s}
.eq-tag{font:400 clamp(22px,2.3vw,32px)/1.12 var(--display);text-transform:uppercase;margin-top:clamp(16px,2vw,24px)}
.eq-bio{color:var(--mute);margin:14px auto 0;max-width:46ch;font-size:clamp(16px,1.2vw,19px)}
.eq-duo{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:22px;text-align:left}
.eq-duo li{background:#000;padding:14px 16px;display:flex;flex-direction:column;gap:7px}
.eq-duo b{font:600 11px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}
.eq-duo span{font-size:15px;line-height:1.3}

/* ---- controles ---- */
.eq-ctrl{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,24px);margin-top:clamp(28px,3vw,44px)}
.eq-arrow{flex:none;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(247,239,234,.3);font:400 20px/1 var(--mono);transition:border-color .2s,color .2s,box-shadow .2s}
.eq-arrow:hover{border-color:var(--cyan);color:var(--cyan-hi);box-shadow:0 0 26px -6px var(--cyan)}
.eq-dots{display:flex;gap:4px}
.eq-dot{position:relative;min-width:44px;height:48px;padding:0 10px 14px;display:flex;align-items:center;font:600 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);white-space:nowrap;transition:color .2s}
.eq-dot:hover,.eq-dot[aria-current]{color:var(--ink)}
.eq-dot::after,.eq-dot i{content:"";position:absolute;left:10px;right:10px;bottom:12px;height:2px;background:rgba(247,239,234,.16)}
.eq-dot i{background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:scaleX(0);transform-origin:left}
.eq-dot[aria-current] i{transform:scaleX(1)}
.eq-car.is-tick .eq-dot[aria-current] i{animation:eq-prog 5.5s linear both}
/* autoplay pausa no hover, no foco, arrastando e fora da tela */
.eq-car:hover .eq-dot i,.eq-car:focus-within .eq-dot i,.eq-car.is-drag .eq-dot i{animation-play-state:paused}
#creditos:not(.is-live) *,#creditos:not(.is-live) *::before,#creditos:not(.is-live) *::after{animation-play-state:paused!important}

.eq-roll{margin-top:clamp(56px,7vw,100px);font:600 11px/2.2 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
.eq-roll b{color:var(--ink);font-weight:600;margin:0 .3em}

@keyframes eq-spin{to{transform:rotate(360deg)}}
@keyframes eq-pulse{0%,100%{opacity:.75;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@keyframes eq-spark{
  0%{opacity:0;transform:rotate(var(--r)) translateY(calc(var(--sz) * -.5)) scale(1)}
  15%{opacity:1}
  100%{opacity:0;transform:rotate(calc(var(--r) + 40deg)) translateY(calc(var(--sz) * -.82)) scale(.2)}}
@keyframes eq-sweep{0%,40%{background-position:120% 0}100%{background-position:-30% 0}}
@keyframes eq-name{from{background-position:100% 0;letter-spacing:.12em;opacity:0}to{background-position:0 0;letter-spacing:0;opacity:1}}
@keyframes eq-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ================= PARCEIROS ================= */
#parceiros{overflow:clip;background:linear-gradient(180deg,#000 0,var(--bg) 40%)}
.pc-pre{font:600 12px/1 var(--mono);letter-spacing:.4em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}
#parceiros .pc-hh{margin-bottom:clamp(16px,2vw,28px)}
.pc-sub{color:var(--mute);max-width:52ch;font-size:clamp(17px,1.35vw,20px)}

/* wordmark tipográfico (até o logo chegar) */
.pc-wm{display:inline-flex;align-items:center;gap:.2em;white-space:nowrap;line-height:1;color:var(--ink)}
.pc-wm::before{content:"";width:.16em;height:.78em;background:var(--c);transform:skewX(-14deg);box-shadow:0 0 14px var(--c)}
.pc-wm b{font:400 1em/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.pc-wm-o{font:400 1em/1 var(--display);font-style:normal;letter-spacing:.04em;color:transparent;-webkit-text-stroke:1.5px var(--c)}
.pc-wm-s{font:500 italic 1.05em/1 var(--serif);color:var(--c)}

/* faixa infinita */
.pc-strip{margin:clamp(36px,5vw,64px) calc(var(--pad) * -1) 0;border-block:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.015);
  -webkit-mask:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);mask:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent)}
.pc-belt{display:flex;width:max-content;animation:pc-belt 32s linear infinite}
.pc-strip:hover .pc-belt,.pc-strip:focus-within .pc-belt,#parceiros:not(.is-live) .pc-belt{animation-play-state:paused}
.pc-half{display:flex}
.pc-chip{display:flex;align-items:center;gap:18px;padding:clamp(22px,2.6vw,34px) clamp(30px,4vw,64px);text-decoration:none;border-right:1px solid var(--line);transition:background .3s;outline-offset:-6px}
.pc-chip .pc-logo{height:clamp(40px,4.2vw,62px);width:auto}
.pc-chip .pc-wm{font-size:clamp(28px,3vw,44px)}
.pc-chip small{font:600 10px/1.35 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);max-width:13ch;transition:color .3s}
.pc-chip:hover,.pc-chip:focus-visible{background:radial-gradient(closest-side, color-mix(in srgb, var(--c) 18%, transparent), transparent)}
.pc-chip:hover small,.pc-chip:focus-visible small{color:var(--c)}
@keyframes pc-belt{to{transform:translateX(-50%)}}

/* sub-seções por parceiro */
.pc-list{display:grid;gap:clamp(24px,3vw,40px);margin-top:clamp(56px,7vw,110px)}
.pc-card{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(28px,4vw,64px);border:1px solid var(--line);overflow:hidden;
  scroll-margin-top:calc(var(--bar-top) + 24px);
  background:radial-gradient(60% 90% at 80% 50%, color-mix(in srgb, var(--c) 10%, transparent), transparent 70%), #0a0807}
.pc-card::before,.pc-card::after{content:"";position:absolute;width:34px;height:34px;border:3px solid var(--c);pointer-events:none}
.pc-card::before{top:12px;left:12px;border-right:0;border-bottom:0}
.pc-card::after{bottom:12px;right:12px;border-left:0;border-top:0}
.pc-card:target{animation:pc-hit 1.6s ease-out}
@keyframes pc-hit{0%,30%{box-shadow:inset 0 0 0 2px var(--c), 0 0 60px -10px var(--c)}100%{box-shadow:inset 0 0 0 0 transparent}}
.pc-flip .pc-stage{order:-1}
.pc-kick{font:600 11px/1.4 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--c)}
.pc-lock{display:flex;align-items:center;gap:clamp(12px,2vw,24px);margin:22px 0 clamp(22px,3vw,36px)}
.pc-lock .pc-logo{width:clamp(140px,14vw,210px)}
.pc-lock .pc-wm{font-size:clamp(34px,3.6vw,54px)}
.pc-x{font:500 italic 32px/1 var(--serif);color:var(--mute)}
.pc-reset{width:clamp(92px,10vw,150px)}
.pc-h{font:400 clamp(40px,5.2vw,84px)/1 var(--display);text-transform:uppercase;margin-bottom:18px}
.pc-text{color:var(--mute);max-width:46ch;font-size:clamp(17px,1.35vw,20px)}
.pc-soon{font-family:var(--script);font-size:clamp(16px,1.25vw,19px)}
.pc-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:30px}
.pc-tag{font:600 11px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);border:1px dashed rgba(247,239,234,.3);padding:15px 16px}
.pc-cupom b{color:var(--c)}

.pc-stage{position:relative;width:100%;max-width:560px;justify-self:center;margin:0}
.pc-stage::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle, color-mix(in srgb, var(--c) 34%, transparent), transparent 65%)}
.pc-prod{aspect-ratio:1}
.pc-prod::after{content:"";position:absolute;left:10%;right:10%;bottom:10%;height:12%;border-radius:50%;background:radial-gradient(closest-side, rgba(0,0,0,.9), transparent)}
.pc-prod img{position:absolute;filter:drop-shadow(0 0 1px rgba(255,220,200,.7)) drop-shadow(0 0 24px color-mix(in srgb, var(--c) 45%, transparent))}
.pc-m1{width:72%;left:14%;top:6%;z-index:2;rotate:-18deg;animation:pc-float 7s ease-in-out infinite}
.pc-m2{width:40%;right:-2%;top:46%;z-index:1;opacity:.85;rotate:22deg;animation:pc-float 9s 1s ease-in-out infinite reverse}
.pc-prod figcaption{position:absolute;left:0;bottom:0;z-index:3;font:600 11px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.pc-prod figcaption b{color:var(--ink)}
.pc-holo{aspect-ratio:4/3;display:grid;place-items:center;border:1px solid var(--line);overflow:hidden;
  background:repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 4px), #050403}
.pc-holo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--c) 22%, transparent) 50%, transparent 60%) 0 0/100% 250%;animation:pc-scan 5s linear infinite}
.pc-holo-b{position:relative;z-index:1;animation:pc-float 7s ease-in-out infinite}
.pc-holo-b .pc-wm{font-size:clamp(52px,7vw,110px)}
.pc-holo-b .pc-logo{width:min(70%,360px);margin:auto}
.pc-holo small{position:absolute;left:0;right:0;bottom:16px;z-index:1;text-align:center;font:600 10px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}
#parceiros:not(.is-live) *,#parceiros:not(.is-live) *::after{animation-play-state:paused!important}
@keyframes pc-float{50%{translate:0 -14px}}
@keyframes pc-scan{from{background-position:0 100%}to{background-position:0 -150%}}

/* ================= responsivo ================= */
@media (max-width:760px){
  .eq-car{--w:min(86vw,360px);--step:72vw;--sz:min(52vw,210px);--vis:2}
  .eq-duo{display:none}
  .eq-dot{min-width:30px;padding:0 4px 14px;font-size:0;letter-spacing:0}
  .eq-dot::after,.eq-dot i{left:4px;right:4px}
  .eq-roll{letter-spacing:.18em}
  .pc-card{grid-template-columns:1fr;padding:44px 20px 32px}
  .pc-card::before,.pc-card::after{width:22px;height:22px;border-width:2px}
  .pc-flip .pc-stage{order:0}
  .pc-stage{max-width:380px}
  .pc-lock .pc-logo{width:130px}
  .pc-lock .pc-wm{font-size:32px}
  .pc-reset{width:86px}
}
@media (prefers-reduced-motion:reduce){
  #creditos *,#creditos *::before,#creditos *::after,#parceiros *,#parceiros *::before,#parceiros *::after{animation:none!important;transition:none!important}
  .eq-name{background-position:0 0}
  .pc-belt{width:auto}
  .pc-half{flex-wrap:wrap;justify-content:center}
  .pc-half[aria-hidden],.pc-rep{display:none}
}

/* vitrine larga do parceiro (ex.: uniforme feito pela MT Studio) */
.pc-vit{max-width:680px;display:grid;gap:14px}
.pc-vit::before{content:"";position:absolute;inset:6% 4% 14%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 30%,transparent),transparent 75%);filter:blur(24px);z-index:0}
.pc-vit img{position:relative;z-index:1;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.85)) drop-shadow(0 0 1px rgba(255,255,255,.35))}
.pc-vit figcaption{position:relative;z-index:1;font:600 11px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);text-align:center}
.pc-join{display:inline-block;margin-top:8px;color:var(--acc);font:600 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor}
.pc-join:hover{color:var(--cyan-hi)}