:root{--background:#949588;--main:#fec928}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{scroll-behavior:smooth}body{min-height:100vh;background-color:var(--background)}body,body *{margin:0;padding:0}body,button,input,textarea{font-family:Helvetica Now Display,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background:none;border:none}a{text-decoration:none;color:inherit;display:inline-block}img{max-width:100%;height:auto}@font-face{font-family:Helvetica Now Display;src:local("Helvetica Now Display Light"),url(../fonts/HelveticaNowDisplay-Light.29cc8c66.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Helvetica Now Display;src:local("Helvetica Now Display Bold"),local("HelveticaNowDisplay-Bold"),url(../fonts/HelveticaNowDisplay-Bold.7192af0d.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Helvetica Now Display;src:local("Helvetica Now Display Regular"),local("HelveticaNowDisplay-Regular"),url(../fonts/HelveticaNowDisplay-Regular.01db325a.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Helvetica Now Display;src:local("Helvetica Now Display Medium"),local("HelveticaNowDisplay-Medium"),url(../fonts/HelveticaNowDisplay-Medium.87caf429.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Helvetica Now Display;src:local("Helvetica Now Display Black"),local("HelveticaNowDisplay-Black"),url(../fonts/HelveticaNowDisplay-Black.da431e75.woff2) format("woff2");font-weight:900;font-style:normal}#app{color:var(--main);min-height:100vh;max-width:60rem;margin:0 auto}.logo{position:-webkit-sticky;position:sticky;top:3vh;font-size:3rem;pointer-events:none;color:#fff;z-index:9;font-weight:600;padding-left:.5rem}.logo.-sticky{top:105vh}.scroll-cursor{cursor:url(/arrow-down.svg) 0 0,auto}.button,button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:32px;padding:10px 20px;font-weight:700;cursor:pointer}.button svg,button svg{height:100%;margin:0 1rem;fill:#fff;width:2rem}.button:hover,button:hover{color:var(--main)}.button:hover svg,button:hover svg{fill:var(--main)}.button:focus,button:focus{outline:none}@media screen and (max-width:20rem){.button,button{font-size:22px}}.button+.button{margin-left:1rem}.button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.instructions{margin-bottom:2rem}.loading-splash{position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:4rem;background:var(--background);z-index:8;padding:.5rem;width:100vw}.loading-message{text-align:left}.loading-message h3{max-width:55rem;font-weight:900}.loading-message p{font-weight:900;font-size:.925em;text-align:left;margin-top:.75rem}@media screen and (max-width:40rem){.loading-message{font-size:2rem}}@-webkit-keyframes pulseanim{0%{opacity:.4}60%{opacity:1}to{opacity:.4}}@keyframes pulseanim{0%{opacity:.4}60%{opacity:1}to{opacity:.4}}.select-template h3{font-size:3em;text-align:center;margin-bottom:2rem;font-weight:900}.template-gallery{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-auto-flow:row;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 .5rem 7rem}@media screen and (min-width:50rem){.template-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.template-gallery input{display:none}.template-gallery input:checked+img{opacity:1}.template-gallery button{text-transform:uppercase}.template-gallery .template-gallery__template{position:relative}.template-gallery .template-gallery__select{position:absolute;bottom:0;right:0;-webkit-transform:translateY(40%);transform:translateY(40%);text-shadow:1px 1px 4px rgba(50,50,50,.4)}.template-gallery .template-gallery__cancel{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:4rem}.template-gallery label{position:relative;display:block;-webkit-transition:opacity .3s;transition:opacity .3s;cursor:pointer}.template-gallery img{-webkit-transition:opacity .2s;transition:opacity .2s;-o-object-fit:contain;object-fit:contain;border-radius:3px}.template-gallery .-faded{opacity:.4}.landing{font-size:1rem}.landing-header{height:100vh}.landing .header-wrapper{position:absolute;top:0;left:0;background-color:var(--background);z-index:10;width:100%;height:100vh;-webkit-transition:-webkit-transform .6s cubic-bezier(.785,.135,.15,.86);transition:-webkit-transform .6s cubic-bezier(.785,.135,.15,.86);transition:transform .6s cubic-bezier(.785,.135,.15,.86);transition:transform .6s cubic-bezier(.785,.135,.15,.86),-webkit-transform .6s cubic-bezier(.785,.135,.15,.86)}.landing .header-wrapper button{position:absolute;bottom:8vh;left:0;right:0;width:100%;display:block;margin-bottom:2rem}.landing .header-wrapper.-offset{-webkit-transform:translateY(-110%);transform:translateY(-110%)}.landing .intrinsic-wrapper{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:50%;width:100%;padding-bottom:80%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden}@media screen and (max-height:80rem){.landing .intrinsic-wrapper{padding-bottom:70%}}@media screen and (min-width:80rem){.landing .intrinsic-wrapper{padding-bottom:60%}}.landing h1{color:#000;position:absolute}.landing video{width:80%}.landing svg,.landing video{position:absolute;height:100%}.landing svg{width:100%;top:0;left:20px}.landing svg text{text-anchor:middle;font-weight:700}.landing .intro-wrapper{font-weight:900;padding:0 2em;position:relative;z-index:10}@media screen and (min-width:100rem){.landing .intro-wrapper{margin-top:5rem}}.landing .intro-scroll-wrapper{position:absolute;z-index:5;height:700vh}.landing .intro-scroll-wrapper:before{content:"";position:fixed;z-index:-1;top:0;left:-25vw;height:100vh;width:150vw;background-color:rgba(148,149,136,.88)}.landing .intro-scroll-trigger{display:block;margin-top:30vh}.landing .intro{font-size:5em}.landing .intro+.intro{padding-top:2em}@media screen and (max-width:40rem){.landing .intro{font-size:7em}}.landing .gallery-intro{text-align:center;max-width:50rem;margin:3rem auto;font-size:2em;font-weight:600}@media screen and (max-width:40rem){.landing .gallery-intro{font-size:3.4em}}.landing .select-template.-fixed-gallery{position:fixed;top:0;width:80%;left:0;right:0;margin:2rem auto;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:55rem){.landing{font-size:.75rem}}@media screen and (max-width:40rem){.landing{font-size:.35rem}.landing svg{left:6px}}@media screen and (min-width:80rem){.landing svg text{font-size:26px}}@media screen and (min-width:120rem){.landing video{width:70%}}