.steeve-reveal{opacity:0;transform:translateY(40px) rotate(.25deg);transition:opacity .75s ease,transform .8s cubic-bezier(.16,1,.3,1)}.steeve-reveal.steeve-reveal--in{opacity:1;transform:none}
.steeve-hero:after{content:"";position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:20}.steeve-hero--clicked:after{animation:steeveFlash .32s steps(2,end)}@keyframes steeveFlash{0%{opacity:0}35%{opacity:.14}60%{opacity:0}75%{opacity:.08}100%{opacity:0}}
.steeve-runner{position:fixed;z-index:40;left:-64px;bottom:14px;width:38px;height:88px;pointer-events:none;animation:steeveRun 35s linear infinite}
.steeve-runner svg{width:100%;height:100%;overflow:visible}
.steeve-runner .alien-outline,.steeve-runner .alien-mouth,.steeve-runner .alien-torso,.steeve-runner .arm-a path,.steeve-runner .arm-b path,.steeve-runner .leg-a path,.steeve-runner .leg-b path,.steeve-runner .alien-loop{fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.steeve-runner .alien-eye{fill:#fff;stroke:none}
.steeve-runner .arm-a,.steeve-runner .leg-a{transform-box:fill-box;transform-origin:top center;animation:limbA .36s ease-in-out infinite alternate}
.steeve-runner .arm-b,.steeve-runner .leg-b{transform-box:fill-box;transform-origin:top center;animation:limbB .36s ease-in-out infinite alternate}
.steeve-runner .alien-head{transform-box:fill-box;transform-origin:center bottom;animation:alienBob .72s ease-in-out infinite alternate}
@keyframes steeveRun{0%,30%{left:-64px}58%{left:calc(100% + 12px)}100%{left:calc(100% + 12px)}}
@keyframes limbA{from{transform:rotate(-18deg)}to{transform:rotate(22deg)}}
@keyframes limbB{from{transform:rotate(18deg)}to{transform:rotate(-22deg)}}
@keyframes alienBob{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(1.5px) rotate(1deg)}}
.steeve-about__text p{opacity:.24;transition:opacity .35s ease,transform .35s ease}.steeve-about-section.steeve-about--awake .steeve-about__text p{opacity:1}.steeve-about__text p:hover{transform:translateX(8px)}.steeve-about__mark{cursor:pointer;transition:transform .25s ease}.steeve-about__mark:hover{transform:rotate(-8deg) scale(1.08)}.steeve-about__mark path{stroke-dasharray:140;stroke-dashoffset:140}.steeve-about--awake .steeve-about__mark path{animation:steeveDraw 1.1s .25s ease forwards}.steeve-about__note{cursor:pointer;transition:color .2s,transform .2s}.steeve-about__note:hover{color:var(--steeve-accent);transform:rotate(-2deg) scale(1.06)}.steeve-about__doodle{position:absolute;right:4vw;top:30px;width:72px;height:72px;opacity:0;transform:translate(20px,-10px) rotate(12deg);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);pointer-events:none}.steeve-about__doodle path,.steeve-about__doodle circle{fill:none;stroke:var(--steeve-accent);stroke-width:1.5;stroke-linecap:round}.steeve-about-section.steeve-about--poke .steeve-about__doodle{opacity:1;transform:none}@keyframes steeveDraw{to{stroke-dashoffset:0}}
.steeve-about__mark,.steeve-about__note,.steeve-season__play,.steeve-archive__shuffle{appearance:none;-webkit-appearance:none;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;color:inherit;font:inherit;text-align:inherit}
.steeve-product__peek{position:absolute;right:10px;bottom:10px;background:#000;color:#fff;padding:5px 7px;font:10px var(--steeve-font);opacity:0;transform:translateY(6px) rotate(2deg);transition:.2s}.steeve-product:hover .steeve-product__peek{opacity:1;transform:none}.steeve-product{transition:transform .22s ease}.steeve-product:nth-child(2):hover{transform:rotate(.6deg)}.steeve-product:nth-child(3):hover{transform:rotate(-.6deg)}
.steeve-season{cursor:crosshair}.steeve-season>img,.steeve-season>video{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .4s}.steeve-season:hover>img,.steeve-season:hover>video{transform:scale(1.025)}.steeve-season__crosshair{position:absolute;z-index:4;left:50%;top:50%;font:24px var(--steeve-font);color:var(--steeve-accent);pointer-events:none;transform:translate(-50%,-50%);opacity:.7}.steeve-season__play,.steeve-archive__shuffle{font-size:10px;letter-spacing:.1em;cursor:pointer;margin-top:18px}.steeve-season__play:hover,.steeve-archive__shuffle:hover{color:var(--steeve-accent)}.steeve-season--pressed>img,.steeve-season--pressed>video{transform:scale(1.06);filter:contrast(1.12)}
.steeve-archive__item{transition:transform .25s cubic-bezier(.16,1,.3,1)}.steeve-archive__item:hover{z-index:2;transform:scale(1.025) rotate(-.5deg)}.steeve-archive__item:nth-child(even):hover{transform:scale(1.025) rotate(.7deg)}.steeve-archive__stamp{position:absolute;left:9px;top:9px;background:var(--steeve-accent);color:#fff;padding:4px 6px;font:9px var(--steeve-font);opacity:0;transform:rotate(-8deg) scale(.8);transition:.2s}.steeve-archive__item:hover .steeve-archive__stamp{opacity:1;transform:rotate(-4deg) scale(1)}.steeve-archive-section.steeve-archive--messy .steeve-archive__item:nth-child(1){transform:translate(8px,-10px) rotate(-2deg)}.steeve-archive-section.steeve-archive--messy .steeve-archive__item:nth-child(2){transform:translate(-5px,12px) rotate(1.6deg)}.steeve-archive-section.steeve-archive--messy .steeve-archive__item:nth-child(3){transform:translate(9px,6px) rotate(-1deg)}
.steeve-footer__links a{display:inline-block;transition:transform .2s,color .2s}.steeve-footer__links a:hover{color:var(--steeve-accent);transform:translateY(-3px) rotate(-2deg)}
@media(prefers-reduced-motion:reduce){.steeve-reveal{opacity:1;transform:none;transition:none}.steeve-runner{display:none}.steeve-about__text p{opacity:1}.steeve-about__mark path{stroke-dashoffset:0}.steeve-about__doodle{display:none}}
