:root{--hero-vh:440;--tshadow:0 1px 2px rgba(5,5,10,.95),0 3px 12px rgba(5,5,10,.78),0 10px 44px rgba(5,5,10,.8)}.hero{position:relative;height:calc(var(--hero-vh) * 1vh)}.stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#0a0d18}.poster{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .8s var(--ease)}#hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s var(--ease);will-change:transform;transform:translateZ(0)}.stage.video-ready #hero{opacity:1}.stage.video-ready .poster{opacity:0}.stage.video-failed #hero{display:none}.scrim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 45%,#0a0a1200 35%,#0a0a129e)}.ring{position:absolute;left:50%;bottom:2.4rem;transform:translate(-50%);width:44px;height:44px;color:var(--text-secondary);opacity:.85}.ring circle{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .12s linear}.chev{position:absolute;left:50%;bottom:2.4rem;transform:translate(-50%);color:var(--text-secondary);animation:chev 2.6s var(--ease) infinite}@keyframes chev{0%,to{transform:translate(-50%);opacity:.45}50%{transform:translate(-50%,7px);opacity:.9}}.bands{position:absolute;inset:0;pointer-events:none}.band{position:absolute;top:0;bottom:0;left:0;width:min(38ch,36vw);padding-left:var(--gut);padding-right:1rem;display:flex;flex-direction:column;justify-content:center;opacity:0;text-shadow:var(--tshadow);isolation:isolate}.band:before{content:"";position:absolute;inset:-8% -55% -8% -34%;pointer-events:none;z-index:-1;opacity:calc(.25 + .75*var(--k,1));background:linear-gradient(to right,#05050a99,#05050a94 62%,#05050a8a 72%,#05050a4d,#05050a00)}.band .kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 1rem}.band h2,.band .h{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:.98;font-size:clamp(2.3rem,5.6vw,3.6rem);margin:0;text-wrap:balance}.band p{margin:1.1rem 0 0;max-width:30ch;color:var(--text-primary);font-size:clamp(1rem,.9rem + .35vw,1.18rem)}.w{display:inline-block;white-space:pre}.c{display:inline-block;will-change:transform,opacity}.e-drift .w{--kc:clamp(0,(var(--k,0) - var(--th,0))*2.8,1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc)) * -26px))}.e-grid .c{--kc:clamp(0,(var(--k,0) - var(--th,0))*2.6,1);opacity:var(--kc);transform:translate(calc((1 - var(--kc)) * var(--jx,0px)))}.e-rise .w{--kc:clamp(0,(var(--k,0) - var(--th,0))*2.7,1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc)) * 30px))}.band.b3 .sub{margin:1.1rem 0 0;font-family:inherit;letter-spacing:normal;font-size:clamp(1rem,.9rem + .35vw,1.18rem);color:var(--text-primary)}`): quitarla en el HTML mataria la animacion. */ font-family:inherit;letter-spacing:normal; font-size:clamp(1rem,.9rem + .35vw,1.18rem);color:var(--text-primary); } .b3 .sub{--ks:clamp(0,(var(--k,0) - .6)*4,1);opacity:var(--ks);transform:translateY(calc((1 - var(--ks)) * 14px))}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.static-hero{display:none;position:relative;min-height:100svh;background:var(--canvas)}.static-media{position:relative;height:44svh;min-height:280px;overflow:hidden;background:#0a0d18}.static-media picture,.static-media img{position:absolute;inset:0;width:100%;height:100%}.static-media img{object-fit:cover;object-position:center 62%}.static-media:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(14,18,32,.62) 0%,rgba(14,18,32,.12) 34%,rgba(14,18,32,.72) 78%,var(--canvas) 100%)}.static-inner{padding:2rem var(--gut) 3.4rem}.static-kick{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 1rem}.static-inner h1{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.15rem,8.2vw,3.4rem);margin:0;text-wrap:balance}.static-inner p{margin:1.1rem 0 0;max-width:38ch;color:var(--text-secondary)}@media(max-width:720px),(orientation:portrait)and (max-width:1024px),(orientation:portrait)and (pointer:coarse),(orientation:landscape)and (pointer:coarse)and (max-height:560px),(prefers-reduced-motion:reduce){.hero{display:none}.static-hero{display:block}}@media(max-height:560px){.ring,.chev{display:none}}.acota{margin-top:3rem;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(1.4rem,3vw,2.4rem)}.macros{display:grid;gap:1rem;margin:0 0 1.8rem}.macro{display:grid;grid-template-columns:13ch 1fr 7ch;gap:1rem;align-items:center}.macro .lbl{font-family:var(--mono);font-size:.76rem;letter-spacing:.06em;color:var(--text-secondary)}.macro .track{position:relative;height:8px;border-radius:99px;background:#9ba3be24;overflow:hidden}.macro .band-ok{position:absolute;inset:0 6% 0 78%;background:var(--accent-muted)}.macro .fill{position:absolute;top:0;bottom:0;left:0;width:calc(var(--p,0) * 88%);background:var(--accent);border-radius:99px}.macro .val{font-family:var(--mono);font-size:.86rem;text-align:right;font-variant-numeric:tabular-nums}.hold{font-family:var(--body);font-weight:500;font-size:1rem;cursor:pointer;user-select:none;touch-action:none;padding:.85rem 1.5rem;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text-primary);position:relative;overflow:hidden;transition:border-color .22s var(--ease)}.hold:before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--p,0));transform-origin:left;opacity:.3}.hold span{position:relative}.hold:hover{border-color:var(--accent-hover)}.acota .after{margin-top:1.6rem;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.acota.done .after{opacity:1;transform:none}@media(pointer:coarse){.hold{min-height:44px}}
