@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}
}