:root{--ink:#101010;--paper:#f4f0e7;--acid:#d7ff00;--hot:#ff4b2b;--line:rgba(16,16,16,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Mono",monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline:4px solid var(--hot);outline-offset:4px}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--paper);padding:1rem;font-weight:700;border:3px solid var(--ink)}.skip-link:focus{top:1rem}
.site-header{height:92px;padding:0 clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);position:relative;z-index:20;background:var(--paper)}.brand,.custom-logo-link{display:block;width:clamp(155px,19vw,285px);height:76px;overflow:hidden}.brand img,.custom-logo{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.site-header nav{display:flex;gap:2.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase}.site-header nav a,footer a{text-decoration-thickness:2px;text-underline-offset:5px}.site-header nav a:hover,footer a:hover{text-decoration:underline}.mini-cta{background:var(--ink);color:white;padding:.8rem 1rem;font-size:.72rem;font-weight:700;text-transform:uppercase}
.hero{min-height:calc(100svh - 92px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);position:relative;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,6vw,6.5rem) 4rem;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow span{color:var(--hot)}h1,h2{font-family:"Archivo Black",sans-serif;margin:1.2rem 0;line-height:.86;letter-spacing:-.065em;text-transform:uppercase}h1{font-size:clamp(4.4rem,10.7vw,10rem)}h2{font-size:clamp(3.5rem,8vw,8rem)}h1 em,h2 em{font-style:normal;color:var(--hot);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink)}.intro{max-width:620px;font-size:clamp(.95rem,1.3vw,1.15rem);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.3rem}.button{display:inline-flex;gap:1.5rem;align-items:center;padding:1rem 1.25rem;font-size:.78rem;font-weight:700;text-transform:uppercase;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button-primary{background:var(--acid)}.text-link{font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.hero-art{position:absolute;width:48vw;min-width:560px;aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;right:-7vw;top:5%;background:var(--acid);transform:rotate(-8deg)}.hero-art:before,.hero-art:after{content:"";position:absolute;inset:8%;border:3px solid var(--ink);border-radius:50%}.hero-art:after{inset:17%;background:var(--hot)}.bass-neck{position:absolute;z-index:2;width:115%;height:96px;background:var(--ink);top:45%;left:-25%;transform:rotate(-18deg);display:flex;flex-direction:column;justify-content:space-evenly;padding:0 5%}.bass-neck i{height:3px;background:var(--paper);display:block}.bass-neck:after{content:"";width:110px;height:150px;background:var(--ink);position:absolute;right:-65px;top:-27px;clip-path:polygon(0 18%,100% 0,80% 100%,0 75%)}.burst{position:absolute;z-index:4;right:7%;top:8%;width:115px;height:115px;background:var(--paper);border:3px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font-family:"Archivo Black",sans-serif;font-size:2.1rem;line-height:.75;transform:rotate(13deg);box-shadow:5px 5px 0 var(--ink)}.burst span{font:700 .55rem "Space Mono",monospace}.hero-art>p{position:absolute;z-index:3;bottom:9%;right:22%;font-family:"Archivo Black",sans-serif;font-size:1.25rem;transform:rotate(13deg)}.side-note{position:absolute;right:1rem;bottom:3rem;writing-mode:vertical-rl;font-size:.6rem;letter-spacing:.13em}
.ticker{border-block:3px solid var(--ink);background:var(--ink);color:var(--acid);overflow:hidden;padding:.7rem 0;font:400 1rem "Archivo Black",sans-serif;letter-spacing:.08em;white-space:nowrap;transform:rotate(-1deg) scale(1.02)}.ticker div{width:max-content;animation:ticker 24s linear infinite}.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,6vw,6.5rem)}.sound{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,8vw,9rem);align-items:start}.section-heading>p:last-child{max-width:470px;line-height:1.7}.track-list{border-top:3px solid var(--ink)}.track{min-height:120px;display:grid;grid-template-columns:35px 52px 1fr 180px 48px;gap:1rem;align-items:center;border-bottom:2px solid var(--ink);transition:background .18s,padding .18s}.track:hover{background:var(--acid);padding-inline:1rem}.track-number,.length{font-size:.65rem}.play{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;font-size:.75rem}.track-name{display:flex;flex-direction:column;gap:.45rem}.track-name strong{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:1.15rem}.track-name small{font-size:.65rem;text-transform:uppercase}.wave{letter-spacing:2px;overflow:hidden;color:var(--hot)}.demo-note{font-size:.64rem;line-height:1.5;text-transform:uppercase;margin-top:1.5rem}
.shows{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.light h2 em{-webkit-text-stroke:1px var(--paper);text-shadow:4px 4px 0 var(--paper)}.show{display:grid;grid-template-columns:105px 1fr auto;align-items:center;min-height:150px;border-bottom:1px solid rgba(244,240,231,.35)}.show:first-child{border-top:1px solid rgba(244,240,231,.35)}.date{display:flex;align-items:center;gap:.6rem}.date strong{font:400 3rem "Archivo Black",sans-serif;color:var(--acid)}.date span{font-size:.65rem}.show h3{margin:0;font:400 1.35rem "Archivo Black",sans-serif;text-transform:uppercase}.show p{margin:.5rem 0 0;color:#bdb9b1;font-size:.68rem}.show>a{text-transform:uppercase;font-size:.68rem;border:1px solid var(--paper);padding:.8rem}
.show.has-poster{grid-template-columns:96px 105px 1fr auto;gap:1rem}.show-poster{width:82px;height:110px;object-fit:cover;border:2px solid var(--paper);box-shadow:4px 4px 0 var(--hot)}
.story{display:grid;grid-template-columns:1.5fr .5fr;gap:1.5rem}.story-card{border:3px solid var(--ink);padding:clamp(2rem,5vw,5rem);position:relative;box-shadow:10px 10px 0 var(--ink)}.story-card h2{font-size:clamp(3rem,6vw,6.2rem)}.stamp{position:absolute;top:2rem;right:2rem;width:120px;height:120px;border:3px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font:400 .85rem "Archivo Black",sans-serif;transform:rotate(12deg)}.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;max-width:880px;line-height:1.75;font-size:.9rem}.values{list-style:none;padding:2rem 0 0;margin:3rem 0 0;border-top:2px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr)}.values li{display:flex;flex-direction:column}.values strong{font:400 2.2rem "Archivo Black",sans-serif;color:var(--hot)}.values span{font-size:.65rem;text-transform:uppercase}.available{background:var(--acid);border:3px solid var(--ink);padding:2rem;align-self:end;transform:rotate(2deg)}.available ul{list-style:none;padding:0;margin:2rem 0 0}.available li{padding:1rem 0;border-top:2px solid var(--ink);font-weight:700;font-size:.8rem}.available li:before{content:"+";margin-right:1rem;color:var(--hot)}
.contact{text-align:center;background:var(--hot);border-top:3px solid var(--ink)}.contact h2{font-size:clamp(3.4rem,9vw,9rem)}.contact h2 em{color:var(--acid)}.contact-link{display:inline-flex;align-items:center;gap:2rem;background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:1.2rem 1.5rem;font-weight:700;font-size:clamp(.75rem,2vw,1.1rem)}.contact-note{margin:2rem auto 0;max-width:500px;font-size:.72rem;line-height:1.6}footer{min-height:120px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem clamp(1.25rem,4vw,4rem);font-size:.63rem;text-transform:uppercase}.footer-brand{width:160px;height:60px;background:#fff;display:block;overflow:hidden}.footer-brand img{width:100%;height:100%;object-fit:contain}footer div{display:flex;gap:1.5rem}.generic-content{max-width:1000px;min-height:70vh;margin:auto;padding:4rem 1.5rem}.generic-content h1{font-size:clamp(3rem,8vw,7rem)}
@keyframes ticker{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}*{transition:none!important}}
@media(max-width:900px){.site-header nav{display:none}.hero{min-height:850px;display:block;padding-top:5rem}.hero-copy{max-width:680px}.hero-art{width:600px;top:auto;bottom:-300px;right:-220px;opacity:.94}.sound,.shows,.story{grid-template-columns:1fr}.shows{gap:3rem}.available{transform:none}.track{grid-template-columns:30px 45px 1fr auto}.wave{display:none}}
@media(max-width:560px){.site-header{height:74px}.brand,.custom-logo-link{width:150px;height:60px}.mini-cta{padding:.65rem}h1{font-size:clamp(3.65rem,19vw,5.5rem)}h1 em,h2 em{-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink)}.hero{min-height:780px}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.4rem}.hero-art{transform:scale(.75) rotate(-8deg);transform-origin:center;right:-300px;bottom:-330px}.track{min-height:105px;gap:.6rem}.track-name strong{font-size:.9rem}.show{grid-template-columns:80px 1fr;padding:1.2rem 0}.show>a{grid-column:2;justify-self:start;margin-top:.8rem}.date strong{font-size:2.3rem}.story-card{box-shadow:6px 6px 0 var(--ink)}.stamp{display:none}.story-copy{grid-template-columns:1fr;gap:.5rem}.values{gap:1rem}.values strong{font-size:1.5rem}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.show.has-poster{grid-template-columns:82px 1fr;gap:.75rem}.show.has-poster .show-poster{grid-row:1 / span 2;width:70px;height:96px}.show.has-poster .date{grid-column:2}.show.has-poster>a{grid-column:2}}

/* Fondo fotográfico y paleta oscura de alto contraste. */
:root{--ink:#fffdf7;--paper:#0c0810;--acid:#dfff29;--hot:#ff684a;--line:rgba(255,253,247,.34)}
body{background-color:#09060d!important;background-image:linear-gradient(rgba(8,4,12,.52),rgba(8,4,12,.72)),url("../images/fondo-bajista.jpg")!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center top!important;background-attachment:fixed!important;color:var(--ink)}
.site-header{background:rgba(9,6,13,.92);border-bottom-color:rgba(255,253,247,.72);backdrop-filter:blur(12px)}
.brand,.custom-logo-link{background:#050307;padding:.2rem .45rem;border:2px solid var(--ink)}
.brand>img,.footer-brand img{mix-blend-mode:normal;filter:invert(1)}
.custom-logo{mix-blend-mode:normal}
.mini-cta{background:var(--acid);color:#0b0710;border:2px solid #0b0710;box-shadow:3px 3px 0 var(--hot)}
.hero{background-color:#09060d;background-image:linear-gradient(90deg,rgba(8,4,12,.76) 0%,rgba(8,4,12,.48) 50%,rgba(8,4,12,.12) 100%),url("../images/fondo-bajista.jpg");background-repeat:no-repeat;background-size:cover;background-position:center 38%;background-attachment:scroll}
.hero .intro{color:#fffdf7;text-shadow:0 2px 12px #000}
.button{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.button-primary{background:var(--acid);color:#0b0710;border-color:#0b0710;box-shadow:5px 5px 0 var(--hot)}
.text-link{text-shadow:0 2px 8px #000}
.sound{background:rgba(10,6,14,.78);backdrop-filter:blur(4px)}
.track-list,.track{border-color:rgba(255,253,247,.72)}.track:hover{background:var(--acid);color:#0b0710}.track:hover .wave{color:#a4210d}.play{border-color:currentColor}
.track-card{border-bottom:2px solid rgba(255,253,247,.72);padding-bottom:1rem}.track-card .track{border-bottom:0}.spotify-player{display:block;border:0;border-radius:12px;background:#121212;margin:.25rem 0 0}
.shows{background:rgba(5,3,8,.94)}
.story{background:rgba(12,7,16,.76)}.story-card{background:rgba(8,4,12,.82);border-color:var(--ink);box-shadow:10px 10px 0 var(--hot)}.stamp,.values{border-color:var(--ink)}
.available{background:var(--acid);color:#0b0710;border-color:#0b0710;box-shadow:8px 8px 0 var(--hot)}.available li{border-color:#0b0710}.available .eyebrow,.available li:before{color:#0b0710}
.contact{background:rgba(91,22,83,.9);border-color:var(--ink)}.contact-link{background:var(--acid);color:#0b0710;border-color:#0b0710;box-shadow:8px 8px 0 var(--hot)}
footer{background:#050307;border-top:2px solid rgba(255,253,247,.5)}.footer-brand{background:#050307;border:2px solid var(--ink)}
.skip-link{background:var(--acid);color:#0b0710;border-color:#0b0710}
@media(max-width:900px){body{background-position:62% top!important}.hero{background-image:linear-gradient(rgba(8,4,12,.58),rgba(8,4,12,.7)),url("../images/fondo-bajista.jpg");background-position:58% center}}
@media(max-width:560px){body{background-attachment:scroll!important;background-position:58% top!important}.hero{background-position:62% center}.story-card{box-shadow:6px 6px 0 var(--hot)}}