@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-ext-wght-normal-CG36JvV6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-wght-normal-DMUuCU8H.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2)format("woff2"),url(/assets/montserrat-latin-400-normal-xItZbAXg.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-600-normal-UVxSCcoG.woff2)format("woff2"),url(/assets/montserrat-latin-600-normal-CdhFl4lI.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-700-normal-BdjcYUrC.woff2)format("woff2"),url(/assets/montserrat-latin-700-normal-BWkrl476.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/montserrat-latin-800-normal-axpkC1rd.woff2)format("woff2"),url(/assets/montserrat-latin-800-normal-C3dfDxXV.woff)format("woff")}:root{--rojo:#cd1421;--frambuesa:#e33147;--amarillo:#fecf00;--ciruela:#6a235f;--perla:#ceced1;--noche:#0b0510;--serif:"Cinzel Variable", "Cinzel", "Trajan Pro", Georgia, serif;--sans:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.2, .7, .2, 1);--edge:max(20px, 4vw);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--noche);color:#fff;font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none}.instant *,.instant :before,.instant :after{transition:none!important;animation-duration:0s!important}.v2{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;color:#22071f;background:var(--amarillo);border-radius:999px;padding:.7em 1.1em;font-weight:700;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus-visible{outline-offset:2px;outline:3px solid #fff;transform:none}.scene{z-index:0;background:radial-gradient(70% 60% at 62% 46%, #4a1543 0%, transparent 70%), radial-gradient(120% 90% at 50% 110%, #3b1238 0%, var(--noche) 70%);position:fixed;inset:0}.scene>div:not(.scene-placeholder):not(.cut){inset:0;position:absolute!important}.scene canvas{opacity:0;transition:opacity .9s var(--ease-out);display:block}.ready .scene canvas{opacity:1}.scene-placeholder{transition:opacity .9s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.placeholder-logo{filter:drop-shadow(0 2vw 3vw #00000080);width:min(44vw,640px);transform:translate(16vw)}.ready .scene-placeholder{opacity:0;pointer-events:none}.cut{background:var(--noche);opacity:0;pointer-events:none;transition:opacity .26s;position:absolute;inset:0}.cut.on{opacity:1}.topbar{z-index:20;padding:max(14px, env(safe-area-inset-top)) max(var(--edge), env(safe-area-inset-right)) 0 max(var(--edge), env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.mark{text-shadow:0 1px 10px #0b0510bf;letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .5s, transform .5s var(--ease-out);align-items:center;gap:.9em;margin:0;font-size:.78rem;font-weight:700;display:flex;transform:translateY(-6px)}.mark.shown{opacity:1;transform:none}.mark-name{font-family:var(--serif);letter-spacing:.14em;color:#fff}.mark-soon{color:var(--perla);align-items:center;gap:.55em;font-weight:600;display:inline-flex}.prefs{gap:8px;margin-left:auto;display:flex}.pill{min-width:44px;min-height:44px;font:600 .8rem/1 var(--sans);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0b05106b;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.5em .95em;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38}.pill:hover{box-shadow:inset 0 0 0 1px #ffffff80}.pill.on{color:var(--amarillo);box-shadow:inset 0 0 0 1px #fecf00a6}.pill.version{letter-spacing:.04em;gap:.35em;text-decoration:none}.pill.version svg{opacity:.8}.pill:focus-visible,.btn:focus-visible,.close:focus-visible,.chapters-nav a:focus-visible,.hint-cta:focus-visible{outline-offset:3px;outline:3px solid #fff}.eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.eq i{transform-origin:bottom;background:currentColor;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.pulse{background:var(--amarillo);border-radius:50%;width:.62em;height:.62em;animation:2.2s ease-out infinite pulse;display:inline-block;box-shadow:0 0 #fecf0099}@keyframes pulse{0%{box-shadow:0 0 #fecf008c}80%,to{box-shadow:0 0 0 .9em #fecf0000}}.chapters-nav{right:max(10px, env(safe-area-inset-right));z-index:18;position:fixed;top:50%;transform:translateY(-50%)}.chapters-nav ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chapters-nav a{letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1;border-radius:999px;justify-content:flex-end;align-items:center;gap:.7em;min-width:44px;min-height:40px;padding:0 10px;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.chapters-nav .label{opacity:0;transition:opacity .25s, transform .25s var(--ease-out);text-shadow:0 1px 8px #000000b3;order:-1;transform:translate(6px)}.chapters-nav .dot{width:9px;height:9px;transition:transform .3s var(--ease-out), background .3s;background:#fff6;border-radius:50%;box-shadow:0 0 0 1px #00000040}.chapters-nav a:hover .label,.chapters-nav a:focus-visible .label,.chapters-nav a[aria-current] .label{opacity:1;transform:none}.chapters-nav a[aria-current] .dot{background:var(--amarillo);transform:scale(1.45);box-shadow:0 0 12px #fecf00b3}.track{z-index:2;position:relative}.chapter{position:relative}.panel{z-index:10;opacity:0;filter:blur(4px);pointer-events:none;transition:opacity .45s ease, transform .6s var(--ease-out), filter .45s ease;position:fixed;transform:translateY(14px)}.panel.on{opacity:1;filter:none;pointer-events:auto;transition:opacity .7s ease 80ms, transform .9s var(--ease-out) 80ms, filter .7s ease 80ms;transform:none}.reduced .panel{filter:none;transform:none}.fallback-logo{display:none}.eyebrow{letter-spacing:.26em;text-transform:uppercase;color:var(--amarillo);margin:0 0 .8rem;font-size:.78rem;font-weight:700}.panel-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0b051080,#0b051000);position:absolute;inset:-35% -45% -35% -70%}.panel-hero{left:max(var(--edge), env(safe-area-inset-left));text-shadow:0 2px 24px #0b0510a6;width:min(32rem,38vw);top:50%;translate:0 -50%}.hero-title{font-family:var(--serif);letter-spacing:.02em;color:#0000;filter:drop-shadow(0 .04em #6a235fe6);background-image:linear-gradient(100deg,#fff6d0 0%,#fecf00 38%,#ffb84d 62%,#fff4b8 100%);-webkit-background-clip:text;background-clip:text;margin:0;padding:.12em 0 .04em;font-size:clamp(2.6rem,5.4vw,4.9rem);font-weight:700;line-height:1.02}.hero-lede{color:#ffffffeb;margin:.6rem 0 0;font-size:clamp(1.05rem,1.5vw,1.32rem);line-height:1.5}.soon-badge{letter-spacing:.24em;text-transform:uppercase;color:#fff;text-shadow:none;background:#e331472e;border-radius:999px;align-items:center;gap:.7em;margin:1.1rem 0 0;padding:.5em 1em;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ff8fa080}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:1.6rem;display:flex}.scroll-cue{letter-spacing:.08em;color:#ffffffb3;align-items:center;gap:.8em;margin:1.6rem 0 0;font-size:.8rem;font-weight:600;display:flex}.wheel{border-radius:10px;width:18px;height:28px;position:relative;box-shadow:inset 0 0 0 2px #ffffff8c}.wheel:after{content:"";background:var(--amarillo);width:3px;height:6px;animation:wheel 1.8s var(--ease-out) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:6px;left:50%}@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(9px)}to{opacity:0;transform:translateY(0)}}.panel-chapter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0b051099,#0b051057);border-radius:22px;width:min(27rem,34vw);padding:clamp(20px,2.4vw,32px);top:50%;translate:0 -50%;box-shadow:inset 0 0 0 1px #ffffff17,0 24px 60px #00000047}.panel-chapter.side-left{left:max(var(--edge), env(safe-area-inset-left))}.panel-chapter.side-right{right:calc(max(var(--edge), env(safe-area-inset-right)) + 96px)}.chapter-title{font-family:var(--serif);letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(1.6rem,2.6vw,2.5rem);font-weight:700;line-height:1.16}.chapter-lede{color:#ffffffdb;text-wrap:pretty;margin:.9rem 0 0;font-size:clamp(.98rem,1.15vw,1.1rem);line-height:1.6}.keys{touch-action:none;-webkit-user-select:none;user-select:none;align-items:stretch;display:flex}.key{background:var(--c);transform-origin:bottom;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex-basis:0;min-width:0;margin:0;padding:0}.key:focus-visible{z-index:1;outline-offset:2px;outline:3px solid #fff;position:relative}.keys-visible{border-radius:10px;height:44px;margin-top:1.2rem;overflow:hidden;box-shadow:0 0 0 1px #fff3,0 10px 30px #0000004d}.keys-visible .key:hover{filter:brightness(1.25)}.panel-final .keys-visible{display:none}.keys-overlay{z-index:12;will-change:transform;position:fixed;top:0;left:0}.keys-overlay .key{background:0 0}.keys-overlay .key:hover{background:#ffffff24}.keys-overlay[data-on="0"],.keys-overlay[aria-hidden=true]{visibility:hidden}.hint{color:#ffffffc7;text-wrap:balance;margin:.9rem 0 0;font-size:clamp(.82rem,1vw,.95rem);line-height:1.5}.hint-icon{vertical-align:-.2em;color:var(--amarillo);margin-right:.4em}.hint-cta{font:inherit;color:var(--amarillo);text-underline-offset:.25em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:.08em}.hint-cta:hover{color:#fff}.hint-touch{display:none}@media (hover:none),(pointer:coarse){.hint-mouse{display:none}.hint-touch{display:inline}}.panel-final{left:50%;bottom:max(3.2svh, calc(env(safe-area-inset-bottom) + 12px));width:min(56rem, calc(100vw - 2 * var(--edge) - 220px));text-align:center;translate:-50%}.panel-final .eyebrow.brand{font-family:var(--serif);letter-spacing:.32em;color:#fff;margin:0;font-size:clamp(.95rem,1.4vw,1.2rem)}.soon-title{font-family:var(--serif);letter-spacing:.07em;white-space:nowrap;text-transform:uppercase;color:#0000;filter:drop-shadow(0 .05em #6a235fe6)drop-shadow(0 0 .28em #fecf0052);background-image:linear-gradient(100deg,#fecf00 0%,#fff4b8 12%,#fecf00 26%,#ff9e3d 44%,#fecf00 58%,#fffbe8 70%,#fecf00 84%,#ffb84d 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;margin:.15rem 0 0;padding:.22em .12em .04em;font-size:clamp(1.9rem,min(5.3vw,8.5svh),4.6rem);font-weight:700;line-height:1.05;animation:9s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}.final-lede{color:#ffffffe6;text-wrap:balance;max-width:40ch;margin:.5rem auto 0;font-size:clamp(.98rem,min(1.4vw,2.4svh),1.2rem);line-height:1.5}.final-site{letter-spacing:.22em;text-transform:uppercase;color:var(--perla);margin:.45rem 0 0;font-size:.78rem;font-weight:700}.panel-final .hint{margin-top:.7rem}.final-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:1rem;display:flex}.btn{min-width:44px;min-height:44px;font:700 .92rem/1 var(--sans);letter-spacing:.02em;color:#22071f;background:linear-gradient(180deg, #ffe46b, var(--amarillo));cursor:pointer;text-shadow:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55em;padding:.7em 1.25em;display:inline-flex;box-shadow:0 8px 24px #fecf0038,inset 0 -2px #00000029}.btn.ghost{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff4d}.btn.ghost:hover{box-shadow:inset 0 0 0 1px #fff9}.btn.primary:hover{filter:brightness(1.06)}.sm-only{display:none}.like-wrap{display:inline-flex;position:relative}.btn.like{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e3314729;box-shadow:inset 0 0 0 1px #ff8fa08c,0 8px 24px #e3314729}.btn.like.on{background:linear-gradient(180deg, #f2475d, var(--rojo));box-shadow:0 8px 26px #e331476b,inset 0 -2px #0000002e}.like-heart{color:#ff8fa0;place-items:center;display:inline-grid;position:relative}.btn.like.on .like-heart{color:#fff}.btn.like:not(.on) .like-heart svg{animation:2.8s ease-in-out 1.2s infinite heartbeat}@keyframes heartbeat{0%,24%,to{transform:scale(1)}8%{transform:scale(1.22)}15%{transform:scale(.96)}20%{transform:scale(1.12)}}.like-ring{pointer-events:none;border:2px solid #ffc2cc;border-radius:50%;position:absolute;inset:-3px}.like-hearts{pointer-events:none;position:absolute;top:50%;left:50%}.like-heart-fly{color:#ff8fa0;place-items:center;display:grid;position:absolute;top:-6px;left:-6px}.like-heart-fly:nth-child(3n){color:#fff}.like-heart-fly:nth-child(4n){color:var(--amarillo)}.like-count{font-variant-numeric:tabular-nums;text-align:center;background:#0000003d;border-radius:999px;min-width:1.7em;margin:-.35em -.6em -.35em 0;padding:.35em .6em;display:inline-grid;overflow:hidden}.like-count>*{grid-area:1/1}.like-status{pointer-events:none;text-align:center;width:max-content;max-width:min(240px,70vw);position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50%}.like-note{font:600 .82rem/1.35 var(--sans);color:#22071f;background:#fff4c4;border-radius:12px;padding:.6em .95em;display:block;position:relative;box-shadow:0 10px 28px #00000059}.like-note:after{content:"";border:7px solid #0000;border-top-color:#fff4c4;position:absolute;top:100%;left:50%;translate:-50%}.credits-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08020ab8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.credits{width:min(780px,100%);max-height:88vh;overscroll-behavior:contain;color:#f5ecf4;scrollbar-color:#fecf0066 transparent;background:linear-gradient(#2e0b2cf7,#110513fa);border-radius:22px;max-height:min(88svh,960px);padding:clamp(22px,4vw,44px);position:relative;overflow:auto;box-shadow:0 30px 90px #0009,inset 0 0 0 1px #fecf0038}.credits .close{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px}.credits .eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--perla);margin:0;font-size:.75rem;font-weight:600}.credits h2{font-family:var(--serif);color:var(--amarillo);margin:.15em 0 .3em;font-size:clamp(2rem,5vw,2.8rem)}.credits .lede{color:#ffffffdb;max-width:62ch;margin:0;line-height:1.6}.credits h3{letter-spacing:.2em;text-transform:uppercase;color:var(--amarillo);margin:2em 0 .8em;font-size:.78rem;font-weight:800}.credits ul,.credits ol{margin:0;padding:0;list-style:none}.skills li{border-top:1px solid #ffffff12;grid-template-columns:minmax(12.5em,auto) 1fr;gap:.4em 1em;padding:.6em 0;line-height:1.5;display:grid}.skills code,.palette code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86em}.skills code{color:#ffb3bf;background:#e3314724;border-radius:6px;place-self:start;padding:.2em .55em}.skills span,.principles span{color:#ffffffc7}.principles{counter-reset:p;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9em 1.6em;display:grid}.principles li{counter-increment:p;padding-left:2.1em;line-height:1.45;position:relative}.principles li:before{content:counter(p);color:#22071f;background:var(--amarillo);border-radius:50%;place-items:center;width:1.55em;height:1.55em;font-size:.78em;font-weight:800;display:grid;position:absolute;top:.05em;left:0}.principles strong{color:#fff;display:block}.palette{flex-wrap:wrap;gap:.6em 1.4em;display:flex}.palette li{align-items:center;gap:.5em;display:inline-flex}.palette i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff59}.credits .fine{color:#fff9;margin:1.8em 0 0;font-size:.85rem}.noscript{text-align:center;place-content:center;gap:.5rem;min-height:100svh;padding:2rem;display:grid}.noscript h1{font-family:var(--serif);color:var(--amarillo)}.no-webgl .scene-placeholder{display:none}.no-webgl .track{height:auto}.no-webgl .chapter{min-height:100svh;padding:18svh var(--edge) 12svh;place-items:center;display:grid;height:auto!important}.no-webgl .chapter-portal{display:none}.no-webgl .panel{opacity:1;filter:none;pointer-events:auto;width:min(40rem,100%);margin:0 auto;position:static;transform:translate(0,0)}.no-webgl .panel-hero,.no-webgl .panel-final{text-align:center}.no-webgl .hero-actions,.no-webgl .scroll-cue{justify-content:center}.no-webgl .fallback-logo{width:min(100%,520px);margin:0 auto 2rem;display:block}.no-webgl .panel-final .keys-visible{display:flex}.no-webgl .keys-overlay{display:none}@media (max-aspect-ratio:9/10),(max-width:720px){.placeholder-logo{width:86vw;transform:translateY(-18svh)}.pill-label{display:none}.mark{letter-spacing:.14em;font-size:.68rem}.mark-soon{display:none}.panel-hero,.panel-chapter.side-left,.panel-chapter.side-right{left:var(--edge);right:calc(var(--edge) + 34px);top:auto;bottom:max(18px, calc(env(safe-area-inset-bottom) + 12px));width:auto;margin:0;translate:none}.panel-hero{right:var(--edge);text-align:center}.hero-actions,.scroll-cue{justify-content:center}.hero-title{font-size:clamp(2.4rem,11vw,3.6rem)}.hero-actions,.scroll-cue{margin-top:1.1rem}.chapters-nav{top:calc(max(14px, env(safe-area-inset-top)) + 54px);transform:none}.chapters-nav a{min-height:36px;padding:0 6px}.chapters-nav .label{display:none}.panel-final{width:calc(100vw - 2 * var(--edge))}.skills li,.principles{grid-template-columns:1fr}}@media (max-width:640px){.lg-only{display:none}.sm-only{display:inline}.final-actions{gap:8px}.final-actions .btn{padding:.7em 1em}}@media (max-height:560px) and (orientation:landscape){.pill-label{display:none}.chapters-nav a{min-height:36px}.chapters-nav .label{display:none}.panel-final{width:min(40rem, calc(100vw - 2 * var(--edge) - 96px))}.final-lede{max-width:62ch}.panel-chapter.side-right{right:calc(max(var(--edge), env(safe-area-inset-right)) + 40px)}.hero-title{font-size:min(9svh + 1rem,3.2rem)}.hero-lede{font-size:.95rem}.hero-actions,.scroll-cue{margin-top:.8rem}.panel-chapter{padding:16px 18px}.chapter-title{font-size:1.35rem}.chapter-lede{margin-top:.5rem;font-size:.88rem}.keys-visible{height:34px;margin-top:.7rem}.soon-title{font-size:min(8svh + .8rem,2.6rem)}.final-lede{margin-top:.25rem;font-size:.88rem}.final-site,.panel-final .hint{margin-top:.25rem}.panel-final .hint{font-size:.76rem}.final-actions{margin-top:.5rem}.lg-only{display:none}.sm-only{display:inline}}@media (prefers-reduced-motion:reduce){.pulse,.eq i,.wheel:after,.soon-title,.btn.like .like-heart svg{animation:none}}.reduced .soon-title,.reduced .wheel:after{animation:none}