body{padding:0;margin:0;font-family:lato;color:#222}h1,h2{margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}h1,h2,ul{padding:0}ul{list-style:none;text-decoration:none}li{display:inline-block;padding-left:1em}a{text-decoration:none}a,a:visited{color:#222}.active-link{display:none}.main{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0;position:relative;background-image:url(/static/media/bg_grad3.10dff89d.png);background-size:cover;background-position:50%;overflow:hidden}.main:before{left:0;top:0;content:"";position:absolute;margin:2em;width:calc(100% - 4em);height:calc(100vh - 4em);border:.5px solid #7c0856}.hero-portrait{position:relative;display:flex;align-items:center;margin-top:2em;bottom:0;height:calc(100% - 2em);width:calc(100% - 4em);-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:1s;animation-duration:1s}.portrait-bw{z-index:10}.portrait-bw,.portrait-color{position:absolute;bottom:0;max-height:80vh}.portrait-color{z-index:15;opacity:0}.portrait-color:hover{opacity:1}.background-text{position:absolute;display:block;top:2em;z-index:5;width:100%;text-align:center;-webkit-animation-name:slide-up2;animation-name:slide-up2;-webkit-transition-timing-function:cubic-bezier(.5,.05,.5,.97);transition-timing-function:cubic-bezier(.5,.05,.5,.97);-webkit-animation-duration:1s;animation-duration:1s}.background-text h1{font-size:6em;font-weight:900;font-style:italic}.foreground-text{position:absolute;z-index:15;display:block;width:100%;height:220px;right:0}.foreground-text h2{font-size:4em;font-weight:300}.design{padding:.1em;left:1em;color:#fff;-webkit-animation-name:slide-left;animation-name:slide-left;-webkit-transition-timing-function:cubic-bezier(.5,.05,.5,.97);transition-timing-function:cubic-bezier(.5,.05,.5,.97);-webkit-animation-duration:1s;animation-duration:1s}.design,.design:before{display:block;position:absolute;top:0}.design:before{content:"";left:0;width:100%;height:100%;background:#000;opacity:.5;z-index:-1}.and{position:absolute;left:50%;font-size:3em;font-weight:100;color:#fff;opacity:.75;-webkit-animation-name:slide-left;animation-name:slide-left;-webkit-transition-timing-function:cubic-bezier(.5,.05,.5,.97);transition-timing-function:cubic-bezier(.5,.05,.5,.97);-webkit-animation-duration:.75s;animation-duration:.75s}.and:before{content:"";top:0;left:0;width:100%;height:100%;background:#7c0856;opacity:.5;z-index:-1}.and:before,.merchandising{display:block;position:absolute}.merchandising{right:0;bottom:0;padding:.1em;font-size:.7em;-webkit-animation-name:slide-left;animation-name:slide-left;-webkit-transition-timing-function:cubic-bezier(.5,.05,.5,.97);transition-timing-function:cubic-bezier(.5,.05,.5,.97);-webkit-animation-duration:.5s;animation-duration:.5s}.merchandising:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.5;z-index:-1}.left-side-text{left:0;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:0 0;transform-origin:0 0}.left-side-text,.right-side-text{position:absolute;height:2em;display:flex;justify-content:center;align-items:center}.right-side-text{right:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:right top;transform-origin:right top}.top-side-text{top:0;flex-direction:row-reverse}.bottom-side-text,.top-side-text{position:absolute;height:2em;width:calc(100% - 4em);display:flex;align-items:center;text-align:center}.bottom-side-text{bottom:0}.site-design{z-index:20}.email-address{margin-bottom:2em;-webkit-animation-name:slide-up,fade-in;animation-name:slide-up,fade-in}.email-address,.email-address-reflection{font-style:italic;font-weight:900;font-size:2em;-webkit-transition-timing-function:cubic-bezier(.5,.05,.5,.97);transition-timing-function:cubic-bezier(.5,.05,.5,.97);-webkit-animation-duration:1s;animation-duration:1s}.email-address-reflection{margin-top:2em;-webkit-transform:scaleY(-1);transform:scaleY(-1);color:hsla(0,0%,100%,.05);-webkit-animation-name:slide-down,fade-in;animation-name:slide-down,fade-in}.gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:.25em;max-width:calc(100% - 8em);list-style:none;margin:0;padding:0;z-index:20;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:1s;animation-duration:1s}.gallery .thumbnail{display:block;background:hsla(0,0%,100%,.25);margin:0;padding:0;width:100%}.thumbnail img{width:100%}.react-images__view-image{background:hsla(0,0%,100%,.25)}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slide-up{0%{margin-bottom:0}to{margin-bottom:2em}}@keyframes slide-up{0%{margin-bottom:0}to{margin-bottom:2em}}@-webkit-keyframes slide-up2{0%{-webkit-transform:translateY(200px);transform:translateY(200px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up2{0%{-webkit-transform:translateY(200px);transform:translateY(200px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{margin-top:0}to{margin-top:2em}}@keyframes slide-down{0%{margin-top:0}to{margin-top:2em}}@-webkit-keyframes slide-down2{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down2{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-left{0%{-webkit-transform:translateX(200px);transform:translateX(200px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left{0%{-webkit-transform:translateX(200px);transform:translateX(200px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-right{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (min-width:550px){.gallery{grid-template-columns:1fr 1fr 1fr}}@media only screen and (min-width:760px){.hero-portrait{width:700px}.background-text h1{font-size:11em}.foreground-text{width:50%}.foreground-text h2{font-size:4.5em}.and{right:0;font-size:3em}.merchandising{font-size:1em}.email-address,.email-address-reflection{font-size:4em}.gallery{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (min-width:1080px){.gallery{width:960px}}
/*# sourceMappingURL=main.bea9bd21.chunk.css.map */