@font-face{font-family:"Satoshi";src:url("../fonts/Satoshi-Variable.eot");src:url("../fonts/Satoshi-Variable.eot?#iefix") format("embedded-opentype"),url("../fonts/Satoshi-Variable.woff2") format("woff2"),url("../fonts/Satoshi-Variable.woff") format("woff"),url("../fonts/Satoshi-Variable.ttf") format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:"Satoshi";src:url("../fonts/Satoshi-VariableItalic.eot");src:url("../fonts/Satoshi-VariableItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/Satoshi-VariableItalic.woff2") format("woff2"),url("../fonts/Satoshi-VariableItalic.woff") format("woff"),url("../fonts/Satoshi-VariableItalic.ttf") format("truetype");font-weight:300 900;font-display:swap;font-style:italic}@font-face{font-family:"Plein";src:url("../fonts/Plein-Variable.eot");src:url("../fonts/Plein-Variable.eot?#iefix") format("embedded-opentype"),url("../fonts/Plein-Variable.woff2") format("woff2"),url("../fonts/Plein-Variable.woff") format("woff"),url("../fonts/Plein-Variable.ttf") format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:"Plein";src:url("../fonts/Plein-VariableItalic.eot");src:url("../fonts/Plein-VariableItalic.eot?#iefix") format("embedded-opentype"),url("../fonts/Plein-VariableItalic.woff2") format("woff2"),url("../fonts/Plein-VariableItalic.woff") format("woff"),url("../fonts/Plein-VariableItalic.ttf") format("truetype");font-weight:300 900;font-display:swap;font-style:italic}body{font-family:"Satoshi",sans-serif}h1,h2,h3{font-family:"Plein",sans-serif}.hidden{display:none}img,embed,object,video,picture{max-width:100%}html,body{height:100%;min-height:100vh;max-height:100vh;margin:0;box-sizing:border-box;scroll-behavior:smooth;position:relative;line-height:1.5;z-index:0}@media screen and (min-width: 768px){html,body{font-size:16px}}@media screen and (min-width: 1200px){html,body{font-size:18px}}.full-width-grid-con{display:grid;grid-template-columns:1fr minmax(0, 1fr)}.grid-con{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-column-gap:20px;margin:0 auto;padding-left:16px;padding-right:16px}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}@media screen and (min-width: 768px){.grid-con{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:20px;padding-left:16px;padding-right:16px}.m-col-span-1{grid-column:span 1/span 1}.m-col-span-2{grid-column:span 2/span 2}.m-col-span-3{grid-column:span 3/span 3}.m-col-span-4{grid-column:span 4/span 4}.m-col-span-5{grid-column:span 5/span 5}.m-col-span-6{grid-column:span 6/span 6}.m-col-span-7{grid-column:span 7/span 7}.m-col-span-8{grid-column:span 8/span 8}.m-col-span-9{grid-column:span 9/span 9}.m-col-span-10{grid-column:span 10/span 10}.m-col-span-11{grid-column:span 11/span 11}.m-col-span-12{grid-column:span 12/span 12}.m-col-span-full{grid-column:1/-1}.m-col-start-1{grid-column-start:1}.m-col-start-2{grid-column-start:2}.m-col-start-3{grid-column-start:3}.m-col-start-4{grid-column-start:4}.m-col-start-5{grid-column-start:5}.m-col-start-6{grid-column-start:6}.m-col-start-7{grid-column-start:7}.m-col-start-8{grid-column-start:8}.m-col-start-9{grid-column-start:9}.m-col-start-10{grid-column-start:10}.m-col-start-11{grid-column-start:11}.m-col-start-12{grid-column-start:12}.m-col-end-1{grid-column-end:1}.m-col-end-2{grid-column-end:2}.m-col-end-3{grid-column-end:3}.m-col-end-4{grid-column-end:4}.m-col-end-5{grid-column-end:5}.m-col-end-6{grid-column-end:6}.m-col-end-7{grid-column-end:7}.m-col-end-8{grid-column-end:8}.m-col-end-9{grid-column-end:9}.m-col-end-10{grid-column-end:10}.m-col-end-11{grid-column-end:11}.m-col-end-12{grid-column-end:12}.m-col-end-13{grid-column-end:13}}@media screen and (min-width: 1200px){.grid-con{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));grid-column-gap:40px;padding-left:40px;padding-right:40px}.l-col-span-1{grid-column:span 1/span 1}.l-col-span-2{grid-column:span 2/span 2}.l-col-span-3{grid-column:span 3/span 3}.l-col-span-4{grid-column:span 4/span 4}.l-col-span-5{grid-column:span 5/span 5}.l-col-span-6{grid-column:span 6/span 6}.l-col-span-7{grid-column:span 7/span 7}.l-col-span-8{grid-column:span 8/span 8}.l-col-span-9{grid-column:span 9/span 9}.l-col-span-10{grid-column:span 10/span 10}.l-col-span-11{grid-column:span 11/span 11}.l-col-span-12{grid-column:span 12/span 12}.l-col-span-full{grid-column:1/-1}.l-col-start-1{grid-column-start:1}.l-col-start-2{grid-column-start:2}.l-col-start-3{grid-column-start:3}.l-col-start-4{grid-column-start:4}.l-col-start-5{grid-column-start:5}.l-col-start-6{grid-column-start:6}.l-col-start-7{grid-column-start:7}.l-col-start-8{grid-column-start:8}.l-col-start-9{grid-column-start:9}.l-col-start-10{grid-column-start:10}.l-col-start-11{grid-column-start:11}.l-col-start-12{grid-column-start:12}.l-col-end-1{grid-column-end:1}.l-col-end-2{grid-column-end:2}.l-col-end-3{grid-column-end:3}.l-col-end-4{grid-column-end:4}.l-col-end-5{grid-column-end:5}.l-col-end-6{grid-column-end:6}.l-col-end-7{grid-column-end:7}.l-col-end-8{grid-column-end:8}.l-col-end-9{grid-column-end:9}.l-col-end-10{grid-column-end:10}.l-col-end-11{grid-column-end:11}.l-col-end-12{grid-column-end:12}.l-col-end-13{grid-column-end:13}}#home-header{text-align:center;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f5f5f5}#home-header h2{margin:0;font-size:2.5rem}#home-header p{margin:0;font-size:1.5rem}#home-body{background-color:#151515}#home-body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../images/grain.png");background-size:cover;background-position:center;opacity:.1;mix-blend-mode:overlay;z-index:-1}#wordmark-con{position:absolute;top:1rem;left:1rem;z-index:1001}#wordmark-con img{height:2.5rem;width:auto;display:block}.bg-parallax{position:fixed;top:0;left:0;width:100%;height:500vh;background-image:url("../images/background.jpg");background-size:cover;background-position:top center;background-repeat:no-repeat;z-index:-1;will-change:transform;transform-origin:top center}.puzzle-container{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;box-sizing:border-box;pointer-events:none;padding:1rem}.puzzle-content{will-change:transform;width:100%;display:flex;flex-direction:column;align-items:center;padding:2rem}.puzzle-wrapper{position:relative;margin:0 auto;pointer-events:auto;width:calc(376px*0.6);height:calc(417px*0.6)}.puzzle-wrapper .drop-zones{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.6);transition:transform .1s ease-out;will-change:transform;width:376px;height:417px}.puzzle-wrapper .drop-zones svg{width:100%;height:100%}.puzzle-text{text-align:center;position:relative;z-index:10;margin-top:2rem;display:flex;flex-direction:column;align-items:center}.puzzle-text h2{font-size:3rem;font-weight:800;margin:0 0 -0.25rem 0;color:#151515;font-family:"Plein",sans-serif}.puzzle-text p{font-size:1.25rem;margin:0;color:#151515}.puzzle-text .contact-button{position:absolute;bottom:-4.5rem;left:50%;transform:translateX(-50%);display:inline-block;padding:.75rem 1.5rem;background-color:#151515;color:#fff;text-decoration:none;border-radius:2rem;font-weight:500;opacity:0;pointer-events:auto}.puzzle-text .contact-button:hover{transform:translate(-50%, -2px)}.puzzle-text .contact-button.hidden{display:none;pointer-events:none}.drop-zones .drop-zone{cursor:pointer;transition:all .2s ease}.drop-zones .drop-zone.can-drop{fill:#4caf50;fill-opacity:.7}.drop-zones .drop-zone.drop-active{fill:#2196f3;fill-opacity:.5}.drop-zones .drop-zone.dropped{fill-opacity:1}.drop-zones .drop-zone.dropped:nth-child(2) path{fill:#f0aa04}.drop-zones .drop-zone.dropped:nth-child(3) path{fill:#f5647e}.drop-zones .drop-zone.dropped:nth-child(4) path{fill:#8557ff}.drop-zones .drop-zone.dropped:nth-child(5) path{fill:#00c2c0}.single-piece-container{position:absolute;bottom:0;z-index:20}@media(max-width: 767px){.single-piece-container{left:50% !important;right:auto !important;transform:translateX(-50%) !important;bottom:0;width:auto;display:flex;justify-content:center}}.draggable-piece{cursor:move;position:relative;z-index:inherit;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.draggable-piece svg{display:block;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));pointer-events:none}.draggable-piece svg[viewBox="0 0 273 120"]{width:163.8px;height:72px}.draggable-piece svg[viewBox="0 0 120 274"]{width:72px;height:164.4px}.draggable-piece:hover svg{filter:drop-shadow(0 6px 12px rgba(0, 0, 0, 0.15))}.draggable-piece.dragging{position:fixed;z-index:10001 !important}.draggable-piece.dragging svg{filter:drop-shadow(0 12px 24px rgba(0, 0, 0, 0.25))}.draggable-piece.dropped{display:none}.placed-piece{position:absolute;pointer-events:none;z-index:5}.placed-piece svg{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1))}@media screen and (min-width: 768px){.puzzle-wrapper{width:calc(376px*0.7);height:calc(417px*0.7)}.puzzle-wrapper .drop-zones{transform:translate(-50%, -50%) scale(0.7)}.puzzle-text h2{font-size:3rem}.puzzle-text p{font-size:1.25rem}.draggable-piece svg[viewBox="0 0 273 120"]{width:191.1px;height:84px}.draggable-piece svg[viewBox="0 0 120 274"]{width:84px;height:191.8px}}@media screen and (min-width: 1200px){.puzzle-container{padding:0}.puzzle-wrapper{width:calc(376px*0.8);height:calc(417px*0.8)}.puzzle-wrapper .drop-zones{transform:translate(-50%, -50%) scale(0.8)}.puzzle-text h2{font-size:3.2rem}.puzzle-text p{font-size:1.2rem}.draggable-piece svg[viewBox="0 0 273 120"]{width:218.4px;height:96px}.draggable-piece svg[viewBox="0 0 120 274"]{width:96px;height:219.2px}}@media screen and (min-width: 1920px){.puzzle-wrapper{width:calc(376px*1);height:calc(417px*1)}.puzzle-wrapper .drop-zones{transform:translate(-50%, -50%) scale(1)}.puzzle-text h2{font-size:4rem}.puzzle-text p{font-size:1.5rem}.draggable-piece svg[viewBox="0 0 273 120"]{width:273px;height:120px}.draggable-piece svg[viewBox="0 0 120 274"]{width:120px;height:274px}}/*# sourceMappingURL=main.css.map */