@import url(https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Poppins:wght@100;300;400&display=swap);@keyframes bounce{0%{transform:translateY(10px)}to{transform:translateY(5px)}}@keyframes blink{0%{opacity:0}to{opacity:1}}body,html{background:#1e1f1e;font-family:Poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.hideMobile{display:none!important}.showMobile{display:inline!important;display:initial!important}@property --angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes rotate{to{--angle:360deg}}.btnWrap{--bg:grey;--gradient:conic-gradient(from var(--angle),#70d6ff,#ff70a6,#ff9770,#ffd670,#e9ff70,#70d6ff);animation:rotate 2s linear infinite running;background-image:var(--gradient);background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--gradient) border-box;border:2px solid #0000;border-radius:12px;box-sizing:border-box;cursor:pointer;display:block;width:100%}.btnWrap:is(:hover,:focus-within){animation-play-state:paused}.btn{background:#0d0d0d;border:none;border-radius:10px;box-sizing:border-box;color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:2px;line-height:60px;margin:0 auto;position:relative;text-align:center;text-decoration:none;text-shadow:none;text-transform:uppercase;transition:all .3s ease-in-out;white-space:nowrap;width:100%;z-index:2}.btn:hover{background:#1a1a1a;cursor:pointer;letter-spacing:2.1px;transition:all .2s ease-in-out}.btn:active{background:#141414;box-shadow:inset 0 0 5px 5px #000;transition:none}.btn:active,.btn:focus{outline:none}p{font-size:1.4rem;font-weight:300}.keyTitle,h3{align-items:flex-start;display:flex;font-size:2rem;margin:0;position:relative;width:100%}.keyTitle .keyWrap,h3 .keyWrap{background:linear-gradient(to left top,#9a9a9a,silver);border-radius:6px;height:80px;padding:2px;width:85px}.keyTitle .key,h3 .key{align-items:center;background:#d3d3d3;border-radius:6px;box-sizing:border-box;display:none;display:inline-flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin-right:5px;width:85px}.keyTitle .word,h3 .word{display:block;flex:0 0 100%;left:0;padding-bottom:20px;position:relative;text-indent:90px;top:40px;transform:translate(-88px)}.keyTitle .word span,h3 .word span{text-indent:0}.keyTitle.dark span,h3.dark span{background:#1e1f1e;border-color:#fff;color:#fff}#logo{fill:#fff;box-sizing:border-box;position:relative;width:150px;z-index:99}#logo #fill{fill:#1e1f1e}#video{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%;z-index:1}.container{position:relative;transform:scale(1)}.container,.container.out{transition:all .5s ease-in-out}.container.out{transform:scale(.98)}@media (min-width:768px){.showMobile{display:none!important}.hideMobile{display:inline-block!important}.scroll{bottom:80px}.btn,.btnWrap{max-width:300px}#home #intro blockquote{font-size:1.6rem}}#home{background:#1e1f1e;position:relative}#home #websites{background:none}#home .clientList{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:40px 0}#home .clientList a{display:block;max-width:80px}#home .clientList a:hover svg path{fill:#fff;transition:all .3s ease-in-out}#home .clientList svg{width:100%}#home .clientList svg path{fill:#666;transition:all .3s ease-in-out}#home .textSection{align-items:flex-start;color:#fff;flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:20px;position:relative;z-index:3}#home .textSection,#home .textSection .copy{box-sizing:border-box;display:flex;flex-direction:column}#home .textSection .copy{align-self:stretch;justify-content:center;max-width:100%}#home .textSection .copy #logo{margin-bottom:40px;width:110px}#home .textSection .copy h1{align-self:flex-start;color:#fff;font-size:3rem;margin:0}#home .textSection .copy h2{font-size:2.4rem;margin:0}#home .textSection .copy p{color:#666;font-size:1.6rem;font-weight:300;line-height:2.2rem;margin:0;padding:0 0 40px}#home .textSection .copy p a{color:#b3b3b3;font-family:helvetica,sans-serif;text-decoration:none;transition:all .3s ease-in-out}#home .textSection .copy p a:hover{color:#fff;cursor:pointer;transition:all .3s ease-in-out}#home .textSection .copy .btnGroup{align-items:center;display:flex;gap:25px;margin:0 0 40px}#home .textSection .copy .btnGroup a{color:#666;display:flex;flex-direction:column;gap:5px;text-decoration:none}#home .textSection .copy .btnGroup a span{color:#fff;display:block;font-size:.5rem;letter-spacing:1px;text-align:center;text-transform:uppercase;transition:all .2s ease-in-out}#home .textSection .copy .btnGroup a svg{height:25px;transform:translateY(0);transition:all .2s ease-in-out;width:100%}#home .textSection .copy .btnGroup a svg circle,#home .textSection .copy .btnGroup a svg path{fill:#fff}#home .textSection .copy .btnGroup a:hover{cursor:pointer}#home .textSection .copy .btnGroup a:hover svg{transform:translateY(-5px);transition:all .2s ease-in-out}#home .textSection .copy .btn{align-self:flex-start}@media (min-width:768px){#home .textSection{padding:80px 40px}#home .textSection .btnGroup{gap:40px}#home .textSection .copy h1,#home .textSection .copy h2{font-size:5rem;margin:0;white-space:nowrap}#home .textSection .copy h2{font-size:3.6rem}#home .textSection .copy p{font-size:2rem;line-height:normal}}@media (min-width:991px){#home .textSection{flex-direction:row;flex-wrap:nowrap}#home .textSection .copy{margin:0 100px}#home .textSection .copy p{font-size:2.4rem}}@media (min-width:1200px){#home .textSection .copy{margin:0 auto;max-width:1080px}}#page{align-items:center;background:#1e1f1e;color:#fff;display:flex;flex-direction:column;margin:0 auto}#page.show .pageHeader{opacity:1;transform:translate(0);transition:all 1s ease-in-out;transition-delay:.2s}#page.show .pageContainer{opacity:1;transform:scale(1);transition:all 1s ease-in-out}#page .pageContainer{max-width:100%;transform:scale(.99)}#page .pageContainer,#page .pageHeader{opacity:0;transition:all 1s ease-in-out}#page .pageHeader{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:60px;position:-webkit-sticky;position:sticky;top:0;transform:translate(0);width:100%;z-index:10}#page .pageHeader:before{background:#1e1f1e;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0}#page .pageHeader nav{align-items:stretch;box-sizing:border-box;display:flex;height:60px;justify-content:space-between}#page .pageHeader #logo{fill:#fff;padding:10px;width:80px}#page .pageHeader .btn{background:none;border-radius:0;color:#fff;font-size:.8rem;margin:0;padding:0 20px 0 0;width:auto}#page .banner{align-items:center;background:#111;display:flex;flex-direction:column;justify-content:center}#page .banner .copy,#page .banner .image{flex:1 1 50%}#page .banner .image{background-position:50%;background-size:cover;border-radius:0;min-height:50vh;overflow:hidden}#page .banner .copy{background:#111;border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:40px;position:relative}#page .banner .copy .bg{color:#000;font-size:20rem;left:0;line-height:17rem;position:absolute;top:50%;transform:translate(-30px,-50%);z-index:1}#page .banner .copy .bg span{left:10px;position:relative}#page .banner .copy .desc,#page .banner .copy h1{position:relative;z-index:2}#page .banner .copy h1{align-self:flex-start;margin-top:0}#page .banner .copy p{color:#b3b3b3;padding:0}#page .banner.full{display:block;padding:0}#page .banner.full .image{border-radius:0}#page .banner.full .image .logos{display:flex;flex-direction:row;flex-wrap:wrap}#page .banner.full .image .logos img{height:auto;width:50%}#page .banner.full .copy{align-items:center;display:flex;flex-direction:column}#page .banner.full .copy h1{font-size:2.4rem;margin:0 0 20px}#page .banner.full .copy .btn{flex:auto;margin:0}#page .banner.full .copy p{margin:0 0 40px}#page .full{align-items:center;background:#1e1f1e;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:40px;position:relative}#page .full.top:after{top:-50px}#page .full.bottom:after{bottom:-50px}#page .full p{color:#b3b3b3;font-size:1.4rem;font-weight:300;margin:0 0 40px;text-align:left}#page .full p:last-child{margin:0}#page .full .btnWrap{margin-top:40px}#page .blocks{background:#b6b9b6;color:#111;position:relative;z-index:10}#page .blocks article{box-sizing:border-box;padding:40px}#page .blocks article h3{font-size:1.4rem;line-height:2.4rem}#page .blocks article p{color:#666;font-size:1.2rem;margin-bottom:0}.cta{align-items:center;background:#111;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;position:relative;text-align:center;width:100%}.cta:after{background:#1119;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:2}.cta .copy{align-items:center;display:flex;flex-direction:column;position:relative;z-index:3}.cta .copy #logo{left:0;position:relative;top:0;width:200px}.cta .copy p{font-weight:700;padding:40px 0}@media (min-width:768px){#page .pageHeader{box-sizing:border-box;padding:0 60px}#page .banner{flex-direction:row;min-height:100vh}#page .banner .copy{border-radius:0 0 20px 20px;padding:100px}#page .banner .copy h1{font-size:3rem;line-break:break-word;line-height:3.6rem}#page .banner .copy p{font-size:1.2rem}#page .banner .copy .btn{margin-top:40px}#page .banner.full{padding:0 40px}#page .banner.full .copy h1{flex:0 0 50%;font-size:5rem;font-weight:lighter;letter-spacing:6px;line-height:normal;position:relative;z-index:2}#page .banner.full .copy h1 span{left:3px;position:relative}#page .banner.full .copy .desc{align-self:flex-start;position:relative;z-index:2}#page .banner.full .image{border-radius:20px 20px 0 0}#page .banner.full .image .logos img{width:25%}#page .full{padding:100px}#page .full p{font-size:1.6rem}#page .full .btnWrap{align-self:flex-start;margin-top:40px}#page .blocks{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:60px 0}#page .blocks article{padding:40px 100px}#page .blocks article h3{font-size:1.6rem}#page .cta{padding:100px}#page .cta p{font-size:2rem;margin:40px 0 60px;max-width:800px}}@media (min-width:991px){#page .blocks article{flex:0 0 50%}}@media (min-width:1200px){#page .full{flex-direction:row-reverse}#page .full p{max-width:800px;padding-left:100px}#page .full .btnWrap{align-self:center;flex:0 0 300px;margin-top:0}#page .banner.full .copy{flex-direction:row}#page .banner.full .copy h1{margin:0}#page .banner.full .copy .desc{padding-left:40px}}#websites{background:#1e1f1e;box-sizing:border-box;height:auto;max-height:0;overflow:hidden;position:relative;z-index:999}#websites.show{max-height:9999px;scroll-padding:10px;transition:all .8s ease-in-out}#websites .wrap{border-radius:20px;display:flex;flex-wrap:wrap;margin:0 auto;overflow:hidden;position:relative;z-index:3}#websites .wrap a{display:block;flex:0 0 100%;overflow:hidden;position:relative}#websites .wrap a img{margin:0 0 -5px;transform:scale(1);transition:all .2s ease-in-out;width:100%}#websites .wrap a .overlay{background:none;border:5px solid #fff;border-radius:10px;bottom:20px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:space-between;left:20px;opacity:0;padding:20px;position:absolute;right:20px;top:20px;transform:translateY(200px) scale(.9);transition:all .2s ease-in-out}#websites .wrap a .overlay h3{font-size:1.4rem;margin:0}#websites .wrap a .overlay p{font-size:.8rem;margin:0}#websites .wrap a:hover{cursor:pointer}#websites .wrap a:hover .overlay{opacity:1;transform:scale(1);transition:all .2s ease-in-out}#websites .wrap a:hover img{filter:blur(5px);transform:scale(1.5);transition:all .2s ease-in-out}@media (min-width:768px){#websites.show{padding:40px}#websites .wrap{border:1px solid #000;box-shadow:0 10px 10px #0000001a}#websites .wrap a{flex:0 0 50%}#websites .wrap a .overlay{padding:20px}#websites .wrap a .overlay p.desc{font-size:1.2rem}}@media (min-width:991px){#websites .wrap{max-width:1400px}#websites .wrap a{flex:0 0 33.333333%}#websites .wrap a .overlay{padding:10px}#websites .wrap a .overlay h3{font-size:1.2rem}#websites .wrap a .overlay p{font-size:.8rem}#websites .wrap a .overlay p.desc{font-size:1rem}}@media (min-width:1200px){#websites .wrap a .overlay{padding:30px}#websites .wrap a .overlay h3{font-size:1.6rem}#websites .wrap a .overlay p{font-size:1rem}#websites .wrap a .overlay p.desc{font-size:1.2rem}}.modal{-ms-overflow-style:none;background:#1e1f1e;bottom:0;box-sizing:border-box;color:#ccc;display:none;font-family:menlo,courier,serif;font-size:1.2rem;left:0;line-height:1.4rem;margin:0 auto;padding:10px;pointer-events:none;position:fixed;right:0;scrollbar-width:none;top:0;width:100%;z-index:9999}.modal::-webkit-scrollbar{display:none}.modal.show{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:auto}.modal .modalCopy{box-sizing:border-box;height:100dvh;overflow-y:scroll;padding-bottom:60px;width:100%}.modal img{height:auto;margin:0 0 20px;max-width:400px;width:100%}.modal .close{background:none;background:#1e1f1e;border:none;border-top:1px solid #ccc;bottom:0;box-shadow:0 0 0;color:#ccc;left:0;letter-spacing:.5px;padding:10px;position:fixed;text-align:left;width:100%}.modal .close .block{background:#ccc;border-radius:5px;color:#1e1f1e;display:inline-block;font-size:.6rem;padding:5px}.modal .prompt{font-size:1rem}.modal .userInput{color:#fff}.modal .userInput input,.modal .userInput textarea{background:none;border:none;caret-color:#0000;color:green;display:inline-block;font-family:menlo,courier,serif;font-size:1.2rem;height:20px;line-height:1.4rem;margin:0;padding:0;width:0}.modal .userInput input:focus,.modal .userInput textarea:focus{outline:none}.modal .userInput.focus:after{animation:blink .9s infinite;animation-timing-function:ease;background:#fff;content:"";display:inline-block;height:18px;width:10px}.modal .userInput.focus.error:after{background:red;content:"";display:inline-block;height:18px;width:10px}#OffTheDock{background:#fff;color:#1e1f1e;width:100%}#OffTheDock .colorScheme{display:flex;height:20px;left:0;position:absolute;top:0;width:100%;z-index:10}#OffTheDock .colorScheme div{display:block;width:20%}#OffTheDock .colorScheme div:first-child{background-color:#f1e4b2}#OffTheDock .colorScheme div:nth-child(2){background-color:#ff8d6b}#OffTheDock .colorScheme div:nth-child(3){background-color:#45c2b1}#OffTheDock .colorScheme div:nth-child(4){background-color:#a191b2}#OffTheDock .colorScheme div:nth-child(5){background-color:#002d74}#OffTheDock .pageContainer{background:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:1200px}#OffTheDock .pageContainer .graphics{box-sizing:border-box;padding:20px}#OffTheDock .pageContainer svg{display:block;height:auto;max-width:100%;width:auto}#OffTheDock .pageContainer .logo{box-sizing:border-box;display:flex;justify-content:center;margin-top:100px}#OffTheDock .pageContainer .icon{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:100px 0}#OffTheDock .pageContainer .icon svg{max-width:80%}#OffTheDock .pageContainer .tsi{box-sizing:border-box;display:flex;justify-content:center}#OffTheDock .pageContainer .stickers{align-items:center;display:flex;flex-direction:column;gap:100px;justify-content:center;margin:100px 0}#OffTheDock .pageContainer .stickers svg{width:60%}#OffTheDock .pageContainer .sticker3{align-items:center;display:flex;flex-direction:column;justify-content:center}#OffTheDock .pageContainer .businessCards{align-items:center;display:flex;justify-content:center;margin:100px 0}#OffTheDock .pageContainer .thirds{align-items:center;display:flex;flex-direction:column;gap:100px;justify-content:center}#OffTheDock .pageContainer .thirds svg{width:60%}#OffTheDock .pageContainer .merch{margin-top:100px}#OffTheDock .pageContainer .merch div{align-items:center;display:flex;flex-direction:column;justify-content:center}#OffTheDock .pageContainer .merch img{max-width:100%}@media (min-width:768px){#OffTheDock .pageContainer .logo{height:100dvh;margin:0}#OffTheDock .pageContainer .logo svg{width:800px}#OffTheDock .pageContainer .stickers #sticker1{width:40%}#OffTheDock .pageContainer .merch div,#OffTheDock .pageContainer .stickers,#OffTheDock .pageContainer .thirds{flex-direction:row}#OffTheDock .pageContainer .merch div img{max-width:50%}}
/*# sourceMappingURL=main.d2bfa16c.css.map*/