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