@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root{
  --bg:#050208;
  --panel:#0c0711;
  --purple:#7c3cff;
  --purple2:#a772ff;
  --white:#f7f4ff;
  --muted:#aaa2b5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}

.intro{
  position:fixed;inset:0;z-index:50;display:grid;place-items:center;
  min-height:100svh;overflow:hidden;background:#020104;
  transition:opacity .8s ease,visibility .8s ease;
}
.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}

.galaxy{
  position:absolute;
  inset:-8%;
  z-index:-5;
  background:
    radial-gradient(circle at 50% 48%, rgba(206,170,255,.92) 0 1.2%, rgba(139,72,255,.85) 2.5%, rgba(88,31,185,.52) 8%, rgba(24,7,58,.22) 18%, transparent 32%),
    radial-gradient(ellipse at 50% 50%, transparent 0 12%, rgba(136,58,255,.34) 18%, rgba(74,20,146,.27) 25%, transparent 39%),
    radial-gradient(ellipse at 45% 52%, transparent 0 19%, rgba(171,92,255,.18) 24%, transparent 37%),
    radial-gradient(circle at 18% 30%, rgba(117,64,255,.28), transparent 17%),
    radial-gradient(circle at 82% 25%, rgba(91,44,183,.24), transparent 18%),
    radial-gradient(circle at 72% 77%, rgba(153,67,255,.2), transparent 15%),
    linear-gradient(180deg, #030106 0%, #08020f 46%, #020104 100%);
  filter:saturate(1.22) contrast(1.08);
  animation:galaxy 14s ease-in-out infinite alternate;
  overflow:hidden;
}
.galaxy::before,
.galaxy::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.galaxy::before{
  background:
    repeating-radial-gradient(ellipse at 50% 50%,
      transparent 0 8%,
      rgba(133,65,255,.12) 9%,
      transparent 11%,
      rgba(88,35,170,.10) 13%,
      transparent 16%);
  transform:rotate(-8deg) scale(1.15);
  filter:blur(1px);
  opacity:.9;
}
.galaxy::after{
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(149,95,255,.9) 0 1.2px, transparent 1.7px),
    radial-gradient(circle, rgba(255,255,255,.6) 0 .8px, transparent 1.2px);
  background-size:83px 83px,127px 127px,173px 173px;
  background-position:0 0,30px 40px,70px 15px;
  opacity:.6;
}

.orbit{position:absolute;border:1px solid rgba(149,91,255,.18);border-radius:50%;z-index:-2}
.orbit-one{width:52vw;height:52vw;animation:spin 25s linear infinite}
.orbit-two{width:72vw;height:30vw;transform:rotate(-12deg);animation:spinReverse 38s linear infinite}
.particles{position:absolute;inset:0;z-index:-1;opacity:.45;background-image:
radial-gradient(circle,#fff 0 1px,transparent 1.2px),
radial-gradient(circle,#8a4fff 0 1px,transparent 1.3px);
background-size:97px 97px,143px 143px;animation:drift 28s linear infinite}
.vignette{position:absolute;inset:0;box-shadow:inset 0 0 220px 60px rgba(0,0,0,.9);pointer-events:none}
.intro-header{position:absolute;top:28px;left:34px;right:34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font:10px Space Mono;letter-spacing:.35em;color:#d5cde0}
.intro-header p{margin:0}.intro-header p:last-child{justify-self:end}
.mini-logo{display:flex;gap:12px;align-items:center}.mini-logo b{color:var(--purple2)}.mini-logo span{height:18px;width:1px;background:#8e8795}
.intro-content{text-align:center;animation:rise 1.4s ease both}
.logo-number{font-family:Anton;margin:0;font-size:clamp(8rem,20vw,18rem);line-height:.72;letter-spacing:-.04em;text-shadow:0 0 40px rgba(124,60,255,.38)}
.intro h1{font:400 clamp(2rem,5vw,5.2rem) Space Mono;margin:36px 0 0;letter-spacing:.27em}
.divider{display:flex;align-items:center;gap:14px;width:min(410px,72vw);margin:28px auto 18px;color:var(--purple2)}
.divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--purple),transparent)}
.divider i{font-style:normal;text-shadow:0 0 16px var(--purple)}
.categories{font:10px Space Mono;letter-spacing:.38em;color:#d0c7db;margin-bottom:38px}
.start-button{min-width:310px;height:74px;border:1px solid var(--purple);border-radius:8px;background:rgba(3,1,7,.58);color:#fff;letter-spacing:.34em;display:inline-flex;align-items:center;justify-content:center;gap:28px;cursor:pointer;box-shadow:0 0 28px rgba(124,60,255,.45),inset 0 0 22px rgba(124,60,255,.08);transition:.25s ease}
.start-button:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 0 50px rgba(124,60,255,.75)}
.start-button i{font-style:normal;color:var(--purple2)}
.scroll-note{position:absolute;bottom:24px;font:9px Space Mono;letter-spacing:.4em;color:#8c8494}

.home{opacity:0;transform:scale(1.02);transition:opacity .9s ease,transform .9s ease;background:
radial-gradient(circle at 72% 5%,rgba(88,35,160,.22),transparent 30%),#050208}
.home.visible{opacity:1;transform:none}
.nav{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(5,2,8,.77);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:end;gap:10px}.brand b{font-family:Anton;font-size:32px;color:var(--purple2);line-height:.8}.brand span{font:10px Space Mono;letter-spacing:.25em}
.nav-links{display:flex;gap:32px;font:11px Space Mono;letter-spacing:.13em}.nav-links a:hover{color:var(--purple2)}
.join-button,.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);padding:15px 22px;font:10px Space Mono;letter-spacing:.15em;box-shadow:0 0 24px rgba(124,60,255,.28)}
.hero-home{min-height:calc(100svh - 78px);padding:10vh 7vw 8vh;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:8vw;position:relative;overflow:hidden}
.hero-home:before{content:"223";position:absolute;right:-1vw;bottom:-12vh;font-family:Anton;font-size:45vw;line-height:.8;color:rgba(112,52,206,.045);pointer-events:none}
.eyebrow{font:10px Space Mono;letter-spacing:.3em;color:var(--purple2)}
.hero-copy h2{font-family:Anton;font-size:clamp(4rem,9vw,9rem);line-height:.88;margin:20px 0 28px;letter-spacing:.01em}
.hero-text{max-width:600px;color:var(--muted);font-size:18px;line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.secondary{font:11px Space Mono;letter-spacing:.15em;color:#d9d2df}
.flow-card{min-height:430px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(124,60,255,.16),rgba(255,255,255,.02));padding:34px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(14px);box-shadow:0 20px 90px rgba(0,0,0,.45)}
.flow-card span,.flow-card p{font:11px Space Mono;letter-spacing:.18em;color:#c8bfce}.flow-card strong{font-family:Anton;font-size:180px;line-height:.8;color:var(--purple2);text-shadow:0 0 30px rgba(124,60,255,.5)}
.manifesto{padding:9vh 8vw;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:.35fr 1fr;gap:8vw;align-items:start}
.manifesto p{font:10px Space Mono;letter-spacing:.25em;color:var(--purple2)}
.manifesto h3,.section h3{font-family:Anton;font-weight:400;letter-spacing:.02em}
.manifesto h3{font-size:clamp(2.5rem,6vw,6rem);line-height:1.02;margin:0;max-width:1100px}
.section{padding:10vh 7vw}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.section-head h3{font-size:clamp(3rem,6vw,6rem);margin:10px 0 0}.section-head>a{font:10px Space Mono;letter-spacing:.18em}
.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.artist-card{border:1px solid rgba(255,255,255,.09);background:#08050b}
.artist-visual{height:530px;position:relative;overflow:hidden;display:flex;align-items:end;padding:24px;background:
radial-gradient(circle at 50% 25%,rgba(255,255,255,.16),transparent 20%),
linear-gradient(145deg,#15101d,#050207)}
.artist-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.72))}
.artist-visual span{font-family:Anton;font-size:62px;z-index:2}
.artist-visual.bless{background-color:#0b1432;background-image:linear-gradient(145deg,rgba(20,72,180,.75),rgba(18,6,31,.93)),radial-gradient(circle at 40% 20%,#4a8eff,transparent 24%)}
.artist-visual.galactic{background-image:linear-gradient(145deg,rgba(75,20,150,.78),rgba(5,2,12,.94)),radial-gradient(circle at 60% 25%,#a84cff,transparent 22%)}
.artist-visual.cero{background-image:linear-gradient(145deg,rgba(37,37,45,.85),rgba(4,3,6,.96)),radial-gradient(circle at 45% 22%,#9696a8,transparent 20%)}
.artist-meta{display:flex;align-items:center;justify-content:space-between;padding:20px}.artist-meta p,.artist-meta a{font:9px Space Mono;letter-spacing:.14em}
.music{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.music-cover,.track-list{min-height:600px;border:1px solid rgba(255,255,255,.09);padding:48px;background:#08050b}
.music-cover{display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(120,48,225,.45),transparent 24%),linear-gradient(145deg,#160b26,#050207)}
.disc{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.2);top:70px;right:50px;box-shadow:0 0 80px rgba(124,60,255,.3),inset 0 0 60px #020104;background:repeating-radial-gradient(circle,rgba(255,255,255,.09) 0 1px,transparent 2px 7px)}
.music-cover p{font:10px Space Mono;letter-spacing:.25em;color:var(--purple2)}.music-cover h3{font-size:70px;margin:10px 0}.music-cover span{font:10px Space Mono;letter-spacing:.18em;color:var(--muted)}
.track-list{display:flex;flex-direction:column;justify-content:center}
.track{display:grid;grid-template-columns:50px 1fr 1fr 45px;align-items:center;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.track span,.track small{font:10px Space Mono;color:var(--muted)}.track b{font-size:20px}.track button{border:0;background:none;color:#fff;font-size:18px}
.track-list>a{margin-top:34px;font:10px Space Mono;letter-spacing:.16em;color:var(--purple2)}
.studio{display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:center}
.studio h3,.community h3{font-size:clamp(4rem,7vw,7rem);line-height:.95;margin:18px 0}
.studio>div>p:not(.eyebrow),.community>p:not(.eyebrow){color:var(--muted);max-width:720px;line-height:1.8}
.services{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 40px}.services span{padding:12px 15px;border:1px solid rgba(255,255,255,.12);font:9px Space Mono;letter-spacing:.14em}
.studio-panel{min-height:500px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(124,60,255,.23),transparent 34%),#08050b}
.studio-panel span,.studio-panel p{font:10px Space Mono;letter-spacing:.2em}.studio-panel strong{font-family:Anton;font-size:120px;color:#ff314c}.studio-panel i{width:14px;height:14px;border-radius:50%;background:#ff314c;box-shadow:0 0 25px #ff314c}
.community{text-align:center;padding-top:14vh;padding-bottom:14vh;background:radial-gradient(circle,rgba(124,60,255,.15),transparent 35%)}
.community p{margin-left:auto;margin-right:auto}.community .primary{margin-top:28px}
footer{padding:45px 7vw;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:9px Space Mono;letter-spacing:.15em}
.footer-brand{color:#fff}

@keyframes galaxy{from{transform:scale(1.06) rotate(-.5deg)}to{transform:scale(1.14) rotate(.7deg)}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-372deg)}}
@keyframes drift{to{background-position:97px 97px,-143px 143px}}
@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .intro-header{grid-template-columns:1fr auto}.intro-header>p:first-of-type{display:none}.desktop-only{font-size:0}.desktop-only:after{content:"✦";font-size:14px;color:var(--purple2)}
  .intro h1{letter-spacing:.18em}.categories{line-height:2;padding:0 20px}
  .nav-links{display:none}.join-button{padding:12px}
  .hero-home,.studio,.music{grid-template-columns:1fr}.hero-home{padding-top:8vh}
  .flow-card{min-height:320px}.artist-grid{grid-template-columns:1fr}.artist-visual{height:420px}
  .manifesto{grid-template-columns:1fr}.music-cover,.track-list{min-height:500px}.disc{width:260px;height:260px}
  footer{flex-direction:column;gap:24px;text-align:center}
}
@media(max-width:560px){
  .intro-header{left:18px;right:18px;top:20px}.logo-number{font-size:42vw}.intro h1{font-size:8vw;margin-top:25px}.start-button{min-width:78vw}
  .nav{padding:0 18px}.brand span{display:none}.hero-home,.section,.manifesto{padding-left:20px;padding-right:20px}
  .hero-copy h2{font-size:19vw}.hero-actions{align-items:flex-start;flex-direction:column}
  .artist-visual span{font-size:50px}.music-cover,.track-list{padding:28px}.music-cover h3{font-size:48px}
  .track{grid-template-columns:35px 1fr 45px}.track small{display:none}.studio-panel{min-height:360px}
}


/* V3 — ajuste conceptual y composición */
.welcome-copy{
  position:relative;
  top:-2px;
  padding:7px 14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(4,2,8,.32);
  backdrop-filter:blur(8px);
  white-space:nowrap;
}
.intro-content{
  padding-top:34px;
}
.logo-number{
  font-size:clamp(7rem,17vw,15rem);
}
.intro h1{
  margin-top:28px;
}
.hero-home{
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.62fr);
  gap:6vw;
}
.hero-copy{
  max-width:900px;
}
.hero-copy h2{
  font-size:clamp(4.3rem,8vw,8.2rem);
  line-height:.88;
  letter-spacing:.005em;
  max-width:880px;
}
.hero-copy h2 span{
  color:var(--purple2);
  text-shadow:0 0 35px rgba(124,60,255,.34);
}
.hero-text{
  max-width:720px;
  font-size:17px;
}
.identity-card{
  min-height:470px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(155deg,rgba(124,60,255,.14),rgba(255,255,255,.018)),
    rgba(8,5,11,.72);
  padding:32px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 30px 100px rgba(0,0,0,.45);
  backdrop-filter:blur(16px);
}
.card-kicker{
  margin:0;
  font:10px Space Mono;
  letter-spacing:.27em;
  color:var(--purple2);
}
.card-number{
  font-family:Anton;
  font-size:clamp(8rem,13vw,13rem);
  line-height:.8;
  color:#fff;
  text-align:center;
  text-shadow:0 0 38px rgba(124,60,255,.26);
}
.card-list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  border-top:1px solid rgba(255,255,255,.11);
}
.card-list span{
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
  font:10px Space Mono;
  letter-spacing:.21em;
}
.card-copy{
  margin:20px 0 0;
  color:var(--muted);
  line-height:1.65;
  font-size:13px;
}
@media(max-width:900px){
  .welcome-copy{display:none}
  .intro-content{padding-top:0}
  .hero-home{grid-template-columns:1fr}
  .identity-card{min-height:350px}
}

body:not(.entered){overflow:hidden}.opening{min-height:calc(100svh - 78px);position:relative;display:flex;align-items:flex-end;padding:9vh 7vw;overflow:hidden}.opening-media{position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(126,61,255,.4),transparent 22%),linear-gradient(120deg,rgba(7,2,11,.45),rgba(0,0,0,.9)),linear-gradient(145deg,#25113b,#07030a 52%,#020104)}.opening-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.75))}.opening-copy{position:relative;z-index:2;max-width:1100px}.opening-copy h2{font-family:Anton;font-size:clamp(4rem,8vw,8.4rem);line-height:.93;margin:18px 0 36px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;min-height:80vh}.about-section h3,.section-head h3{font-family:Anton;font-size:clamp(4rem,7vw,7rem);line-height:.95;margin:16px 0}.about-right>p{font-size:clamp(1.4rem,2.4vw,2.4rem);line-height:1.45;color:#d7d0df}.about-words{display:grid;margin-top:55px;border-top:1px solid rgba(255,255,255,.1)}.about-words span{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.1);font:11px Space Mono;letter-spacing:.22em}.space-section{padding:0 7vw 10vh;display:grid;gap:20px}.space-panel{min-height:72vh;padding:55px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 70% 25%,rgba(135,65,255,.34),transparent 22%),linear-gradient(135deg,#25113b,#040206)}.space-panel.two{background:radial-gradient(circle at 30% 30%,rgba(255,49,76,.18),transparent 18%),linear-gradient(135deg,#0c0810,#030205)}.space-panel.three{background:radial-gradient(circle at 60% 30%,rgba(88,145,255,.22),transparent 25%),linear-gradient(135deg,#0b1224,#030205)}.space-panel span{font:10px Space Mono;letter-spacing:.24em;color:var(--purple2)}.space-panel h3{font-family:Anton;font-size:clamp(3.5rem,7vw,7rem);max-width:850px;margin:18px 0 0}.resident{min-height:83vh;margin-top:24px;display:flex;align-items:flex-end;padding:55px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 65% 30%,rgba(78,134,255,.45),transparent 24%),linear-gradient(135deg,#101b44,#07030b 60%)}.resident.galactic{background:radial-gradient(circle at 65% 28%,rgba(183,76,255,.48),transparent 24%),linear-gradient(135deg,#2d0d56,#07030b 62%)}.resident.cero{background:radial-gradient(circle at 65% 28%,rgba(210,210,225,.28),transparent 22%),linear-gradient(135deg,#292a31,#070709 62%)}.resident p,.resident span,.resident a{font:10px Space Mono;letter-spacing:.18em}.resident h4{font-family:Anton;font-size:clamp(6rem,14vw,14rem);line-height:.82;margin:18px 0 24px}.resident span{display:block}.resident a{display:inline-block;margin-top:30px;color:var(--purple2)}.release{display:grid;grid-template-columns:1fr 1fr;gap:20px}.release-visual,.release-copy{min-height:650px;border:1px solid rgba(255,255,255,.09);background:#08050b}.release-visual{position:relative;display:flex;align-items:flex-end;padding:40px;background:radial-gradient(circle at 50% 42%,rgba(124,60,255,.52),transparent 25%),linear-gradient(145deg,#190b2d,#050207)}.vinyl{position:absolute;width:440px;height:440px;border-radius:50%;top:80px;left:50%;transform:translateX(-50%);background:repeating-radial-gradient(circle,rgba(255,255,255,.1) 0 1px,transparent 2px 8px);box-shadow:0 0 100px rgba(124,60,255,.35),inset 0 0 90px #020104}.release-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.release-copy h3,.studio-full h3{font-family:Anton;font-size:clamp(4rem,7vw,7rem);line-height:.95;margin:18px 0}.release-actions{display:flex;gap:28px;align-items:center;margin-top:40px}.studio-full{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center;min-height:95vh}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);margin:40px 0;border-top:1px solid rgba(255,255,255,.1)}.service-grid span{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font:10px Space Mono;letter-spacing:.18em}.studio-visual{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle,rgba(124,60,255,.22),transparent 34%),#08050b}.studio-visual strong{font-family:Anton;font-size:150px;color:#ff314c}.studio-visual i{width:15px;height:15px;border-radius:50%;background:#ff314c;box-shadow:0 0 25px #ff314c}.event-list article{display:grid;grid-template-columns:150px 1fr auto;gap:35px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1)}.event-list article>b{font-family:Anton;font-size:46px}.event-list p{font-family:Anton;font-size:32px;margin:0 0 8px}.community-final{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(124,60,255,.2),transparent 34%)}.community-final h3{font-family:Anton;font-size:clamp(4rem,8vw,8rem);margin:0 0 42px}.community-final button{border:0;cursor:pointer}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}.modal-panel{position:relative;z-index:2;width:min(92vw,620px);max-height:90vh;overflow:auto;padding:40px;background:rgba(10,6,14,.96);border:1px solid rgba(162,104,255,.35)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;color:#fff;font-size:34px}.modal form{display:grid;gap:18px}.modal label{display:grid;gap:8px;font:9px Space Mono;letter-spacing:.14em}.modal input,.modal select,.modal textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#08050b;color:#fff;padding:14px}.modal form .primary{border:0}.success-message{display:none;text-align:center;padding:55px 0}.success-message.visible{display:block}@media(max-width:900px){.about-section,.release,.studio-full{grid-template-columns:1fr}.resident{min-height:68vh}.event-list article{grid-template-columns:95px 1fr}.event-list article>a{grid-column:2}}@media(max-width:560px){.opening,.about-section,.residents,.release,.studio-full,.events{padding-left:20px;padding-right:20px}.opening-copy h2{font-size:16vw}.space-panel{min-height:58vh;padding:28px}.resident{padding:28px}.resident h4{font-size:25vw}.release-copy{padding:30px}.vinyl{width:300px;height:300px}.service-grid{grid-template-columns:1fr}}

/* V6 — acceso a página de players */
.players-cta{
  min-height:82vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.players-cta::before{
  content:"223";
  position:absolute;
  right:-2vw;
  bottom:-12vh;
  font-family:Anton;
  font-size:42vw;
  line-height:.8;
  color:rgba(124,60,255,.045);
  pointer-events:none;
}
.players-link{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  width:100%;
  gap:30px;
  padding:28px 0 34px;
  border-bottom:1px solid rgba(255,255,255,.16);
  transition:border-color .25s ease,transform .25s ease;
}
.players-link span{
  font-family:Anton;
  font-size:clamp(4rem,8vw,8.5rem);
  line-height:.92;
  max-width:1100px;
}
.players-link i{
  font-style:normal;
  font-size:clamp(2.5rem,5vw,5rem);
  color:var(--purple2);
  transition:transform .25s ease;
}
.players-link:hover{
  border-color:var(--purple2);
  transform:translateY(-4px);
}
.players-link:hover i{
  transform:translate(10px,-10px);
}
.players-caption{
  position:relative;
  z-index:2;
  max-width:620px;
  margin:26px 0 0;
  color:var(--muted);
  line-height:1.7;
}
@media(max-width:560px){
  .players-link{
    align-items:flex-start;
  }
  .players-link span{
    font-size:15vw;
  }
}


/* Página de players */
.players-page{
  background:
    radial-gradient(circle at 78% 8%,rgba(124,60,255,.16),transparent 24%),
    #050208;
}
.players-main{
  min-height:100vh;
}
.players-hero{
  min-height:78vh;
  padding:14vh 7vw 8vh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.players-hero h1{
  font-family:Anton;
  font-size:clamp(5rem,11vw,11rem);
  line-height:.84;
  margin:18px 0 30px;
}
.players-hero>p:last-child{
  max-width:650px;
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}
.players-list{
  padding:0 7vw;
}
.player-row{
  min-height:260px;
  display:grid;
  grid-template-columns:90px 1fr auto;
  gap:30px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.1);
  position:relative;
  overflow:hidden;
  transition:padding .3s ease,background .3s ease;
}
.player-row::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .3s ease;
  background:linear-gradient(90deg,rgba(124,60,255,.14),transparent 65%);
}
.player-row:hover{
  padding-left:24px;
}
.player-row:hover::before{
  opacity:1;
}
.player-index{
  position:relative;
  z-index:2;
  font:11px Space Mono;
  color:var(--purple2);
}
.player-info{
  position:relative;
  z-index:2;
}
.player-info p{
  margin:0 0 12px;
  font:9px Space Mono;
  letter-spacing:.2em;
  color:var(--muted);
}
.player-info h2{
  margin:0;
  font-family:Anton;
  font-size:clamp(4rem,8vw,8rem);
  line-height:.85;
}
.player-row>i{
  position:relative;
  z-index:2;
  font:10px Space Mono;
  font-style:normal;
  letter-spacing:.15em;
  color:var(--purple2);
}
.player-0800bless::after,
.player-galactic::after,
.player-fvckingtri::after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:9%;
  border-radius:50%;
  filter:blur(60px);
  opacity:.16;
}
.player-0800bless::after{background:#367dff}
.player-galactic::after{background:#a342ff}
.player-fvckingtri::after{background:#ff4fd8}
.player-next{opacity:.5}
.players-bottom{
  min-height:70vh;
  padding:10vh 7vw;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.players-bottom p{
  font-family:Anton;
  font-size:clamp(4rem,8vw,8rem);
  margin:0 0 40px;
}
@media(max-width:700px){
  .players-hero{padding-left:20px;padding-right:20px}
  .players-list{padding:0 20px}
  .player-row{
    min-height:220px;
    grid-template-columns:40px 1fr;
  }
  .player-row>i{
    grid-column:2;
    margin-bottom:22px;
  }
  .player-info h2{
    font-size:18vw;
  }
}


/* V8 — players visibles desde la primera pantalla */
.players-hero-compact{
  min-height:auto;
  padding:10vh 7vw 5vh;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:7vw;
  align-items:end;
}
.players-hero-compact h1{
  font-size:clamp(4rem,8vw,8rem);
  line-height:.88;
  margin-bottom:0;
}
.players-hero-compact>p{
  margin:0 0 10px;
  max-width:560px;
}

.players-grid{
  padding:0 7vw 9vh;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.player-card{
  min-height:360px;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(circle at 75% 25%,rgba(124,60,255,.24),transparent 24%),
    linear-gradient(145deg,#12091d,#060308);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.player-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.68));
  pointer-events:none;
}
.player-card:hover{
  transform:translateY(-6px);
  border-color:rgba(160,102,255,.55);
  box-shadow:0 25px 70px rgba(0,0,0,.42);
}
.player-card-top,
.player-card-body{
  position:relative;
  z-index:2;
}
.player-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.player-card-top span,
.player-card-top i,
.player-card-body p{
  font:9px Space Mono;
  letter-spacing:.17em;
}
.player-card-top span,
.player-card-top i{color:var(--purple2)}
.player-card-top i{font-style:normal}
.player-card-body p{
  color:var(--muted);
  margin:0 0 12px;
}
.player-card-body h2{
  margin:0;
  font-family:Anton;
  font-size:clamp(3.4rem,6vw,6.2rem);
  line-height:.85;
  word-break:break-word;
}
.player-0800bless{
  background:
    radial-gradient(circle at 72% 25%,rgba(55,126,255,.36),transparent 24%),
    linear-gradient(145deg,#101a3f,#060308);
}
.player-galactic{
  background:
    radial-gradient(circle at 72% 25%,rgba(170,66,255,.38),transparent 24%),
    linear-gradient(145deg,#2a0d4d,#060308);
}
.player-fvckingtri{
  background:
    radial-gradient(circle at 72% 25%,rgba(255,68,210,.28),transparent 24%),
    linear-gradient(145deg,#3b102f,#060308);
}
.player-next{
  opacity:.68;
  background:
    radial-gradient(circle at 72% 25%,rgba(255,255,255,.14),transparent 24%),
    linear-gradient(145deg,#18181d,#060308);
}
@media(max-width:900px){
  .players-hero-compact{
    grid-template-columns:1fr;
    padding-bottom:4vh;
  }
}
@media(max-width:700px){
  .players-hero-compact{
    padding-left:20px;
    padding-right:20px;
  }
  .players-grid{
    padding-left:20px;
    padding-right:20px;
    grid-template-columns:1fr;
  }
  .player-card{
    min-height:300px;
  }
  .player-card-body h2{
    font-size:18vw;
  }
}


/* V9 — perfiles artísticos verticales con scroll */
.players-page{
  overflow-y:auto !important;
}
.players-main{
  overflow:visible;
}
.players-hero-compact{
  min-height:62vh;
}
.artist-profiles{
  padding:0 7vw 10vh;
  display:grid;
  gap:28px;
}
.artist-profile{
  min-height:82vh;
  display:grid;
  grid-template-columns:70px minmax(360px,.95fr) minmax(420px,1.05fr);
  align-items:stretch;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background:#08050b;
}
.profile-index{
  padding:28px 18px;
  border-right:1px solid rgba(255,255,255,.08);
  font:10px Space Mono;
  color:var(--purple2);
}
.profile-visual{
  position:relative;
  min-height:100%;
  overflow:hidden;
  border-right:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 25%,rgba(65,130,255,.42),transparent 24%),
    linear-gradient(145deg,#101a3f,#07030b 64%);
}
.profile-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 35%,rgba(0,0,0,.78)),
    repeating-linear-gradient(90deg,transparent 0 90px,rgba(255,255,255,.015) 91px);
}
.profile-galactic .profile-visual{
  background:
    radial-gradient(circle at 50% 25%,rgba(180,72,255,.45),transparent 24%),
    linear-gradient(145deg,#2a0d4f,#07030b 64%);
}
.profile-fvckingtri .profile-visual{
  background:
    radial-gradient(circle at 50% 25%,rgba(255,70,215,.32),transparent 24%),
    linear-gradient(145deg,#3b102f,#07030b 64%);
}
.profile-next .profile-visual{
  background:
    radial-gradient(circle at 50% 25%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(145deg,#1a1a20,#07030b 64%);
}
.profile-mark{
  position:absolute;
  left:30px;
  right:30px;
  bottom:34px;
  z-index:2;
  font-family:Anton;
  font-size:clamp(4.2rem,7vw,7.4rem);
  line-height:.84;
  word-break:break-word;
}
.profile-content{
  padding:clamp(34px,5vw,72px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.profile-content h2{
  font-family:Anton;
  font-size:clamp(4.5rem,8vw,8rem);
  line-height:.86;
  margin:18px 0 28px;
}
.profile-quote{
  max-width:620px;
  margin:0 0 24px;
  font-size:clamp(1.35rem,2.2vw,2.15rem);
  line-height:1.35;
}
.profile-description{
  max-width:620px;
  color:var(--muted);
  line-height:1.75;
  font-size:16px;
}
.profile-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:28px 0 38px;
}
.profile-tags span{
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.12);
  font:9px Space Mono;
  letter-spacing:.15em;
}
.profile-button{
  align-self:flex-start;
  padding-bottom:8px;
  border-bottom:1px solid var(--purple2);
  font:10px Space Mono;
  letter-spacing:.16em;
  color:var(--purple2);
  transition:transform .25s ease;
}
.profile-button:hover{
  transform:translateX(8px);
}
@media(max-width:980px){
  .artist-profile{
    grid-template-columns:50px 1fr;
  }
  .profile-visual{
    min-height:480px;
    border-right:0;
  }
  .profile-content{
    grid-column:2;
  }
}
@media(max-width:650px){
  .artist-profiles{
    padding-left:20px;
    padding-right:20px;
  }
  .artist-profile{
    grid-template-columns:1fr;
  }
  .profile-index{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .profile-visual,
  .profile-content{
    grid-column:1;
  }
  .profile-visual{
    min-height:390px;
  }
  .profile-content{
    padding:30px 24px 42px;
  }
  .profile-content h2{
    font-size:19vw;
  }
  .profile-mark{
    font-size:17vw;
  }
}


/* V10 — selector de personajes */
.players-hero-compact{min-height:auto;padding-bottom:4vh}
.character-select{
  padding:0 4vw 10vh;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.select-card{
  min-height:590px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(145,72,255,.62);
  border-radius:16px;
  background:#08050b;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.select-card:hover{
  transform:translateY(-8px) scale(1.01);
  border-color:#a86cff;
  box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 34px rgba(124,60,255,.28);
}
.select-top{
  position:absolute;z-index:4;top:18px;left:18px;right:18px;
  display:flex;align-items:center;justify-content:space-between;
}
.select-top span{font-family:Anton;font-size:28px;color:var(--purple2)}
.select-top i{
  width:34px;height:34px;display:grid;place-items:center;
  border:1px solid rgba(151,83,255,.65);border-radius:6px;
  color:var(--purple2);font-style:normal;
}
.select-portrait{
  min-height:350px;position:relative;display:flex;align-items:flex-end;
  overflow:hidden;padding:24px;
  background:radial-gradient(circle at 50% 28%,rgba(78,134,255,.45),transparent 26%),linear-gradient(145deg,#101a3f,#07030b 68%);
}
.select-portrait::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.8)),repeating-linear-gradient(90deg,transparent 0 72px,rgba(255,255,255,.015) 73px);
}
.select-galactic .select-portrait{
  background:radial-gradient(circle at 50% 28%,rgba(177,72,255,.47),transparent 26%),linear-gradient(145deg,#2a0d4f,#07030b 68%);
}
.select-fvckingtri .select-portrait{
  background:radial-gradient(circle at 50% 28%,rgba(255,75,210,.35),transparent 26%),linear-gradient(145deg,#3b102f,#07030b 68%);
}
.select-next .select-portrait{
  background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.16),transparent 26%),linear-gradient(145deg,#1b1b22,#07030b 68%);
}
.select-portrait strong{
  position:relative;z-index:2;width:100%;text-align:center;
  font-family:Anton;font-size:clamp(4rem,6vw,7rem);line-height:.82;
  color:rgba(255,255,255,.94);text-shadow:0 0 32px rgba(124,60,255,.34);
  word-break:break-word;
}
.select-info{
  display:flex;flex-direction:column;gap:14px;
  padding:24px;border-top:1px solid rgba(255,255,255,.09);
}
.select-info h2{margin:0;font-family:Anton;font-size:clamp(2rem,3vw,3.6rem);line-height:.9}
.select-info p{margin:0;font:9px Space Mono;letter-spacing:.14em;color:var(--purple2)}
.select-info>span{min-height:48px;color:var(--muted);line-height:1.55;font-size:13px}
.select-info b{
  margin-top:auto;padding:14px 10px;border:1px solid rgba(145,72,255,.6);
  border-radius:6px;text-align:center;font:9px Space Mono;letter-spacing:.12em;color:var(--purple2);
}
.select-card:hover .select-info b{background:rgba(124,60,255,.1)}
@media(max-width:1150px){.character-select{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .character-select{grid-template-columns:1fr;padding-left:20px;padding-right:20px}
  .select-card{min-height:540px}
  .select-portrait{min-height:320px}
}


/* V11 — perfiles individuales de artistas */
.artist-page{
  background:#050208;
  min-height:100vh;
}
.artist-profile-page{
  overflow:hidden;
}
.artist-profile-hero{
  min-height:calc(100svh - 78px);
  display:grid;
  grid-template-columns:1.05fr .95fr;
}
.artist-hero-visual{
  position:relative;
  overflow:hidden;
  border-right:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 50% 28%,rgba(73,130,255,.5),transparent 25%),
    linear-gradient(145deg,#101a3f,#060308 70%);
}
.artist-purple .artist-hero-visual{
  background:
    radial-gradient(circle at 50% 28%,rgba(178,72,255,.48),transparent 25%),
    linear-gradient(145deg,#2a0d4f,#060308 70%);
}
.artist-pink .artist-hero-visual{
  background:
    radial-gradient(circle at 50% 28%,rgba(255,72,210,.36),transparent 25%),
    linear-gradient(145deg,#3b102f,#060308 70%);
}
.artist-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 36%,rgba(0,0,0,.78)),
    repeating-linear-gradient(90deg,transparent 0 90px,rgba(255,255,255,.015) 91px);
}
.artist-name-mark{
  position:absolute;
  left:5vw;
  right:5vw;
  bottom:6vh;
  z-index:2;
  font-family:Anton;
  font-size:clamp(5rem,10vw,11rem);
  line-height:.82;
  word-break:break-word;
}
.artist-hero-copy{
  padding:8vh 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.artist-hero-copy h1{
  margin:18px 0 28px;
  font-family:Anton;
  font-size:clamp(4.5rem,8vw,8.5rem);
  line-height:.84;
}
.artist-hero-copy blockquote{
  margin:0 0 26px;
  max-width:650px;
  font-size:clamp(1.5rem,2.5vw,2.5rem);
  line-height:1.35;
}
.artist-description{
  max-width:620px;
  color:var(--muted);
  line-height:1.75;
  font-size:16px;
}
.artist-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:30px 0;
}
.artist-tags span{
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.13);
  font:9px Space Mono;
  letter-spacing:.15em;
}
.artist-socials{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
}
.artist-socials a{
  padding-bottom:7px;
  border-bottom:1px solid var(--purple2);
  font:9px Space Mono;
  letter-spacing:.15em;
  color:var(--purple2);
}
.artist-section{
  padding:12vh 7vw;
  border-top:1px solid rgba(255,255,255,.09);
}
.artist-about{
  display:grid;
  grid-template-columns:.42fr 1fr;
  gap:8vw;
}
.artist-section h2{
  margin:0 0 25px;
  font-family:Anton;
  font-size:clamp(4rem,8vw,8rem);
  line-height:.9;
}
.artist-about>div>p{
  max-width:850px;
  color:var(--muted);
  font-size:20px;
  line-height:1.7;
}
.artist-music{
  display:grid;
  grid-template-columns:.7fr 1fr;
  gap:8vw;
  align-items:start;
}
.artist-track-list{
  border-top:1px solid rgba(255,255,255,.11);
}
.artist-track{
  display:grid;
  grid-template-columns:55px 1fr 50px;
  gap:20px;
  align-items:center;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.artist-track span{
  font:10px Space Mono;
  color:var(--purple2);
}
.artist-track b{
  font-size:22px;
}
.artist-track button{
  border:0;
  background:none;
  color:#fff;
  font-size:18px;
  cursor:pointer;
}
.artist-gallery{
  padding:0 7vw 12vh;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.gallery-block{
  min-height:480px;
  display:flex;
  align-items:flex-end;
  padding:24px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 50% 30%,rgba(124,60,255,.22),transparent 24%),
    linear-gradient(145deg,#17101f,#07030b);
}
.gallery-block span{
  font:9px Space Mono;
  letter-spacing:.17em;
}
.artist-cta{
  min-height:65vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:28px;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.09);
}
.artist-cta p{
  font-family:Anton;
  font-size:clamp(3rem,6vw,6rem);
  margin:0;
}
@media(max-width:900px){
  .artist-profile-hero,
  .artist-about,
  .artist-music{
    grid-template-columns:1fr;
  }
  .artist-hero-visual{
    min-height:65vh;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .artist-gallery{
    grid-template-columns:1fr;
  }
}
@media(max-width:600px){
  .artist-hero-copy,
  .artist-section,
  .artist-gallery{
    padding-left:20px;
    padding-right:20px;
  }
  .artist-name-mark{
    left:20px;
    right:20px;
  }
}


/* V12 — perfiles como secciones dentro de la misma página */
.inline-artist-profile{
  min-height:100svh;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  border-top:1px solid rgba(255,255,255,.1);
  scroll-margin-top:78px;
}
.inline-profile-visual{
  position:relative;
  min-height:100%;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 28%,rgba(73,130,255,.5),transparent 25%),
    linear-gradient(145deg,#101a3f,#060308 70%);
}
.artist-purple .inline-profile-visual{
  background:
    radial-gradient(circle at 50% 28%,rgba(178,72,255,.48),transparent 25%),
    linear-gradient(145deg,#2a0d4f,#060308 70%);
}
.artist-pink .inline-profile-visual{
  background:
    radial-gradient(circle at 50% 28%,rgba(255,72,210,.36),transparent 25%),
    linear-gradient(145deg,#3b102f,#060308 70%);
}
.inline-profile-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 36%,rgba(0,0,0,.78)),
    repeating-linear-gradient(90deg,transparent 0 90px,rgba(255,255,255,.015) 91px);
}
.inline-profile-visual span{
  position:absolute;
  left:5vw;
  right:5vw;
  bottom:6vh;
  z-index:2;
  font-family:Anton;
  font-size:clamp(5rem,10vw,11rem);
  line-height:.82;
  word-break:break-word;
}
.inline-profile-copy{
  padding:8vh 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.inline-profile-copy h2{
  margin:18px 0 28px;
  font-family:Anton;
  font-size:clamp(4.5rem,8vw,8.5rem);
  line-height:.84;
}
.inline-profile-copy blockquote{
  margin:0 0 24px;
  font-size:clamp(1.5rem,2.4vw,2.4rem);
  line-height:1.35;
}
.inline-profile-copy>p:not(.eyebrow){
  color:var(--muted);
  line-height:1.75;
  max-width:620px;
}
.inline-track-list{
  margin-top:32px;
  border-top:1px solid rgba(255,255,255,.11);
}
.inline-track-list>div{
  display:grid;
  grid-template-columns:50px 1fr 40px;
  gap:18px;
  align-items:center;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.inline-track-list span{
  font:10px Space Mono;
  color:var(--purple2);
}
.inline-track-list button{
  border:0;
  background:none;
  color:#fff;
  font-size:17px;
}
.back-to-select{
  margin-top:34px;
  align-self:flex-start;
  padding-bottom:7px;
  border-bottom:1px solid var(--purple2);
  font:10px Space Mono;
  letter-spacing:.15em;
  color:var(--purple2);
}
@media(max-width:900px){
  .inline-artist-profile{
    grid-template-columns:1fr;
  }
  .inline-profile-visual{
    min-height:65vh;
  }
}
@media(max-width:600px){
  .inline-profile-copy{
    padding:50px 20px;
  }
  .inline-profile-visual span{
    left:20px;
    right:20px;
  }
}


/* V14 — movimiento vertical exclusivo para cada artista */
.artist-page{
  overflow-x:hidden;
}
.artist-profile-hero{
  position:relative;
  isolation:isolate;
}
.artist-profile-hero::before,
.artist-profile-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
  filter:blur(18px);
  opacity:.42;
}
.artist-profile-hero::before{
  width:34vw;
  height:34vw;
  top:8%;
  right:7%;
  animation:artistFloatPrimary 7s ease-in-out infinite;
}
.artist-profile-hero::after{
  width:22vw;
  height:22vw;
  left:9%;
  bottom:5%;
  animation:artistFloatSecondary 9s ease-in-out infinite reverse;
}

/* 0800Bless: movimiento más firme y competitivo */
.artist-blue .artist-profile-hero::before{
  background:radial-gradient(circle,rgba(59,125,255,.34),transparent 68%);
  animation-duration:6.4s;
}
.artist-blue .artist-profile-hero::after{
  background:radial-gradient(circle,rgba(41,78,184,.26),transparent 70%);
  animation-duration:8.2s;
}
.artist-blue .artist-name-mark{
  animation:blessNameFloat 5.4s ease-in-out infinite;
}
.artist-blue .artist-hero-copy{
  animation:blessCopyFloat 6.2s ease-in-out infinite;
}

/* Galactic: flotación lenta, espacial y amplia */
.artist-purple .artist-profile-hero::before{
  background:radial-gradient(circle,rgba(173,76,255,.38),transparent 68%);
  animation-duration:9.5s;
}
.artist-purple .artist-profile-hero::after{
  background:radial-gradient(circle,rgba(91,37,184,.32),transparent 70%);
  animation-duration:12s;
}
.artist-purple .artist-name-mark{
  animation:galacticNameFloat 8s ease-in-out infinite;
}
.artist-purple .artist-hero-copy{
  animation:galacticCopyFloat 9s ease-in-out infinite;
}

/* FvckingTri: movimiento más irregular y artístico */
.artist-pink .artist-profile-hero::before{
  background:radial-gradient(circle,rgba(255,68,210,.32),transparent 68%);
  animation-duration:7.2s;
}
.artist-pink .artist-profile-hero::after{
  background:radial-gradient(circle,rgba(153,33,120,.3),transparent 70%);
  animation-duration:10.4s;
}
.artist-pink .artist-name-mark{
  animation:triNameFloat 6.6s ease-in-out infinite;
}
.artist-pink .artist-hero-copy{
  animation:triCopyFloat 7.8s ease-in-out infinite;
}

/* Movimiento suave en bloques, sin marear */
.artist-section,
.artist-gallery,
.artist-cta{
  position:relative;
}
.artist-page .artist-section > *,
.artist-page .artist-gallery > *,
.artist-page .artist-cta > *{
  animation:sectionBreath 8s ease-in-out infinite;
}
.artist-page .artist-gallery > *:nth-child(2){
  animation-delay:-2.6s;
}
.artist-page .artist-gallery > *:nth-child(3){
  animation-delay:-5.2s;
}

/* Hover con respuesta vertical */
.artist-track,
.gallery-block,
.artist-tags span,
.artist-socials a{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.artist-track:hover,
.gallery-block:hover{
  transform:translateY(-6px);
}
.artist-tags span:hover,
.artist-socials a:hover{
  transform:translateY(-3px);
}

/* Animaciones específicas */
@keyframes artistFloatPrimary{
  0%,100%{transform:translate3d(0,-10px,0) scale(1)}
  50%{transform:translate3d(0,22px,0) scale(1.04)}
}
@keyframes artistFloatSecondary{
  0%,100%{transform:translate3d(0,14px,0) scale(1.03)}
  50%{transform:translate3d(0,-18px,0) scale(.98)}
}
@keyframes blessNameFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@keyframes blessCopyFloat{
  0%,100%{transform:translateY(4px)}
  50%{transform:translateY(-5px)}
}
@keyframes galacticNameFloat{
  0%,100%{transform:translateY(8px)}
  50%{transform:translateY(-16px)}
}
@keyframes galacticCopyFloat{
  0%,100%{transform:translateY(-4px)}
  50%{transform:translateY(10px)}
}
@keyframes triNameFloat{
  0%,100%{transform:translateY(0) rotate(-.3deg)}
  45%{transform:translateY(-13px) rotate(.45deg)}
  70%{transform:translateY(5px) rotate(-.15deg)}
}
@keyframes triCopyFloat{
  0%,100%{transform:translateY(5px)}
  40%{transform:translateY(-8px)}
  75%{transform:translateY(2px)}
}
@keyframes sectionBreath{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}

/* Respeta accesibilidad */
@media(prefers-reduced-motion:reduce){
  .artist-page *,
  .artist-profile-hero::before,
  .artist-profile-hero::after{
    animation:none !important;
    transition:none !important;
  }
}
@media(max-width:700px){
  .artist-profile-hero::before{width:65vw;height:65vw}
  .artist-profile-hero::after{width:48vw;height:48vw}
  .artist-blue .artist-hero-copy,
  .artist-purple .artist-hero-copy,
  .artist-pink .artist-hero-copy{
    animation:none;
  }
}

.artist-name-mark{
  translate:0 var(--scroll-offset,0);
  will-change:transform,translate;
}
.artist-hero-visual{
  will-change:transform;
}


/* V15 — desplazamiento vertical real dentro de cada perfil */
html{
  scroll-behavior:smooth;
}
body.artist-page{
  overflow-y:auto !important;
  height:auto !important;
  min-height:100%;
}
.artist-profile-page{
  overflow:visible !important;
}
.exclusive-scroll-section{
  min-height:85vh;
  padding:12vh 7vw;
  border-top:1px solid rgba(255,255,255,.09);
  display:grid;
  grid-template-columns:.22fr .78fr;
  gap:6vw;
  align-items:start;
}
.exclusive-scroll-section h2,
.exclusive-final h2{
  margin:12px 0 28px;
  font-family:Anton;
  font-size:clamp(4rem,8vw,8rem);
  line-height:.88;
}
.exclusive-scroll-section p{
  max-width:850px;
  color:var(--muted);
  font-size:18px;
  line-height:1.75;
}
.section-number{
  font-family:Anton;
  font-size:clamp(5rem,10vw,11rem);
  line-height:.8;
  color:rgba(255,255,255,.08);
}
.artist-discography{
  grid-template-columns:.65fr 1fr;
}
.release-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.release-card{
  border:1px solid rgba(255,255,255,.1);
  padding:18px;
  background:rgba(255,255,255,.025);
}
.release-cover{
  aspect-ratio:1;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  background:
    radial-gradient(circle at 50% 35%,rgba(92,126,255,.45),transparent 26%),
    linear-gradient(145deg,#101a3f,#07030b);
}
.artist-purple .release-cover{
  background:
    radial-gradient(circle at 50% 35%,rgba(177,72,255,.45),transparent 26%),
    linear-gradient(145deg,#2a0d4f,#07030b);
}
.artist-pink .release-cover{
  background:
    radial-gradient(circle at 50% 35%,rgba(255,75,210,.34),transparent 26%),
    linear-gradient(145deg,#3b102f,#07030b);
}
.release-cover.alt{
  filter:saturate(.65) brightness(.82);
}
.release-cover span{
  font-family:Anton;
  font-size:clamp(2.5rem,4vw,5rem);
  text-align:center;
}
.release-card small{
  font:9px Space Mono;
  color:var(--purple2);
  letter-spacing:.14em;
}
.release-card h3{
  font-size:24px;
}
.release-card button{
  border:1px solid rgba(151,83,255,.6);
  background:transparent;
  color:#fff;
  padding:12px 15px;
  cursor:pointer;
}
.artist-visual-world{
  grid-template-columns:.18fr .45fr 1fr;
}
.visual-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.visual-strip div{
  min-height:480px;
  display:flex;
  align-items:flex-end;
  padding:18px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 50% 30%,rgba(124,60,255,.22),transparent 24%),
    linear-gradient(145deg,#17101f,#07030b);
  font:9px Space Mono;
  letter-spacing:.14em;
}
.artist-events-exclusive{
  grid-template-columns:.7fr 1fr;
  align-items:center;
}
.event-exclusive-card{
  padding:50px;
  border:1px solid rgba(151,83,255,.4);
  background:linear-gradient(145deg,rgba(124,60,255,.08),rgba(255,255,255,.02));
}
.event-exclusive-card span{
  font:9px Space Mono;
  letter-spacing:.15em;
  color:var(--purple2);
}
.event-exclusive-card h3{
  margin:18px 0;
  font-family:Anton;
  font-size:clamp(2.8rem,5vw,5.5rem);
  line-height:.95;
}
.exclusive-final{
  min-height:100vh;
  padding:12vh 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  border-top:1px solid rgba(255,255,255,.09);
}
.exclusive-final>p:not(.eyebrow){
  max-width:700px;
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}
.exclusive-final>div{
  display:flex;
  gap:22px;
  align-items:center;
  margin-top:30px;
}
.secondary-link{
  font:10px Space Mono;
  letter-spacing:.14em;
  color:var(--purple2);
  border-bottom:1px solid var(--purple2);
  padding-bottom:6px;
}
@media(max-width:900px){
  .exclusive-scroll-section,
  .artist-discography,
  .artist-visual-world,
  .artist-events-exclusive{
    grid-template-columns:1fr;
  }
  .release-grid{
    grid-template-columns:1fr;
  }
  .visual-strip{
    grid-template-columns:1fr;
  }
  .visual-strip div{
    min-height:340px;
  }
}
@media(max-width:600px){
  .exclusive-scroll-section,
  .exclusive-final{
    padding-left:20px;
    padding-right:20px;
  }
  .exclusive-final>div{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* V16 — perfil editorial exclusivo de 0800Bless */
.bless-editorial-page{
  background:#050507;
  color:#f3f3f3;
  overflow-x:hidden;
}
.bless-editorial{
  min-height:100vh;
}
.bless-back{
  display:inline-block;
  margin:26px 4vw 18px;
  font:10px Space Mono;
  letter-spacing:.13em;
  color:#8151ff;
}
.bless-hero{
  display:grid;
  grid-template-columns:1.35fr .9fr;
  min-height:calc(100vh - 120px);
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.bless-hero-photo{
  position:relative;
  min-height:760px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.58)),
    url("assets/0800bless-reference.jpeg") center 36%/cover no-repeat;
  border-right:1px solid rgba(255,255,255,.14);
}
.bless-hero-photo::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:23%;
  background:linear-gradient(180deg,transparent,rgba(28,0,72,.55));
}
.bless-title-wrap{
  position:absolute;
  z-index:2;
  left:4vw;
  top:4vh;
}
.bless-title-wrap h1{
  margin:0;
  font-family:Anton;
  font-size:clamp(5rem,9vw,10rem);
  line-height:.8;
  color:#7140e6;
  letter-spacing:-.03em;
}
.bless-title-wrap p{
  margin-top:24px;
  font:700 13px Space Mono;
  letter-spacing:.13em;
}
.bless-handwritten{
  font-family:"Comic Sans MS","Bradley Hand",cursive;
  font-style:italic;
  letter-spacing:.03em;
}
.bless-note-left{
  position:absolute;
  z-index:2;
  left:4vw;
  bottom:9vh;
  font-size:clamp(1.4rem,2vw,2.1rem);
  line-height:1.35;
  transform:rotate(-4deg);
}
.bless-profile-card{
  padding:5vh 4vw;
  display:flex;
  flex-direction:column;
  gap:28px;
  background:
    radial-gradient(circle at 85% 8%,rgba(96,45,216,.12),transparent 20%),
    #060608;
}
.bless-quote{
  font-size:clamp(1.7rem,2.6vw,3rem);
  line-height:1.25;
}
.bless-data p,
.bless-key p{
  margin:8px 0;
  font:11px Space Mono;
  letter-spacing:.1em;
  line-height:1.5;
}
.bless-data b,
.bless-key h3{
  color:#7b4bff;
}
.bless-about h2{
  font:700 13px Space Mono;
  letter-spacing:.13em;
}
.bless-about p{
  max-width:520px;
  color:#d6d6d6;
  line-height:1.7;
  font-size:14px;
}
.bless-signature{
  font-family:Anton;
  font-size:clamp(2.5rem,4vw,5rem);
  color:#7644ef;
  text-align:center;
}
.bless-palette>span{
  font:10px Space Mono;
  letter-spacing:.14em;
}
.bless-palette div{
  display:flex;
  gap:8px;
  margin-top:12px;
}
.bless-palette i{
  width:48px;height:24px;border:1px solid rgba(255,255,255,.3);
}
.bless-palette i:nth-child(1){background:#050507}
.bless-palette i:nth-child(2){background:#173f91}
.bless-palette i:nth-child(3){background:#432b79}
.bless-palette i:nth-child(4){background:#a9a9a9}
.bless-palette i:nth-child(5){background:#efefef}

.bless-style-grid,
.bless-media-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.bless-style-main,
.bless-references,
.bless-releases,
.bless-video{
  padding:4vh 2vw;
}
.bless-style-main,
.bless-releases{
  border-right:1px solid rgba(255,255,255,.1);
}
.bless-section-label{
  margin:0 0 18px;
  font:700 11px Space Mono;
  color:#7c4dff;
  letter-spacing:.15em;
}
.bless-photo-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.bless-photo-row article img{
  width:100%;
  aspect-ratio:.72;
  object-fit:cover;
  filter:saturate(.75) contrast(1.12);
}
.bless-photo-row article:nth-child(2) img{object-position:32% center}
.bless-photo-row article:nth-child(3) img{object-position:68% center}
.bless-photo-row article:nth-child(4) img{object-position:85% center}
.bless-photo-row h3{
  margin:14px 0 6px;
  font:700 10px Space Mono;
  color:#8151ff;
  letter-spacing:.12em;
}
.bless-photo-row p{
  font:9px Space Mono;
  line-height:1.5;
  letter-spacing:.08em;
}
.bless-reference-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}
.bless-reference-grid img{
  width:100%;
  aspect-ratio:1.25;
  object-fit:cover;
}
.bless-reference-grid img:nth-child(2){object-position:75% center}
.bless-reference-grid img:nth-child(3){object-position:25% center}
.bless-reference-grid img:nth-child(4){object-position:55% center}

.bless-release-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.bless-release-row .cover{
  aspect-ratio:1;
  display:grid;
  place-items:center;
  text-align:center;
  padding:12px;
  font-family:Anton;
  font-size:clamp(1.4rem,2vw,2.4rem);
  background:linear-gradient(145deg,#130826,#09090b);
  border:1px solid rgba(255,255,255,.08);
}
.bless-release-row .cover-1{background:radial-gradient(circle,#48218d,#09090b 70%)}
.bless-release-row .cover-2{background:radial-gradient(circle,#15425f,#09090b 70%)}
.bless-release-row .cover-3{background:radial-gradient(circle,#424242,#09090b 70%)}
.bless-release-row .cover-4{background:radial-gradient(circle,#262626,#09090b 70%)}
.bless-release-row h3{
  margin:12px 0 3px;
  font:700 10px Space Mono;
}
.bless-release-row p{
  margin:0;
  font:9px Space Mono;
  color:#aaa;
}
.bless-outline-button{
  display:inline-block;
  margin-top:28px;
  padding:13px 18px;
  border:1px solid #7241ec;
  font:10px Space Mono;
  color:#9a73ff;
  letter-spacing:.12em;
}
.bless-video-frame{
  position:relative;
}
.bless-video-frame img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.bless-video-frame button{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:64px;height:64px;
  border-radius:50%;
  border:1px solid #814eff;
  background:rgba(0,0,0,.45);
  color:#fff;
  font-size:24px;
}
.bless-final{
  min-height:80vh;
  padding:12vh 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:
    radial-gradient(circle at 50% 20%,rgba(91,42,208,.22),transparent 30%),
    #050507;
}
.bless-final p{
  font:10px Space Mono;
  color:#8151ff;
  letter-spacing:.15em;
}
.bless-final h2{
  margin:18px 0 34px;
  font-family:Anton;
  font-size:clamp(4rem,8vw,8rem);
  line-height:.9;
}

@media(max-width:980px){
  .bless-hero,
  .bless-style-grid,
  .bless-media-grid{
    grid-template-columns:1fr;
  }
  .bless-hero-photo{
    min-height:72vh;
    border-right:0;
  }
  .bless-style-main,
  .bless-releases{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .bless-photo-row,
  .bless-release-row{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:600px){
  .bless-title-wrap{left:20px;right:20px}
  .bless-note-left{left:20px}
  .bless-profile-card,
  .bless-style-main,
  .bless-references,
  .bless-releases,
  .bless-video,
  .bless-final{
    padding-left:20px;
    padding-right:20px;
  }
  .bless-photo-row,
  .bless-release-row{
    grid-template-columns:1fr;
  }
}


/* V17 — perfil 0800Bless limpio, sin información duplicada y con scroll */
html{scroll-behavior:smooth}
.bless-clean-page{
  background:#050507;
  color:#f5f5f5;
  overflow-x:hidden;
  overflow-y:auto;
}
.bless-clean-main{overflow:visible}
.bless-clean-hero{
  min-height:calc(100svh - 76px);
  display:grid;
  grid-template-columns:1.28fr .72fr;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.bless-clean-photo{
  position:relative;
  min-height:760px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55)),
    url("assets/0800bless-hero-clean.jpg") center 38%/cover no-repeat;
  border-right:1px solid rgba(255,255,255,.12);
}
.bless-clean-photo::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:24%;
  background:linear-gradient(180deg,transparent,rgba(29,0,75,.68));
}
.bless-clean-back{
  position:absolute;
  z-index:3;
  top:28px;
  left:4vw;
  font:10px Space Mono;
  letter-spacing:.13em;
  color:#8e62ff;
}
.bless-clean-title{
  position:absolute;
  z-index:3;
  left:4vw;
  bottom:8vh;
}
.bless-clean-title p{
  margin:0 0 14px;
  font:700 11px Space Mono;
  letter-spacing:.16em;
}
.bless-clean-title h1{
  margin:0;
  font-family:Anton;
  font-size:clamp(5rem,10vw,11rem);
  line-height:.78;
  color:#7545ec;
  letter-spacing:-.035em;
}
.bless-scroll-hint{
  position:absolute;
  z-index:3;
  right:28px;
  bottom:30px;
  display:flex;
  align-items:center;
  gap:13px;
  font:9px Space Mono;
  letter-spacing:.14em;
  color:#ddd;
}
.bless-scroll-hint i{
  font-style:normal;
  font-size:20px;
  color:#8151ff;
}
.bless-clean-info{
  padding:7vh 4vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:38px;
  background:
    radial-gradient(circle at 85% 12%,rgba(103,52,220,.15),transparent 22%),
    #060608;
}
.bless-clean-info blockquote{
  margin:0;
  font-family:"Comic Sans MS","Bradley Hand",cursive;
  font-size:clamp(2rem,3.5vw,4.2rem);
  font-style:italic;
  line-height:1.15;
}
.bless-clean-data{
  display:grid;
  gap:14px;
}
.bless-clean-data p{
  margin:0;
  display:grid;
  grid-template-columns:110px 1fr;
  gap:20px;
  font:11px Space Mono;
  line-height:1.55;
}
.bless-clean-data b{color:#8555ff}
.bless-clean-about h2{
  margin:0 0 15px;
  font:700 12px Space Mono;
  letter-spacing:.14em;
}
.bless-clean-about p{
  margin:0;
  color:#d0d0d0;
  line-height:1.75;
  font-size:15px;
}
.bless-clean-palette>span{
  font:9px Space Mono;
  letter-spacing:.15em;
}
.bless-clean-palette div{
  display:flex;
  gap:8px;
  margin-top:12px;
}
.bless-clean-palette i{
  width:48px;height:24px;
  border:1px solid rgba(255,255,255,.28);
}
.bless-clean-palette i:nth-child(1){background:#050507}
.bless-clean-palette i:nth-child(2){background:#173f91}
.bless-clean-palette i:nth-child(3){background:#432b79}
.bless-clean-palette i:nth-child(4){background:#aaa}
.bless-clean-palette i:nth-child(5){background:#eee}

.bless-clean-section{
  min-height:88vh;
  padding:12vh 7vw;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.bless-clean-story{
  display:grid;
  grid-template-columns:.85fr 1fr;
  gap:10vw;
  align-items:center;
}
.bless-clean-section h2,
.bless-clean-end h2{
  margin:14px 0 0;
  font-family:Anton;
  font-size:clamp(4rem,8vw,8.5rem);
  line-height:.88;
}
.bless-clean-story>div:last-child p{
  max-width:760px;
  color:#c9c9c9;
  font-size:19px;
  line-height:1.8;
}
.bless-section-heading{
  margin-bottom:6vh;
}
.bless-clean-style-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.bless-clean-style-grid article{
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:18px;
}
.bless-clean-style-grid img{
  width:100%;
  aspect-ratio:.78;
  object-fit:cover;
  filter:saturate(.78) contrast(1.1);
}
.bless-clean-style-grid article:nth-child(2) img{object-position:35% center}
.bless-clean-style-grid article:nth-child(3) img{object-position:70% center}
.bless-clean-style-grid h3{
  margin:18px 0 8px;
  font:700 11px Space Mono;
  color:#8555ff;
  letter-spacing:.13em;
}
.bless-clean-style-grid p{
  color:#bbb;
  line-height:1.6;
}
.bless-clean-releases{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.bless-cover{
  aspect-ratio:1;
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
  font-family:Anton;
  font-size:clamp(2rem,3vw,4rem);
  border:1px solid rgba(255,255,255,.08);
}
.cover-a{background:radial-gradient(circle,#4b2392,#08080a 70%)}
.cover-b{background:radial-gradient(circle,#154260,#08080a 70%)}
.cover-c{background:radial-gradient(circle,#424242,#08080a 70%)}
.cover-d{background:radial-gradient(circle,#242424,#08080a 70%)}
.bless-clean-releases h3{
  margin:14px 0 4px;
  font-size:17px;
}
.bless-clean-releases span{
  color:#9b9b9b;
  font:9px Space Mono;
}
.bless-clean-video{
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:7vw;
  align-items:center;
}
.bless-clean-video-frame{
  position:relative;
}
.bless-clean-video-frame img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.bless-clean-video-frame button{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:72px;height:72px;
  border-radius:50%;
  border:1px solid #8555ff;
  background:rgba(0,0,0,.48);
  color:#fff;
  font-size:25px;
}
.bless-clean-end{
  min-height:80vh;
  padding:12vh 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:
    radial-gradient(circle at 45% 20%,rgba(105,48,220,.22),transparent 30%),
    #050507;
}
.bless-clean-end p{
  font:10px Space Mono;
  letter-spacing:.15em;
  color:#8555ff;
}
.bless-clean-end h2{margin-bottom:35px}

@media(max-width:980px){
  .bless-clean-hero,
  .bless-clean-story,
  .bless-clean-video{
    grid-template-columns:1fr;
  }
  .bless-clean-photo{
    min-height:74vh;
    border-right:0;
  }
  .bless-clean-style-grid{
    grid-template-columns:1fr;
  }
  .bless-clean-releases{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:600px){
  .bless-clean-back,
  .bless-clean-title{
    left:20px;
  }
  .bless-clean-info,
  .bless-clean-section,
  .bless-clean-end{
    padding-left:20px;
    padding-right:20px;
  }
  .bless-clean-data p{
    grid-template-columns:1fr;
    gap:4px;
  }
  .bless-clean-releases{
    grid-template-columns:1fr;
  }
}


/* V18 — corrección real: sin póster incrustado, sin información duplicada */
html{scroll-behavior:smooth}
.bless-v18-page{background:#050507;color:#f4f4f4;overflow-x:hidden;overflow-y:auto}
.bless-v18-page main{overflow:visible}
.bless-v18-hero{
  min-height:calc(100svh - 76px);
  display:grid;
  grid-template-columns:1.25fr .75fr;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.bless-v18-image{
  position:relative;
  min-height:760px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.62)),
    url("assets/0800bless-photo-only.jpg") center 35%/cover no-repeat;
  border-right:1px solid rgba(255,255,255,.12);
}
.bless-v18-image::after{
  content:"";position:absolute;inset:auto 0 0;height:28%;
  background:linear-gradient(180deg,transparent,rgba(29,0,72,.7));
}
.bless-v18-back{
  position:absolute;z-index:3;top:28px;left:4vw;
  font:10px Space Mono;letter-spacing:.13em;color:#8d62ff;
}
.bless-v18-title{
  position:absolute;z-index:3;left:4vw;bottom:8vh;
}
.bless-v18-title span,
.bless-v18-title p{
  font:700 10px Space Mono;letter-spacing:.16em;
}
.bless-v18-title h1{
  margin:12px 0;
  font-family:Anton;
  font-size:clamp(5rem,10vw,11rem);
  line-height:.78;color:#7545ec;letter-spacing:-.035em;
}
.bless-v18-scroll{
  position:absolute;z-index:3;right:24px;bottom:28px;
  font:9px Space Mono;letter-spacing:.15em;color:#ddd;
}
.bless-v18-intro{
  padding:8vh 4vw;
  display:flex;flex-direction:column;justify-content:center;gap:36px;
  background:radial-gradient(circle at 85% 12%,rgba(103,52,220,.14),transparent 22%),#060608;
}
.bless-v18-intro blockquote{
  margin:0;
  font-family:"Comic Sans MS","Bradley Hand",cursive;
  font-style:italic;
  font-size:clamp(2rem,3.2vw,4rem);
  line-height:1.15;
}
.bless-v18-intro dl{display:grid;gap:14px;margin:0}
.bless-v18-intro dl div{
  display:grid;grid-template-columns:110px 1fr;gap:20px;
  font:11px Space Mono;line-height:1.5;
}
.bless-v18-intro dt{color:#8555ff}
.bless-v18-intro dd{margin:0}
.bless-v18-summary{color:#d0d0d0;font-size:15px;line-height:1.75}
.bless-v18-colors{display:flex;gap:8px}
.bless-v18-colors i{width:48px;height:24px;border:1px solid rgba(255,255,255,.28)}
.bless-v18-colors i:nth-child(1){background:#050507}
.bless-v18-colors i:nth-child(2){background:#173f91}
.bless-v18-colors i:nth-child(3){background:#432b79}
.bless-v18-colors i:nth-child(4){background:#aaa}
.bless-v18-colors i:nth-child(5){background:#eee}

.bless-v18-section{
  min-height:88vh;
  padding:12vh 7vw;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.bless-v18-section>div>span,
.bless-v18-heading>span{
  font:10px Space Mono;letter-spacing:.15em;color:#8555ff;
}
.bless-v18-section h2,
.bless-v18-end h2{
  margin:14px 0 0;
  font-family:Anton;
  font-size:clamp(4rem,8vw,8.5rem);
  line-height:.88;
}
.bless-v18-story{
  display:grid;
  grid-template-columns:.85fr 1fr;
  gap:10vw;
  align-items:center;
}
.bless-v18-story>p{
  color:#c9c9c9;font-size:19px;line-height:1.8;max-width:760px;
}
.bless-v18-heading{margin-bottom:6vh}
.bless-v18-cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.bless-v18-cards article{border-top:1px solid rgba(255,255,255,.1);padding-top:18px}
.bless-v18-cards img{
  width:100%;aspect-ratio:.78;object-fit:cover;filter:saturate(.78) contrast(1.1);
}
.bless-v18-cards article:nth-child(2) img{object-position:35% center}
.bless-v18-cards article:nth-child(3) img{object-position:70% center}
.bless-v18-cards h3{
  margin:18px 0 8px;font:700 11px Space Mono;color:#8555ff;letter-spacing:.13em;
}
.bless-v18-cards p{color:#bbb;line-height:1.6}

.bless-v18-release-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.bless-v18-release-grid article>div{
  aspect-ratio:1;display:grid;place-items:center;text-align:center;padding:18px;
  font-family:Anton;font-size:clamp(2rem,3vw,4rem);
  border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(circle,#49218d,#08080a 70%);
}
.bless-v18-release-grid article:nth-child(2)>div{background:radial-gradient(circle,#154260,#08080a 70%)}
.bless-v18-release-grid article:nth-child(3)>div{background:radial-gradient(circle,#424242,#08080a 70%)}
.bless-v18-release-grid article:nth-child(4)>div{background:radial-gradient(circle,#242424,#08080a 70%)}
.bless-v18-release-grid h3{margin:14px 0 4px;font-size:17px}
.bless-v18-release-grid article>span{color:#999;font:9px Space Mono}

.bless-v18-video{
  display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center;
}
.bless-v18-video-frame{position:relative}
.bless-v18-video-frame img{width:100%;aspect-ratio:16/9;object-fit:cover}
.bless-v18-video-frame button{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:72px;height:72px;border-radius:50%;border:1px solid #8555ff;
  background:rgba(0,0,0,.48);color:#fff;font-size:25px;
}
.bless-v18-end{
  min-height:80vh;padding:12vh 7vw;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  background:radial-gradient(circle at 45% 20%,rgba(105,48,220,.22),transparent 30%),#050507;
}
.bless-v18-end>span{font:10px Space Mono;letter-spacing:.15em;color:#8555ff}
.bless-v18-end h2{margin-bottom:35px}

@media(max-width:980px){
  .bless-v18-hero,.bless-v18-story,.bless-v18-video{grid-template-columns:1fr}
  .bless-v18-image{min-height:74vh;border-right:0}
  .bless-v18-cards{grid-template-columns:1fr}
  .bless-v18-release-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .bless-v18-back,.bless-v18-title{left:20px}
  .bless-v18-intro,.bless-v18-section,.bless-v18-end{padding-left:20px;padding-right:20px}
  .bless-v18-intro dl div{grid-template-columns:1fr;gap:4px}
  .bless-v18-release-grid{grid-template-columns:1fr}
}


/* V19 — corrección definitiva del scroll vertical */
html,
body{
  width:100%;
  min-height:100%;
  height:auto !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

body.bless-v18-page{
  position:static !important;
  max-height:none !important;
  height:auto !important;
  min-height:100vh !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto;
  -webkit-overflow-scrolling:touch;
}

.bless-v18-page main{
  position:relative !important;
  display:block !important;
  height:auto !important;
  min-height:100vh !important;
  max-height:none !important;
  overflow:visible !important;
}

.bless-v18-page .nav{
  position:sticky !important;
  top:0;
  z-index:1000;
}

.bless-v18-hero,
.bless-v18-section,
.bless-v18-end{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

.bless-v18-hero{
  min-height:calc(100vh - 76px) !important;
}

.bless-v18-section{
  min-height:88vh !important;
}

.bless-v18-end{
  min-height:80vh !important;
}

/* Evita que reglas antiguas bloqueen la rueda o el trackpad */
.bless-v18-page *,
.bless-v18-page *::before,
.bless-v18-page *::after{
  overscroll-behavior:inherit;
}


.bless-scroll-rail{
  position:fixed;
  z-index:1200;
  top:76px;
  right:7px;
  width:3px;
  height:calc(100vh - 90px);
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.bless-scroll-rail span{
  display:block;
  width:100%;
  height:100%;
  transform:scaleY(.03);
  transform-origin:top;
  background:#8555ff;
  box-shadow:0 0 12px rgba(133,85,255,.75);
}
@media(max-width:700px){
  .bless-scroll-rail{right:3px;width:2px}
}

/* V23 — único ajuste: reducir el texto principal de la portada */
.opening-copy{
  max-width:920px;
}
.opening-copy h2{
  font-size:clamp(3.25rem,6.2vw,6.5rem);
  line-height:.91;
}
@media(max-width:560px){
  .opening-copy h2{
    font-size:13vw;
  }
}


/* =========================================================
   V20 — NUEVA SECCIÓN “¿QUÉ ES 223?”
   Construida en HTML/CSS, no es una imagen.
   ========================================================= */

.club-overview{
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 18% 25%,rgba(123,49,255,.18),transparent 23%),
    radial-gradient(circle at 80% 20%,rgba(88,36,150,.10),transparent 28%),
    #040406;
}

.club-overview-top{
  min-height:620px;
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:9vw;
  align-items:center;
  padding:72px 8vw;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.club-manifesto{
  max-width:760px;
}

.club-manifesto h3{
  margin:16px 0 32px;
  font-family:Anton,Impact,sans-serif;
  font-size:clamp(3.4rem,5.5vw,6.2rem);
  line-height:.94;
  letter-spacing:.01em;
  color:#8b4cff;
}

.club-manifesto .primary,
.movement-copy .primary{
  display:inline-flex;
  align-items:center;
  gap:34px;
  padding:15px 22px;
  min-width:210px;
  justify-content:space-between;
}

.club-definition{
  max-width:520px;
}

.club-description{
  margin:18px 0 28px;
  max-width:480px;
  font-size:clamp(1.2rem,1.6vw,1.7rem);
  line-height:1.5;
  color:#e7e3ec;
}

.club-pillars{
  border-top:1px solid rgba(139,76,255,.45);
}

.club-pillars div{
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:14px;
  align-items:center;
  min-height:58px;
  border-bottom:1px solid rgba(255,255,255,.08);
  font:10px Space Mono,monospace;
  letter-spacing:.15em;
}

.club-pillars span,
.club-pillars small{
  color:#9b5cff;
}

.club-pillars b{
  font-weight:400;
}

.club-overview-bottom{
  display:grid;
  grid-template-columns:.72fr 1.55fr;
  gap:6vw;
  padding:52px 8vw 58px;
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005));
}

.movement-copy{
  align-self:center;
}

.movement-copy h3{
  margin:16px 0 20px;
  font-size:clamp(2.1rem,3vw,3.4rem);
  font-weight:500;
  letter-spacing:-.02em;
}

.movement-copy>p:not(.eyebrow){
  margin:0 0 34px;
  color:#bcb7c4;
  font-size:1rem;
  line-height:1.7;
}

.players-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
}

.players-bar p{
  margin:0;
}

.players-bar a{
  font:9px Space Mono,monospace;
  letter-spacing:.14em;
  color:#ddd8e5;
}

.featured-player-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.featured-player{
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:5px;
  background:#09090b;
  transition:transform .25s ease,border-color .25s ease;
}

.featured-player:hover{
  transform:translateY(-5px);
  border-color:#8b4cff;
}

.featured-player-photo{
  flex:1;
  min-height:235px;
  background-position:center;
  background-size:cover;
  filter:saturate(.78) contrast(1.1);
}

.featured-player>div:last-child{
  padding:15px 16px 17px;
  background:linear-gradient(180deg,rgba(8,8,10,.75),#08080a);
}

.featured-player h4{
  margin:0 0 8px;
  font-size:clamp(1.15rem,1.45vw,1.55rem);
  line-height:1.05;
  font-weight:500;
}

.featured-player p{
  margin:0;
  display:flex;
  align-items:center;
  gap:8px;
  color:#bdb8c4;
  font-size:.78rem;
}

.featured-player p i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#8b4cff;
  box-shadow:0 0 12px rgba(139,76,255,.75);
}

.featured-player.bless .featured-player-photo{
  background-image:
    linear-gradient(180deg,transparent 55%,rgba(5,5,8,.95)),
    url("assets/0800bless-photo-only.jpg");
  background-position:55% 24%;
}

.featured-player.galactic .featured-player-photo{
  background:
    radial-gradient(circle at 50% 28%,rgba(197,156,255,.35),transparent 23%),
    linear-gradient(180deg,transparent 50%,rgba(5,5,8,.96)),
    linear-gradient(145deg,#2d174b,#07070a 58%);
}

.featured-player.galactic .featured-player-photo::after,
.featured-player.tri .featured-player-photo::after,
.featured-player.next .featured-player-photo::after{
  content:"";
  display:block;
  width:54%;
  height:82%;
  margin:38px auto 0;
  border-radius:50% 50% 18% 18%;
  background:linear-gradient(180deg,#1e1b22,#050507);
  box-shadow:0 0 65px rgba(139,76,255,.24);
}

.featured-player.tri .featured-player-photo{
  background:
    radial-gradient(circle at 50% 30%,rgba(135,102,180,.28),transparent 25%),
    linear-gradient(180deg,transparent 50%,rgba(5,5,8,.96)),
    linear-gradient(145deg,#17131f,#050507 60%);
}

.featured-player.next .featured-player-photo{
  background:
    radial-gradient(circle at 50% 34%,rgba(123,62,218,.25),transparent 25%),
    linear-gradient(180deg,transparent 50%,rgba(5,5,8,.96)),
    #060608;
}

@media(max-width:1000px){
  .club-overview-top,
  .club-overview-bottom{
    grid-template-columns:1fr;
    gap:46px;
  }

  .club-overview-top{
    min-height:auto;
  }

  .club-definition{
    max-width:none;
  }

  .featured-player-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .club-overview-top,
  .club-overview-bottom{
    padding-left:20px;
    padding-right:20px;
  }

  .club-overview-top{
    padding-top:54px;
    padding-bottom:54px;
  }

  .club-overview-bottom{
    padding-top:42px;
    padding-bottom:48px;
  }

  .club-manifesto h3{
    font-size:clamp(3rem,14vw,4.6rem);
  }

  .club-description{
    font-size:1.08rem;
  }

  .featured-player-grid{
    grid-template-columns:1fr;
  }

  .featured-player{
    min-height:420px;
  }

  .featured-player-photo{
    min-height:320px;
  }
}


/* =========================================================
   V21 — ¿QUÉ ES 223? + PLAYERS EN UNA MISMA SECCIÓN COMPACTA
   ========================================================= */

.club-overview{
  min-height:auto !important;
}

.club-overview-top{
  min-height:auto !important;
  grid-template-columns:minmax(360px,.82fr) minmax(650px,1.55fr) !important;
  gap:5vw !important;
  align-items:start !important;
  padding:54px 6vw 58px !important;
  border-bottom:0 !important;
}

.club-manifesto{
  position:sticky;
  top:90px;
  align-self:start;
  padding-top:18px;
}

.club-manifesto h3{
  font-size:clamp(2.8rem,4.2vw,4.9rem) !important;
  line-height:.92 !important;
  margin:14px 0 26px !important;
}

.club-manifesto .primary{
  padding:12px 18px !important;
  min-width:190px !important;
  font-size:.78rem !important;
}

.club-right-column{
  display:grid;
  grid-template-columns:.68fr 1.32fr;
  gap:28px;
  align-items:start;
}

.club-definition{
  max-width:none !important;
  padding-top:4px;
}

.club-description{
  margin:12px 0 18px !important;
  font-size:clamp(.95rem,1.15vw,1.18rem) !important;
  line-height:1.5 !important;
}

.club-pillars div{
  min-height:42px !important;
  font-size:8px !important;
}

.featured-players{
  min-width:0;
}

.players-bar{
  margin-bottom:12px !important;
}

.featured-player-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

.featured-player{
  min-height:225px !important;
}

.featured-player-photo{
  min-height:155px !important;
}

.featured-player>div:last-child{
  padding:10px 12px 12px !important;
}

.featured-player h4{
  margin-bottom:5px !important;
  font-size:clamp(.95rem,1.08vw,1.15rem) !important;
}

.featured-player p{
  font-size:.67rem !important;
}

.club-overview-bottom{
  display:none !important;
}

@media(max-width:1180px){
  .club-overview-top{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .club-manifesto{
    position:static;
    max-width:760px;
  }

  .club-right-column{
    grid-template-columns:.75fr 1.25fr;
  }
}

@media(max-width:820px){
  .club-right-column{
    grid-template-columns:1fr;
  }

  .featured-player-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:520px){
  .club-overview-top{
    padding:42px 20px 46px !important;
  }

  .club-manifesto h3{
    font-size:clamp(2.5rem,13vw,3.8rem) !important;
  }

  .featured-player-grid{
    grid-template-columns:1fr !important;
  }

  .featured-player{
    min-height:315px !important;
  }

  .featured-player-photo{
    min-height:235px !important;
  }
}


/* V22 — misma pantalla dividida arriba/abajo */
.split-screen-overview{
  min-height:calc(100vh - 64px)!important;
  display:grid;
  grid-template-rows:minmax(350px,56vh) minmax(290px,44vh);
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 26%,rgba(123,49,255,.18),transparent 24%),
    radial-gradient(circle at 80% 16%,rgba(88,36,150,.08),transparent 26%),
    #040406;
}
.overview-upper{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:8vw;
  align-items:center;
  padding:40px 8vw 34px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.overview-lower{
  display:grid;
  grid-template-columns:.7fr 1.55fr;
  gap:5vw;
  align-items:center;
  padding:26px 6.5vw 30px;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));
}
.split-screen-overview .club-manifesto{position:static!important;padding:0!important;max-width:760px}
.split-screen-overview .club-manifesto h3{
  margin:12px 0 22px!important;
  font-size:clamp(2.7rem,4.2vw,5.1rem)!important;
  line-height:.92!important;
}
.split-screen-overview .club-manifesto .primary,
.split-screen-overview .movement-copy .primary{
  min-width:180px!important;
  padding:10px 16px!important;
  font-size:.72rem!important;
}
.split-screen-overview .club-definition{max-width:500px!important}
.split-screen-overview .club-description{
  margin:10px 0 16px!important;
  font-size:clamp(.95rem,1.18vw,1.16rem)!important;
  line-height:1.48!important;
}
.split-screen-overview .club-pillars div{min-height:42px!important;font-size:8px!important}
.split-screen-overview .movement-copy h3{
  margin:9px 0 11px!important;
  font-size:clamp(1.65rem,2.2vw,2.55rem)!important;
}
.split-screen-overview .movement-copy>p:not(.eyebrow){
  margin:0 0 18px!important;
  font-size:.82rem!important;
  line-height:1.5!important;
}
.split-screen-overview .players-bar{margin-bottom:9px!important}
.split-screen-overview .featured-player-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
.split-screen-overview .featured-player{min-height:220px!important}
.split-screen-overview .featured-player-photo{min-height:150px!important}
.split-screen-overview .featured-player>div:last-child{padding:8px 10px 10px!important}
.split-screen-overview .featured-player h4{margin:0 0 4px!important;font-size:clamp(.9rem,1vw,1.05rem)!important}
.split-screen-overview .featured-player p{font-size:.62rem!important}

@media(max-width:1100px){
  .split-screen-overview{min-height:auto!important;grid-template-rows:auto auto;overflow:visible}
  .overview-upper,.overview-lower{grid-template-columns:1fr;gap:32px;padding:46px 6vw}
  .split-screen-overview .featured-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .overview-upper,.overview-lower{padding:40px 20px}
  .split-screen-overview .club-manifesto h3{font-size:clamp(2.5rem,13vw,3.8rem)!important}
  .split-screen-overview .featured-player-grid{grid-template-columns:1fr!important}
  .split-screen-overview .featured-player{min-height:330px!important}
  .split-screen-overview .featured-player-photo{min-height:240px!important}
}


/* V23 — ajuste real para monitor común */
.split-screen-overview{
  min-height:auto !important;
  display:block !important;
  overflow:visible !important;
}

.overview-upper{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:48px !important;
  align-items:start !important;
  padding:34px 54px 28px !important;
}

.overview-lower{
  display:grid !important;
  grid-template-columns:280px 1fr !important;
  gap:36px !important;
  align-items:start !important;
  padding:24px 54px 30px !important;
}

.split-screen-overview .club-manifesto h3{
  font-size:clamp(2.2rem,3vw,3.35rem) !important;
  line-height:.92 !important;
  margin:10px 0 18px !important;
}

.split-screen-overview .club-manifesto .primary,
.split-screen-overview .movement-copy .primary{
  min-width:150px !important;
  padding:8px 12px !important;
  font-size:.62rem !important;
}

.split-screen-overview .club-description{
  max-width:470px !important;
  margin:8px 0 14px !important;
  font-size:.92rem !important;
  line-height:1.45 !important;
}

.split-screen-overview .club-pillars div{
  min-height:34px !important;
  grid-template-columns:20px 1fr auto !important;
  gap:8px !important;
  font-size:7px !important;
}

.split-screen-overview .movement-copy h3{
  margin:8px 0 10px !important;
  font-size:1.55rem !important;
}

.split-screen-overview .movement-copy>p:not(.eyebrow){
  margin:0 0 16px !important;
  font-size:.74rem !important;
  line-height:1.45 !important;
}

.split-screen-overview .eyebrow{
  font-size:7px !important;
}

.split-screen-overview .players-bar{
  margin-bottom:8px !important;
}

.split-screen-overview .players-bar a{
  font-size:7px !important;
}

.split-screen-overview .featured-player-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

.split-screen-overview .featured-player{
  min-height:190px !important;
}

.split-screen-overview .featured-player-photo{
  min-height:128px !important;
}

.split-screen-overview .featured-player>div:last-child{
  padding:7px 9px 9px !important;
}

.split-screen-overview .featured-player h4{
  margin:0 0 3px !important;
  font-size:.84rem !important;
}

.split-screen-overview .featured-player p{
  font-size:.56rem !important;
}

/* Monitor común 1366x768 / 1440x900 */
@media (min-width: 1000px) and (max-width: 1500px){
  .overview-upper{
    padding-left:42px !important;
    padding-right:42px !important;
    gap:38px !important;
  }

  .overview-lower{
    padding-left:42px !important;
    padding-right:42px !important;
    grid-template-columns:240px 1fr !important;
    gap:28px !important;
  }

  .split-screen-overview .club-manifesto h3{
    font-size:2.8rem !important;
  }

  .split-screen-overview .featured-player{
    min-height:175px !important;
  }

  .split-screen-overview .featured-player-photo{
    min-height:116px !important;
  }
}

@media(max-width:999px){
  .overview-upper,
  .overview-lower{
    grid-template-columns:1fr !important;
    padding:34px 24px !important;
  }

  .split-screen-overview .featured-player-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:560px){
  .split-screen-overview .featured-player-grid{
    grid-template-columns:1fr !important;
  }

  .split-screen-overview .featured-player{
    min-height:300px !important;
  }

  .split-screen-overview .featured-player-photo{
    min-height:220px !important;
  }
}


/* =========================================================
   V24 — ÚLTIMO LANZAMIENTO MÁS COMPACTO
   No cambia contenido ni estructura.
   ========================================================= */

.release.section{
  min-height:auto !important;
  padding:34px 54px 38px !important;
  grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr) !important;
  gap:28px !important;
  align-items:center !important;
}

.release-visual,
.release-copy{
  min-height:360px !important;
}

.release-visual{
  padding:24px !important;
}

.release-visual .vinyl{
  width:250px !important;
  height:250px !important;
  top:54px !important;
}

.release-visual>span{
  font-size:7px !important;
}

.release-copy{
  padding:34px 38px !important;
}

.release-copy h3{
  margin:10px 0 12px !important;
  font-size:clamp(2.7rem,4.2vw,4.6rem) !important;
  line-height:.9 !important;
}

.release-copy>p:not(.eyebrow){
  font-size:8px !important;
  letter-spacing:.16em !important;
}

.release-actions{
  gap:18px !important;
  margin-top:24px !important;
}

.release-actions .primary{
  padding:10px 15px !important;
  font-size:.62rem !important;
}

.release-actions .secondary{
  font-size:.68rem !important;
}

/* Monitor común */
@media (min-width:1000px) and (max-width:1500px){
  .release.section{
    padding-left:42px !important;
    padding-right:42px !important;
  }

  .release-visual,
  .release-copy{
    min-height:320px !important;
  }

  .release-visual .vinyl{
    width:220px !important;
    height:220px !important;
    top:48px !important;
  }

  .release-copy h3{
    font-size:3.5rem !important;
  }
}

@media(max-width:900px){
  .release.section{
    grid-template-columns:1fr !important;
    padding:30px 24px 36px !important;
  }

  .release-visual,
  .release-copy{
    min-height:300px !important;
  }

  .release-copy{
    padding:30px 24px !important;
  }
}

@media(max-width:560px){
  .release-visual .vinyl{
    width:210px !important;
    height:210px !important;
  }

  .release-copy h3{
    font-size:clamp(2.5rem,13vw,3.8rem) !important;
  }
}


/* =========================================================
   V25 — PRÓXIMOS EVENTOS MÁS COMPACTO
   No cambia contenido ni estructura.
   ========================================================= */

.events.section{
  min-height:auto !important;
  padding:34px 54px 40px !important;
}

.events .section-head{
  margin-bottom:18px !important;
}

.events .section-head h3{
  margin-top:10px !important;
  font-size:clamp(2.7rem,4.2vw,4.7rem) !important;
  line-height:.92 !important;
}

.event-list article{
  grid-template-columns:105px 1fr auto !important;
  gap:24px !important;
  padding:18px 0 !important;
}

.event-date{
  gap:9px !important;
}

.event-date b{
  font-size:50px !important;
}

.event-date span,
.event-list article>div:nth-child(2) span,
.event-list a{
  font-size:8px !important;
  letter-spacing:.13em !important;
}

.event-list article>div:nth-child(2) p{
  margin-bottom:5px !important;
  font-size:24px !important;
}

.event-list a{
  white-space:nowrap;
}

/* Monitor común */
@media (min-width:1000px) and (max-width:1500px){
  .events.section{
    padding-left:42px !important;
    padding-right:42px !important;
  }

  .events .section-head h3{
    font-size:3.5rem !important;
  }

  .event-list article{
    grid-template-columns:92px 1fr auto !important;
    gap:20px !important;
    padding:15px 0 !important;
  }

  .event-date b{
    font-size:44px !important;
  }

  .event-list article>div:nth-child(2) p{
    font-size:21px !important;
  }
}

@media(max-width:700px){
  .events.section{
    padding:30px 20px 36px !important;
  }

  .event-list article{
    grid-template-columns:72px 1fr !important;
    gap:16px !important;
    padding:17px 0 !important;
  }

  .event-list article>a{
    grid-column:2 !important;
    margin-top:2px !important;
  }

  .event-date b{
    font-size:40px !important;
  }

  .event-list article>div:nth-child(2) p{
    font-size:20px !important;
  }
}


/* =========================================================
   V26 — RITMO EDITORIAL GLOBAL
   Mantiene identidad y estructura. Solo reescala.
   ========================================================= */

/* Solo la portada conserva sensación full screen */
.intro{
  min-height:100svh !important;
}

/* El resto deja de funcionar como diapositivas */
.home > section:not(.opening):not(.intro),
.players-page section,
.artist-page section{
  height:auto !important;
  min-height:auto !important;
}

/* Ritmo vertical general */
.home > section:not(.opening):not(.intro){
  padding-top:36px !important;
  padding-bottom:40px !important;
}

/* Títulos de sección más proporcionados */
.home h2,
.home h3,
.section-head h3,
.studio-copy h3,
.community-final h3{
  font-size:clamp(2.4rem,4.4vw,4.8rem) !important;
  line-height:.92 !important;
}

/* Botones y enlaces */
.home .primary,
.home .join-button,
.home .start-button{
  padding:10px 16px !important;
  min-height:auto !important;
  font-size:.7rem !important;
}

/* ¿Qué es 223? + Players */
.split-screen-overview{
  min-height:auto !important;
  grid-template-rows:auto auto !important;
  overflow:visible !important;
}
.overview-upper{
  padding-top:28px !important;
  padding-bottom:24px !important;
}
.overview-lower{
  padding-top:20px !important;
  padding-bottom:24px !important;
}
.split-screen-overview .club-manifesto h3{
  font-size:clamp(2.2rem,3.2vw,3.7rem) !important;
}
.split-screen-overview .featured-player{
  min-height:170px !important;
}
.split-screen-overview .featured-player-photo{
  min-height:112px !important;
}

/* Último lanzamiento */
.release.section{
  min-height:auto !important;
  padding-top:28px !important;
  padding-bottom:32px !important;
}
.release-visual,
.release-copy{
  min-height:300px !important;
}
.release-copy h3{
  font-size:clamp(2.5rem,3.8vw,4rem) !important;
}
.release-visual .vinyl{
  width:210px !important;
  height:210px !important;
}

/* Donde nacen las ideas */
.studio-full.section{
  min-height:auto !important;
  padding-top:34px !important;
  padding-bottom:38px !important;
  gap:40px !important;
}
.studio-copy h3{
  font-size:clamp(2.7rem,4vw,4.2rem) !important;
}
.studio-copy>p:not(.eyebrow){
  font-size:15px !important;
  line-height:1.6 !important;
}
.service-grid{
  margin:24px 0 !important;
}
.studio-visual{
  min-height:320px !important;
}
.studio-visual strong{
  font-size:92px !important;
}
.studio-visual span{
  font-size:8px !important;
}

/* Próximos eventos */
.events.section{
  min-height:auto !important;
  padding-top:28px !important;
  padding-bottom:32px !important;
}
.events .section-head{
  margin-bottom:12px !important;
}
.events .section-head h3{
  font-size:clamp(2.5rem,3.8vw,3.9rem) !important;
}
.event-list article{
  padding:13px 0 !important;
}
.event-date b{
  font-size:40px !important;
}
.event-list article>div:nth-child(2) p{
  font-size:19px !important;
}

/* CTA final */
.community-final{
  min-height:auto !important;
  padding:54px 20px !important;
}
.community-final h3{
  font-size:clamp(2.8rem,4.6vw,4.8rem) !important;
  margin-bottom:24px !important;
}

/* Footer más compacto */
footer{
  padding-top:26px !important;
  padding-bottom:26px !important;
}

/* En monitores comunes se deja asomar la siguiente sección */
@media (min-width:1000px) and (max-width:1500px){
  .home > section:not(.opening):not(.intro){
    padding-top:30px !important;
    padding-bottom:34px !important;
  }

  .studio-visual{
    min-height:280px !important;
  }

  .release-visual,
  .release-copy{
    min-height:270px !important;
  }

  .split-screen-overview .featured-player{
    min-height:155px !important;
  }

  .split-screen-overview .featured-player-photo{
    min-height:100px !important;
  }
}

/* Tablet y móvil: mantiene legibilidad */
@media(max-width:900px){
  .home > section:not(.opening):not(.intro){
    padding-top:38px !important;
    padding-bottom:42px !important;
  }

  .studio-visual,
  .release-visual,
  .release-copy{
    min-height:280px !important;
  }
}


/* =========================================================
   V27 — JERARQUÍA NARRATIVA DE LA HOME
   ========================================================= */

/* Acerca el primer bloque a la barra superior */
.overview-upper{
  padding-top:16px !important;
}

.split-screen-overview .club-manifesto{
  align-self:start !important;
  padding-top:4px !important;
}

.split-screen-overview .club-manifesto .eyebrow{
  margin-top:0 !important;
}

/* Título propio para ¿Qué es 223? */
.club-definition-title{
  margin:8px 0 12px;
  max-width:520px;
  font-family:Anton,Impact,sans-serif;
  font-size:clamp(1.95rem,2.8vw,3.25rem);
  line-height:.94;
  letter-spacing:.01em;
  color:#f3f0f7;
}

.split-screen-overview .club-description{
  margin-top:8px !important;
}

/* Ajuste para pantallas comunes */
@media (min-width:1000px) and (max-width:1500px){
  .overview-upper{
    padding-top:12px !important;
  }

  .club-definition-title{
    font-size:2.35rem !important;
  }
}

/* Ajuste móvil */
@media(max-width:600px){
  .overview-upper{
    padding-top:24px !important;
  }

  .club-definition-title{
    font-size:clamp(2rem,10vw,3rem);
  }
}


/* =========================================================
   V28 — CORRECCIÓN EXACTA DE JERARQUÍA
   ========================================================= */

/* El manifiesto comienza más cerca de la navbar */
.overview-upper{
  padding-top:8px !important;
}

.split-screen-overview .club-manifesto{
  padding-top:0 !important;
  margin-top:0 !important;
}

.split-screen-overview .club-manifesto h3{
  margin-top:6px !important;
}

/* El segundo título reemplaza la repetición; no aparece al lado */
.split-screen-overview .movement-copy h3{
  max-width:340px;
  margin:8px 0 18px !important;
  font-family:Anton,Impact,sans-serif;
  font-size:clamp(1.75rem,2.35vw,2.75rem) !important;
  line-height:.94 !important;
  color:#f3f0f7;
}

/* Ya no se necesita el estilo del título lateral anterior */
.club-definition-title{
  display:none !important;
}

@media (min-width:1000px) and (max-width:1500px){
  .overview-upper{
    padding-top:4px !important;
  }

  .split-screen-overview .movement-copy h3{
    font-size:2.1rem !important;
  }
}

@media(max-width:600px){
  .overview-upper{
    padding-top:20px !important;
  }
}


/* =========================================================
   V29 — JERARQUÍA FINAL CORREGIDA
   ========================================================= */

/* El Hero sigue siendo la única aparición del título conceptual,
   pero comienza bastante más cerca de la navbar. */
.opening{
  align-items:flex-start !important;
  padding:6vh 7vw 4vh !important;
}

.opening-copy h2{
  margin-top:10px !important;
}

/* El segundo bloque reemplaza el título repetido. */
.split-screen-overview .club-manifesto h3{
  max-width:620px;
}

/* Players vuelve a tener su mensaje propio. */
.split-screen-overview .movement-copy h3{
  max-width:360px;
}

/* Se anula cualquier estilo heredado del intento anterior. */
.club-definition-title{
  display:none !important;
}

@media (min-width:1000px) and (max-width:1500px){
  .opening{
    padding-top:4.5vh !important;
  }
}

@media(max-width:600px){
  .opening{
    padding:5vh 20px 4vh !important;
  }
}


/* =========================================================
   V30 — LA SIGUIENTE SECCIÓN ASOMA DESDE EL HERO
   ========================================================= */

/*
  El Hero deja de reservar una pantalla completa después del título.
  Mantiene su diseño, pero termina antes para que el bloque
  “NO SOMOS UNA SIMPLE PRODUCTORA.” ya aparezca al pie del monitor.
*/
.opening{
  min-height:clamp(500px,68svh,660px) !important;
  height:auto !important;
  padding-top:4vh !important;
  padding-bottom:28px !important;
}

/* Evita un nuevo hueco entre el Hero y la sección siguiente. */
.split-screen-overview{
  margin-top:0 !important;
}

.overview-upper{
  padding-top:14px !important;
}

/* Monitor común: deja visible una parte clara de la sección siguiente. */
@media (min-width:1000px) and (max-width:1500px){
  .opening{
    min-height:clamp(470px,64svh,590px) !important;
    padding-top:3vh !important;
    padding-bottom:22px !important;
  }

  .overview-upper{
    padding-top:10px !important;
  }
}

/* En pantallas altas tampoco vuelve a convertirse en una diapositiva gigante. */
@media (min-height:950px) and (min-width:1000px){
  .opening{
    min-height:650px !important;
  }
}

/* En móvil se conserva espacio suficiente para leer el título. */
@media(max-width:700px){
  .opening{
    min-height:72svh !important;
    padding-top:4vh !important;
    padding-bottom:24px !important;
  }
}


/* V31 */
.opening{
  min-height:clamp(460px,60svh,560px)!important;
  padding-bottom:16px!important;
}
.overview-upper{padding-top:6px!important;}
.overview-lower{
  grid-template-columns:.72fr 1.48fr!important;
  gap:42px!important;
  padding-top:28px!important;
  padding-bottom:30px!important;
}
.featured-players{overflow:visible!important;}
.featured-player-grid{
  gap:14px!important;
  align-items:stretch!important;
}
.featured-player{
  min-height:215px!important;
  overflow:hidden!important;
}
.featured-player-photo{
  min-height:132px!important;
}
.featured-player>div:last-child{
  padding:10px 12px 14px!important;
  position:relative;
  z-index:2;
  background:linear-gradient(180deg,rgba(8,8,10,.15),rgba(8,8,10,.9));
}
.featured-player h4{
  font-size:.92rem!important;
  line-height:1.2!important;
  margin-bottom:6px!important;
  position:relative;
  z-index:3;
}
.featured-player p{
  font-size:.64rem!important;
  position:relative;
  z-index:3;
}


/* V32 - Balance entre Hero y sección siguiente */

/* Recorta SOLO un poco el espacio debajo del Hero */
.opening{
  min-height:clamp(445px,57svh,535px)!important;
  padding-bottom:8px!important;
}

/* La sección siguiente sube apenas */
.split-screen-overview{
  margin-top:-4px!important;
}

/* Más aire para la parte inferior */
.overview-lower{
  padding-top:38px!important;
  padding-bottom:42px!important;
  gap:52px!important;
  align-items:start!important;
}

.movement-copy{
  padding-top:8px!important;
}

.featured-players{
  padding-top:4px!important;
}

.players-bar{
  margin-bottom:16px!important;
}

.featured-player-grid{
  gap:16px!important;
}

.featured-player{
  min-height:235px!important;
}

.featured-player-photo{
  min-height:148px!important;
}

.featured-player>div:last-child{
  padding:12px 14px 16px!important;
}

.featured-player h4{
  margin-bottom:8px!important;
}


/* =========================================================
   V33 — HOME HTML FIEL AL MOCKUP APROBADO
   ========================================================= */

.editorial-nav{
  height:78px !important;
  min-height:78px !important;
  padding:0 clamp(28px,5vw,72px) !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(3,3,5,.96) !important;
  backdrop-filter:blur(14px);
}

.editorial-nav .brand b{
  font-size:2.45rem !important;
  line-height:.8;
  color:#f5f2fa;
}

.editorial-nav .brand span{
  display:block !important;
  margin-top:5px;
  font-size:.55rem !important;
  letter-spacing:.24em;
}

.editorial-nav .nav-links{
  gap:clamp(24px,3.3vw,50px) !important;
}

.editorial-nav .nav-links a{
  position:relative;
  font-size:.68rem !important;
  letter-spacing:.08em;
}

.editorial-nav .nav-links a.active{
  color:#9b5cff;
}

.editorial-nav .nav-links a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-25px;
  height:2px;
  background:#8c46ff;
}

.editorial-nav .join-button{
  padding:12px 18px !important;
  border:1px solid rgba(139,76,255,.8);
  background:transparent;
  color:#b98aff;
  font-size:.66rem !important;
}

/* HERO */
.editorial-hero{
  position:relative !important;
  min-height:min(72svh,650px) !important;
  height:auto !important;
  display:grid !important;
  grid-template-columns:minmax(430px,1.1fr) minmax(360px,.9fr) 130px !important;
  align-items:center !important;
  gap:20px !important;
  padding:44px clamp(32px,5vw,72px) 36px !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:#030305 !important;
}

.editorial-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 66% 34%,rgba(124,60,255,.34),transparent 20%),
    radial-gradient(circle at 20% 50%,rgba(60,25,105,.15),transparent 26%),
    linear-gradient(90deg,rgba(2,2,4,.82),rgba(2,2,4,.2) 58%,rgba(2,2,4,.72));
  pointer-events:none;
}

.editorial-hero-copy{
  position:relative;
  z-index:3;
  align-self:center;
}

.editorial-hero-copy .eyebrow{
  margin:0 0 16px;
}

.editorial-hero-copy h2{
  margin:0 0 28px !important;
  max-width:720px;
  font-family:Anton,Impact,sans-serif;
  font-size:clamp(3.2rem,5.3vw,6.2rem) !important;
  line-height:.93 !important;
  letter-spacing:-.015em;
  color:#f5f2f8;
}

.editorial-hero-copy h2 span{
  color:#7e35ff;
}

.editorial-hero-button{
  display:inline-flex !important;
  align-items:center;
  justify-content:space-between;
  gap:42px;
  min-width:200px;
  padding:13px 18px !important;
  border:1px solid #7f3cff;
  background:linear-gradient(90deg,#6424e9,#7c34ff) !important;
}

.editorial-hero-art{
  position:relative;
  z-index:2;
  align-self:stretch;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:390px;
}

.editorial-hero-art img{
  position:relative;
  z-index:2;
  width:min(100%,520px);
  height:100%;
  max-height:500px;
  object-fit:cover;
  object-position:center;
  mix-blend-mode:screen;
  filter:saturate(.75) contrast(1.14) brightness(.72);
  -webkit-mask-image:linear-gradient(180deg,#000 0 82%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0 82%,transparent 100%);
}

.editorial-orb{
  position:absolute;
  top:5%;
  left:50%;
  width:min(32vw,390px);
  aspect-ratio:1;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid rgba(172,113,255,.22);
  background:
    radial-gradient(circle at 38% 35%,rgba(125,65,211,.6),rgba(25,12,48,.86) 42%,#050307 72%);
  box-shadow:0 0 90px rgba(108,42,218,.25);
}

.editorial-hero-categories{
  position:relative;
  z-index:3;
  display:grid;
  gap:28px;
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.18);
}

.editorial-hero-categories span{
  position:relative;
  padding-left:14px;
  font:9px Space Mono,monospace;
  letter-spacing:.12em;
  color:#c9a9ff;
}

.editorial-hero-categories span::before{
  content:"";
  position:absolute;
  left:-22px;
  top:50%;
  width:7px;
  height:7px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#863bff;
}

/* ABOUT */
.editorial-about{
  padding:50px clamp(32px,5vw,72px) 0 !important;
  background:
    radial-gradient(circle at 76% 20%,rgba(112,39,220,.14),transparent 22%),
    #050507;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.editorial-about-top{
  display:grid;
  grid-template-columns:1.16fr .84fr;
  gap:7vw;
  align-items:center;
  min-height:265px;
}

.editorial-about-copy{
  max-width:720px;
}

.editorial-about-copy h3{
  margin:14px 0 20px !important;
  font-family:Anton,Impact,sans-serif;
  font-size:clamp(2.55rem,4vw,4.7rem) !important;
  line-height:.95 !important;
}

.editorial-about-copy>p:not(.eyebrow){
  max-width:650px;
  margin:0;
  color:#ded9e4;
  font-size:clamp(.94rem,1.2vw,1.18rem);
  line-height:1.6;
}

.editorial-about-symbol{
  min-height:250px;
  display:grid;
  place-items:center;
}

.editorial-about-symbol img{
  width:min(100%,430px);
  height:250px;
  object-fit:cover;
  object-position:center;
  mix-blend-mode:screen;
  filter:contrast(1.08) brightness(.9);
  -webkit-mask-image:radial-gradient(circle,#000 42%,transparent 76%);
          mask-image:radial-gradient(circle,#000 42%,transparent 76%);
}

.editorial-pillars{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:24px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:10px 10px 0 0;
  overflow:hidden;
}

.editorial-pillars article{
  min-height:178px;
  padding:28px 22px;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.1);
}

.editorial-pillars article:last-child{
  border-right:0;
}

.pillar-icon{
  display:block;
  margin-bottom:14px;
  font-size:2.6rem;
  line-height:1;
  color:#8b42ff;
}

.editorial-pillars h4{
  margin:0 0 10px;
  font-family:Anton,Impact,sans-serif;
  font-size:1.05rem;
  letter-spacing:.02em;
}

.editorial-pillars p{
  margin:0;
  color:#c2bdc7;
  font-size:.78rem;
  line-height:1.55;
}

/* PLAYERS */
.editorial-players{
  padding:42px clamp(32px,5vw,72px) 44px !important;
  background:
    radial-gradient(circle at 60% 45%,rgba(84,28,163,.09),transparent 30%),
    #050507;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.editorial-players-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
}

.editorial-players-heading h3{
  margin:9px 0 0 !important;
  font-family:Anton,Impact,sans-serif;
  font-size:clamp(2.25rem,3.5vw,4rem) !important;
  line-height:.95 !important;
}

.players-all-button{
  padding:12px 16px;
  border:1px solid rgba(139,76,255,.65);
  color:#a970ff;
  font:8px Space Mono,monospace;
  letter-spacing:.12em;
  white-space:nowrap;
}

.editorial-players-divider{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  margin:22px 0 8px;
  color:#8440ff;
}

.editorial-players-divider span{
  height:1px;
  background:linear-gradient(90deg,#7731e9,rgba(119,49,233,.18));
}

.editorial-players-divider span:last-child{
  background:linear-gradient(90deg,rgba(119,49,233,.18),#7731e9);
}

.editorial-players-divider i{
  font-style:normal;
}

.editorial-players-kicker{
  margin:0 0 12px;
  text-align:center;
  font:9px Space Mono,monospace;
  letter-spacing:.18em;
  color:#9e61ff;
}

.editorial-player-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.editorial-player-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#09090c;
  transition:transform .25s ease,border-color .25s ease;
}

.editorial-player-card:hover{
  transform:translateY(-4px);
  border-color:#8742ff;
}

.editorial-player-card img{
  display:block;
  width:100%;
  aspect-ratio:1.35;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.9) contrast(1.08);
}

.editorial-player-card>div{
  padding:12px 14px 14px;
  background:#08080b;
}

.editorial-player-card h4{
  margin:0 0 6px;
  font-family:Anton,Impact,sans-serif;
  font-size:1.1rem;
  line-height:1.1;
}

.editorial-player-card p{
  margin:0;
  display:flex;
  align-items:center;
  gap:8px;
  color:#bdb5c8;
  font-size:.69rem;
}

.editorial-player-card p i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#843cff;
}

.editorial-join-banner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:30px;
  padding:22px 58px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:
    linear-gradient(90deg,rgba(5,5,8,.95),rgba(60,19,112,.7),rgba(5,5,8,.95)),
    radial-gradient(circle at 50% 50%,rgba(131,55,255,.34),transparent 40%);
}

.editorial-join-banner h4{
  margin:0 0 5px;
  font-family:Anton,Impact,sans-serif;
  font-size:1.65rem;
}

.editorial-join-banner p{
  margin:0;
  color:#c5bdcc;
  font-size:.78rem;
}

.editorial-join-banner .primary{
  min-width:205px;
  display:flex;
  justify-content:space-between;
  gap:30px;
}

/* Ajuste del resto de la Home para conservar el ritmo editorial */
.release.section,
.studio-full.section,
.events.section{
  margin-top:0 !important;
}

/* RESPONSIVE */
@media(max-width:1100px){
  .editorial-hero{
    grid-template-columns:1fr .85fr !important;
  }

  .editorial-hero-categories{
    display:none;
  }

  .editorial-about-top{
    grid-template-columns:1fr .7fr;
  }

  .editorial-player-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .editorial-nav .nav-links{
    display:none;
  }

  .editorial-nav .join-button{
    padding:10px 12px !important;
  }

  .editorial-hero{
    min-height:auto !important;
    grid-template-columns:1fr !important;
    padding:46px 22px 28px !important;
  }

  .editorial-hero-copy h2{
    font-size:clamp(3rem,13vw,4.8rem) !important;
  }

  .editorial-hero-art{
    min-height:330px;
  }

  .editorial-orb{
    width:280px;
  }

  .editorial-about{
    padding:42px 22px 0 !important;
  }

  .editorial-about-top{
    grid-template-columns:1fr;
    gap:12px;
  }

  .editorial-about-symbol{
    min-height:190px;
  }

  .editorial-about-symbol img{
    height:190px;
  }

  .editorial-pillars{
    grid-template-columns:repeat(2,1fr);
  }

  .editorial-pillars article:nth-child(2){
    border-right:0;
  }

  .editorial-pillars article:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .editorial-players{
    padding:38px 22px !important;
  }

  .editorial-players-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .players-all-button{
    align-self:flex-end;
  }

  .editorial-player-grid{
    grid-template-columns:1fr;
  }

  .editorial-player-card img{
    aspect-ratio:1.55;
  }

  .editorial-join-banner{
    align-items:flex-start;
    flex-direction:column;
    padding:24px;
  }
}


/* V34 — imagen del artista limpia, sin letras filtradas */
.editorial-hero-art{
  overflow:hidden !important;
}

.editorial-hero-art img{
  object-position:center center !important;
}


/* ==================================================
   V36 - Ajuste exclusivo para 1024-1199 px
   No modifica 1366+ ni móvil.
   ================================================== */
@media (min-width:1024px) and (max-width:1199px){

  .editorial-player-grid,
  .featured-player-grid{
    max-width:880px !important;
    margin:0 auto !important;
    gap:12px !important;
  }

  .editorial-player-card,
  .featured-player{
    min-height:unset !important;
  }

  .editorial-player-card img,
  .featured-player-photo{
    height:150px !important;
    min-height:150px !important;
    aspect-ratio:1.35/1 !important;
    object-fit:cover !important;
  }

  .editorial-player-card>div,
  .featured-player>div:last-child{
    padding:10px 10px 12px !important;
  }

  .editorial-player-card h4,
  .featured-player h4{
    font-size:.90rem !important;
    line-height:1.1 !important;
  }

  .editorial-player-card p,
  .featured-player p{
    font-size:.66rem !important;
  }

  .editorial-players,
  .overview-lower{
    padding-top:30px !important;
    padding-bottom:30px !important;
  }
}