.hero{--lens-h:836px;--stage-h:calc(var(--lens-h) * 1.7524);--stage-w:calc(var(--stage-h) * 3.7802);background:#fff;position:relative}.hero .lens{height:var(--lens-h);background:#fff;position:relative;overflow:hidden}.hero .stage{width:var(--stage-w);height:var(--stage-h);margin-left:calc(var(--stage-w) / -2);z-index:1;position:absolute;bottom:0;left:50%}.hero .veil{z-index:2;background:#fff;height:45.933%;position:absolute;top:0;left:0;right:0}@keyframes hipA{0%{transform:rotate(-24deg)}12%{transform:rotate(-14deg)}25%{transform:rotate(-2deg)}38%{transform:rotate(12deg)}50%{transform:rotate(20deg)}62%{transform:rotate(4deg)}75%{transform:rotate(-18deg)}87%{transform:rotate(-28deg)}to{transform:rotate(-24deg)}}@keyframes hipB{0%{transform:rotate(20deg)}12%{transform:rotate(4deg)}25%{transform:rotate(-18deg)}37%{transform:rotate(-28deg)}50%{transform:rotate(-24deg)}62%{transform:rotate(-14deg)}75%{transform:rotate(-2deg)}88%{transform:rotate(12deg)}to{transform:rotate(20deg)}}@keyframes kneeA{0%{transform:rotate(4deg)}12%{transform:rotate(18deg)}25%{transform:rotate(6deg)}38%{transform:rotate(2deg)}50%{transform:rotate(38deg)}62%{transform:rotate(64deg)}75%{transform:rotate(32deg)}87%{transform:rotate(6deg)}to{transform:rotate(4deg)}}@keyframes kneeB{0%{transform:rotate(38deg)}12%{transform:rotate(64deg)}25%{transform:rotate(32deg)}37%{transform:rotate(6deg)}50%{transform:rotate(4deg)}62%{transform:rotate(18deg)}75%{transform:rotate(6deg)}88%{transform:rotate(2deg)}to{transform:rotate(38deg)}}@keyframes ankA{0%{transform:rotate(-12deg)}12%{transform:rotate(2deg)}25%{transform:rotate(0)}38%{transform:rotate(-4deg)}50%{transform:rotate(18deg)}62%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}87%{transform:rotate(-10deg)}to{transform:rotate(-12deg)}}@keyframes ankB{0%{transform:rotate(18deg)}12%{transform:rotate(6deg)}25%{transform:rotate(-6deg)}37%{transform:rotate(-10deg)}50%{transform:rotate(-12deg)}62%{transform:rotate(2deg)}75%{transform:rotate(0)}88%{transform:rotate(-4deg)}to{transform:rotate(18deg)}}@keyframes shoA{0%{transform:rotate(18deg)}25%{transform:rotate(2deg)}50%{transform:rotate(-16deg)}75%{transform:rotate(0)}to{transform:rotate(18deg)}}@keyframes shoB{0%{transform:rotate(-16deg)}25%{transform:rotate(0)}50%{transform:rotate(18deg)}75%{transform:rotate(2deg)}to{transform:rotate(-16deg)}}@keyframes elbA{0%{transform:rotate(12deg)}25%{transform:rotate(26deg)}50%{transform:rotate(34deg)}75%{transform:rotate(18deg)}to{transform:rotate(12deg)}}@keyframes elbB{0%{transform:rotate(34deg)}25%{transform:rotate(18deg)}50%{transform:rotate(12deg)}75%{transform:rotate(26deg)}to{transform:rotate(34deg)}}@keyframes sway{0%{transform:rotate(5deg)}25%{transform:rotate(-3deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}to{transform:rotate(5deg)}}@keyframes cloth{0%{transform:rotate(-3.2deg)}25%{transform:rotate(2.6deg)}50%{transform:rotate(-3.2deg)}75%{transform:rotate(2.6deg)}to{transform:rotate(-3.2deg)}}@keyframes hipS{0%{transform:rotate(-14deg)}12%{transform:rotate(-8deg)}25%{transform:rotate(-1deg)}38%{transform:rotate(7deg)}50%{transform:rotate(12deg)}62%{transform:rotate(2deg)}75%{transform:rotate(-11deg)}87%{transform:rotate(-16deg)}to{transform:rotate(-14deg)}}@keyframes hipSB{0%{transform:rotate(12deg)}12%{transform:rotate(2deg)}25%{transform:rotate(-11deg)}37%{transform:rotate(-16deg)}50%{transform:rotate(-14deg)}62%{transform:rotate(-8deg)}75%{transform:rotate(-1deg)}88%{transform:rotate(7deg)}to{transform:rotate(12deg)}}@keyframes kneeS{0%{transform:rotate(3deg)}12%{transform:rotate(12deg)}25%{transform:rotate(5deg)}38%{transform:rotate(2deg)}50%{transform:rotate(24deg)}62%{transform:rotate(42deg)}75%{transform:rotate(20deg)}87%{transform:rotate(4deg)}to{transform:rotate(3deg)}}@keyframes kneeSB{0%{transform:rotate(24deg)}12%{transform:rotate(42deg)}25%{transform:rotate(20deg)}37%{transform:rotate(4deg)}50%{transform:rotate(3deg)}62%{transform:rotate(12deg)}75%{transform:rotate(5deg)}88%{transform:rotate(2deg)}to{transform:rotate(24deg)}}@keyframes ground{0%{transform:translate(0)}to{transform:translate(-876px)}}@keyframes cam{0%,7%{transform:scale(3)}17%{transform:scale(2.05)}26.5%{transform:scale(1.35)}38%{transform:scale(.85)}50%{transform:scale(.5)}62%,94%{transform:scale(.26)}to{transform:scale(3)}}@keyframes veil{0%,7%{height:45.933%}17%{height:48.325%}26.5%{height:50.239%}38%{height:39.474%}50%{height:23.923%}62%,94%{height:0%}to{height:45.933%}}@keyframes fade{0%{opacity:0}3%,94%{opacity:1}to{opacity:0}}@keyframes titleIn{0%,66%{opacity:0;transform:translateY(44px)}75%,93%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(44px)}}@keyframes tagIn{0%,70%{opacity:0;transform:translateY(20px)}79%,93%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(20px)}}@keyframes ruleIn{0%,73%{transform:scaleX(0)}84%,93%{transform:scaleX(1)}97%,to{transform:scaleX(0)}}.hero .hip,.hero .hipB,.hero .hipS,.hero .hipSB,.hero .knee,.hero .kneeB,.hero .kneeS,.hero .kneeSB,.hero .ank,.hero .ankB,.hero .sho,.hero .shoB,.hero .elb,.hero .elbB,.hero .hair,.hero .cloth,.hero .cloth2{transform-box:view-box;animation-duration:1.15s;animation-timing-function:linear;animation-iteration-count:infinite}.hero .hip{transform-origin:300px 762px;animation-name:hipA}.hero .hipB{transform-origin:300px 762px;animation-name:hipB}.hero .hipS{transform-origin:300px 762px;animation-name:hipS}.hero .hipSB{transform-origin:300px 762px;animation-name:hipSB}.hero .knee{transform-origin:300px 1095px;animation-name:kneeA}.hero .kneeB{transform-origin:300px 1095px;animation-name:kneeB}.hero .kneeS{transform-origin:300px 1095px;animation-name:kneeS}.hero .kneeSB{transform-origin:300px 1095px;animation-name:kneeSB}.hero .ank{transform-origin:300px 1436px;animation-name:ankA}.hero .ankB{transform-origin:300px 1436px;animation-name:ankB}.hero .sho{transform-origin:292px 360px;animation-name:shoA}.hero .shoB{transform-origin:292px 360px;animation-name:shoB}.hero .elb{transform-origin:292px 630px;animation-name:elbA}.hero .elbB{transform-origin:292px 630px;animation-name:elbB}.hero .hair{transform-origin:236px 196px;animation-name:sway}.hero .cloth{transform-origin:300px 700px;animation-name:cloth}.hero .p1 *{animation-duration:1.1s;animation-delay:-.05s}.hero .p2 *{animation-duration:1.19s;animation-delay:-.62s}.hero .p3 *{animation-duration:1.04s;animation-delay:-.28s}.hero .p4 *{animation-duration:1.25s;animation-delay:-.91s}.hero .p5 *{animation-duration:1.14s;animation-delay:-.45s}.hero .p6 *{animation-duration:1.08s;animation-delay:-.77s}.hero .p7 *{animation-duration:.86s;animation-delay:-.16s}.hero .p8 *{animation-duration:1.21s;animation-delay:-1.02s}.hero .fig{overflow:visible}.hero .gnd{transform-box:view-box;animation:1s linear infinite ground}.hero .stage{transform-origin:50% 100%;animation:17s linear infinite cam}.hero .veil{animation:17s linear infinite veil}.hero .fade{animation:17s linear infinite fade}.hero .titleIn{animation:17s cubic-bezier(.16,1,.3,1) infinite titleIn}.hero .tagIn{animation:17s cubic-bezier(.16,1,.3,1) infinite tagIn}.hero .ruleIn{transform-origin:0;animation:17s cubic-bezier(.16,1,.3,1) infinite ruleIn}@media (prefers-reduced-motion:reduce){.hero *{opacity:1!important;animation:none!important}.hero .stage{transform:scale(.26)!important}.hero .veil{display:none}.hero .ruleIn{transform:scaleX(1)!important}.hero .titleIn,.hero .tagIn{transform:none!important}}.hero .sheet>.fig>*{filter:drop-shadow(5px 6px 3px #1a122052)}.hero .sheet .fig use,.hero .sheet .fig path:not([fill=none]),.hero .sheet .fig ellipse:not([fill=none]),.hero .sheet .fig circle:not([fill=none]){stroke:#fdfaf5d1;stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill}.hero .parM .fig,.hero .parF .fig{filter:drop-shadow(8px 9px 5px #1a122042)}@keyframes parM{0%,7%{transform:scale(1.06)}62%,94%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes parF{0%,7%{transform:scale(1.13)}62%,94%{transform:scale(1)}to{transform:scale(1.13)}}.hero .parM{transform-box:view-box;transform-origin:3100px 1640px;animation:17s linear infinite parM}.hero .parF{transform-box:view-box;transform-origin:3100px 1640px;animation:17s linear infinite parF}.hero .lens:after{content:"";z-index:6;pointer-events:none;background-image:radial-gradient(#281e320f 1px,#0000 1.4px),radial-gradient(#281e3209 1px,#0000 1.8px),repeating-linear-gradient(94deg,#281e3206 0 1px,#0000 1px 5px);background-position:0 0,2px 3px,0 0;background-size:3px 3px,7px 7px,auto;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero .parM,.hero .parF{animation:none!important}}.hero .sheet>.fig{transform-box:view-box;transform-origin:310px 1500px}.hero .sheet>.fig:nth-of-type(2n){transform:rotate(.45deg)}.hero .sheet>.fig:nth-of-type(3n){transform:rotate(-.6deg)}.hero .sheet>.fig:nth-of-type(5n){transform:rotate(.28deg)}@keyframes cloth2{0%{transform:rotate(-1.8deg)}25%{transform:rotate(1.5deg)}50%{transform:rotate(-1.8deg)}75%{transform:rotate(1.5deg)}to{transform:rotate(-1.8deg)}}.hero .cloth2{transform-origin:300px 360px;animation-name:cloth2}
.hero{--lens-h:clamp(460px, calc(100svh - 76px), 836px)}@media (max-width:640px){.hero{--lens-h:clamp(380px, 68svh, 560px)}}.hero-copy{z-index:3;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:clamp(12px,2.6vw,26px);padding:0 16px;display:flex;position:absolute;top:17.46%;left:0;right:0}.hero-title{font-family:var(--font-display), "Archivo", Arial, sans-serif;letter-spacing:-.045em;color:#16121a;margin:0;font-size:clamp(44px,8.8vw,126px);font-weight:800;line-height:1}.hero-title .f{color:#d42a2a}.hero-tagline{letter-spacing:.34em;text-transform:uppercase;color:#5a5364;margin:0;font-size:clamp(10px,1.1vw,15px);font-weight:600}.hero-scroll{color:#5a5364;font:inherit;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:0 0;border:0;align-items:center;gap:10px;margin-top:clamp(14px,3vh,34px);padding:9px 16px;font-size:11.5px;font-weight:700;text-decoration:none;animation:17s cubic-bezier(.16,1,.3,1) infinite heroScrollIn;display:inline-flex}.hero-scroll:hover{color:#16121a}.hero-scroll svg{animation:2.4s ease-in-out infinite heroScrollNudge}@keyframes heroScrollIn{0%,78%{opacity:0;transform:translateY(12px)}86%,93%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(12px)}}@keyframes heroScrollNudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.hero-scroll,.hero-scroll svg{opacity:1!important;animation:none!important;transform:none!important}}