/* Ringo Barbers - motion layer */
.mo .mo-up{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.mo .mo-img{opacity:0}
.mo .mo-in{opacity:1;transform:none}
.mo .mo-img.mo-in{animation:mo-wipe 1.2s cubic-bezier(.7,0,.2,1) both}
@keyframes mo-wipe{from{clip-path:inset(0 0 100% 0);transform:scale(1.06)}to{clip-path:inset(0 0 0 0);transform:none}}
.mo .mo-line{display:block;overflow:hidden;padding-bottom:.06em}
.mo .mo-line>span{display:block;transform:translateY(105%);transition:transform 1.1s cubic-bezier(.7,0,.2,1)}
.mo.mo-ready .mo-line>span{transform:none}
.mo section:first-of-type .mo-up{opacity:0;transform:translateY(18px)}
.mo.mo-ready section:first-of-type .mo-up{opacity:1;transform:none}
.mo .mo-kb{transform:scale(1.12);transition:transform 9s cubic-bezier(.2,.6,.2,1)}
.mo.mo-ready .mo-kb{transform:scale(1)}

/* marquee */
.mq{overflow:hidden;white-space:nowrap;direction:ltr;border-top:1px solid #2E2A26;border-bottom:1px solid #2E2A26;background:#151413;padding:14px 0}
.mq div{display:inline-block;animation:mq 34s linear infinite;font-family:'Open Sans',sans-serif;font-weight:700;font-size:15px;letter-spacing:3px;color:#C9C0B0}
.mq span{margin:0 22px}.mq .g{color:#D4A845}
@keyframes mq{to{transform:translateX(-50%)}}

/* film grain */
body::after{content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.06;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-2%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

@media (prefers-reduced-motion:reduce){body::after,.mq div{animation:none}}
.a11y-calm .mq div{animation:none}