.hero-zone{position:relative;height:400vh;z-index:1}@media(max-width:1023px){.hero-zone{height:300vh}}@media(max-width:767px){.hero-zone{height:250vh}}.hero-zone{max-width:none;margin-inline:0}.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;min-height:32.5rem;overflow:hidden;display:flex;align-items:center}.hero-media{position:absolute;inset:0;z-index:1;pointer-events:none}#heroCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s var(--ease)}#heroCanvas.on{opacity:1}.hero-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0b0b0bb8 0,#0b0b0b00 10rem),linear-gradient(90deg,#0b0b0beb,#0b0b0b94 42%,#0b0b0b1a 78%,#0b0b0b00),linear-gradient(0deg,var(--black) 1%,rgba(11,11,11,0) 38%)}.hero-content{position:relative;z-index:3;width:100%;padding:calc(var(--nav-h) + 1.5rem) calc(var(--margen-lienzo) + var(--pad)) 6rem calc(var(--margen-lienzo) + var(--edge));will-change:opacity,transform}.hero .eyebrow{margin-bottom:clamp(1.5rem,2.4vh,2.125rem)}.h-hero .ln{display:block;overflow:hidden;padding:.06em 0 .2em;margin:-.06em 0 -.2em}.h-hero .ln>span{display:block;transform:translateY(105%);filter:blur(.875rem);opacity:0;animation:resolve 1.25s var(--ease) forwards}.h-hero .ln:nth-child(2)>span{animation-delay:.1s}.h-hero .ln:nth-child(3)>span{animation-delay:.22s}.h-hero .ln:nth-child(4)>span{animation-delay:.32s}@keyframes resolve{to{transform:none;filter:blur(0);opacity:1}}.h-hero .dim{color:var(--w-45)}.hero .lede{margin-top:clamp(1.625rem,3.8vh,3rem);font-size:clamp(1rem,1.3vw,1.4rem);max-width:46ch;animation:fade .9s .6s var(--ease) backwards}.hero .btns{margin-top:clamp(1.75rem,4.2vh,2.875rem);animation:fade .9s .75s var(--ease) backwards}.hero-meta{position:absolute;z-index:3;left:calc(var(--margen-lienzo) + var(--edge));right:calc(var(--margen-lienzo) + var(--pad));bottom:calc(1.625rem + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:1.25rem;font-family:var(--mono);font-size:clamp(.6562rem,.58vw,.75rem);letter-spacing:.2em;text-transform:uppercase;color:var(--w-45);border-top:1px solid var(--w-12);padding-top:1.125rem;animation:fade .9s 1s var(--ease) backwards}.hero-meta span{white-space:nowrap}.hero-meta .s{display:none}.scroll-rail{position:fixed;left:calc(var(--margen-lienzo) + var(--rail-x));top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0;transition:opacity .6s ease;pointer-events:none}.scroll-rail.ready{opacity:1}.hero-done .scroll-rail,.menu-abierto .scroll-rail{opacity:0}.sr-label{font-family:var(--mono);font-size:clamp(.5625rem,.5vw,.6875rem);letter-spacing:.28em;text-transform:uppercase;color:var(--w-45);writing-mode:vertical-rl;transform:rotate(180deg)}.sr-track{width:2px;height:clamp(8.75rem,15vh,12.5rem);background:var(--w-20);position:relative;overflow:hidden}.sr-fill{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:top;transform:scaleY(0);background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 0 .625rem rgba(var(--accent-rgb),.6)}.sr-pct{font-family:var(--mono);font-size:clamp(.625rem,.55vw,.75rem);letter-spacing:.1em;color:var(--w-45);font-variant-numeric:tabular-nums;min-width:3ch;text-align:center}@media(max-width:1023px)and (orientation:portrait),(max-width:767px){.hero-sticky{align-items:center}.hero-scrim{background:linear-gradient(180deg,rgba(11,11,11,.66) 0,rgba(11,11,11,.46) 14%,rgba(11,11,11,.6) 36%,rgba(11,11,11,.66) 62%,rgba(11,11,11,.8) 84%,var(--black) 100%)}.hero-content{padding-top:calc(var(--nav-h) + 1.25rem);padding-bottom:calc(5.25rem + env(safe-area-inset-bottom,0px))}.hero .lede{color:#f5f7fadb;text-shadow:0 1px 1rem rgba(11,11,11,.85)}.hero .eyebrow{color:var(--w-70);text-shadow:0 1px .75rem rgba(11,11,11,.9)}.hero-meta{color:var(--w-70)}.h-hero{font-size:clamp(2.4rem,11vw,5.6rem)}}@media(max-width:767px){.scroll-rail{left:1rem;gap:.625rem}.sr-track{height:5.625rem}.h-hero{font-size:clamp(2.15rem,12.2vw,3.6rem);letter-spacing:-.04em}.hero .lede{font-size:1rem;line-height:1.55}.hero .eyebrow{letter-spacing:.16em;gap:.625rem}.hero .eyebrow:before{width:1.125rem}.hero-meta{font-size:.625rem;letter-spacing:.16em;bottom:calc(1.375rem + env(safe-area-inset-bottom,0px));padding-top:.875rem}.hero-meta>span:nth-child(2){display:none}}@media(max-width:520px){.hero .btns{flex-direction:column;gap:.625rem}.hero .btns .btn{width:100%}}@media(max-width:430px){.hero-meta .f{display:none}.hero-meta .s{display:inline}}@media(max-width:400px){.scroll-rail{left:.75rem}.sr-label{font-size:.5rem;letter-spacing:.2em}}@media(max-width:389px){.hero .eyebrow{font-size:.625rem;letter-spacing:.12em}.hero .eyebrow:before{display:none}.hero-meta{letter-spacing:.12em}}@media(max-width:767px)and (max-height:700px){.hero .btn-2{display:none}.hero .lede{font-size:.95rem}.hero .eyebrow{margin-bottom:1.125rem}.h-hero{font-size:clamp(2rem,11vw,3rem)}}@media(max-height:500px)and (orientation:landscape){.hero-sticky{align-items:center}.h-hero{font-size:clamp(1.8rem,9svh,3rem)}.hero .lede,.hero-meta span:nth-child(2){display:none}.hero .btns{margin-top:1.125rem}.hero .btns .btn{width:auto}}.sin-frames .hero-zone,.hero-quieto .hero-zone{height:auto}.sin-frames .hero-sticky,.hero-quieto .hero-sticky{position:relative;height:100svh}.sin-frames .hero-media,.sin-frames .scroll-rail,.hero-quieto .scroll-rail{display:none}.sin-frames #top.hero-zone,.hero-quieto #top.hero-zone{height:auto}@media(prefers-reduced-motion:reduce){.hero-zone,#top.hero-zone{height:auto}.hero-sticky{position:relative}.scroll-rail{display:none}#heroCanvas{transition:none}}