html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:100%}html{font-size:62.5%}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a,input,button,select,textarea{appearance:none;outline:none;text-decoration:none}a{vertical-align:baseline;color:inherit;background:0 0;outline:none;margin:0;padding:0;font-size:100%}button{cursor:pointer;padding:0}ins{color:#000;background-color:#ff9;text-decoration:none}mark{color:#000;background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{cursor:help;border-bottom:1px dotted}table{border-collapse:collapse;border-spacing:0}hr{border:none;height:1px;padding:0;display:block}input,select{vertical-align:middle}*,:after,:before{box-sizing:border-box}:root{--color-text1:#deedcf;--color-text2:#ffcbcc;--color-text3:#b9e6e3;--color-text4:#e1d0a1;--color-text5:#ccd3f6;--color-bg1:#3f4849;--color-bg2:#493f46;--color-bg3:#2b3242;--color-bg4:#3b3232;--color-bg5:#2d3a40;--color-text:var(--color-text1);--color-bg:var(--color-bg1);--color-link:var(--color-text);--color-link-hover:#fff;font-size:62.5%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--color-text);background-color:var(--color-bg);margin:0;transition:background-color .5s}.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:none;transition:color .3s}@media (hover:hover) and (pointer:fine){a:hover,a:focus{color:var(--color-link-hover);outline:none}}.message{background:var(--color-text);color:var(--color-bg);text-align:center;padding:1rem}.frame{text-align:center;z-index:1000;padding:3rem 5vw;position:relative}@media only screen and (width<=1111px){.frame{justify-content:space-between;align-items:center;display:flex}}@media only screen and (width<=767px){.frame{flex-direction:column;align-items:flex-start}}.frame__title{margin:0 0 1rem;font-size:1rem;font-weight:400}.frame__links{display:flex}@media only screen and (width<=767px){.frame__links{justify-content:center;text-decoration:underline}}.frame__links a:not(:last-child){margin-right:2rem}.frame__demos a:not(:last-child){margin-right:1rem}.frame__demos{margin:1rem 0}@media only screen and (width<=767px){.frame__demos{order:-1;margin:0 0 3rem}}.frame__demo{color:#ffffff4d;transition:color .3s}.frame__demo:not(:last-child):after{content:"—"}.frame__demo--current,.frame__demo:hover{color:#fff}.content{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:calc(100vh - 32rem);display:flex;position:relative}@media screen and (width>=53em){.message{display:none}.frame{text-align:left;z-index:100;pointer-events:none;grid-template:"title demos links"". . ."". . ."/0% 100% 0%;align-content:space-between;width:100%;max-width:none;padding:3rem;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:center;margin:0}.frame__links{grid-area:demos;padding:0}.frame__links a:first-child{margin-right:auto}.frame a{pointer-events:auto}.content{justify-content:center;height:100vh}}body{font-family:source-sans-pro,sans-serif;font-size:1.4rem;font-weight:400}#scene{z-index:3;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0}.scroll-content,.detail-view__inner{color:#fff;width:100%;height:100%;padding:9rem 5vw 5rem;display:block}@media only screen and (width<=767px){.scroll-content,.detail-view__inner{padding-top:0}}.scrollarea{height:100%}.scrollarea-ctn{z-index:5;position:relative}.page-title{z-index:-1;white-space:nowrap;color:var(--textColor);opacity:.1;font-size:calc(4vw + 8rem);line-height:.975;position:fixed;top:9rem;left:5vw}.line-ctn{display:block;overflow:hidden}.btn-inline{border-bottom:.1rem solid;line-height:1.5;display:inline-block}.title{text-transform:uppercase;font-family:orpheuspro,serif;font-style:normal;font-weight:400}.title--medium{font-size:calc(2rem + 2.5vw)}.title--large{font-size:calc(10rem + 3vw)}.title__offset{margin-left:15%;display:block}@media only screen and (width>=768px){.title__offset--medium{margin-left:23%}}@keyframes rotate{to{transform:rotate(1turn)}}.detail-view{z-index:10;opacity:0;pointer-events:none;width:100%;min-height:100vh;position:fixed;top:0;left:0;overflow:auto}.detail-view.is-interactive{pointer-events:all}.detail-view.is-visible{opacity:1}.detail-view__inner{padding-left:10vw}.detail-view__title{color:var(--color-text);margin-top:4rem;margin-bottom:5rem}.detail-view__content p{opacity:.7;width:100%;max-width:35vw;font-size:1.8rem;line-height:1.9}.detail-view__content p:not(:last-child){margin-bottom:3rem}.close-detail{background:0 0;border:0;position:relative}.close-detail__path{fill:var(--color-text)}.close-detail__back{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close-detail__round{animation:40s linear infinite rotate}.slideshow{width:100%;position:relative}.slideshow__progress-ctn{will-change:transform;background-color:#fff3;border-radius:.4rem;width:13rem;height:.4rem;position:absolute;bottom:5%;left:calc(50% - 6.5rem);overflow:hidden}.slideshow__progress{background-color:#fff;border-radius:.4rem;width:100%;height:100%;display:block;position:absolute;top:0;left:0;transform:translate(-100%)}.slideshow-list{align-items:center;height:100%;display:flex}.slideshow-list__el{flex:none;width:100%;min-width:25rem;max-width:40vmin;margin-left:15vw}.slideshow-list__el:last-child{box-sizing:content-box;padding-right:10vw}.slideshow-list__el:first-child .tile__content{color:var(--color-text1)}@media only screen and (width>=1112px){.slideshow-list__el:first-child{transform:translateY(8vh)}}.slideshow-list__el:nth-child(2) .tile__content{color:var(--color-text2)}@media only screen and (width>=1112px){.slideshow-list__el:nth-child(2){transform:translateY(-8vh)}}.slideshow-list__el:nth-child(3) .tile__content{color:var(--color-text3)}@media only screen and (width>=1112px){.slideshow-list__el:nth-child(3){transform:translateY(8vh)}}.slideshow-list__el:nth-child(4) .tile__content{color:var(--color-text4)}@media only screen and (width>=1112px){.slideshow-list__el:nth-child(4){transform:translateY(-8vh)}}.slideshow-list__el:nth-child(5) .tile__content{color:var(--color-text5)}@media only screen and (width>=1112px){.slideshow-list__el:nth-child(5){transform:translateY(8vh)}}@media only screen and (width>=768px){.slideshow-list__el{margin-left:20vw}}.tile{cursor:pointer;position:relative}.tile__fig{width:100%;position:relative}.tile__fig:before{content:"";padding-top:136.36%;display:block}.tile__img{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;top:0;left:0}.tile__img.is-loaded{opacity:0}.tile__content{width:100%;font-size:1.4rem;transition:color .3s;position:absolute;bottom:3.6rem;left:0}@media (hover:hover) and (pointer:fine){.tile:hover .tile__content{color:#fff}}.tile__title{white-space:nowrap;margin-left:-10%}@media only screen and (width>=768px){.tile__title{margin-left:-45%}}.tile__cta{margin-top:2rem;margin-left:6.4%;line-height:1.5;display:block}@media only screen and (width>=768px){.tile__cta{margin-left:-11%}}