:root{--bg:#101111;--ink:#cbd0c9;--soft:#90978f;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:400;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:1px dotted #d0dfd6;outline-offset:7px}::selection{color:#101111;background:#cbd0c9}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:#eee;color:#111;z-index:20}.skip:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}header{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:25px 4%;font:10px var(--mono);color:#b2b8b0;z-index:3;mix-blend-mode:difference}.composition{position:relative;min-height:920px;height:110vh;max-height:1200px;isolation:isolate;overflow:hidden}.work{position:absolute;inset:0;transform:translate(var(--dx,0px),var(--dy,0px));transition:transform 1.2s ease-out;pointer-events:none}.work img{position:absolute;display:block;object-fit:cover;filter:grayscale(1) contrast(1.2)}.sea-back{width:55%;height:78%;top:9%;left:31%;object-position:50% 27%;opacity:.66;clip-path:polygon(5% 0,100% 0,100% 73%,69% 73%,69% 100%,5% 100%)}.sea-echo{width:40%;height:43%;left:4%;top:32%;opacity:.65;object-position:50% 35%;mix-blend-mode:screen;filter:grayscale(1) contrast(1.8)!important;transform:scaleX(-1);clip-path:polygon(0 0,100% 0,100% 13%,30% 13%,30% 35%,83% 35%,83% 36%,30% 36%,30% 100%,0 100%)}.stair{width:20%;height:32%;left:69%;top:41%;object-position:30% 50%;opacity:.85;filter:saturate(.25) contrast(1.15)!important;clip-path:polygon(0 0,100% 0,100% 100%,14% 100%,14% 60%,0 60%)}.surface{width:25%;height:20%;left:5%;top:77%;opacity:.32;filter:grayscale(1) contrast(1.5)!important;object-position:50% 40%}.sample{position:absolute;background-image:url('assets/photo-01.jpg');background-size:700px auto;mix-blend-mode:screen;opacity:.65}.sample-one{height:1.2%;width:80%;top:39%;left:8%;background-position:center 33%;transform:translateX(18px)}.sample-two{height:4%;width:31%;top:68%;left:45%;background-position:center 60%;transform:translateX(-50px)}.scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#10111118 3px 4px);opacity:.6}.coordinate{position:absolute;top:17%;left:24%;font:9px var(--mono);writing-mode:vertical-rl;letter-spacing:2px}.trace{position:absolute;left:91%;top:70%;font:150px/.6 'Times New Roman',serif;opacity:.5}h1{margin:0;font-weight:400;line-height:.7;letter-spacing:-.085em;position:absolute;inset:0;pointer-events:none;mix-blend-mode:exclusion;color:#e9e9de}h1>span{position:absolute;display:block}.word-one{top:20%;left:4%;font-size:clamp(130px,22vw,365px);transform:scaleX(1.22);transform-origin:left}.word-two{font:italic 15vw/.7 'Times New Roman',serif;top:47%;left:37%;letter-spacing:-.1em;transform:scaleY(.73) skewX(-8deg)}.word-three{font-size:clamp(160px,28vw,455px);left:19%;top:64%;transform:scaleY(.64) scaleX(1.15);transform-origin:left top;letter-spacing:-.1em;filter:blur(.3px)}.signature{position:absolute;bottom:7%;left:47%;font:9px/1.8 var(--mono);margin:0;color:#a7b0a4}.descend{position:absolute;right:6%;bottom:5%;font:24px var(--mono);text-decoration:none}.disco{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:150px 12% 170px 8%;max-width:1500px;margin:auto;position:relative;align-items:start}.index{min-width:0}#tracklist{position:relative;z-index:1}.track{display:flex;align-items:baseline;gap:19px;font:12px/1.5 var(--mono);width:100%;text-align:left;min-height:47px;padding:12px 0;transition:color .2s;position:relative}.track-number{font-size:9px;color:var(--soft);width:15px}.track-title{flex:1}.track:before{content:'/';position:absolute;left:-21px;opacity:0}.track[aria-pressed=true]:before{opacity:1}.track[aria-pressed=true]{color:#fff}.track:not([aria-pressed=true]){color:#a8b0a8}.track:hover{color:#fff}.track:nth-child(2){margin-left:12px;width:calc(100% - 12px)}.track:nth-child(4){margin-left:30px;width:calc(100% - 30px)}.track:nth-child(5){margin-top:28px}.track:nth-child(7){margin-left:17px;width:calc(100% - 17px)}.water-fragment{width:54%;height:230px;position:relative;margin:85px 0 0 27%;overflow:hidden}.water-fragment img{height:100%;width:100%;object-fit:cover;filter:grayscale(1) contrast(1.4);opacity:.7}.water-fragment:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101111 0%,transparent 45%);clip-path:polygon(0 0,8% 0,8% 41%,100% 41%,100% 42%,8% 42%,8% 100%,0 100%)}.edition{font:9px/1.8 var(--mono);margin-top:40px;color:var(--soft)}.edition>span{display:inline-block;margin-top:20px}.lyrics{padding-top:10px;min-width:0;position:relative}.lyrics>p:first-child{font:9px var(--mono);margin:0 0 35px;color:var(--soft)}h2{font-weight:400;font-size:28px;line-height:1.2;letter-spacing:-1px;margin:0 0 45px;max-width:320px}#lyric-text{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/2 var(--mono);color:#b7c0b6;max-height:580px;overflow:auto;padding-right:15px;scrollbar-width:thin;scrollbar-color:#3b433a #101111}#note{font:9px/1.7 var(--mono);color:var(--soft);margin:35px 0 0}.controls{display:flex;align-items:center;gap:25px;margin-top:40px;font:9px var(--mono);color:var(--soft)}.controls button{padding:10px 0;min-height:36px}.controls button:last-child{margin-left:auto;text-decoration:underline;text-underline-offset:4px}.controls button:disabled{opacity:.4;cursor:default}.afterimage{height:650px;position:relative;overflow:hidden;isolation:isolate;margin-left:17%;margin-right:5%}.afterimage>img{width:45%;height:100%;object-fit:cover;object-position:center;position:absolute;right:20%;filter:grayscale(.8) contrast(1.1);opacity:.63}.afterimage:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101111 0%,transparent 35%)}.road-slice{position:absolute;top:40%;left:6%;width:85%;height:12px;background:url('assets/photo-06.jpg') center 55%/700px;opacity:.65;transform:translateX(-15px)}.afterimage>p{position:absolute;font:italic 210px/.7 'Times New Roman',serif;letter-spacing:-15px;left:-1%;top:20%;transform:scaleY(.5) scaleX(1.8);transform-origin:left;margin:0;color:#b6c9c6;mix-blend-mode:exclusion;z-index:1}.afterimage>span{position:absolute;left:35%;bottom:9%;font:9px var(--mono);z-index:2}footer{padding:90px 8% 40px;display:flex;justify-content:space-between;align-items:center;gap:25px;font:10px var(--mono);color:var(--soft)}.platforms{display:flex;gap:30px;flex-wrap:wrap}.platforms a{text-decoration:none}.platforms a:hover{text-decoration:underline;text-underline-offset:5px}.platforms small{font:8px var(--mono)}#motion{font:9px var(--mono);padding:10px 0}.signal{position:fixed;inset:0;display:none;z-index:10;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 8px,#fff1 8px 9px)}.glitch .signal{display:block;animation:signal 300ms steps(1)}.glitch .work{animation:displace 300ms steps(1)}@keyframes signal{0%{clip-path:inset(25% 0 70%)}40%{clip-path:inset(63% 0 33%)}70%{clip-path:inset(40% 0 58%)}100%{opacity:0}}@keyframes displace{0%,100%{transform:none}25%{transform:translateX(18px)}50%{transform:translateX(-8px)}75%{transform:translateX(4px)}}.effects-off *{animation:none!important}.effects-off .work{transform:none;transition:none}.effects-off .signal{display:none!important}@media(min-width:1600px){.composition{max-width:1600px;margin:auto}.word-two{font-size:240px}}@media(max-width:900px){.composition{min-height:760px;height:95vh}.disco{padding:100px 8% 120px;gap:10%}.word-one{top:23%;font-size:24vw}.word-two{top:47%;font-size:17vw}.word-three{top:66%;font-size:31vw}.afterimage{height:500px}.afterimage>p{font-size:170px}.track{font-size:11px;gap:13px}.surface{top:79%;height:15%}}@media(max-width:620px){header{font-size:8px;padding:22px 6%;gap:20px}.composition{height:780px;min-height:0;max-height:none}.sea-back{top:12%;left:28%;width:65%;height:67%}.sea-echo{top:31%;left:1%;width:60%;height:35%}.stair{top:50%;left:71%;width:25%;height:22%}.surface{left:4%;top:73%;width:30%;height:19%}.word-one{font-size:29vw;top:26%;left:3%;transform:scaleX(1.2) scaleY(1.2)}.word-two{top:47%;left:30%;font-size:29vw}.word-three{top:62%;left:9%;font-size:43vw;transform:scaleX(1.12) scaleY(.72)}.signature{left:49%;bottom:9%;font-size:8px}.coordinate{left:14%;top:16%;font-size:7px}.trace{font-size:90px;left:85%;top:78%}.sample-one{top:39%;left:3%;width:94%;height:6px}.sample-two{top:61%;left:47%;height:12px}.descend{bottom:3%;font-size:22px}.disco{display:block;padding:70px 10% 100px}.index{position:relative;margin-bottom:90px}.track{font-size:12px;min-height:48px;gap:16px}.water-fragment{width:38%;height:110px;position:absolute;right:-9%;bottom:-52px;margin:0;opacity:.5;z-index:0;pointer-events:none}.edition{margin-top:40px;font-size:8px;position:relative;z-index:1}.edition>span{margin-top:13px}.lyrics{padding-top:15px}.lyrics>p:first-child{margin-bottom:25px}h2{font-size:29px;margin-bottom:35px}#lyric-text{max-height:520px;font-size:12px;line-height:2}.controls{gap:25px;margin-top:28px}.afterimage{height:450px;margin-left:4%;margin-right:0}.afterimage>img{width:65%;right:10%}.afterimage>p{font-size:120px;top:27%;left:0;letter-spacing:-9px;transform:scaleY(.6) scaleX(1.7)}.afterimage>span{left:25%;font-size:8px}.road-slice{top:42%;height:8px;width:94%;left:1%}footer{padding:70px 9% 30px;display:block;font-size:9px}.platforms{gap:20px;row-gap:15px}#motion{margin-top:28px;font-size:8px}.platforms small{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.work{transform:none!important}.signal{display:none!important}}
/* Color original y trayectorias orbitales independientes. */
.work img{filter:contrast(1.06) saturate(1.12)!important}.sea-back{opacity:.84}.sea-echo{opacity:.61;mix-blend-mode:normal}.stair{opacity:.95}.surface{opacity:.66}.water-fragment img{filter:contrast(1.06) saturate(1.1);opacity:.86}.afterimage>img{filter:contrast(1.06) saturate(1.1);opacity:.82}.sample{mix-blend-mode:normal;opacity:.72}
.orbital-element{translate:var(--orbit-x,0px) var(--orbit-y,0px);will-change:translate}.work{transition:none}.effects-off .orbital-element{will-change:auto}#lyric-text{scrollbar-gutter:stable}.lyrics{padding-left:8px}.track-title{display:inline-block}.afterimage{overflow:hidden}
@media(max-width:620px){.lyrics{padding-left:0}}
@media(prefers-reduced-motion:reduce){.orbital-element{translate:none!important;will-change:auto}}