*{
  box-sizing:border-box;
}

:root{
  --bg:#08070a;
  --paper:#f7efe6;
  --muted:rgba(247,239,230,.65);
  --line:rgba(255,255,255,.16);
  --orange:#f38a37;
  --orange-hot:#ff9c44;
  --purple:#7f22ff;
  --purple-hot:#ad36ff;

  --mouse-x:50%;
  --mouse-y:40%;
  --artist-x:0px;
  --artist-y:0px;
  --bg-x:0px;
  --bg-y:0px;
  --title-x:0px;
  --title-y:0px;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--paper);
  font-family:"Manrope",Arial,sans-serif;
  overflow-x:hidden;
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  font:inherit;
}

/* =========================
   HERO
========================= */

.hero{
  position:relative;
  min-height:100svh;
  height:100svh;
  max-height:1080px;
  overflow:hidden;
  background:#060608;
  isolation:isolate;
}

.hero__background{
  position:absolute;
  inset:-3%;
  z-index:-6;
  background:
    linear-gradient(180deg,rgba(4,3,7,.12),rgba(4,3,7,.15)),
    url("../assets/background-palco.webp") center center / cover no-repeat;
  transform:translate3d(var(--bg-x),var(--bg-y),0) scale(1.08);
  transition:transform .16s linear;
  will-change:transform;
}

.hero__shade{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(5,4,8,.58) 0%,
      rgba(5,4,8,.22) 28%,
      rgba(5,4,8,.03) 52%,
      rgba(5,4,8,.08) 72%,
      rgba(5,4,8,.30) 100%
    ),
    linear-gradient(180deg,
      rgba(5,4,8,.30) 0%,
      transparent 23%,
      transparent 68%,
      rgba(5,4,8,.55) 100%
    );
}

/* Aurora HLX */
.hero__aurora{
  position:absolute;
  inset:0;
  z-index:-4;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.72;
}

.aurora{
  position:absolute;
  display:block;
  border-radius:50%;
  filter:blur(80px);
  opacity:.34;
  will-change:transform;
}

.aurora--purple{
  width:48vw;
  height:48vw;
  left:-15vw;
  top:12vh;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(172,47,255,.72) 0%,
      rgba(100,20,220,.35) 34%,
      rgba(57,10,122,0) 72%);
  animation:floatPurple 12s ease-in-out infinite alternate;
}

.aurora--orange{
  width:52vw;
  height:52vw;
  right:-19vw;
  top:2vh;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(255,139,48,.75) 0%,
      rgba(220,79,22,.32) 38%,
      rgba(130,32,8,0) 75%);
  animation:floatOrange 14s ease-in-out infinite alternate;
}

.aurora--center{
  width:42vw;
  height:26vw;
  left:31vw;
  bottom:-14vw;
  opacity:.20;
  background:
    radial-gradient(circle,
      rgba(211,72,255,.70),
      rgba(255,115,38,.32) 42%,
      transparent 72%);
  animation:floatCenter 10s ease-in-out infinite alternate;
}

@keyframes floatPurple{
  from{transform:translate3d(-4%,0,0) scale(1);}
  to{transform:translate3d(10%,-7%,0) scale(1.12);}
}
@keyframes floatOrange{
  from{transform:translate3d(4%,-2%,0) scale(1);}
  to{transform:translate3d(-8%,9%,0) scale(1.08);}
}
@keyframes floatCenter{
  from{transform:translate3d(-4%,0,0) scale(.95);}
  to{transform:translate3d(8%,-10%,0) scale(1.12);}
}

/* Halo que segue o cursor */
.hero__pointer-light{
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  opacity:.70;
  background:
    radial-gradient(
      circle 270px at var(--mouse-x) var(--mouse-y),
      rgba(255,255,255,.12),
      rgba(177,66,255,.07) 30%,
      rgba(255,120,35,.04) 48%,
      transparent 70%
    );
}

/* =========================
   NAV
========================= */

.nav{
  position:absolute;
  z-index:30;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(92%,1480px);
  height:94px;
  display:grid;
  grid-template-columns:230px 1fr 230px;
  align-items:center;
  gap:24px;
}

.brand{
  justify-self:start;
  font-family:"Oswald",Arial,sans-serif;
  font-size:23px;
  line-height:.92;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:uppercase;
}

.brand span{
  display:block;
}

.brand b{
  color:var(--orange-hot);
  font-weight:600;
}

.nav__links{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:39px;
}

.nav__links a{
  position:relative;
  padding:12px 0;
  color:rgba(255,255,255,.74);
  font-size:13.5px;
  font-weight:600;
  transition:.25s ease;
}

.nav__links a:hover,
.nav__links a.is-active{
  color:#fff;
}

.nav__links a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:3px;
  height:1px;
  background:linear-gradient(90deg,var(--purple-hot),var(--orange-hot));
  transition:.25s ease;
}

.nav__links a:hover::after,
.nav__links a.is-active::after{
  right:0;
}

.nav__cta{
  justify-self:end;
  min-height:50px;
  padding:0 21px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,151,58,.65);
  border-radius:999px;
  background:rgba(8,7,10,.35);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 28px rgba(255,111,29,.12);
  backdrop-filter:blur(10px);
  font-size:12px;
  font-weight:700;
  transition:.25s ease;
}

.nav__cta:hover{
  transform:translateY(-2px);
  border-color:var(--orange-hot);
  box-shadow:0 0 35px rgba(255,120,38,.23);
}

.nav__cta-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.36);
  border-radius:50%;
  background:rgba(255,255,255,.045);
}

.nav__cta-icon svg{
  width:15px;
  height:15px;
  display:block;
}

.nav__mobile{
  display:none;
}

/* =========================
   CONTENT
========================= */

.hero__content{
  position:relative;
  z-index:2;
  width:min(92%,1480px);
  height:100%;
  margin:0 auto;
}

/* Giant name behind the artists */
.hero__name{
  position:absolute;
  z-index:1;
  left:50%;
  top:11%;
  width:100%;
  transform:
    translateX(calc(-50% + var(--title-x)))
    translateY(var(--title-y));
  display:flex;
  justify-content:center;
  align-items:center;
  gap:28px;
  white-space:nowrap;
  font-family:"Oswald",Impact,sans-serif;
  font-size:clamp(92px,11vw,186px);
  line-height:.78;
  font-weight:700;
  letter-spacing:-.045em;
  text-transform:uppercase;
  user-select:none;
  transition:transform .16s linear;
  will-change:transform;
}

.hero__name-left{
  color:transparent;
  -webkit-text-stroke:1px rgba(205,170,255,.42);
  background:
    linear-gradient(180deg,
      rgba(170,92,255,.52),
      rgba(84,31,154,.23));
  -webkit-background-clip:text;
  background-clip:text;
}

.hero__name-right{
  color:transparent;
  -webkit-text-stroke:1px rgba(255,180,109,.44);
  background:
    linear-gradient(180deg,
      rgba(255,151,66,.60),
      rgba(166,65,19,.20));
  -webkit-background-clip:text;
  background-clip:text;
}

.hero__amp{
  color:var(--orange-hot);
  font-size:.62em;
  font-weight:500;
  filter:drop-shadow(0 0 18px rgba(255,133,43,.22));
}

/* Artists */
.hero__artists-wrap{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:-1.5%;
  width:min(78vw,1260px);
  transform:
    translateX(calc(-50% + var(--artist-x)))
    translateY(var(--artist-y));
  transition:transform .14s linear;
  will-change:transform;
  pointer-events:none;
}

.hero__artists{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  filter:
    drop-shadow(0 35px 45px rgba(0,0,0,.33))
    drop-shadow(-9px 0 22px rgba(117,23,255,.10))
    drop-shadow(10px 0 24px rgba(255,108,29,.10));
}

/* Copy */
.hero__copy{
  position:absolute;
  z-index:15;
  left:0;
  bottom:10.5%;
  width:min(390px,31vw);
}

.hero__eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:17px;
  color:rgba(255,255,255,.82);
  font-size:11px;
  font-weight:600;
  letter-spacing:.23em;
}

.hero__eyebrow span{
  width:42px;
  height:1px;
  background:linear-gradient(90deg,var(--purple-hot),var(--orange-hot));
}

.hero__copy h1{
  margin:0 0 26px;
  font-family:"Oswald",Arial,sans-serif;
  font-size:clamp(36px,3.2vw,57px);
  line-height:.98;
  font-weight:500;
  letter-spacing:-.025em;
  text-transform:uppercase;
}

.hero__copy h1 em{
  color:var(--orange-hot);
  font-style:normal;
  font-weight:500;
}

.hero__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.button{
  min-height:54px;
  padding:0 21px 0 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  transition:.25s ease;
  backdrop-filter:blur(9px);
}

.button:hover{
  transform:translateY(-2px);
}

.button--primary{
  border:1px solid rgba(255,255,255,.30);
  background:
    linear-gradient(105deg,
      rgba(126,26,255,.95),
      rgba(208,54,183,.92) 46%,
      rgba(255,126,38,.95));
  box-shadow:
    0 0 34px rgba(137,34,255,.20),
    0 0 24px rgba(255,111,28,.14);
}

.button--ghost{
  border:1px solid rgba(255,255,255,.55);
  background:rgba(10,8,14,.34);
}

.button--ghost:hover{
  border-color:#fff;
  background:rgba(255,255,255,.08);
}

.button__icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  transition:.25s ease;
}

.button__icon svg{
  width:17px;
  height:17px;
  display:block;
}

.button--primary .button__icon{
  color:#6d1ee8;
  background:#fff;
  box-shadow:0 5px 16px rgba(0,0,0,.16);
}

.button--ghost .button__icon{
  color:#fff;
  border:1px solid rgba(255,255,255,.38);
  background:rgba(255,255,255,.07);
}

.button:hover .button__icon{
  transform:scale(1.06);
}

.button--ghost:hover .button__icon{
  border-color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.12);
}

/* Scroll indicator */
.hero__scroll{
  position:absolute;
  z-index:15;
  right:10px;
  bottom:9%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:13px;
  color:rgba(255,255,255,.47);
  font-size:9px;
  letter-spacing:.18em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
}

.hero__scroll i{
  display:block;
  width:1px;
  height:54px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);
}

/* =========================
   TEMP NEXT SECTION
========================= */

.next-section{
  min-height:65vh;
  display:grid;
  place-items:center;
  padding:100px 24px;
  background:
    radial-gradient(circle at 50% 0%,rgba(126,34,255,.08),transparent 36%),
    #0a090c;
  text-align:center;
}

.next-section span{
  color:var(--orange-hot);
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;
}

.next-section h2{
  margin:12px 0;
  font-family:"Oswald";
  font-size:54px;
  text-transform:uppercase;
}

.next-section p{
  max-width:540px;
  margin:0 auto;
  color:rgba(255,255,255,.55);
  font-size:14px;
  line-height:1.7;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width:1180px){
  .nav{
    grid-template-columns:180px 1fr 180px;
  }

  .nav__links{
    gap:22px;
  }

  .hero__artists-wrap{
    width:min(87vw,1180px);
  }

  .hero__copy{
    width:320px;
  }

  .hero__name{
    font-size:clamp(85px,10vw,145px);
  }
}

@media (max-width:900px){
  .hero{
    min-height:880px;
    height:100svh;
    max-height:none;
  }

  .nav{
    width:calc(100% - 32px);
    height:76px;
    grid-template-columns:1fr auto;
  }

  .brand{
    font-size:20px;
  }

  .nav__links,
  .nav__cta{
    display:none;
  }

  .nav__mobile{
    display:flex;
    width:42px;
    height:42px;
    padding:10px;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    background:rgba(0,0,0,.15);
    color:#fff;
  }

  .nav__mobile span{
    display:block;
    width:100%;
    height:1px;
    background:#fff;
  }

  .hero__content{
    width:calc(100% - 30px);
  }

  .hero__name{
    top:12%;
    display:block;
    text-align:center;
    font-size:18vw;
    line-height:.77;
  }

  .hero__amp{
    display:inline-block;
    margin:0 .09em;
  }

  .hero__artists-wrap{
    width:124vw;
    left:57%;
    bottom:6%;
  }

  .hero__copy{
    left:14px;
    bottom:5%;
    width:calc(100% - 28px);
  }

  .hero__copy h1{
    max-width:340px;
    font-size:38px;
    margin-bottom:18px;
  }

  .hero__eyebrow{
    font-size:9px;
  }

  .button{
    min-height:48px;
    padding:0 18px;
    font-size:11px;
  }

  .hero__scroll{
    display:none;
  }

  .hero__shade{
    background:
      linear-gradient(180deg,
        rgba(3,2,5,.25),
        rgba(3,2,5,.02) 34%,
        rgba(3,2,5,.05) 55%,
        rgba(3,2,5,.85) 100%);
  }
}

@media (max-width:560px){
  .hero{
    min-height:760px;
  }

  .hero__background{
    background-position:55% center;
  }

  .hero__artists-wrap{
    width:150vw;
    left:64%;
    bottom:8%;
  }

  .hero__name{
    top:13%;
    font-size:19vw;
  }

  .hero__copy{
    bottom:3.5%;
  }

  .hero__copy h1{
    font-size:31px;
    max-width:300px;
  }

  .hero__actions{
    gap:8px;
  }

  .button{
    min-height:45px;
    padding:0 15px;
  }

  .aurora{
    filter:blur(55px);
  }

  .aurora--purple{
    width:80vw;
    height:80vw;
  }

  .aurora--orange{
    width:86vw;
    height:86vw;
  }
}

/* Respect reduced-motion */
@media (prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }

  .aurora{
    animation:none!important;
  }

  .hero__background,
  .hero__artists-wrap,
  .hero__name{
    transition:none!important;
    transform:none;
  }
}

.anchor-target{position:absolute;top:0;left:0;}



========================= */

.music-strip{
  position:relative;
  z-index:25;
  margin-top:-36px;
  padding:0 22px;
}

.music-strip__inner{
  width:min(92%,1360px);
  margin:0 auto;
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:18px 26px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(18,14,24,.82), rgba(10,8,14,.94));
  box-shadow:
    0 20px 45px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(14px);
}

.music-strip__brand{
  flex:0 0 auto;
  font-family:"Oswald",Arial,sans-serif;
  font-size:29px;
  line-height:.88;
  font-weight:600;
  letter-spacing:.015em;
  text-transform:uppercase;
  color:rgba(255,255,255,.92);
}

.music-strip__brand span{
  display:block;
}

.music-strip__brand b{
  color:var(--orange-hot);
  font-weight:600;
}

.music-strip__divider{
  width:1px;
  align-self:stretch;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent);
}

.music-strip__platforms{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:14px 18px;
  margin-left:auto;
}

.platform-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 2px;
  color:rgba(255,255,255,.66);
  font-size:15px;
  font-weight:600;
  transition:.25s ease;
}

.platform-link:hover{
  color:#ffffff;
  transform:translateY(-1px);
}

.platform-link__icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.72);
  transition:.25s ease;
}

.platform-link:hover .platform-link__icon{
  color:#ffffff;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.12));
}

.platform-link__icon svg{
  width:100%;
  height:100%;
  display:block;
}

.next-section{
  padding-top:130px;
}

@media (max-width:980px){
  .music-strip{
    margin-top:-22px;
    padding:0 16px;
  }

  .music-strip__inner{
    width:100%;
    min-height:auto;
    padding:18px 20px;
    gap:20px;
    flex-direction:column;
    align-items:flex-start;
  }

  .music-strip__brand{
    font-size:25px;
  }

  .music-strip__divider{
    width:100%;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  }

  .music-strip__platforms{
    width:100%;
    justify-content:flex-start;
    gap:10px 18px;
  }

  .next-section{
    padding-top:110px;
  }
}

@media (max-width:560px){
  .music-strip{
    margin-top:-18px;
    padding:0 12px;
  }

  .music-strip__inner{
    padding:16px 16px;
    border-radius:20px;
  }

  .music-strip__brand{
    font-size:22px;
  }

  .platform-link{
    min-height:40px;
    gap:8px;
    font-size:13.5px;
  }

  .platform-link__icon{
    width:20px;
    height:20px;
    flex-basis:20px;
  }

  .next-section{
    padding-top:96px;
  }
}


/* =========================
   MUSIC STRIP / MARQUEE
========================= */

.music-strip{
  position:relative;
  z-index:25;
  margin-top:-40px;
  padding:0 18px;
}

.music-strip__shell{
  width:min(96%,1480px);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:24px;
  padding:20px 28px;
  min-height:92px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(18,14,24,.86), rgba(10,8,14,.96));
  box-shadow:
    0 20px 45px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(14px);
  overflow:hidden;
}

.music-strip__label{
  flex:0 0 auto;
  position:relative;
  z-index:2;
  padding-right:18px;
  color:rgba(255,255,255,.62);
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  white-space:nowrap;
}

.music-strip__label::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:30px;
  background:rgba(255,255,255,.16);
}

.music-marquee{
  position:relative;
  flex:1 1 auto;
  overflow:hidden;
  min-width:0;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
}

.music-marquee__track{
  display:flex;
  align-items:center;
  width:max-content;
  gap:0;
  animation:musicStripMove 30s linear infinite;
  will-change:transform;
}

.music-marquee__group{
  display:flex;
  align-items:center;
  gap:32px;
  flex:0 0 auto;
  padding-right:32px;
}

.music-strip:hover .music-marquee__track{
  animation-play-state:paused;
}

.music-marquee__dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.18));
}

@keyframes musicStripMove{
  from{transform:translateX(0);}
  to{transform:translateX(-25%);}
}

.platform-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:50px;
  padding:0 6px;
  color:rgba(255,255,255,.68);
  font-size:15.5px;
  font-weight:600;
  transition:.25s ease;
  white-space:nowrap;
}

.platform-link:hover{
  color:#ffffff;
  transform:translateY(-1px);
}

.platform-link__icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.72);
  transition:.25s ease;
}

.platform-link:hover .platform-link__icon{
  color:#ffffff;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.12));
}

.platform-link__icon svg{
  width:100%;
  height:100%;
  display:block;
}

/* microinterações */
.platform-link--spotify:hover .platform-link__icon{
  transform:scale(1.08) rotate(-6deg);
}

.platform-link--youtube:hover .platform-link__icon{
  transform:scale(1.08);
}

.platform-link--applemusic:hover .platform-link__icon{
  transform:translateY(-1px) scale(1.06);
}

/* Deezer com efeito tipo VU */
.platform-link--deezer .platform-link__icon svg rect{
  transform-origin:center bottom;
  transition:transform .2s ease;
}

.platform-link--deezer:hover .platform-link__icon svg rect:nth-child(1){
  animation:deezerVu1 .55s ease-in-out infinite alternate;
}
.platform-link--deezer:hover .platform-link__icon svg rect:nth-child(2){
  animation:deezerVu2 .42s ease-in-out infinite alternate;
}
.platform-link--deezer:hover .platform-link__icon svg rect:nth-child(3){
  animation:deezerVu3 .36s ease-in-out infinite alternate;
}
.platform-link--deezer:hover .platform-link__icon svg rect:nth-child(4){
  animation:deezerVu4 .48s ease-in-out infinite alternate;
}
.platform-link--deezer:hover .platform-link__icon svg rect:nth-child(5){
  animation:deezerVu5 .40s ease-in-out infinite alternate;
}

@keyframes deezerVu1{
  from{transform:translateY(1px) scaleY(.72);}
  to{transform:translateY(-1px) scaleY(1.18);}
}
@keyframes deezerVu2{
  from{transform:translateY(2px) scaleY(.62);}
  to{transform:translateY(-2px) scaleY(1.26);}
}
@keyframes deezerVu3{
  from{transform:translateY(1px) scaleY(.85);}
  to{transform:translateY(-2px) scaleY(1.36);}
}
@keyframes deezerVu4{
  from{transform:translateY(2px) scaleY(.68);}
  to{transform:translateY(-3px) scaleY(1.34);}
}
@keyframes deezerVu5{
  from{transform:translateY(1px) scaleY(.78);}
  to{transform:translateY(-2px) scaleY(1.22);}
}

.next-section{
  padding-top:136px;
}

@media (max-width:980px){
  .music-strip{
    margin-top:-22px;
    padding:0 14px;
  }

  .music-strip__shell{
    width:100%;
    padding:16px 18px;
    gap:16px;
    border-radius:22px;
    min-height:auto;
  }

  .music-strip__label{
    font-size:10px;
    letter-spacing:.16em;
    padding-right:14px;
  }

  .music-strip__label::after{
    height:24px;
  }

  .music-marquee__track{
    animation-duration:26s;
  }

  .music-marquee__group{
    gap:22px;
    padding-right:22px;
  }

  .platform-link{
    font-size:14.5px;
    min-height:42px;
  }

  .platform-link__icon{
    width:25px;
    height:25px;
    flex-basis:25px;
  }

  .next-section{
    padding-top:112px;
  }
}

@media (max-width:560px){
  .music-strip{
    margin-top:-18px;
    padding:0 10px;
  }

  .music-strip__shell{
    padding:14px 14px;
    border-radius:18px;
  }

  .music-strip__label{
    display:none;
  }

  .music-marquee{
    -webkit-mask-image:none;
    mask-image:none;
  }

  .music-marquee__track{
    animation-duration:22s;
  }

  .music-marquee__group{
    gap:18px;
    padding-right:18px;
  }

  .platform-link{
    gap:8px;
    min-height:38px;
    font-size:13.5px;
  }

  .platform-link__icon{
    width:22px;
    height:22px;
    flex-basis:22px;
  }

  .next-section{
    padding-top:96px;
  }
}


/* =========================
   ABOUT DUO - CODED BLOCK
========================= */

.about-duo{
  position:relative;
  min-height:940px;
  overflow:hidden;
  isolation:isolate;
  background:#060409;
}

/* Background as an independent layer */
.about-duo__background{
  position:absolute;
  inset:0;
  z-index:-5;
  background:
    url("../assets/sobre-bg-palco.webp")
    center center / cover no-repeat;
  transform:scale(1.035);
  opacity:.66;
  filter:brightness(.72) saturate(.78) contrast(.96);
}

.about-duo__shade{
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(4,3,7,.26) 0%,
      rgba(4,3,7,.22) 30%,
      rgba(4,3,7,.43) 56%,
      rgba(4,3,7,.76) 73%,
      rgba(4,3,7,.91) 100%
    ),
    linear-gradient(180deg,
      rgba(4,3,7,.18) 0%,
      rgba(4,3,7,.15) 42%,
      rgba(4,3,7,.54) 100%
    );
}

.about-duo__light{
  position:absolute;
  z-index:-3;
  width:46vw;
  height:46vw;
  border-radius:50%;
  filter:blur(95px);
  opacity:.10;
  pointer-events:none;
}

.about-duo__light--purple{
  left:-18vw;
  top:5%;
  background:radial-gradient(circle, rgba(113,35,255,.95), transparent 67%);
}

.about-duo__light--orange{
  right:-18vw;
  top:0;
  background:radial-gradient(circle, rgba(255,124,37,.95), transparent 67%);
}

/* Artist cutout as a separate layer */
.about-duo__artists-layer{
  position:absolute;
  z-index:1;
  left:6.4%;
  top:41.5%;
  bottom:auto;
  width:min(40.8vw, 700px);
  pointer-events:none;
  transform:translateY(-50%);
}

.about-duo__artists-img{
  display:block;
  width:100%;
  height:auto;
  filter:
    drop-shadow(0 20px 30px rgba(0,0,0,.22))
    drop-shadow(-7px 0 18px rgba(96,30,245,.06))
    drop-shadow(8px 0 18px rgba(255,113,28,.06));
  -webkit-mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.18) 2%,
      rgba(0,0,0,.56) 5%,
      #000 10%,
      #000 100%
    ),
    linear-gradient(to bottom,
      #000 0%,
      #000 58%,
      rgba(0,0,0,.92) 67%,
      rgba(0,0,0,.70) 76%,
      rgba(0,0,0,.38) 85%,
      rgba(0,0,0,.12) 93%,
      transparent 100%
    );
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.18) 2%,
      rgba(0,0,0,.56) 5%,
      #000 10%,
      #000 100%
    ),
    linear-gradient(to bottom,
      #000 0%,
      #000 58%,
      rgba(0,0,0,.92) 67%,
      rgba(0,0,0,.70) 76%,
      rgba(0,0,0,.38) 85%,
      rgba(0,0,0,.12) 93%,
      transparent 100%
    );
  mask-composite:intersect;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}

/* Main content grid */
.about-duo__layout{
  position:relative;
  z-index:2;
  width:min(94%, 1540px);
  min-height:940px;
  margin:0 auto;
}

.about-duo__left-copy{
  position:absolute;
  inset:0 auto auto 0;
  width:50%;
  height:100%;
  pointer-events:none;
}

.about-duo__script{
  position:absolute;
  left:1.7%;
  top:13.2%;
  color:rgba(244,215,192,.76);
  font-family:"Playfair Display", Georgia, serif;
  font-size:clamp(30px, 2.2vw, 46px);
  line-height:1.03;
  font-style:italic;
  letter-spacing:-.025em;
  transform:rotate(-7deg);
  text-shadow:0 6px 16px rgba(0,0,0,.24);
}

.about-duo__script::after{
  content:"";
  display:block;
  width:118px;
  height:3px;
  margin-top:13px;
  border-radius:999px;
  background:
    linear-gradient(90deg,
      rgba(235,194,146,.95),
      rgba(235,194,146,.05)
    );
}

.about-duo__signature{
  position:absolute;
  left:6.8%;
  bottom:7.4%;
  color:rgba(211,163,128,.76);
  font-family:"Playfair Display", Georgia, serif;
  font-size:clamp(28px, 2vw, 42px);
  line-height:.91;
  font-style:italic;
  letter-spacing:-.03em;
  transform:rotate(-4deg);
  text-shadow:0 5px 15px rgba(0,0,0,.26);
}

.about-duo__content{
  position:absolute;
  z-index:3;
  top:9.0%;
  right:2.3%;
  width:min(48%, 800px);
}

.about-duo__eyebrow{
  display:flex;
  align-items:center;
  gap:17px;
  margin-bottom:20px;
  color:rgba(255,255,255,.90);
  font-size:13px;
  font-weight:800;
  letter-spacing:.34em;
  text-transform:uppercase;
}

.about-duo__eyebrow-line{
  width:78px;
  height:2px;
  flex:0 0 78px;
  border-radius:999px;
  background:
    linear-gradient(90deg,
      rgba(230,175,92,.95),
      rgba(230,175,92,.18)
    );
}

/* Rounded / bold title inspired by the header's name */
.about-duo__title{
  margin:0 0 23px;
  color:#f6f0e8;
  font-family:"Poppins","Manrope",Arial,sans-serif;
  font-size:clamp(50px, 4.05vw, 76px);
  font-weight:800;
  line-height:.91;
  letter-spacing:-.058em;
}

.about-duo__title strong{
  color:#e6ad57;
  font-weight:800;
}

.about-duo__description{
  margin:0 0 27px;
  max-width:640px;
  color:rgba(246,241,235,.89);
  font-size:clamp(17px, 1.15vw, 22px);
  line-height:1.67;
}

.about-duo__description b{
  color:#fff;
  font-weight:800;
}

/* Equal-size artist buttons */
.about-duo__buttons{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
  width:min(100%, 510px);
}

.about-duo__person{
  width:100%;
  height:64px;
  padding:0 20px;
  border:1px solid rgba(230,173,87,.38);
  border-radius:17px;
  background:rgba(8,6,11,.30);
  color:#e7af58;
  cursor:pointer;
  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    color .22s ease,
    box-shadow .22s ease;
}

.about-duo__person.is-selected{
  color:#181007;
  background:linear-gradient(180deg,#efbf69 0%,#e3a74b 100%);
  border-color:rgba(239,191,105,.18);
  box-shadow:0 16px 30px rgba(228,168,75,.14);
}

.about-duo__person:hover{
  transform:translateY(-2px);
  border-color:rgba(232,181,102,.62);
}

.about-duo__person-content{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:24px 1fr 24px;
  align-items:center;
}

/* Arrow appears in front of the name, but name stays centered */
.about-duo__person-arrow{
  position:static;
  grid-column:1;
  justify-self:center;
  width:16px;
  height:16px;
  transition:transform .22s ease;
}

.about-duo__person-name{
  grid-column:2;
  display:block;
  min-width:0;
  text-align:center;
  font-family:"Poppins","Manrope",Arial,sans-serif;
  font-size:17px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}

.about-duo__person:hover .about-duo__person-arrow{
  transform:translateX(4px);
}

/* Artist card, integrated into the block */
.about-duo__bio-area{
  position:absolute;
  z-index:5;
  right:1.2%;
  bottom:5.2%;
  width:min(46%, 720px);
}

.about-bio{
  position:relative;
  display:none;
  grid-template-columns:250px 1fr;
  gap:24px;
  min-height:274px;
  padding:16px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:22px;
  background:
    linear-gradient(180deg,
      rgba(13,11,17,.94),
      rgba(8,7,11,.97)
    );
  box-shadow:
    0 24px 58px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.02);
  backdrop-filter:blur(10px);
}

.about-bio.is-visible{
  display:grid;
}

.about-bio__close{
  position:absolute;
  top:15px;
  right:15px;
  z-index:3;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:rgba(255,255,255,.88);
  cursor:pointer;
  transition:.2s ease;
}

.about-bio__close:hover{
  background:rgba(255,255,255,.07);
}

.about-bio__close svg{
  width:16px;
  height:16px;
}

.about-bio__photo{
  position:relative;
  overflow:hidden;
  border-radius:15px;
  background:#111;
}

.about-bio__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.about-bio__photo-copy{
  position:absolute;
  left:16px;
  bottom:16px;
  color:#e7a849;
  font-family:"Playfair Display",Georgia,serif;
  font-size:26px;
  font-style:italic;
  line-height:1.02;
  text-shadow:0 4px 13px rgba(0,0,0,.34);
}

.about-bio__copy{
  align-self:center;
  padding:8px 26px 8px 0;
}

.about-bio__label{
  margin-bottom:9px;
  color:rgba(255,255,255,.82);
  font-size:12px;
  font-weight:800;
  letter-spacing:.46em;
  text-transform:uppercase;
}

.about-bio__copy h3{
  margin:0 0 13px;
  color:#f7f1ea;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(38px,2.4vw,54px);
  font-weight:700;
  line-height:.95;
  letter-spacing:-.045em;
}

.about-bio__copy h3 em{
  color:#e6ae58;
  font-style:normal;
}

.about-bio__copy p{
  margin:0 0 16px;
  color:rgba(246,241,235,.83);
  font-size:16px;
  line-height:1.56;
}

.about-bio__more{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#e6ae58;
  font-size:13px;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}

.about-bio__more svg{
  width:17px;
  height:17px;
  transition:transform .22s ease;
}

.about-bio__more:hover svg{
  transform:translateX(4px);
}

/* Responsive */
@media (max-width:1180px){
  .about-duo{
    min-height:auto;
  }

  .about-duo__layout{
    min-height:auto;
    padding:64px 0 50px;
    display:flex;
    flex-direction:column;
    gap:30px;
  }

  .about-duo__artists-layer{
    position:relative;
    left:auto;
    bottom:auto;
    width:min(88%, 760px);
    margin:0 auto -55px;
    order:1;
  }

  .about-duo__left-copy{
    display:none;
  }

  .about-duo__content{
    position:relative;
    top:auto;
    right:auto;
    width:min(94%, 760px);
    margin:0 auto;
    order:2;
  }

  .about-duo__bio-area{
    position:relative;
    right:auto;
    bottom:auto;
    width:min(94%, 760px);
    margin:0 auto;
    order:3;
  }

  .about-duo__title{
    font-size:clamp(52px,9vw,88px);
  }
}

@media (max-width:760px){
  .about-duo__layout{
    padding:42px 0 32px;
  }

  .about-duo__artists-layer{
    width:108%;
    margin-left:-1.5%;
    margin-bottom:-28px;
  }

  .about-duo__eyebrow{
    gap:11px;
    font-size:10px;
    letter-spacing:.24em;
  }

  .about-duo__eyebrow-line{
    width:42px;
    flex-basis:42px;
  }

  .about-duo__title{
    margin-bottom:16px;
    font-size:clamp(42px,14vw,66px);
  }

  .about-duo__description{
    margin-bottom:20px;
    font-size:15px;
    line-height:1.62;
  }

  .about-duo__buttons{
    width:100%;
    gap:10px;
  }

  .about-duo__person{
    height:56px;
    padding:0 12px;
  }

  .about-duo__person-name{
    font-size:15px;
  }

  .about-duo__person-arrow{
    left:calc(50% - 54px);
    width:15px;
    height:15px;
  }

  .about-bio{
    grid-template-columns:1fr;
    gap:14px;
    padding:13px;
    border-radius:18px;
  }

  .about-bio__photo{
    min-height:220px;
  }

  .about-bio__copy{
    padding:4px 6px 6px;
  }

  .about-bio__copy h3{
    font-size:35px;
  }

  .about-bio__copy p{
    font-size:14px;
  }

  .about-bio__more{
    font-size:11px;
  }
}



/* V1.7 refinements */
.about-duo__script{
  display:none !important;
}

@media (max-width:1180px){
  .about-duo__content{
    width:min(94%, 760px);
  }
}

@media (max-width:760px){
  .about-duo__title{
    font-size:clamp(38px, 12vw, 58px);
  }
}


/* V1.8 fine corrections */
@media (min-width:1181px){
  .about-duo__layout{
    min-height:900px;
  }

  .about-duo__bio-area{
    bottom:4.4%;
  }
}

@media (max-width:1180px){
  .about-duo__artists-layer{
    position:relative;
    left:auto;
    top:auto;
    bottom:auto;
    width:min(82%, 700px);
    margin:0 auto -35px;
    transform:none;
  }
}

@media (max-width:760px){
  .about-duo__title{
    font-size:clamp(36px, 10.5vw, 52px);
  }

  .about-duo__artists-layer{
    width:102%;
    margin-left:-1%;
    margin-bottom:-12px;
  }

  .about-duo__person-name{
    min-width:88px;
    font-size:14px;
  }

  .about-duo__person-arrow{
    width:14px;
    height:14px;
    flex-basis:14px;
  }
}


/* V1.9 refinements */
.about-duo__signature{
  left:12%;
  bottom:4.5%;
  opacity:.40;
}

@media (min-width:1181px){
  .about-duo__layout{
    min-height:900px;
  }
}

@media (max-width:1180px){
  .about-duo__artists-layer{
    position:relative;
    left:auto;
    top:auto;
    bottom:auto;
    width:min(78%, 670px);
    margin:0 auto -26px;
    transform:none;
  }
}

@media (max-width:760px){
  .about-duo__artists-layer{
    width:96%;
    margin-left:2%;
    margin-bottom:-6px;
  }

  .about-duo__title{
    font-size:clamp(34px, 9.8vw, 48px);
  }

  .about-duo__person-content{
    grid-template-columns:18px 1fr 18px;
  }

  .about-duo__person-name{
    font-size:14px;
  }
}


/* V2.0 alignment refinements */
.about-duo__signature{
  display:none !important;
}

/* Desktop: composição vertical alinhada entre imagem e conteúdo */
@media (min-width:1181px){
  .about-duo__layout{
    min-height:870px;
  }

  .about-duo__content{
    top:7.4%;
  }
}

/* Tablet / mobile mantém fluxo natural */
@media (max-width:1180px){
  .about-duo__artists-layer{
    position:relative;
    left:auto;
    top:auto;
    bottom:auto;
    width:min(76%, 640px);
    margin:0 auto -18px;
    transform:none;
  }
}

@media (max-width:760px){
  .about-duo__artists-layer{
    width:94%;
    margin-left:3%;
    margin-bottom:-4px;
  }
}


/* =========================
   V2.1 — ALIGNMENT + DARK BACKGROUND
========================= */

/* Mais respiro vertical para o bloco inteiro */
.about-duo{
  min-height:1040px;
  background:#050407;
}

.about-duo__layout{
  min-height:1040px;
}

/* Fundo quase preto; palco fica apenas como textura muito discreta */
.about-duo__background{
  opacity:.20 !important;
  filter:brightness(.38) saturate(.55) contrast(.92) blur(.2px) !important;
  transform:scale(1.08) !important;
}

/* Escurecimento forte e cobertura da caixa/case inferior do background */
.about-duo__shade{
  background:
    linear-gradient(180deg,
      rgba(4,3,6,.42) 0%,
      rgba(4,3,6,.54) 45%,
      rgba(4,3,6,.78) 70%,
      rgba(4,3,6,.97) 91%,
      #050407 100%
    ),
    linear-gradient(90deg,
      rgba(4,3,6,.56) 0%,
      rgba(4,3,6,.38) 34%,
      rgba(4,3,6,.58) 60%,
      rgba(4,3,6,.82) 100%
    ) !important;
}

/* Cores somente como halos desfocados em cantos opostos */
.about-duo__light{
  width:44vw !important;
  height:44vw !important;
  filter:blur(125px) !important;
  opacity:.12 !important;
}

.about-duo__light--purple{
  left:-18vw !important;
  top:-16vw !important;
  right:auto !important;
  bottom:auto !important;
  background:radial-gradient(circle, rgba(113,35,255,.92) 0%, rgba(113,35,255,.30) 30%, transparent 68%) !important;
}

.about-duo__light--orange{
  right:-18vw !important;
  bottom:-18vw !important;
  top:auto !important;
  left:auto !important;
  background:radial-gradient(circle, rgba(255,124,37,.88) 0%, rgba(255,124,37,.25) 30%, transparent 68%) !important;
}

/* Alinhamento real: centro vertical dos artistas = centro vertical do conteúdo */
@media (min-width:1181px){
  .about-duo__layout{
    min-height:1040px !important;
  }

  .about-duo__artists-layer{
    left:7.2% !important;
    top:50% !important;
    bottom:auto !important;
    width:min(40vw, 700px) !important;
    transform:translateY(-50%) !important;
  }

  .about-duo__content{
    top:50% !important;
    right:4.2% !important;
    width:min(46%, 760px) !important;
    transform:translateY(-50%) !important;
  }

  /* Card abre abaixo dos botões sem alterar o alinhamento inicial */
  .about-duo__bio-area{
    right:4.2% !important;
    bottom:5.8% !important;
    width:min(46%, 720px) !important;
  }
}

/* Garantia extra: qualquer resíduo visual inferior do fundo desaparece */
.about-duo::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:190px;
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(5,4,7,0) 0%, rgba(5,4,7,.78) 58%, #050407 100%);
}

@media (max-width:1180px){
  .about-duo{
    min-height:auto;
  }

  .about-duo__layout{
    min-height:auto !important;
    padding-top:88px !important;
    padding-bottom:88px !important;
  }

  .about-duo__content{
    transform:none !important;
  }
}

@media (max-width:760px){
  .about-duo__layout{
    padding-top:62px !important;
    padding-bottom:62px !important;
  }
}


/* =========================
   V2.2 — ESPAÇO + BACKGROUND
========================= */

/* Menos espaço em cima e embaixo */
.about-duo{
  min-height:900px !important;
}

.about-duo__layout{
  min-height:900px !important;
}

/* Background volta a aparecer, porém continua bem escuro */
.about-duo__background{
  opacity:.40 !important;
  filter:brightness(.48) saturate(.68) contrast(.96) !important;
  transform:scale(1.055) !important;
}

/* Overlay ainda segura bastante o fundo */
.about-duo__shade{
  background:
    linear-gradient(180deg,
      rgba(4,3,6,.24) 0%,
      rgba(4,3,6,.31) 42%,
      rgba(4,3,6,.56) 72%,
      rgba(4,3,6,.84) 100%
    ),
    linear-gradient(90deg,
      rgba(4,3,6,.35) 0%,
      rgba(4,3,6,.28) 34%,
      rgba(4,3,6,.47) 60%,
      rgba(4,3,6,.75) 100%
    ) !important;
}

/* Mantém o fade inferior, porém um pouco menos alto */
.about-duo::after{
  height:130px !important;
  background:
    linear-gradient(
      180deg,
      rgba(5,4,7,0) 0%,
      rgba(5,4,7,.58) 58%,
      #050407 100%
    ) !important;
}

@media (min-width:1181px){
  .about-duo__layout{
    min-height:900px !important;
  }
}

@media (max-width:1180px){
  .about-duo__layout{
    padding-top:64px !important;
    padding-bottom:64px !important;
  }
}

@media (max-width:760px){
  .about-duo__layout{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
}


/* =========================
   V2.3 — ATMOSFERA PREMIUM
========================= */

/* textura/grain extremamente sutil */
.about-duo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  opacity:.055;
  mix-blend-mode:soft-light;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");
  background-size:180px 180px;
}

/* nome gigante no fundo sem competir com leitura */
.about-duo__left-copy::before{
  content:"BISON";
  position:absolute;
  left:-3%;
  top:17%;
  font-family:"Oswald", Impact, sans-serif;
  font-size:clamp(118px, 12.5vw, 215px);
  font-weight:700;
  line-height:.76;
  letter-spacing:-.055em;
  color:rgba(255,255,255,.030);
  -webkit-text-stroke:1px rgba(255,255,255,.035);
  text-transform:uppercase;
  white-space:nowrap;
  transform:rotate(-2deg);
}

.about-duo__left-copy::after{
  content:"& COMASSETTO";
  position:absolute;
  left:10%;
  top:35%;
  font-family:"Oswald", Impact, sans-serif;
  font-size:clamp(76px, 7.7vw, 138px);
  font-weight:700;
  line-height:.8;
  letter-spacing:-.045em;
  color:rgba(255,255,255,.025);
  -webkit-text-stroke:1px rgba(255,255,255,.03);
  text-transform:uppercase;
  white-space:nowrap;
  transform:rotate(-2deg);
}

/* etiqueta editorial pequena no lado da imagem */
.about-duo__editorial-tag{
  position:absolute;
  left:5%;
  bottom:12.5%;
  z-index:3;
  color:rgba(255,255,255,.48);
  font-family:"Manrope", Arial, sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  white-space:nowrap;
}

.about-duo__editorial-tag::before{
  content:"";
  display:inline-block;
  width:36px;
  height:1px;
  margin-right:12px;
  vertical-align:middle;
  background:linear-gradient(90deg, rgba(230,173,87,.85), rgba(230,173,87,.1));
}

/* luz concentrada atrás dos artistas */
.about-duo__artists-layer::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-10%;
  top:3%;
  width:68%;
  height:72%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(121,31,255,.25) 0%, rgba(121,31,255,.10) 35%, transparent 72%);
  filter:blur(38px);
  pointer-events:none;
}

.about-duo__artists-layer::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-2%;
  top:8%;
  width:62%;
  height:68%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,126,34,.22) 0%, rgba(255,126,34,.08) 38%, transparent 72%);
  filter:blur(42px);
  pointer-events:none;
}

/* névoa no pé da composição */
.about-duo__artists-layer{
  isolation:isolate;
}

.about-duo__artists-layer .about-duo__artists-img{
  position:relative;
  z-index:2;
}

.about-duo__visual-smoke{
  display:none;
}

/* reduzir largura óptica do texto sem mudar a coluna */
.about-duo__description{
  max-width:91% !important;
}

/* halo muito sutil no Brasil */
.about-duo__title strong{
  text-shadow:
    0 0 24px rgba(230,173,87,.08),
    0 0 54px rgba(230,173,87,.045);
}

/* mantra editorial */
.about-duo__mantra{
  display:flex;
  align-items:center;
  gap:11px;
  margin:-8px 0 22px;
  color:rgba(255,255,255,.68);
  font-size:10px;
  font-weight:800;
  letter-spacing:.23em;
  text-transform:uppercase;
}

.about-duo__mantra-line{
  width:34px;
  height:1px;
  flex:0 0 34px;
  background:linear-gradient(90deg, #e6ad57, rgba(230,173,87,.12));
}

/* botões: menos genéricos + brilho varrendo no hover */
.about-duo__person{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(11,9,14,.38), rgba(8,6,10,.28)) !important;
  border-color:rgba(230,173,87,.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 0 0 1px rgba(255,255,255,.006);
}

.about-duo__person::before{
  content:"";
  position:absolute;
  top:-30%;
  left:-42%;
  width:30%;
  height:160%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  transition:left .55s ease;
}

.about-duo__person:hover::before{
  left:120%;
}

.about-duo__person:hover{
  background:
    linear-gradient(180deg, rgba(230,173,87,.075), rgba(8,6,10,.30)) !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.16),
    0 0 26px rgba(230,173,87,.045);
}

.about-duo__person.is-selected{
  color:#171008 !important;
  background:linear-gradient(180deg,#efbf69 0%,#e3a74b 100%) !important;
  border-color:rgba(239,191,105,.14) !important;
}

/* card aparece com entrada curta e elegante */
.about-bio.is-visible{
  animation:aboutBioEnter .34s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes aboutBioEnter{
  from{
    opacity:0;
    transform:translate3d(24px,8px,0) scale(.985);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}

/* detalhe fino de luz na borda do card */
.about-bio::before{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(230,173,87,.30), transparent);
  pointer-events:none;
}

/* mais profundidade no fundo sem clarear o palco */
.about-duo__background{
  filter:brightness(.45) saturate(.63) contrast(.98) !important;
}

.about-duo__shade{
  background:
    radial-gradient(circle at 16% 46%, rgba(93,22,178,.065), transparent 23%),
    radial-gradient(circle at 83% 67%, rgba(177,76,20,.055), transparent 26%),
    linear-gradient(180deg,
      rgba(4,3,6,.22) 0%,
      rgba(4,3,6,.29) 42%,
      rgba(4,3,6,.55) 72%,
      rgba(4,3,6,.83) 100%
    ),
    linear-gradient(90deg,
      rgba(4,3,6,.30) 0%,
      rgba(4,3,6,.24) 34%,
      rgba(4,3,6,.46) 60%,
      rgba(4,3,6,.74) 100%
    ) !important;
}

@media (max-width:1180px){
  .about-duo__left-copy::before,
  .about-duo__left-copy::after,
  .about-duo__editorial-tag{
    display:none;
  }

  .about-duo__description{
    max-width:100% !important;
  }
}

@media (max-width:760px){
  .about-duo__mantra{
    margin-top:-3px;
    font-size:9px;
    letter-spacing:.18em;
  }
}


/* =========================
   V2.4 — BIO POPUP MODAL
========================= */

.about-duo__bio-area{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  pointer-events:none;
}

.about-duo__bio-area.is-open{
  display:flex;
  pointer-events:auto;
}

.about-duo__bio-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 20%, rgba(92,23,176,.18), transparent 28%),
    radial-gradient(circle at 82% 78%, rgba(181,75,20,.16), transparent 30%),
    rgba(5,4,8,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  opacity:0;
  transition:opacity .28s ease;
}

.about-duo__bio-area.is-open .about-duo__bio-backdrop{
  opacity:1;
}

.about-bio--modal{
  position:relative;
  width:min(1120px, calc(100vw - 56px));
  min-height:min(680px, calc(100vh - 64px));
  max-height:calc(100vh - 64px);
  overflow:hidden;
  display:none;
  grid-template-columns:minmax(320px, 430px) 1fr;
  gap:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(12,10,16,.96), rgba(7,6,10,.98));
  box-shadow:
    0 34px 90px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform:translate3d(0, 30px, 0) scale(.97);
  opacity:0;
}

.about-bio--modal.is-visible{
  display:grid;
  animation:bioModalEnter .42s cubic-bezier(.2,.8,.2,1) forwards;
}

@keyframes bioModalEnter{
  0%{
    opacity:0;
    transform:translate3d(0, 34px, 0) scale(.965);
  }
  55%{
    opacity:1;
  }
  100%{
    opacity:1;
    transform:translate3d(0, 0, 0) scale(1);
  }
}

.about-bio--modal::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg, rgba(128,56,255,.06), transparent 32%),
    linear-gradient(300deg, rgba(255,127,40,.07), transparent 38%);
}

.about-bio__photo--large{
  position:relative;
  min-height:100%;
  border-radius:0;
  overflow:hidden;
}

.about-bio__photo--large img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transform:scale(1.03);
}

.about-bio__photo-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.18)),
    linear-gradient(0deg, rgba(8,6,10,.82), rgba(8,6,10,.04) 45%);
}

.about-bio__photo-copy{
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:2;
  color:#efb95f;
  font-family:"Playfair Display", Georgia, serif;
  font-size:clamp(28px, 2.1vw, 42px);
  line-height:.98;
  font-style:italic;
  text-shadow:0 8px 24px rgba(0,0,0,.42);
}

.about-bio__copy--modal{
  position:relative;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:54px 52px 40px 46px;
}

.about-bio__copy--modal .about-bio__label{
  margin-bottom:10px;
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:800;
  letter-spacing:.44em;
  text-transform:uppercase;
}

.about-bio__copy--modal h3{
  margin:0 0 18px;
  color:#f5efe8;
  font-family:"Playfair Display", Georgia, serif;
  font-size:clamp(42px, 3.2vw, 64px);
  font-weight:700;
  line-height:.92;
  letter-spacing:-.04em;
}

.about-bio__copy--modal h3 em{
  color:#e6ae58;
  font-style:normal;
}

.about-bio__text-flow{
  max-height:calc(100vh - 280px);
  padding-right:10px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(230,173,87,.35) rgba(255,255,255,.03);
}

.about-bio__text-flow::-webkit-scrollbar{
  width:7px;
}

.about-bio__text-flow::-webkit-scrollbar-track{
  background:rgba(255,255,255,.03);
  border-radius:999px;
}

.about-bio__text-flow::-webkit-scrollbar-thumb{
  background:rgba(230,173,87,.35);
  border-radius:999px;
}

.about-bio__text-flow p{
  margin:0 0 18px;
  color:rgba(245,239,232,.88);
  font-size:18px;
  line-height:1.72;
}

.about-bio__footer{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding-top:18px;
}

.about-bio__signature-line{
  width:56px;
  height:1px;
  flex:0 0 56px;
  background:linear-gradient(90deg, rgba(230,173,87,.92), rgba(230,173,87,.10));
}

.about-bio__footer-copy{
  color:rgba(255,255,255,.54);
  font-size:11px;
  font-weight:800;
  letter-spacing:.28em;
  text-transform:uppercase;
}

.about-bio--modal .about-bio__close{
  position:absolute;
  top:18px;
  right:18px;
  z-index:5;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.88);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.about-bio--modal .about-bio__close:hover{
  background:rgba(255,255,255,.08);
  transform:rotate(90deg);
}

@media (max-width:980px){
  .about-bio--modal{
    width:min(94vw, 760px);
    max-height:calc(100vh - 34px);
    min-height:auto;
    grid-template-columns:1fr;
  }

  .about-bio__photo--large{
    min-height:280px;
  }

  .about-bio__copy--modal{
    padding:28px 24px 26px;
  }

  .about-bio__copy--modal h3{
    font-size:38px;
  }

  .about-bio__text-flow{
    max-height:calc(100vh - 420px);
  }

  .about-bio__text-flow p{
    font-size:16px;
    line-height:1.64;
  }
}

@media (max-width:640px){
  .about-duo__bio-area{
    padding:14px;
  }

  .about-bio--modal{
    width:100%;
    max-height:calc(100vh - 28px);
    border-radius:22px;
  }

  .about-bio__photo--large{
    min-height:220px;
  }

  .about-bio__photo-copy{
    left:18px;
    bottom:18px;
    font-size:26px;
  }

  .about-bio__copy--modal{
    padding:24px 18px 20px;
  }

  .about-bio__copy--modal .about-bio__label{
    font-size:10px;
    letter-spacing:.30em;
  }

  .about-bio__copy--modal h3{
    font-size:32px;
  }

  .about-bio__text-flow{
    max-height:calc(100vh - 350px);
    padding-right:4px;
  }

  .about-bio__text-flow p{
    font-size:15px;
    line-height:1.58;
  }

  .about-bio__footer{
    gap:10px;
    padding-top:14px;
  }

  .about-bio__footer-copy{
    font-size:10px;
    letter-spacing:.20em;
  }
}