.proto-hero{--u:clamp(40px, 8vw, 104px);--proto-amber:#f0b13c;--proto-ochre:#c9851a;--proto-clay:#b4532c;--proto-moss:#5f7d34}.proto-col{animation:proto-rise .9s steps(7) var(--d,0s) both, proto-shift var(--p,8s) steps(3, end) calc(var(--d,0s) + 1.2s) infinite;will-change:transform;flex-direction:column;display:flex;position:absolute;bottom:-48px}.proto-band{height:var(--h);background:var(--c)}.proto-band:last-child{height:calc(var(--h) + 48px)}.proto-sprite{position:absolute;bottom:100%}.proto-walk{animation:9s steps(9,end) 1.2s infinite proto-walk}.proto-flip .pf-a{animation:proto-frame-a var(--f,.6s) steps(1, end) infinite}.proto-flip .pf-b{animation:proto-frame-b var(--f,.6s) steps(1, end) infinite}.proto-diamond{width:calc(var(--u) * .7);height:calc(var(--u) * .7);animation:.7s steps(6,end) .9s both proto-drop,5s steps(4,end) 1.7s infinite proto-bob,7s steps(6,end) 1.7s infinite proto-turn;position:absolute;rotate:45deg}@keyframes proto-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes proto-shift{0%,45%{translate:0}50%,95%{translate:0 calc(var(--u) * -.07)}to{translate:0}}@keyframes proto-walk{0%{translate:0;scale:1}48%{translate:calc(var(--u) * .5) 0;scale:1}50%{translate:calc(var(--u) * .5) 0;scale:-1 1}98%{translate:0;scale:-1 1}to{translate:0;scale:1}}@keyframes proto-frame-a{0%{opacity:1}50%{opacity:0}}@keyframes proto-frame-b{0%{opacity:0}50%{opacity:1}}@keyframes proto-drop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes proto-bob{0%,to{translate:0}50%{translate:0 calc(var(--u) * -.16)}}@keyframes proto-turn{0%,40%{rotate:45deg}to{rotate:135deg}}.proto-hero[data-paused=true] *,.proto-hero[data-paused=true] :before,.proto-hero[data-paused=true] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .proto-hero *,:root:not([data-motion=full]) .proto-hero :before,:root:not([data-motion=full]) .proto-hero :after{animation:none!important}}:root[data-motion=reduced] .proto-hero *,:root[data-motion=reduced] .proto-hero :before,:root[data-motion=reduced] .proto-hero :after{animation:none!important}@property --proto-pop-y{syntax:"<length>";inherits:false;initial-value:0}.proto-pop{visibility:hidden;opacity:0;transition:opacity 90ms ease-out,translate 90ms ease-out,visibility 0s linear 90ms;translate:0 -4px}.proto-pop[data-open=true]{visibility:visible;opacity:1;transition:opacity .15s cubic-bezier(.22,1,.36,1),translate .15s cubic-bezier(.22,1,.36,1),visibility;translate:0}@supports ((-moz-appearance:none)){.proto-pop{opacity:1;translate:0 var(--proto-pop-y);--proto-pop-y:-6px;transition:--proto-pop-y 90ms ease-out,visibility 0s linear 90ms}.proto-pop[data-open=true]{--proto-pop-y:0px;transition:--proto-pop-y .15s cubic-bezier(.22,1,.36,1),visibility}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .proto-pop{transition:none!important}}:root[data-motion=reduced] .proto-pop{transition:none!important}