*,:after,:before{box-sizing:border-box}:root{font-size:18px}body{--color-link-hover:#000;--marquee-bg:#000;--color-link:#000;--color-bg:#f8c792;color:var(--color-text);--marquee-text:#fff;--color-text:#111;margin:0;--color-border:#a7927b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--menu-focus:#775e41}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{height:100%;top:0;background:var(--color-bg);left:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;height:60px;opacity:.4;top:50%;margin:-30px 0 0 -30px;border-radius:50%;background:var(--color-link);left:50%;width:60px}@keyframes loaderAnim{to{transform:scale3d(.5,.5,1);opacity:1}}a{text-decoration:underline;color:var(--color-link)}a,a:hover{outline:none}a:hover{text-decoration:none;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus-visible,a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red}.unbutton{padding:0;border:0;font:inherit;margin:0;background:none}.unbutton:focus{outline:none}.frame{padding:3rem 5vw;position:relative;text-align:center;z-index:1000}.frame__logo{font-size:1rem;font-weight:700;margin:0 0 1rem}.frame__links{display:inline}.frame__links a:not(:last-child){margin-right:1rem}.frame__demos{margin:1rem 0}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text)}.menu-wrap{height:calc(100vh - 13rem);justify-content:center;position:relative;flex-direction:column;width:100vw;display:flex}.menu__item{overflow:hidden;position:relative;text-align:center;box-shadow:0 -1px var(--color-border);cursor:default}.menu__item:last-child{box-shadow:0 1px var(--color-border),0 -1px var(--color-border)}.menu__item-link{text-decoration:none;position:relative;cursor:pointer;display:block}.menu__item-link:focus,.menu__item-link:focus-visible{color:var(--menu-focus)}.menu__item-link:focus:not(:focus-visible){color:var(--color-link)}.marquee{height:100%;overflow:hidden;transform:translate3d(0,101%,0);pointer-events:none;position:absolute;top:0;background:var(--marquee-bg);left:0;width:100%;marquee-speed:slow}.marquee__inner-wrap{height:100%;transform:translate3d(0,-101%,0);width:100%}.marquee__inner{animation:marquee 15s linear infinite;height:100%;position:relative;will-change:transform;align-items:center;width:fit-content;display:flex}@keyframes marquee{to{transform:translate3d(-50%,0,0)}}.marquee span,.menu__item-link{padding:1vh 1vw 0;font-size:6vw;font-weight:600;text-transform:uppercase;line-height:1.2;white-space:nowrap}.marquee span{font-weight:400;color:var(--marquee-text);text-align:center}.marquee__img{height:70%;background-size:cover;margin:0 2vw;background-position:50% 50%;border-radius:5vw;width:15vw}@media screen and (min-width:53em){.frame{height:100vh;pointer-events:none;grid-template-columns:25% 50% 25%;padding:1.5rem 2rem 1rem;position:fixed;grid-template-rows:auto auto auto;max-width:none;text-align:left;top:0;align-content:space-between;left:0;width:100%;grid-template-areas:"logo credits links" "... ... ..." "... ... author";display:grid;z-index:100}.frame__logo{grid-area:logo;margin:0}.frame__credits{grid-area:credits;justify-self:center}.frame__author{grid-area:author;justify-self:end}.frame__links{grid-area:links;padding:0;justify-self:end;text-align:right}.frame a{pointer-events:auto}.menu-wrap{height:100vh}}