.turnoswrap{max-width:860px;margin:56px auto 0}#clockAnim{--display:"Anton",Impact,sans-serif;--body:"Archivo",Arial,sans-serif;--fg:var(--cream);--box:#1b1b1b;--boxs:#333;--mute:#9a9a94;background:#111;border:1px solid #262626;border-radius:6px;padding:18px}#clockAnim svg{width:100%;height:auto;display:block}#clockAnim .cap{font:600 12px/1.5 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:14px 6px 0}#clockAnim .cap b{color:var(--red)}#clockAnim .ground{stroke:var(--boxs);stroke-width:2px}#clockAnim .box{fill:var(--box);stroke:var(--boxs)}#clockAnim .lab{font:600 11px var(--body);letter-spacing:.2em;fill:var(--mute)}#clockAnim .amt{font:400 24px var(--display);fill:var(--fg)}#clockAnim .signt{font:600 12px var(--body);letter-spacing:.14em;fill:var(--ink)}#clockAnim .st{stroke:var(--fg);stroke-width:3px;fill:none;stroke-linecap:round}#clockAnim .say{font:500 14px var(--body);fill:var(--ink)}#clockAnim svg *{transform-box:view-box}#clockAnim #mh{transform-origin:130px 170px;animation:3s linear infinite clkspin}#clockAnim #hh{transform-origin:130px 170px;transition:transform 1s cubic-bezier(.5,0,.3,1)}#clockAnim #open{transform-origin:440px 86px;animation:2s ease-in-out infinite alternate clkswing}#clockAnim #door{transform-origin:396px 211px;transition:transform .5s}#clockAnim #sun,#clockAnim #moon{transition:opacity .5s}#clockAnim #wk{transition:opacity .25s}@keyframes clkspin{to{transform:rotate(360deg)}}@keyframes clkswing{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@media (prefers-reduced-motion:reduce){#clockAnim *{transition:none!important;animation:none!important}}