@font-face{font-family:Academy Engraved LET;src:url(AcademyEngravedLetPlain.a09c46bf.woff2)format("woff2"),url(AcademyEngravedLetPlain.ec57ddec.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box}:root{font-size:16px}body{--color-text:#f5eb15;--color-bg:#111;--color-link:#aaa;--color-link-hover:#fff;--color-alt:#7f6a57;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;counter-reset:contentSection;margin:0;font-family:neuzeit-grotesk,sans-serif}.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)}}a{color:var(--color-link);outline:none;text-decoration:underline}a:hover,a:focus{color:var(--color-link-hover);outline:none;text-decoration:none}main{position:relative;overflow:hidden}.frame{text-align:center;z-index:900;position:relative}.frame__author{color:var(--color-alt);text-decoration:none}.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-alt);text-decoration:none}.content{flex-direction:column;place-content:center space-between;min-height:25vh;padding:3rem;display:flex;position:relative}.content--auto{min-height:0}.content--feature{justify-content:flex-start;min-height:0}.content--fixed{z-index:1000;width:100%;position:fixed;top:0}.content__pretitle{color:var(--color-alt);margin-top:auto;font-size:1.85rem}.content__pretitle:before{content:"―";margin-right:.25rem}.content__title{will-change:transform;max-width:800px;margin:0 0 3rem;font-size:9vw;font-weight:400;line-height:.8}.content__text{font-size:clamp(1rem,4vw,2.25rem)}.content__text--right{align-self:flex-end}.content__text--centered{margin:auto}.content__breakout{white-space:nowrap;text-transform:uppercase;color:#aa0e0e;margin:0 -3rem;font-family:span,serif;font-style:italic;font-weight:200}.content__breakout--big{font-size:13vw;font-weight:200}.content__breakout--medium{font-size:5vw}.tiles{--tiles-height:52vw;height:var(--tiles-height);position:relative;overflow:hidden}.tiles--columns-rotated{--tiles-height:180vmax}.tiles--columns{--tiles-height:140vh}.tiles--oneline{--tiles-height:50vh;min-height:400px;margin:10vh 0}.tiles--small{--tiles-height:100px;margin:10vh 0 0}.tiles--fixed{--tiles-height:65vw;margin-top:25vh}.tiles--perspective{perspective:1000px;--tiles-height:500px;overflow:visible}.tiles__wrap{--tileswrap-height:var(--tiles-height);width:150%;height:var(--tileswrap-height);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tiles--rotated .tiles__wrap{--tileswrap-height:calc(var(--tiles-height) * 1.8);transform:translate(-50%,-50%)rotate(22.5deg)}.tiles--columns-rotated .tiles__wrap{justify-content:center;align-items:center;width:150%;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-22.5deg)}.tiles--columns .tiles__wrap{--tileswrap-height:calc(var(--tiles-height) * 1.4);width:100%;display:flex;top:50%;left:0;transform:translateY(-50%)}.tiles--perspective .tiles__wrap{width:200%;transform:translate(-50%,-50%)translate(-25%)translateZ(-1200px)rotateX(75.5deg)rotate(12deg)}.tiles--fixed .tiles__wrap{width:100%}.tiles__line{display:flex}.tiles--columns .tiles__line{width:25%;padding:0 1rem;display:block}.tiles--columns-rotated .tiles__line{flex:none;width:320px;padding:0 1.5vw;display:block}.tiles--columns-rotated .tiles__line:nth-child(2n){margin-top:-160px}.tiles--oneline .tiles__line,.tiles--small .tiles__line{height:100%}.tiles__line-img{--tile-margin:2vw;width:calc(16.6666% - var(--tile-margin) * 2);height:calc(var(--tileswrap-height) / 3 - (3 * var(--tile-margin) / 2));margin:var(--tile-margin);background-position:50%;background-size:cover;flex:none}.tiles--perspective .tiles__line-img{backface-visibility:hidden;--tile-margin:1vw;width:calc(16.6666% - var(--tile-margin) * 2);outline:1px solid #0000;height:21.6658vw}.tiles--oneline .tiles__line-img{--tile-margin:1vw;margin:0 var(--tile-margin);width:calc(25% - var(--tile-margin) * 2);height:100%}.tiles--small .tiles__line-img{--tile-margin:5px;margin:0 var(--tile-margin);width:calc(12.5% - var(--tile-margin) * 2);height:100%}.tiles--rotated .tiles__line-img{--tile-margin:1vw;width:calc(16.6666% - var(--tile-margin) * 2);height:calc(var(--tileswrap-height) / 5 - (4 * var(--tile-margin) / 2))}.tiles--columns-rotated .tiles__line-img{--tile-margin:3vw 0;width:100%;height:400px}.tiles--columns .tiles__line-img{--tile-margin:2rem 0;width:100%;height:32.5vw}.tiles--fixed .tiles__line-img{--tile-margin:10px;-webkit-filter:brightness(.8);width:calc(16.6666% - var(--tile-margin) * 2);height:calc(var(--tileswrap-height) / 3 - (3 * var(--tile-margin) / 2))}.tiles--darker .tiles__line-img{opacity:.7}.tiles__title{justify-content:center;align-items:center;width:100%;height:100vh;margin:0;padding:3rem;font-family:Academy Engraved LET;font-size:10vw;font-style:normal;font-weight:10;line-height:.8;display:flex;position:absolute}.tiles__title--alt{font-size:clamp(2rem,9vw,7.25rem)}.tiles__title--intro{justify-content:flex-start;align-items:flex-start;padding-top:10vh}.tiles__title--right{justify-content:flex-end}.tiles__title--left{justify-content:flex-start}.tiles__title--full{height:100%}.backtop{cursor:pointer;align-self:center;margin:auto 0;font-size:6vw;text-decoration:none}.backtop:after{content:"⤴";vertical-align:top;margin-left:1rem;font-size:3vw}.footer{background:linear-gradient(to bottom, var(--color-bg) 0%, #000 100%);border-top:1px solid var(--color-alt);text-align:center;margin-top:2rem;padding:3rem 1rem}.footer__powered{letter-spacing:.1em;text-transform:uppercase;font-size:.875rem}.footer__powered a{color:var(--color-alt);text-decoration:none;transition:color .3s}.footer__powered a:hover{color:var(--color-text)}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}.c-scrollbar{transform-origin:100%;opacity:0;width:11px;height:100vh;transition:transform .3s,opacity .3s;position:absolute;top:0;right:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}.c-scrollbar_thumb{opacity:.5;width:7px;cursor:-webkit-grab;cursor:grab;background-color:#000;border-radius:10px;margin:2px;position:absolute;top:0;right:0}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}.ticket-banner{z-index:9999;cursor:pointer;color:#000;cursor:pointer;background-image:url(ticket-banner-01.162ad30c.jpg);margin:-3rem;padding:3rem;text-decoration:none}.mixmag-banner{background-image:url(mixmag-banner.e8a5005f.jpg);background-position-x:-22px -35px 7px;background-position-y:-325px;background-repeat:repeat-x;background-size:1040px}.mixmag-banner h2{color:#fff!important}@media screen and (width<=915px){.ticket-banner h2{font-size:30px!important}}@media screen and (width<=848px){.ticket-banner h2{font-size:25px!important}}@media screen and (width<=768px){.ticket-banner h2{font-size:24px!important}}@media screen and (width<=639px){.ticket-banner h2{font-size:20px!important}}@media screen and (width<=580px){.ticket-banner h2{font-size:15px!important}}@media screen and (width<=510px){.ticket-banner h2{font-size:12px!important}}@media screen and (width<=425px){.ticket-banner h2{display:none!important}}@media screen and (width>=53em){.frame{grid-gap:5vw;grid-template-columns:auto auto auto 1fr;grid-template-areas:"title title links demos";align-content:space-between;width:100%;display:grid}.frame__title{grid-area:title;margin:0}.frame__demos{grid-area:demos;justify-self:end;margin:0}.frame__links{grid-area:links;justify-self:end;padding:0}.tiles--columns-rotated .tiles__line{width:33vmax}.tiles--columns-rotated .tiles__line:nth-child(2n){margin-top:-20vmax}.tiles--columns-rotated .tiles__line-img{height:40vmax}.content--numbered:after{counter-increment:contentSection;content:counter(contentSection, decimal-leading-zero);color:var(--color-alt);border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin-top:-2rem;display:flex;position:absolute;top:50%;right:3rem}.content__text{width:50vw;min-width:calc(300px - 6rem);max-width:800px}.content__text--wide{width:65vw;max-width:1000px}.tiles--small{--tiles-height:240px}.cb-slideshow,.cb-slideshow:after{z-index:0;width:100vw;height:500px;top:0;left:0}.cb-slideshow:after{content:"";background:url(pattern.d8462dfc.png)}.cb-slideshow li span{color:#0000;background-position:50%;background-size:cover;background-repeat:none;opacity:0;z-index:0;-webkit-backface-visibility:hidden;-ms-animation:imageAnimation 36s linear infinite 0s;width:100vw;height:500px;animation:36s linear infinite imageAnimation;position:absolute}.cb-slideshow li div{z-index:1000;text-align:right;opacity:0;-ms-animation:titleAnimation 36s linear infinite 0s;width:100%;animation:36s linear infinite titleAnimation;position:absolute}.cb-slideshow li div h3{padding:0 120px;font-family:Academy Engraved LET,sans-serif;font-size:80px;font-weight:1;line-height:120px}.cb-slideshow li:first-child>span{background-image:url(6.39fe1ee5.jpg)}.cb-slideshow li:nth-child(2)>span{-ms-animation-delay:6s;background-image:url(5.6fe54c13.jpg);animation-delay:6s}.cb-slideshow li:nth-child(3)>span{-ms-animation-delay:12s;background-image:url(4.d7d847f1.jpg);animation-delay:12s}.cb-slideshow li:nth-child(4)>span{-ms-animation-delay:18s;background-image:url(3.433839bf.jpg);animation-delay:18s}.cb-slideshow li:nth-child(5)>span{-ms-animation-delay:24s;background-image:url(2.9aee9a1c.jpg);animation-delay:24s}.cb-slideshow li:nth-child(6)>span{-ms-animation-delay:30s;background-image:url(1.d522681c.jpg);animation-delay:30s}.cb-slideshow li:nth-child(2)>div{-ms-animation-delay:6s;animation-delay:6s}.cb-slideshow li:nth-child(3)>div{-ms-animation-delay:12s;animation-delay:12s}.cb-slideshow li:nth-child(4)>div{-ms-animation-delay:18s;animation-delay:18s}.cb-slideshow li:nth-child(5)>div{-ms-animation-delay:24s;animation-delay:24s}.cb-slideshow li:nth-child(6)>div{-ms-animation-delay:30s;animation-delay:30s}@-webkit-keyframes imageAnimation{0%{opacity:0;-webkit-animation-timing-function:ease-in}8%{opacity:1;-webkit-animation-timing-function:ease-out;-webkit-transform:scale(1.05)}17%{opacity:1;-webkit-transform:scale(1.1)rotate(3deg)}25%{opacity:0;-webkit-transform:scale(1.1)rotate(3deg)}to{opacity:0}}@-moz-keyframes imageAnimation{0%{opacity:0;-moz-animation-timing-function:ease-in}8%{opacity:1;-moz-animation-timing-function:ease-out;-moz-transform:scale(1.05)}17%{opacity:1;-moz-transform:scale(1.1)rotate(3deg)}25%{opacity:0;-moz-transform:scale(1.1)rotate(3deg)}to{opacity:0}}@-o-keyframes imageAnimation{0%{opacity:0;-o-animation-timing-function:ease-in}8%{opacity:1;-o-animation-timing-function:ease-out;-o-transform:scale(1.05)}17%{opacity:1;-o-transform:scale(1.1)rotate(3deg)}25%{opacity:0;-o-transform:scale(1.1)rotate(3deg)}to{opacity:0}}@keyframes imageAnimation{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;animation-timing-function:ease-out;transform:scale(1.05)}17%{opacity:1;transform:scale(1.1)rotate(3deg)}25%{opacity:0;transform:scale(1.1)rotate(3deg)}to{opacity:0}}@-webkit-keyframes titleAnimation{0%{opacity:0;-webkit-transform:translate(200px)}8%{opacity:1;-webkit-transform:translate(0)}17%{opacity:1;-webkit-transform:translate(0)}19%{opacity:0;-webkit-transform:translate(-400px)}25%{opacity:0}to{opacity:0}}@-moz-keyframes titleAnimation{0%{opacity:0;-moz-transform:translate(200px)}8%{opacity:1;-moz-transform:translate(0)}17%{opacity:1;-moz-transform:translate(0)}19%{opacity:0;-moz-transform:translate(-400px)}25%{opacity:0}to{opacity:0}}@-o-keyframes titleAnimation{0%{opacity:0;-o-transform:translate(200px)}8%{opacity:1;-o-transform:translate(0)}17%{opacity:1;-o-transform:translate(0)}19%{opacity:0;-o-transform:translate(-400px)}25%{opacity:0}to{opacity:0}}@keyframes titleAnimation{0%{opacity:0;transform:translate(200px)}8%{opacity:1;transform:translate(0)}17%{opacity:1;transform:translate(0)}19%{opacity:0;transform:translate(-400px)}25%{opacity:0}to{opacity:0}}}