.sc{--loop:20s}.sc *,.sc .sc-bar{animation-duration:var(--loop);animation-iteration-count:infinite;animation-timing-function:ease-in-out}.sc:not(.on) *,.sc:not(.on) .sc-bar{animation-play-state:paused}.sc svg [class]{transform-box:fill-box;transform-origin:center}.sc .k0{animation-name:sc-k0}.sc .k1{animation-name:sc-k1}.sc .k2{animation-name:sc-k2}.sc .k3{animation-name:sc-k3}@keyframes sc-k0{0%,23%{opacity:1}27%,96%{opacity:.32}to{opacity:1}}@keyframes sc-k1{0%,21%{opacity:.32}25%,48%{opacity:1}52%,to{opacity:.32}}@keyframes sc-k2{0%,46%{opacity:.32}50%,73%{opacity:1}77%,to{opacity:.32}}@keyframes sc-k3{0%,71%{opacity:.32}75%,97%{opacity:1}to{opacity:.32}}.sc li.sc-cap{color:var(--color-muted)}.sc li.k0{animation-name:sc-c0}.sc li.k1{animation-name:sc-c1}.sc li.k2{animation-name:sc-c2}.sc li.k3{animation-name:sc-c3}@keyframes sc-c0{0%,24%{color:var(--color-ink)}25%,to{color:var(--color-muted)}}@keyframes sc-c1{0%,24%{color:var(--color-muted)}25%,49%{color:var(--color-ink)}50%,to{color:var(--color-muted)}}@keyframes sc-c2{0%,49%{color:var(--color-muted)}50%,74%{color:var(--color-ink)}75%,to{color:var(--color-muted)}}@keyframes sc-c3{0%,74%{color:var(--color-muted)}75%,to{color:var(--color-ink)}}.sc .sc-bar{transform-origin:left;animation-name:sc-bar;animation-timing-function:linear}[dir=rtl] .sc .sc-bar{transform-origin:right}@keyframes sc-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sc .sc-belt{animation:sc-belt 1.5s linear infinite}@keyframes sc-belt{to{transform:translateX(40px)}}.sc .sc-ride{animation-name:sc-ride;animation-timing-function:linear;fill:#7a5232}@keyframes sc-ride{0%{transform:translateX(0);fill:#7a5232;opacity:0}4%{opacity:1}30%{fill:#7a5232}40%{fill:#111416}92%{opacity:1}to{transform:translateX(820px);fill:#111416;opacity:0}}.sc .sc-flame{animation:sc-flame .8s ease-in-out infinite alternate;transform-origin:bottom}@keyframes sc-flame{to{transform:scaleY(.82) scaleX(1.06)}}.sc .sc-turn{animation:sc-belt 1.2s linear infinite}.sc .sc-steam{animation:sc-steam 2.4s ease-out infinite}@keyframes sc-steam{0%{transform:translateY(0) scale(.6);opacity:.9}to{transform:translateY(-120px) scale(1.4);opacity:0}}.sc .sc-shake{animation:sc-shake .25s ease-in-out infinite alternate}@keyframes sc-shake{to{transform:translateX(8px)}}.sc .sc-fall{animation:sc-fall 1.1s ease-in infinite}@keyframes sc-fall{0%{transform:translateY(0);opacity:1}to{transform:translateY(70px);opacity:0}}.sc .sc-fill{animation-name:sc-fill;transform-origin:bottom}@keyframes sc-fill{0%,72%{transform:scaleY(.08)}95%,to{transform:scaleY(1)}}.sc .sc-scoop{animation-name:sc-scoop;transform-origin:right}@keyframes sc-scoop{0%,4%{transform:rotate(-18deg)}14%,22%{transform:rotate(14deg)}30%,to{transform:rotate(-18deg)}}.sc .sc-tint{fill:var(--from)}.sc .k1t{animation-name:sc-tint1}.sc .k2t{animation-name:sc-tint2}@keyframes sc-tint1{0%,30%{fill:var(--from)}46%,to{fill:var(--to)}}@keyframes sc-tint2{0%,55%{fill:var(--from)}71%,to{fill:var(--to)}}.sc .sc-drop{opacity:0}.sc .k1d{animation-name:sc-drop1}.sc .k2d{animation-name:sc-drop2}@keyframes sc-drop1{0%,25%{transform:translateY(0);opacity:0}27%{opacity:1}36%{transform:translateY(260px);opacity:1}38%,to{transform:translateY(260px);opacity:0}}@keyframes sc-drop2{0%,50%{transform:translateY(0);opacity:0}52%{opacity:1}61%{transform:translateY(260px);opacity:1}63%,to{transform:translateY(260px);opacity:0}}.sc .sc-tick{stroke-dasharray:60;stroke-dashoffset:60;animation-name:sc-tick}@keyframes sc-tick{0%,76%{stroke-dashoffset:60}84%,to{stroke-dashoffset:0}}.sc .sc-bob{animation:sc-bob 1.6s ease-in-out infinite alternate}@keyframes sc-bob{to{transform:translateY(-10px)}}.sc .sc-through{animation:sc-through 2.4s linear infinite}@keyframes sc-through{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(330px);opacity:0}}.sc .sc-catch{animation-name:sc-catch}@keyframes sc-catch{0%,40%{transform:translateY(0);opacity:0}44%{opacity:1}60%,92%{transform:translateY(150px);opacity:1}to{transform:translateY(150px);opacity:0}}.sc .sc-dose{opacity:0;animation-name:sc-dose}@keyframes sc-dose{0%,25%{transform:translateY(0);opacity:0}27%{opacity:1}40%{transform:translateY(150px);opacity:1}44%,to{transform:translateY(170px);opacity:0}}.sc .sc-mix{animation:sc-mix 1.4s ease-in-out infinite alternate;transform-box:view-box}@keyframes sc-mix{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.sc .sc-press{animation:sc-press 2.4s linear infinite}@keyframes sc-press{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(300px);opacity:0}}.sc .sc-fume{animation:sc-fume 2.5s linear infinite}@keyframes sc-fume{0%{transform:translate(0);opacity:.9}to{transform:translate(210px,10px);opacity:.2}}.sc .sc-clean{animation:sc-steam 2.4s ease-out infinite}.sc .sc-truck{animation-name:sc-truck}@keyframes sc-truck{0%,25%{transform:translateX(-120px)}48%,to{transform:translateX(60px)}}.sc .sc-sail{animation-name:sc-sail}@keyframes sc-sail{0%,50%{transform:translateX(-30px)}73%,to{transform:translateX(140px)}}.sc .sc-wave{animation:sc-belt 2s linear infinite}.sc .sc-route{stroke-dashoffset:400;animation-name:sc-route}@keyframes sc-route{0%,74%{stroke-dashoffset:400;opacity:0}76%{opacity:1}90%,to{stroke-dashoffset:0;opacity:1}}.sc svg g.sc-cam{transform-box:view-box;transform-origin:0 0;animation-name:var(--cam);animation-timing-function:cubic-bezier(.45,0,.25,1)}.sc[data-scene=made]{--cam:sc-cam-made}@keyframes sc-cam-made{0%,2%{transform:translate(0) scale(1)}22%,8%{transform:translateY(-187px) scale(1.28)}28%,47%{transform:translateY(-162px) scale(1.28)}53%,72%{transform:translate(-277px,-85px) scale(1.28)}78%,88%{transform:translate(-336px,-174px) scale(1.28)}96%,to{transform:translate(0) scale(1)}}.sc[data-scene=tested]{--cam:sc-cam-tested}@keyframes sc-cam-tested{0%,2%{transform:translate(0) scale(1)}22%,8%{transform:translateY(-123px) scale(1.28)}28%,47%{transform:translate(-14px,-85px) scale(1.28)}53%,72%{transform:translate(-309px,-85px) scale(1.28)}78%,88%{transform:translate(-336px,-59px) scale(1.28)}96%,to{transform:translate(0) scale(1)}}.sc[data-scene=water]{--cam:sc-cam-water}@keyframes sc-cam-water{0%,2%{transform:translate(0) scale(1)}22%,8%{transform:translate(0) scale(1.28)}28%,47%{transform:translate(-168px,-98px) scale(1.28)}53%,72%{transform:translate(-168px,-46px) scale(1.28)}78%,88%{transform:translate(-336px,-189px) scale(1.28)}96%,to{transform:translate(0) scale(1)}}.sc[data-scene=oil]{--cam:sc-cam-oil}@keyframes sc-cam-oil{0%,2%{transform:translate(0) scale(1)}22%,8%{transform:translateY(-123px) scale(1.28)}28%,47%{transform:translate(0) scale(1.28)}53%,72%{transform:translate(-258px,-130px) scale(1.28)}78%,88%{transform:translate(-336px,-174px) scale(1.28)}96%,to{transform:translate(0) scale(1)}}.sc[data-scene=air]{--cam:sc-cam-air}@keyframes sc-cam-air{0%,2%{transform:translate(0) scale(1)}22%,8%{transform:translateY(-149px) scale(1.28)}28%,47%{transform:translate(-168px,-98px) scale(1.28)}53%,72%{transform:translate(-168px,-21px) scale(1.28)}78%,88%{transform:translate(-336px,-98px) scale(1.28)}96%,to{transform:translate(0) scale(1)}}.sc[data-scene=ship]{--cam:sc-cam-ship}@keyframes sc-cam-ship{0%,2%{transform:translate(0) scale(1)}22%,8%{transform:translateY(-149px) scale(1.28)}28%,47%{transform:translateY(-187px) scale(1.28)}53%,72%{transform:translate(-322px,-189px) scale(1.28)}78%,88%{transform:translate(-336px,-85px) scale(1.28)}96%,to{transform:translate(0) scale(1)}}.sc .sc-frame{container-type:inline-size}.sc .sc-say{position:absolute;inset-inline-start:2.5%;bottom:4.5%;width:min(72%,44em);height:0;pointer-events:none}.sc .sc-say p{position:absolute;bottom:0;inset-inline-start:0;display:flex;align-items:center;gap:.65em;max-width:100%;padding:.5em .9em .5em .5em;background:color-mix(in srgb,var(--color-ink) 88%,transparent);color:var(--color-paper);font-size:clamp(12px,2.2cqw,26px);line-height:1.25;opacity:0}.sc .sc-say b{display:grid;flex:none;place-items:center;min-width:1.7em;height:1.7em;background:var(--color-accent);color:var(--color-accent-ink);font-weight:600}.sc .sc-say .s0{animation-name:sc-s0}.sc .sc-say .s1{animation-name:sc-s1}.sc .sc-say .s2{animation-name:sc-s2}.sc .sc-say .s3{animation-name:sc-s3}@keyframes sc-s0{0%,4%{opacity:0;transform:translateY(14px)}22%,8%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-10px)}}@keyframes sc-s1{0%,26%{opacity:0;transform:translateY(14px)}29%,47%{opacity:1;transform:none}50%,to{opacity:0;transform:translateY(-10px)}}@keyframes sc-s2{0%,51%{opacity:0;transform:translateY(14px)}54%,72%{opacity:1;transform:none}75%,to{opacity:0;transform:translateY(-10px)}}@keyframes sc-s3{0%,76%{opacity:0;transform:translateY(14px)}79%,93%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-10px)}}@container (max-width: 520px){.sc .sc-say{display:none}}.sc .sc-spark{animation:sc-spark 1.8s ease-out infinite}@keyframes sc-spark{0%{transform:translate(0);opacity:1}to{transform:translate(14px,-90px);opacity:0}}.sc .sc-rise{animation:sc-rise 1.8s ease-in infinite}@keyframes sc-rise{0%{transform:translateY(0);opacity:0}20%{opacity:.9}to{transform:translateY(-150px);opacity:0}}.sc .sc-cloud{animation:sc-cloud 14s ease-in-out infinite alternate}@keyframes sc-cloud{to{transform:translateX(70px)}}.sc .sc-bob2{animation:sc-bob2 2.6s ease-in-out infinite alternate}@keyframes sc-bob2{0%{transform:translateY(0) rotate(-1.2deg)}to{transform:translateY(5px) rotate(1.2deg)}}.sc .sc-stamp{animation-name:sc-stamp}@keyframes sc-stamp{0%,84%{transform:scale(0);opacity:0}88%{transform:scale(1.15);opacity:1}91%,to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.sc .sc-bar,.sc .sc-ctl,.sc .sc-say{display:none}.sc svg g.sc-cam{animation:none;transform:none}.sc li.sc-cap{color:var(--color-ink)}.sc .sc-route,.sc .sc-tick{stroke-dashoffset:0}.sc .sc-stamp{transform:none;opacity:1}}