*,:after,:before{box-sizing:border-box}:root{font-size:18px}html,body,main{width:100%;height:100%;position:relative}body{--color-text:#000;--color-text-alt:#848484;--color-title:#d3d3d3;--color-bg:#dcdcdc;--color-link:#e3154d;--color-link-hover:#000;color:var(--color-text);background-color:var(--color-bg);--cursor-stroke:#e3154d;--cursor-fill:none;--cursor-stroke-width:1px;--cursor-text:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:tenon,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}a{color:var(--color-link);outline:none;text-decoration:underline}a:hover,a:focus{color:var(--color-link-hover);outline:none;text-decoration:none}.unbutton{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}.message{z-index:100;background:var(--color-text);color:var(--color-bg);padding:.5rem;font-size:.75rem;position:relative}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.frame{z-index:1000;padding:1rem 5vw;position:relative}.frame__title{margin:0 0 1rem;font-size:1rem;font-weight:400}.frame__links{display:inline}.frame__links a:not(:last-child),.frame__demos a:not(:last-child){margin-right:1rem}.frame__demos{margin:1rem 0}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text);text-decoration:none}.content{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:300px;display:flex;position:relative}.grid{perspective:1000px;grid-template-rows:repeat(50,2%);grid-template-columns:repeat(50,2%);width:120%;height:120%;display:grid;position:absolute;top:-15%;left:-10%}.grid--inactive{pointer-events:none}.grid__item{will-change:transform;grid-area:var(--grid-row)/var(--grid-column)/span 12/span 5;position:relative}.grid__item-img{will-change:transform;object-fit:contain;background-position:50%;background-size:cover;border-radius:0;width:100%;height:auto;position:relative}.char{will-change:transform}.pos-1{--grid-row:10;--grid-column:1}.pos-2{--grid-row:1;--grid-column:18}.pos-3{--grid-row:1;--grid-column:29}.pos-4{--grid-row:15;--grid-column:12}.pos-5{--grid-row:17;--grid-column:25}.pos-6{--grid-row:20;--grid-column:43}.pos-7{--grid-row:35;--grid-column:5}.pos-8{--grid-row:40;--grid-column:14}.pos-9{--grid-row:37;--grid-column:29}.pos-10{--grid-row:35;--grid-column:42}.pos-11{--grid-row:1;--grid-column:44}.pos-12{--grid-row:32;--grid-column:20}.pos-13{--grid-row:22;--grid-column:2}.pos-14{--grid-row:9;--grid-column:38}.pos-15{--grid-row:4;--grid-column:7}.pos-16{--grid-row:28;--grid-column:36}.content__title{color:var(--color-title);text-transform:uppercase;pointer-events:none;margin:0;font-size:12vw;line-height:1.2;position:relative}.content__title-line{line-height:1;display:block;position:relative;overflow:hidden}.content__title-line--1{margin-left:-5vw}.content__title-line--2{margin-right:-5vw}.preview{pointer-events:none;position:relative}.js .preview{width:100%;height:100%;position:absolute;top:0;left:0}.preview__item{grid-template:"preview-back preview-back""preview-img preview-title""preview-content preview-content"/50% 50%;margin:0 auto;padding:0 5vw;display:grid;position:relative}.js .preview__item{perspective:1000px}.js .preview__item:not(.preview__item--open){opacity:0;height:0;position:absolute;overflow:hidden}.js .preview__item--open{pointer-events:auto}.preview__item-back{text-transform:uppercase;background:url(arrow.b95551d0.svg) 0% no-repeat;grid-area:preview-back;justify-self:start;margin-bottom:1rem;padding-left:90px;font-size:.857rem;font-weight:500}.preview__item-title{pointer-events:none;grid-area:preview-title/1/preview-title/preview-title;align-self:center;margin:0;padding-left:1rem;font-family:dystopian,sans-serif;font-size:clamp(1.5rem,8vw,12vh);line-height:1;position:relative;overflow:hidden}.preview__item-imgwrap{transform-origin:50% 100%;border-radius:10px;grid-area:preview-img;width:100px;height:150px;overflow:hidden}.preview__item-img{background-position:50%;background-size:cover;width:100%;height:100%}.preview__item-content{grid-area:preview-content;max-width:calc(1100px - 80vh);min-height:440px;line-height:1.3}.preview__item-meta{color:var(--color-text-alt);text-transform:uppercase;padding:1rem 0 0;font-size:.857rem}.preview__item-meta span{display:block}.preview__item-info{color:var(--color-link);margin:1rem 0;display:block}.preview__item-button{color:#fff;text-transform:uppercase;font:inherit;cursor:pointer;background:#000;border:0;border-radius:2rem;margin-bottom:1rem;padding:1rem 2rem;font-size:.875rem;font-weight:500;display:inline-block}.preview__item-button:hover,.preview__item-button:active,.preview__item-button:focus{background:var(--color-link);outline:none}.cursor{display:none}@media screen and (width>=53em){html,body,main{overflow:hidden}.message{display:none}.frame{z-index:100;grid-gap:6vw;pointer-events:none;grid-template:"title links."". . ."". . ."/auto 1fr auto;align-content:space-between;width:100%;max-width:none;height:100%;padding:1rem 1.5rem;display:grid;position:fixed;top:0;left:0}.frame__title-wrap{grid-area:title;display:flex}.frame__title{margin:0}.frame__tagline{opacity:.5;margin:0 0 0 1rem;padding:0 0 0 1rem;position:relative}.frame__demos{grid-area:demos;justify-self:end;margin:0}.frame__links{grid-area:links;padding:0}.frame a{pointer-events:auto}.content{height:100%}.preview__item{grid-template:". ."minmax(max(5rem,18vh),1fr)"preview-back.""preview-title preview-title""preview-img preview-content"1fr/47% 53%;width:80vw;height:100%}.preview__item-title{justify-self:center;padding:0}.preview__item-meta{padding:1rem 0}.preview__item-info{margin:1rem 0 3rem}.preview__item-imgwrap{border-radius:10px 10px 0 0;grid-row-start:3;width:100%;height:100%}.preview__item-content{padding:0 0 0 4rem}}@media (any-pointer:fine){.cursor{pointer-events:none;z-index:9999;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.cursor__svg{pointer-events:none;position:absolute;top:0;left:0}.cursor__svg-circle{fill:var(--cursor-fill);stroke:var(--cursor-stroke);stroke-width:var(--cursor-stroke-width)}.cursor__text{text-transform:uppercase;fill:var(--cursor-text);font-size:.857rem;font-weight:500;position:absolute;top:1.875rem;left:80px}}