:root{
  --bg:#05070b;
  --bg2:#080c13;
  --panel:#0b1018;
  --line:#1b2635;
  --text:#f3f6fb;
  --muted:#9da9b8;
  --blue:#0667ff;
  --blue2:#0a3f9a;
  --radius:18px;
  --shadow:0 18px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 75% 10%,rgba(0,82,255,.08),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:74px;display:flex;align-items:center;gap:28px;padding:0 4vw;background:linear-gradient(to bottom,rgba(2,4,8,.93),rgba(2,4,8,.62));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.04)}
.brand{width:46px;height:46px;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#07090c}
.brand img{width:54px;transform:scale(1.32);filter:saturate(.1) brightness(1.25)}
.nav{display:flex;gap:28px;margin-left:auto;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#d7dce5}
.nav a:hover{color:var(--blue)}
.header-cta{border:1px solid var(--blue);padding:9px 22px;border-radius:999px;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:#7db1ff}
.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{min-height:780px;position:relative;display:flex;align-items:center;padding:130px 6vw 72px;background-image:url('assets/images/hero-guitarra.png');background-size:cover;background-position:66% 52%;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,3,7,.98) 0%,rgba(1,3,7,.92) 32%,rgba(1,3,7,.2) 65%,rgba(1,3,7,.22) 100%)}
.hero-shade{position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,var(--bg));z-index:1}
.hero-copy{position:relative;z-index:2;max-width:600px}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;color:#c2cad5;margin:0 0 12px}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:7px}
.hero h1{font-size:clamp(5rem,10vw,9rem);line-height:.82;margin:8px 0 18px;letter-spacing:-.055em;font-weight:900;text-shadow:0 8px 35px rgba(0,0,0,.4)}
.hero h2{font-size:clamp(1.7rem,3.2vw,3rem);line-height:1.06;margin:0;color:#0c70ff;text-transform:uppercase;letter-spacing:-.025em}
.role-secondary{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:#d0d6df;margin:14px 0}
.location{color:#a8b2c0;font-size:.95rem}.hero-text{max-width:470px;color:#d5d9df;font-size:1.04rem;margin:22px 0 28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:7px;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.045em;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--blue),#0052d9);box-shadow:0 10px 35px rgba(0,90,255,.25)}.btn.ghost{border:1px solid var(--blue);color:#85b4ff;background:rgba(0,67,170,.08)}
.section{padding:78px 5vw;border-top:1px solid rgba(255,255,255,.06)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section h3,.contact h3{font-size:clamp(1.8rem,3vw,3.25rem);line-height:1;margin:0;letter-spacing:-.03em}.section-note{max-width:470px;color:var(--muted);margin:0;text-align:right}
.selected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{position:relative;background:linear-gradient(180deg,#0e141e,#070a0f);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;box-shadow:var(--shadow);transition:.25s ease}.work-card:hover{transform:translateY(-6px);border-color:#23579c}.work-embed{position:relative;height:352px;overflow:hidden;background:#0c1118}.work-embed iframe{display:block;width:100%;height:352px;border:0}.work-meta{padding:14px 14px 17px}.work-meta h4{font-size:.92rem;margin:0 0 4px}.artist{font-size:.78rem;color:#aab3c0;margin:0 0 9px}.credits{font-size:.75rem;color:#4f93ff;margin:0}.platforms{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px}.platforms a{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#c8d6ee;border:1px solid #20304a;border-radius:999px;padding:5px 8px}.platforms a:hover{border-color:var(--blue);color:#fff}
.split-section{display:grid;grid-template-columns:1fr;gap:54px}.services,.about{min-width:0}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px}.service-grid article{background:linear-gradient(180deg,#0c121b,#080b10);border:1px solid #141d29;border-radius:12px;padding:23px 14px;min-height:210px}.service-icon{font-size:1.8rem;color:var(--blue);margin-bottom:14px}.service-grid h4{font-size:.84rem;text-transform:uppercase;color:#72a9ff;letter-spacing:.03em;margin:0 0 10px}.service-grid p{font-size:.78rem;color:var(--muted);margin:0}
.about{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);background:#070b10;border:1px solid #121b26;border-radius:16px;overflow:hidden}.about-image{min-height:100%;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.about-copy{padding:28px}.about-copy p{color:#bbc4d0;font-size:.88rem}.about-copy blockquote{margin:18px 0 0;color:#1b76ff;font-size:1.12rem;font-style:italic;border-left:2px solid var(--blue);padding-left:16px}
.discography-section{overflow:hidden}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:42px;height:42px;border-radius:50%;border:1px solid #164382;background:#07101f;color:#fff;cursor:pointer}.carousel-controls button:hover{background:#0b2f68}.discography-wrap{overflow:hidden}.discography-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 18px}.discography-carousel::-webkit-scrollbar{display:none}.disc-card{flex:0 0 min(350px,80vw);scroll-snap-align:start;background:#0a0f16;border:1px solid #1a2533;border-radius:14px;overflow:hidden}.disc-card .spotify-frame{height:352px;background:#080c12}.disc-card iframe{width:100%;height:100%;border:0}.disc-info{padding:14px 15px 17px}.disc-info h4{margin:0 0 4px;font-size:1rem}.disc-info .credits{font-size:.8rem}
.beats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.beat-card{background:linear-gradient(180deg,#0d131c,#080b10);border:1px solid #182231;border-radius:12px;padding:16px}.beat-card h4{margin:0;font-size:.96rem;text-transform:uppercase}.beat-genre{font-size:.76rem;color:#9aa6b5;margin:3px 0 15px}.beat-player{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center}.play-btn{width:38px;height:38px;border-radius:50%;border:1px solid #3c70b8;background:#09182d;color:#fff;cursor:pointer}.progress{height:8px;background:#111c2b;border-radius:999px;overflow:hidden;cursor:pointer;position:relative}.progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#0068ff,#2c92ff)}.time{grid-column:2;color:#76869a;font-size:.68rem;margin-top:4px}.terms{color:#9aa5b4;font-size:.82rem;margin:20px 0 0;padding-left:18px;border-left:2px solid var(--blue)}
.contact{display:grid;grid-template-columns:.8fr 1fr .8fr;min-height:430px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,#061124,#06080c);overflow:hidden}.contact-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.contact-copy{padding:70px 6vw 60px 50px;align-self:center}.contact-copy p{color:#bbc4d0;max-width:500px}.whatsapp{margin-top:12px}.contact-links{align-self:center;padding:40px 4vw 40px 10px;display:flex;flex-direction:column;gap:18px}.contact-links a{display:flex;flex-direction:column;border-bottom:1px solid #172231;padding-bottom:14px}.contact-links strong{color:#7aaeff;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.contact-links span{font-size:.94rem;color:#dce2eb;margin-top:3px}
footer{display:flex;align-items:center;gap:20px;padding:24px 5vw;border-top:1px solid #111926;color:#7f8b9c;font-size:.8rem}footer img{width:40px;height:40px;object-fit:cover;border-radius:50%;filter:saturate(.1)}footer strong{margin-left:auto;color:#0b6eff;font-style:italic;font-size:1rem}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1200px){.selected-grid{grid-template-columns:repeat(3,1fr)}.split-section{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(5,1fr)}.beats-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.site-header{height:66px}.nav,.header-cta{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:66px;left:0;right:0;background:#05080d;flex-direction:column;gap:0;margin:0;padding:10px 5vw 20px;border-bottom:1px solid #152033}.nav.open a{padding:13px 0}.hero{min-height:760px;background-position:62% 50%;padding:115px 6vw 70px}.hero::after{background:linear-gradient(90deg,rgba(1,3,7,.97),rgba(1,3,7,.78) 53%,rgba(1,3,7,.42))}.section-head{align-items:start;flex-direction:column}.section-note{text-align:left}.service-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.about-image{max-height:520px}.beats-grid{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr 1.2fr}.contact-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding:28px 5vw}.contact-copy{padding:50px 5vw}.selected-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.site-header{padding:0 18px}.brand{width:40px;height:40px}.hero{min-height:720px;padding:110px 22px 55px;background-position:68% 50%}.hero::after{background:linear-gradient(180deg,rgba(1,3,7,.62),rgba(1,3,7,.88) 45%,rgba(1,3,7,.98) 78%)}.hero-copy{align-self:end}.hero h1{font-size:4.7rem}.hero h2{font-size:1.8rem}.role-secondary{font-size:.86rem}.hero-text{font-size:.95rem}.btn{width:100%}.section{padding:58px 20px}.selected-grid{grid-template-columns:1fr}.work-card{display:block}.work-embed{height:352px;min-height:0}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{min-height:190px}.about-copy{padding:22px}.beats-grid{grid-template-columns:1fr}.disc-card{flex-basis:84vw}.contact{grid-template-columns:1fr}.contact-photo{height:320px}.contact-copy{padding:42px 22px}.contact-links{grid-template-columns:1fr;padding:30px 22px}.contact-links a{padding:0 0 12px}.contact-links a:last-child{border-bottom:0}footer{align-items:flex-start;flex-wrap:wrap;padding:20px}footer strong{width:100%;margin:0}.section h3,.contact h3{font-size:2.2rem}}


/* V3 mobile refinements */
@media (max-width:600px){
  .hero{
    min-height:790px;
    padding:96px 20px 44px;
    background-position:74% 24%;
  }
  .hero::after{
    background:linear-gradient(180deg,
      rgba(1,3,7,.14) 0%,
      rgba(1,3,7,.22) 18%,
      rgba(1,3,7,.55) 42%,
      rgba(1,3,7,.86) 66%,
      rgba(1,3,7,.98) 84%);
  }
  .hero-copy{
    max-width:100%;
    align-self:end;
  }
  .hero h1{font-size:4rem;margin:8px 0 14px}
  .hero h2{font-size:1.55rem;line-height:1.02}
  .role-secondary{font-size:.78rem;margin:12px 0}
  .location{font-size:.9rem}
  .hero-text{font-size:.92rem;line-height:1.55;margin:18px 0 24px}

  .selected-grid{
    display:flex;
    overflow-x:auto;
    gap:16px;
    padding:2px 2px 10px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .selected-grid::-webkit-scrollbar{display:none}
  .selected-grid .work-card{
    flex:0 0 88vw;
    scroll-snap-align:start;
  }
  .work-embed{height:340px}
  .work-embed iframe{height:340px}

  .contact-photo{
    height:280px;
    overflow:hidden;
  }
  .contact-photo img{
    object-position:center 14%;
  }
}


/* V4 mobile refinements */
.mobile-only{display:none}
.swipe-hint{margin:14px 4px 0;color:#86a8de;font-size:.82rem;letter-spacing:.04em;text-transform:none;opacity:.92}
@media (max-width:600px){
  .hero{
    background-position:86% 22%;
    min-height:780px;
  }
  .hero::after{
    background:linear-gradient(180deg,
      rgba(1,3,7,.10) 0%,
      rgba(1,3,7,.16) 18%,
      rgba(1,3,7,.46) 44%,
      rgba(1,3,7,.84) 68%,
      rgba(1,3,7,.98) 86%);
  }
  .hero-copy{padding-right:8px}
  .mobile-only{display:block}
  .swipe-hint{
    display:block;
    text-align:center;
    margin:14px 0 6px;
    padding:10px 14px;
    border:1px solid #173158;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(7,16,31,.95),rgba(7,12,20,.95));
  }
}