:root{--ink:#ece7db;--dim:#ece7db80;--faint:#ece7db24;--accent:#ff5b2e;--serif:"Instrument Serif", serif;--sans:"Geist Variable", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html{scrollbar-width:none;background:#000}html::-webkit-scrollbar{display:none}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#spacer{pointer-events:none;position:relative}#intro{text-align:center;pointer-events:none;opacity:0;text-shadow:0 0 14px #000000f2,0 0 4px #000000e6;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}#intro:before{content:"";z-index:-1;background:radial-gradient(closest-side,#0000009e,#0000004d 60%,#0000);width:min(92vw,860px);height:min(70vh,520px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#intro h1{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(64px,12vw,168px);font-weight:400;line-height:.9}.kicker{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:-4px;font-size:11px}.lede{font-family:var(--serif);color:#ece7dbd9;font-size:clamp(18px,2.2vw,26px);font-style:italic}.cue{pointer-events:none;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex;position:fixed;top:calc(50% + 56px);left:50%;transform:translate(-50%)}.cue-line{background:linear-gradient(var(--ink), transparent);transform-origin:top;width:1px;height:48px;animation:2.4s ease-in-out infinite cue}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.potencias{pointer-events:none;opacity:0;position:fixed;inset:0}.potencias span{font-family:var(--mono);letter-spacing:.06em;color:var(--dim);white-space:nowrap;opacity:0;font-size:10px;position:absolute;top:0;left:0}.brand{opacity:0;position:fixed;top:28px;left:32px}.brand-name{font-family:var(--serif);font-size:26px;line-height:1}.chips{gap:4px;display:flex;position:fixed;top:26px;right:28px}.chip{width:34px;height:34px;color:var(--dim);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .2s;display:grid;position:relative}.chip:hover,.chip:focus-visible{color:var(--ink)}.chip.is-on{color:var(--accent)}.chip.is-on .chip-k{filter:drop-shadow(0 0 5px var(--accent))}.chip.is-on .chip-k svg{stroke-width:1.8px}.chip-k{font:600 11px var(--mono);letter-spacing:.06em;filter:drop-shadow(0 0 4px #000c);place-items:center;display:grid}.chip-k svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}#play .ic-pausa,#play.is-on .ic-play{display:none}#play.is-on .ic-pausa{display:block}.chip-t{white-space:nowrap;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:100%;right:50%;transform:translate(50%)}.chip:hover .chip-t,.chip:focus-visible .chip-t{opacity:1}.chip.is-soon{cursor:default}.chip.is-soon:hover,.chip.is-soon:focus-visible{color:var(--dim)}.chip.is-soon .chip-k{opacity:.45}.chip.is-soon.is-told .chip-t{opacity:1;display:block}#lamina{pointer-events:none;position:fixed;inset:0}#lamina:not(.is-on) .bar,#lamina:not(.is-on) svg,#lamina:not(.is-on) .note:not(.is-always){opacity:0}#lamina svg{width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0;overflow:visible}#lamina line{stroke:#ece7db80;stroke-width:1px;transition:opacity .4s}#lamina circle{fill:var(--accent);transition:opacity .4s}.note{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--ink);opacity:0;background:#04040880;border-radius:2px;padding:2px 5px;transition:opacity .4s;position:absolute;top:0;left:0}.note.is-in{opacity:.9}.note.is-measure{text-transform:none}.note.is-always{color:#ece7dbbf;text-shadow:0 0 8px #000000e6;background:0 0;font-size:12.5px}.note.is-always.is-in{opacity:.8}.bar{flex-direction:column;align-items:center;gap:6px;transition:opacity .4s;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.bar.is-off{opacity:0}.bar-line{border:1px solid var(--ink);opacity:.8;border-top:none;height:7px}.bar-text{font:500 10.5px var(--mono);letter-spacing:.06em;color:var(--ink)}.hud{pointer-events:none;text-shadow:0 0 12px #000000e6,0 0 3px #000c;position:fixed;bottom:32px;left:32px}#name{min-height:1.3em;font-family:var(--serif);opacity:0;font-size:28px;font-style:italic;transition:opacity .6s,transform .6s;transform:translateY(6px)}#fact{max-width:440px;min-height:1.4em;font-family:var(--serif);color:var(--dim);opacity:0;margin:2px 0 14px;font-size:18px;transition:opacity .8s .15s}#ficha{max-width:440px;font-family:var(--mono);letter-spacing:.02em;color:var(--dim);opacity:0;margin:-6px 0 14px;font-size:10.5px;line-height:1.6;transition:opacity .8s .25s;display:none}.hud.con-lamina #ficha{display:block}#ficha.is-in{opacity:1}#name.is-in,#fact.is-in{opacity:1;transform:none}#exp{font-family:var(--serif);letter-spacing:-.02em;font-size:76px;line-height:1}#exp .m{color:var(--dim);font-size:30px}#unit{font-family:var(--mono);letter-spacing:.04em;color:var(--dim);margin-top:10px;font-size:11px}#ruler{background:var(--faint);opacity:0;width:1px;position:fixed;top:16vh;bottom:16vh;right:44px}.band{background:#ece7db4d;width:1px;position:absolute;right:18px}.band span{writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#ece7db52;white-space:nowrap;font-size:9px;position:absolute;top:50%;right:10px;transform:translateY(-50%)rotate(180deg)}.tick{background:var(--ink);cursor:pointer;border:0;width:12px;height:1px;padding:0;position:absolute;right:0}.tick:before{content:"";position:absolute;inset:-8px -6px}.tick span{font-family:var(--mono);color:var(--dim);white-space:nowrap;opacity:0;pointer-events:none;font-size:11px;transition:opacity .3s,transform .3s,color .2s;position:absolute;top:-.65em;right:44px;transform:translate(4px)}.tick.is-here span,.tick:hover span{opacity:1;transform:none}.tick:hover span{color:var(--ink)}#ruler:hover .tick.is-here:not(:hover) span{opacity:.35}#marker{background:var(--accent);width:30px;height:1px;box-shadow:0 0 10px var(--accent);position:absolute;right:-8px}#marker:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px}#outro{--tiempo:#8fb4ff;text-align:center;pointer-events:none;opacity:0;text-shadow:0 0 14px #000000f2,0 0 4px #000000e6;width:min(560px,100% - 32px);transition:opacity 1s,transform 1s;position:fixed;top:calc(50% + 44px);left:50%;transform:translate(-50%,10px)}#outro.is-in{opacity:1;pointer-events:auto;transform:translate(-50%)}.outro-k{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:4px;font-size:11px}.outro-obra{color:inherit;justify-items:center;gap:6px;text-decoration:none;display:grid}.outro-t{font-family:var(--serif);color:var(--tiempo);font-size:clamp(44px,6vw,64px);font-style:italic;line-height:1}.outro-q{font-family:var(--serif);color:#ece7dbcc;font-size:19px;font-style:italic}.outro-go{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--tiempo);border:1px solid #8fb4ff80;border-radius:999px;margin-top:18px;padding:9px 22px;font-size:11px;transition:background .3s,border-color .3s}.outro-obra:hover .outro-go,.outro-obra:focus-visible .outro-go{border-color:var(--tiempo);background:#8fb4ff24}@media (width<=720px){.brand{top:18px;left:16px}.chips{gap:6px;top:16px;right:16px}.chip-t{display:none}.bar{top:64px;bottom:auto}.hud{bottom:20px;left:16px}#exp{font-size:52px}#fact{max-width:calc(100vw - 80px)}#ruler{right:16px}.tick span,.band span{display:none}}