.kotic-cover{--kotic-draw-delay:0.2s;--kotic-draw-duration:1.1s;--kotic-fill-delay:1.1s;--kotic-fill-duration:0.45s;--kotic-letter-delay:1.45s;--kotic-letter-stagger:0.17s;--kotic-letter-duration:0.32s;--animate-cycle:5.4s;--kotic-fade-duration:0.4s;--kotic-ease-draw:cubic-bezier(0.4,0,0.2,1);--kotic-ease-stamp:cubic-bezier(0.34,1.56,0.64,1);--kotic-bg:#0d0d0d;--kotic-logo-width:66%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--kotic-bg)}.kotic-cover__svg{width:var(--kotic-logo-width);height:auto}.kotic-letter{transform-box:fill-box;transform-origin:center}.kotic-slab{stroke-dasharray:1}@media (scripting:enabled){.kotic-cover:not(.in-view) .kotic-cover__svg{visibility:hidden}.kotic-cover.in-view .kotic-slab{animation:kotic-draw var(--kotic-draw-duration) var(--kotic-ease-draw) var(--kotic-draw-delay) backwards,kotic-fill var(--kotic-fill-duration) ease var(--kotic-fill-delay) backwards}.kotic-cover.in-view .kotic-letter{animation:kotic-stamp var(--kotic-letter-duration) var(--kotic-ease-stamp) calc(var(--kotic-letter-delay) + var(--kotic-i) * var(--kotic-letter-stagger)) backwards}.kotic-cover.in-view .kotic-cover__svg{animation:kotic-dissolve var(--kotic-fade-duration) var(--kotic-ease-draw) calc(var(--animate-cycle) - var(--kotic-fade-duration)) forwards}}@keyframes kotic-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes kotic-fill{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes kotic-stamp{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes kotic-dissolve{to{opacity:0}}@media (prefers-reduced-motion:reduce){.kotic-cover .kotic-cover__svg{visibility:visible!important;animation:none!important}.kotic-cover .kotic-letter,.kotic-cover .kotic-slab{animation:none!important}}