:root{color-scheme:dark;--paper:#d6d0c4;--ink:#eee9df;--muted:#b8b0a6;--line:#514b46;--hot:#ff654e;--black:#171616}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:.25em}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--hot);outline-offset:4px}[hidden]{display:none!important}
.frame{width:min(1360px,calc(100% - 70px));margin-inline:auto}.mono,.top,footer,figcaption,.clock,.eyebrow{font:700 11px/1.5 Consolas,monospace;letter-spacing:.12em}.top,footer,figcaption,.clock{display:flex;justify-content:space-between;align-items:center;gap:12px}.top{height:56px;border-bottom:1px solid var(--line)}.top a{text-decoration:none}.top a:hover{text-decoration:underline}.top>span{text-align:right}.top i,.eyebrow>span{display:inline-block;width:7px;height:7px;background:var(--hot);margin-inline:3px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-bottom:1px solid var(--line)}.copy,.cover{min-width:0}.copy{padding:clamp(24px,4.4vw,76px) clamp(14px,3.2vw,52px) 27px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--hot);margin:0 0 17px}
h1,h2{margin:0;line-height:.84;letter-spacing:-.092em;font-weight:950}h1{font-size:clamp(44px,6.7vw,112px);text-transform:uppercase}.title-row{display:block;overflow:hidden;padding:0 4px .07em 0}.title-row>span{display:block;animation:stamp .78s cubic-bezier(.19,1,.22,1) both}.title-row:nth-child(2)>span{animation-delay:.12s;color:var(--hot)}@keyframes stamp{from{transform:translateY(105%);opacity:.3}to{transform:translateY(0);opacity:1}}
.lede{margin:19px 0 22px;font-size:clamp(16px,1.8vw,22px);color:var(--muted);line-height:1.35}.player{max-width:465px;border:1px solid #827870;scroll-margin-top:22px;padding:12px;background:#201e1d}.play{background:var(--paper);color:#191716;border:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;inline-size:min(230px,100%);min-height:46px;padding:10px 14px;cursor:pointer;font-weight:900}.playing .play{background:var(--hot)}.play:disabled{cursor:progress}.symbol{min-width:15px}.timeline{margin-top:12px;background:url("/onda.svg") center top/100% 30px no-repeat}.timeline input{appearance:none;background:transparent;display:block;width:100%;height:30px;margin:0;cursor:pointer}.timeline input::-webkit-slider-runnable-track{background:transparent}.timeline input::-webkit-slider-thumb{appearance:none;background:#ffebe1;border:1px solid #5a302c;width:6px;height:24px}.timeline input::-moz-range-track{background:transparent}.timeline input::-moz-range-thumb{background:#ffebe1;border:1px solid #5a302c;width:6px;height:24px}.clock{color:var(--muted);font-variant-numeric:tabular-nums}.player #audio-status{margin:5px 0 0;min-block-size:2.6em;font-size:13px;line-height:1.3;color:var(--hot)}audio{max-width:100%}
.cover{margin:0;padding:12px 0 12px 12px;border-left:1px solid var(--line)}.art{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1;background:#2a2727}.art picture,.art img{display:block;width:100%;height:100%;object-fit:cover}.art img{animation:print-in 1.15s cubic-bezier(.2,.8,.3,1) both}@keyframes print-in{from{transform:scale(1.09);filter:contrast(1.4)}to{transform:scale(1);filter:contrast(1)}}.art::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 54% 62%,#ff58389c,transparent 64%);mix-blend-mode:screen;opacity:0}.playing .art::after{opacity:var(--signal-level,.45)}.art .scan{position:absolute;z-index:2;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 4px,#0005 4px 5px);opacity:.52}.art .scan::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#ffd1bf;box-shadow:0 0 16px 3px #ff5f43;opacity:0}.playing .scan::after{opacity:.68;animation:sweep 3.3s linear infinite}@keyframes sweep{from{transform:translateY(0)}to{transform:translateY(var(--scan-distance,520px))}}
.art-code{position:absolute;top:4%;left:4%;padding:4px 7px;z-index:3;background:#191716e8;color:#f5eee5}.cover-type{position:absolute;z-index:3;bottom:4%;left:4%;color:#eee4d6;font-size:clamp(23px,5vw,82px);font-weight:950;letter-spacing:-.09em;line-height:.79;text-shadow:0 2px 18px #000}.cover-type span{color:var(--hot)}.signal{position:absolute;z-index:2;width:100%;height:30%;top:43%;left:0;pointer-events:none;filter:drop-shadow(0 0 7px #ff5d4d)}figcaption{margin-top:9px;color:var(--muted);font-size:9px}
.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:var(--hot);color:#221816}.ticker-track{display:flex;width:max-content;font:950 clamp(20px,3.4vw,47px)/1 Arial,sans-serif;letter-spacing:-.055em;animation:strip 25s linear infinite}.ticker-track span{padding:10px 24px;white-space:nowrap}@keyframes strip{to{transform:translateX(-50%)}}.ticker:hover .ticker-track{animation-play-state:paused}
.story,.signal-notes,.transmission{padding-block:clamp(45px,7vw,104px);border-bottom:1px solid var(--line)}.story{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:30px}.story h2,.signal-notes h2,.transmission h2{font-size:clamp(42px,7vw,105px)}.story p:not(.eyebrow),.signal-notes p:not(.eyebrow),.transmission p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.6;max-width:54ch}.archive{margin:0;background:var(--paper);color:#1a1717}.archive .frame{padding-block:clamp(18px,4vw,56px)}.archive img{display:block;width:100%;height:auto;aspect-ratio:2.15;object-fit:cover}.archive figcaption{color:#332b28}.signal-notes{display:grid;grid-template-columns:1fr .6fr;gap:30px}.signal-notes dl{margin:0}.signal-notes dl div{border-top:1px solid var(--line);display:grid;grid-template-columns:100px 1fr;padding:13px 0}.signal-notes dt,.transmission article span{font:700 11px Consolas,monospace;letter-spacing:.11em;color:var(--hot)}.signal-notes dd{margin:0}.transmission>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0;border:1px solid var(--line)}.transmission article{padding:18px;border-right:1px solid var(--line)}.transmission article:last-child{border:0}.transmission article p{margin-bottom:0}footer{min-height:68px;color:var(--muted)}.skip,.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto;z-index:5;background:var(--black);padding:12px}
@media(max-width:760px){.frame{width:calc(100% - 30px)}.top{font-size:9px}.hero,.story,.signal-notes{grid-template-columns:1fr}.copy{padding:28px 0 17px}h1{font-size:clamp(41px,12vw,85px)}.cover{padding:0 0 11px;border:0}.transmission>div{grid-template-columns:1fr}.transmission article{border-right:0;border-bottom:1px solid var(--line)}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::after{animation:none!important;transition:none!important}.signal,.scan::after{display:none}}

.art::after{content:none}.art .sky-gray{position:absolute;inset:0;z-index:1;pointer-events:none;filter:grayscale(1) brightness(.73);clip-path:polygon(42.3% 0,65.9% 0,66.85% 7.95%,61.65% 11.35%,61.7% 14.7%,54.05% 19.65%,53.5% 57.15%,49.25% 57.3%,49.2% 59.6%,46.75% 59.6%,46.55% 49.2%,45.9% 49.2%,45.8% 34.1%,45.3% 32.4%,44.6% 32.4%,43.9% 30.85%,39.2% 31.15%);opacity:1;transition:opacity .46s ease-out;animation:none}.playing .art .sky-gray{opacity:var(--sky-gray-playing,.36);transition:opacity .15s linear}.art .sky-source{animation:none}.art .scan::after{display:none}@media(prefers-reduced-motion:reduce){.playing .art .sky-gray{opacity:.2}}

@view-transition{navigation:auto}.art .sky-source{view-transition-name:trama-frecuencia}::view-transition-group(trama-frecuencia){animation-duration:.58s;animation-timing-function:cubic-bezier(.2,.7,.15,1)}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}

.artist-top{position:sticky;z-index:8;top:0;background:#171616f4}.artist-top nav{display:flex;gap:clamp(10px,2.8vw,38px)}.artist-intro,.artist-outro{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:#161616}.artist-intro-inner{min-height:clamp(320px,64vh,650px);display:grid;justify-items:center;align-content:center;text-align:center;padding-block:30px}.signal-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:#716662;fill:none;opacity:.65;stroke-width:1.2}.signal-field g{transform-origin:center;animation:signal-shift 8s ease-in-out infinite alternate}@keyframes signal-shift{from{transform:scale(.97) rotate(-2deg)}to{transform:scale(1.08) rotate(2deg)}}.artist-wordmark{margin:0;font-weight:950;font-size:clamp(84px,18vw,225px);line-height:.72;letter-spacing:-.12em;color:var(--ink);padding-right:.12em;animation:artist-arrival .7s ease-out both}.artist-wordmark span{color:var(--hot)}@keyframes artist-arrival{from{opacity:.25;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.artist-sub{margin:20px 0 13px;color:#d7cac3;font:700 10px Consolas,monospace;letter-spacing:.16em}.artist-down{display:grid;place-items:center;width:40px;height:40px;border:1px solid #9a695e;text-decoration:none;color:var(--hot);font-size:21px}.artist-down:hover{background:var(--hot);color:#1d1717}.artist-top a,.artist-footer a{white-space:nowrap}.record-row,.artist-about,.artist-visuals,.live-band{padding-block:clamp(38px,7vw,93px);border-bottom:1px solid var(--line);scroll-margin-top:65px}.record-row{display:grid;grid-template-columns:1fr 1fr;gap:26px}.record-row h2,.artist-visuals h2{font-size:clamp(40px,7vw,96px)}.record-row p:not(.eyebrow),.live-entry p,.artist-about>p:last-child{color:var(--muted);line-height:1.6}.track-link{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;border-block:1px solid var(--line);padding:13px 0;text-decoration:none}.track-link span,.live-entry>span{color:var(--hot);font:700 11px Consolas,monospace;letter-spacing:.1em}.track-link:hover strong{text-decoration:underline}.live-band h2{font-size:clamp(43px,11vw,158px);display:flex;justify-content:space-between;letter-spacing:0;line-height:1}.live-entry{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:21px;border:1px solid var(--line);padding:12px}.live-entry p{margin:0}.artist-about{position:relative;isolation:isolate}.artist-about img{width:50%;height:72%;object-fit:cover;position:absolute;top:14%;right:0;z-index:-1;opacity:.5}.artist-about h2{font-size:clamp(49px,8.5vw,124px);max-width:12ch;text-wrap:balance}.artist-about h2 em{color:var(--hot);font-style:normal}.artist-about>p:last-child{max-width:51ch;background:#171616e8;padding:10px 10px 10px 0;margin-bottom:0}.visual-navigation{display:flex;gap:14px;align-items:center;margin-top:25px}.visual-navigation button{border:1px solid #845b52;background:#221c1d;color:var(--hot);width:59px;height:46px;font-size:26px;cursor:pointer}.visual-navigation button:hover{background:#3f2727}.visual-navigation span{color:var(--muted);font:700 11px Consolas,monospace}.artist-scenes{margin-top:16px}.artist-scenes figure{margin:0 0 18px}.artist-scenes img{width:100%;height:auto;aspect-ratio:2.05;object-fit:cover;display:block}.artist-scenes figure.is-entering img{animation:scene-wipe .52s cubic-bezier(.2,.7,.2,1) both}@keyframes scene-wipe{from{clip-path:inset(0 0 0 14%);opacity:.4}to{clip-path:inset(0);opacity:1}}.artist-outro .frame{text-align:center;padding-block:58px}.artist-outro .artist-wordmark{font-size:clamp(46px,11vw,150px);animation:none}.artist-outro a{display:inline-block;margin-top:19px}.artist-footer{flex-wrap:wrap}.hero#lanzamiento{scroll-margin-top:60px}
@media(max-width:760px){.artist-top{gap:5px}.artist-top>span{display:none}.artist-top nav{gap:9px}.artist-top nav a{font-size:9px;letter-spacing:.02em}.record-row{grid-template-columns:1fr;gap:10px}.live-entry{display:block}.live-entry p{margin-top:8px}.artist-about img{width:72%;height:58%;opacity:.36}.artist-scenes img{aspect-ratio:1.3}.artist-footer{padding-block:12px;gap:8px}}
@media(prefers-reduced-motion:reduce){.artist-wordmark,.signal-field g,.artist-scenes figure.is-entering img{animation:none}}
