:root{--color-bg:#000000;--color-text:#ffffff;--color-text-alt:#cccccc;--color-link:#ffffff;--color-link-hover:#dddddd;--color-thumb-caption-link-hover:#ffffff;--color-thumb-caption-title:#ffffff;--cursor-fill:#ffffff}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:none;color:var(--color-link)}a,a:hover{outline:none}a:hover{color:var(--color-link-hover)}a:focus{outline:none;background:lightgrey}a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red;background:transparent}.unbutton{background:none;border:0;padding:0;margin:0;font:inherit}.unbutton:focus{outline:none}main{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg)}h1,main{color:var(--color-text)}body{background-color:var(--color-bg)}.frame{padding:3rem 5vw;text-align:center;position:relative;z-index:1000}.frame__title{font-size:1.5rem;margin:0 0 1rem;font-weight:300;font-family:meno-banner,serif}.frame__links{display:inline}.frame__demos a:not(:last-child),.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)}.cursor{display:none}.content{padding:1rem;display:flex;flex-wrap:wrap;width:100%;height:auto;min-height:500px;max-width:760px;margin:auto;align-content:center;justify-content:center}.item{flex:none;padding:1rem}.item__meta{font-size:.85rem;padding-bottom:1rem;border-bottom:1px solid var(--color-text)}.item__meta-title{font-family:meno-banner,serif;font-weight:400;font-size:1.75rem;margin:0}.item__meta-detail{color:var(--color-text-alt)}.item__meta>*{will-change:transform,opacity}.thumb{position:relative;margin:0;width:200px;height:220px;overflow:hidden}.thumb__caption{position:absolute;width:100%;height:100%;top:0;left:0;padding:1rem;background:#000;transform:translate3d(0,100%,0)}.thumb__caption-link{display:block;cursor:pointer}.thumb__caption-link:hover{color:var(--color-thumb-caption-link-hover)}.thumb__caption-title{color:var(--color-thumb-caption-title)}.distort{pointer-events:none;margin:-115px 0 0 -75px}@media screen and (min-width:74em){.frame{text-align:left;top:0;left:0;display:grid;align-content:space-between;max-width:none;padding:2rem 2rem 0;grid-template-columns:52vw auto;grid-template-areas:"pagetitle links" "title title"}.frame,.frame__title{width:100%;pointer-events:none}.frame__title{line-height:.7;grid-area:title;font-size:16.4vw;text-align:center;white-space:nowrap;margin:0 0 4vw}.frame__pagetitle{position:relative;margin-right:1rem;justify-self:end;grid-area:pagetitle}.frame__demos{margin:0;grid-area:demos;justify-self:end}.frame__links{grid-area:links;padding:0;justify-self:end}.frame a{pointer-events:auto}.content{z-index:1000;padding-top:0;justify-content:space-between;max-width:none}.item:nth-child(odd){padding-top:10vh}}@media (any-pointer:fine){.cursor{position:fixed;top:0;left:0;display:block;pointer-events:none;z-index:10000}.cursor__inner{fill:var(--cursor-fill)}.no-js .cursor{display:none}}