:root{--blue:#052c43;--background:#f4f4f4;--pink:#fd4698;--green:#24d79e;--yellow:#fcc72e;--grey:#dbdbdb;--bigFont:99px;--mediumFont:48px}body{line-height:normal;background-color:#f4f4f4;background-color:var(--background);font-size:18px}h3{color:#fd4698;color:var(--pink);font-size:48px;font-size:var(--mediumFont);line-height:48px;line-height:var(--mediumFont)}h2,h3{font-weight:700;margin-top:50px}h2{margin-bottom:0;color:#24d79e;color:var(--green);font-size:99px;font-size:var(--bigFont);text-transform:uppercase;text-align:left;line-height:99px;line-height:var(--bigFont)}.container{width:90%;max-width:1920px;margin:0 auto}.ant-tag{font-weight:700;margin-bottom:8px;font-size:14px;padding:7px 8px 4px;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.ant-image{display:block}#hero{background-color:#052c43;background-color:var(--blue);background:linear-gradient(180deg,#05495a,#052c43);padding-top:24px;height:calc(100vh - 50px)}#hero .navigation{font-size:14px;color:#dbdbdb}#hero-center{display:flex;justify-content:center;align-items:center;height:calc(100% - 50px)}#hero #logo{background-image:url(/static/media/logo.78cff4b4.svg);background-position:top;background-repeat:no-repeat;background-size:contain;width:100%;height:150px;margin-bottom:24px}#hero #name{opacity:0}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#hero-text{text-align:center;opacity:0;-webkit-animation:fadeIn .5s ease-in-out .5s forwards;animation:fadeIn .5s ease-in-out .5s forwards}#hero-text h2{font-weight:600;font-style:normal;margin:0;font-size:36px;text-transform:none;text-align:center;line-height:normal}#hero-text h3{font-weight:400;font-style:italic;margin:0;font-size:20px;color:#dbdbdb;line-height:normal}@-webkit-keyframes scribble{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}50%{-webkit-clip-path:polygon(0 0,85% 0,19% 100%,0 100%);clip-path:polygon(0 0,85% 0,19% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes scribble{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}50%{-webkit-clip-path:polygon(0 0,85% 0,19% 100%,0 100%);clip-path:polygon(0 0,85% 0,19% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}#hero-left-text{display:inline-block}#hero-text #strike{font-style:italic;font-weight:300;position:relative;overflow:hidden}#hero-text #strike:before{display:block;top:0;left:0;right:0;bottom:0;content:" ";position:absolute;background-image:url(/static/media/scribble.a07806e6.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;-webkit-animation:scribble .6s ease-in 1.25s 1 forwards;animation:scribble .6s ease-in 1.25s 1 forwards;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%)}@-webkit-keyframes slam{0%{-webkit-transform:scale(5);transform:scale(5);opacity:0;-webkit-transform:translateX(200%);transform:translateX(200%);width:0}30%{opacity:0}60%{width:0}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1;-webkit-transform:translateX(0);transform:translateX(0);width:130px}}@keyframes slam{0%{-webkit-transform:scale(5);transform:scale(5);opacity:0;-webkit-transform:translateX(200%);transform:translateX(200%);width:0}30%{opacity:0}60%{width:0}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1;-webkit-transform:translateX(0);transform:translateX(0);width:130px}}#hero-text #visionary{font-family:skippy-sharp,sans-serif;font-weight:400;text-transform:uppercase;color:#fff;margin-left:8px;opacity:0;display:inline-block;width:0;overflow:visible;vertical-align:text-top;-webkit-animation:slam .5s ease-in-out 1.85s forwards;animation:slam .5s ease-in-out 1.85s forwards}@-webkit-keyframes fadeInAndSlide{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInAndSlide{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#portfolio{margin-top:50px;background-color:#24d79e;background-color:var(--green);padding-top:50px;padding-bottom:50px}#portfolio h2{color:#052c43;color:var(--blue);text-align:left;margin-bottom:50px;margin-top:0}#portfolio .ant-card{height:100%}#portfolio .ant-card-hoverable{box-shadow:0 1px 2px -2px rgb(5 44 67/16%)}#portfolio .ant-card-hoverable:hover{box-shadow:0 1px 2px -2px rgb(5 44 67/16%),0 3px 6px 0 rgb(5 44 67/12%),0 5px 12px 4px rgb(5 44 67/9%)}.portfolio-card .company{text-transform:uppercase;font-weight:600;font-size:14px;line-height:normal}.portfolio-card .date{color:#969696;margin-left:6px}.portfolio-card .title{color:#fd4698;color:var(--pink);font-weight:600;font-size:20px;line-height:20px;margin-bottom:0;margin-top:0}.portfolio-card .title .anticon{margin-right:8px}.portfolio-card .ant-tag{margin-right:0;position:relative;float:right;margin-left:8px}#about{margin-top:50px;position:relative;border:11px solid #24d79e;border:11px solid var(--green);min-height:calc(100vh - 100px);display:flex;justify-content:left;align-items:center}#about p:last-of-type{margin-bottom:0}#big-about-text{font-weight:700;font-size:99px;font-size:var(--bigFont);line-height:90%;text-transform:uppercase;color:#24d79e;color:var(--green);text-align:right;right:-12px;bottom:-26px;position:absolute;margin:0;background-color:#f4f4f4;background-color:var(--background);padding:24px 0 0 24px;max-width:90%}#design{color:#fcc72e;color:var(--yellow)}#about-content{font-size:36px;color:#052c43;color:var(--blue);max-width:100%;margin:50px 50px 264px;margin-bottom:calc(var(--bigFont)*2 + 66px)}#about-content .specialty{font-weight:700;color:#24d79e;color:var(--green)}.ant-layout-footer{margin-top:0;text-align:center;margin-bottom:24px}#portfolio-drawer .ant-drawer-content{background:#f4f4f4;background:var(--background)}#portfolio-drawer .ant-drawer-close{text-transform:uppercase;left:0;right:auto;padding-top:37.5px;padding-bottom:37.5px}#portfolio-drawer .ant-drawer-header{border:none}#portfolio-drawer .logo{background-image:url(/static/media/logo-2.17a86dc2.svg);background-position:top;background-repeat:no-repeat;background-size:contain;width:100%;height:60px;display:block}.ant-drawer-body{padding:0;font-size:18px;line-height:auto}.portfolio{overflow:hidden}#portfolio-drawer .portfolio .white-background:last-child{padding-bottom:50px}.portfolio h1{font-size:36px;font-weight:600;margin-bottom:18px;line-height:36px;text-align:center;margin-top:25px}.portfolio .date-container{text-align:center;margin-bottom:24px}.portfolio .date{font-size:24px;line-height:14px;margin-bottom:24px}#portfolio-drawer .portfolio .ant-tag{vertical-align:text-bottom;font-weight:600}.portfolio h4{font-weight:700;text-transform:uppercase;color:#fd4698;color:var(--pink);margin-bottom:0}.portfolio .hero-image{margin-top:24px}.portfolio .jump-button{margin-top:0;color:#fd4698;color:var(--pink)}.portfolio h2{margin-bottom:0;color:#24d79e;color:var(--green);font-size:99px;font-size:var(--bigFont);text-transform:uppercase;font-weight:700;text-align:left;margin-top:50px;line-height:99px;line-height:var(--bigFont)}.portfolio .brief{position:relative;border:11px solid #24d79e;border:11px solid var(--green);display:flex;justify-content:left;align-items:center;margin-top:50px;margin-bottom:50px}.portfolio .brief-title{font-weight:700;font-size:99px;font-size:var(--bigFont);line-height:90%;text-transform:uppercase;color:#24d79e;color:var(--green);text-align:right;right:-12px;bottom:-26px;position:absolute;margin:0;background-color:#f4f4f4;background-color:var(--background);padding:24px 0 0 24px}.portfolio .brief-content{padding:100px;-webkit-column-count:2;column-count:2;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px}.portfolio .brief-content.one-col{-webkit-column-count:1;column-count:1;width:60%}.portfolio .white-background{background:#fff;overflow:auto}.portfolio .blue-background{background:#052c43;background:var(--blue);color:#dbdbdb;color:var(--grey);overflow:auto}.portfolio .blue-background h1{color:#fff}.portfolio .small-p{max-width:600px}.portfolio .quote{font-size:36px;line-height:normal;position:relative;display:inline;width:50%;background-color:rgba(252,199,46,.2);z-index:3}.portfolio .quote-container{position:relative;display:block;max-width:500px;float:right;margin:50px;clear:both}.portfolio .quote-wrapper:after,.portfolio .quote-wrapper:before{color:#fcc72e;color:var(--yellow);position:absolute;content:"“";font-size:100px;line-height:0;font-weight:700}.portfolio .quote-wrapper:before{left:0;top:0}.portfolio .quote-wrapper:after{content:"”";bottom:-50px;text-align:right}.portfolio ul{list-style:none}.portfolio ul li:before{content:"\2022";color:#24d79e;color:var(--green);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.portfolio figcaption{font-style:italic;text-align:center;max-width:800px;margin:0 auto}.portfolio .blue-background figcaption{color:#dbdbdb;color:var(--grey)}.portfolio .side-image{position:relative;display:block;max-width:500px;float:right;margin:50px;clear:both}.ant-image-preview-operations .anticon-rotate-left,.ant-image-preview-operations .anticon-rotate-right{display:none}.portfolio .designs,.portfolio .designs h2{text-align:center}.browser-preview,.mobile-browser-preview{margin-top:50px;margin-bottom:50px}.browser-preview-container{display:flex;align-items:center}.browser-preview .next-button,.browser-preview .previous-button{opacity:0;height:100%;padding:100px 10px;font-size:32px}.browser-preview .next-button.active,.browser-preview .previous-button.active{opacity:1;cursor:pointer}.browser-preview .previous-button{margin-right:24px}.browser-preview .next-button{margin-left:24px}.mobile-browser-preview .images{display:block}.mobile-browser-preview .image{display:inline-block;margin-left:12px;margin-right:12px;margin-top:24px}.mobile-browser-preview .caption{margin-bottom:24px}.browser-preview .device,.mobile-browser-preview .image img{height:100%;border:3px solid #24d79e;border:3px solid var(--green);padding:24px;border-radius:5px;position:relative;margin:0 auto}.mobile-browser-preview .image img{max-height:calc(100vh - 250px);width:auto}@-webkit-keyframes blink{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes blink{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.browser-preview .device.scrollable:after{content:"↑ Scroll Me ↓";position:absolute;bottom:0;left:0;right:0;text-align:center;color:#24d79e;color:var(--green);font-size:10px;font-weight:700;line-height:24px;-webkit-animation:blink 5s ease-in-out infinite;animation:blink 5s ease-in-out infinite}.browser-preview .images-mask{width:100%;max-height:auto;display:flex;position:relative;overflow-x:hidden;height:auto;max-height:calc(100vh - 250px);width:auto}.browser-preview .scrollable .images-mask{overflow:auto;height:100%;max-height:calc(100vh - 250px)}.browser-preview .images{text-align:center;display:block;position:relative;height:100%;margin:0 auto}.browser-preview .scrollable .images .ant-image{height:100%}.browser-preview .images img{display:block;max-width:100%;max-height:100%;height:auto;max-height:calc(100vh - 250px);width:auto}.browser-preview .scrollable .images img{max-height:none;width:100%}.browser-preview .images .image{width:100%;display:none}.browser-preview .images .image.active{display:block}.browser-preview .dots{display:block;text-align:center;margin:12px auto 0}.browser-preview .dot{background-color:#24d79e;background-color:var(--green);transition:background-color .35s ease-in-out;width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:5px;cursor:pointer}.browser-preview .dot:first-child{margin-left:0}.browser-preview .dot.active{background-color:#fff;cursor:default}.browser-preview .captions{width:calc(90vw - 100px);max-width:800px;display:block;text-align:center;margin:12px auto 0}.browser-preview .caption{display:none;font-style:italic}.browser-preview .caption.active,.browser-preview .images .ant-image{display:block}.portfolio section{clear:both}#info{padding-top:50px;padding-bottom:50px;color:#dbdbdb;color:var(--grey)}#info h2{margin-top:0;margin-bottom:24px}#info h3{color:#24d79e;color:var(--green)}#info-col-1{background-color:#052c43;background-color:var(--blue);padding:50px}#info-col-2{background-color:#24d79e;background-color:var(--green);background-image:url(/static/media/christian_reich.d3d9e31d.jpg);background-repeat:no-repeat;background-position:50% 22%;background-size:cover;padding:50px;min-height:300px}#contact{background-color:#fd4698;background-color:var(--pink)}#contact .container{padding-top:50px;padding-bottom:50px}#contact h2{color:#fcc72e;color:var(--yellow)}.portfolio video{border:3px solid #24d79e;border:3px solid var(--green);padding:24px;border-radius:5px;position:relative;margin:0 auto;max-height:calc(100vh - 100px);max-width:100%}.portfolio a{text-decoration:underline}@media only screen and (max-width:768px){:root{--bigFont:50px;--mediumFont:36px}#about-content,.portfolio .quote{font-size:24px}.portfolio .brief-content{padding:50px;-webkit-column-count:1;column-count:1}.portfolio .brief-title{top:-12px;bottom:auto;left:-12px;right:auto;padding:0 24px 24px 0}.portfolio .quote-container,.portfolio .side-image{max-width:100%;float:none}#hero-text #visionary{display:block;margin:0 auto}}
/*# sourceMappingURL=main.f15f826b.chunk.css.map */