:root{--black:0,0,0;--white:255,255,255;--smallSpace:4px;--mediumSpace:8px;--largeSpace:24px;--purple:#352f40;--darkPurple:#2e2f40;--red:#bb0101}#floatingLogo,#mainLogo,.bgBlur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.animate,.imageGrid .column img,.imageGrid .column img:hover,.social a:hover svg,.social a svg,.social a svg path,.what .section h2,.what .section h2:hover{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}body,html{font-family:Source Sans Pro,sans-serif;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--darkPurple);color:rgba(var(--white),1)}.title{text-transform:uppercase;display:flex;flex-flow:column;align-items:center;justify-content:center;margin:var(--largeSpace) 0}.title h1{margin:0;padding:0;font-size:6vw}.dropcap{max-width:60vw;margin:44px auto}.dropcap:first-letter{font-size:6rem;line-height:.65;margin:.1em .1em .4em 0;float:left;line-height:.1}section{display:flex;flex-flow:column;margin:0 auto}section div{display:flex;width:100%;justify-content:space-between;align-items:center}section div img{-webkit-box-shadow:0 0 20px #a39d9d;box-shadow:0 0 20px #a39d9d}section div p{font-size:2.4vw;padding-right:100px}header{padding:60vh 44px 20vh;display:flex;flex-flow:column;justify-content:center;align-items:center;position:relative}@media(max-width:600px){header{padding-bottom:0}}header svg{width:100%}header .headCircle{position:absolute;z-index:1;max-width:60vw}.tagline{margin-top:100px;padding:44px;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:relative;width:100%}@media(max-width:600px){.tagline svg{height:unset}}.tagline h2{font-family:Bodoni Moda,serif;font-size:4rem;color:#626370;text-transform:uppercase}.tagline h2:first-child{position:absolute;top:20%}.tagline h2:last-child{position:absolute;bottom:20%}.tagline h2 svg{width:100px}.navContainer{display:flex;flex-flow:column;justify-content:center;align-items:center;padding-top:144px}@media(max-width:600px){.navContainer{padding-top:0}}.navContainer svg{max-width:100%}.navContainer svg path:nth-child(odd){stroke-width:4px}.navContainer svg path:nth-child(2n+2){stroke-width:2px}.navContainer nav{position:absolute}.imageGrid{display:flex}.imageGrid .column{overflow:hidden}.imageGrid .column div{height:50%;overflow:hidden}.imageGrid .column:first-child{flex:60% 1}.imageGrid .column:last-child{flex:40% 1}.imageGrid .column img{width:100%;height:100%;object-fit:cover;object-position:center}.imageGrid .column img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#floatingLogo{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:2;top:0;visibility:hidden;padding:8px 16px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;color:#fff;border-radius:18px;background:rgba(53,47,64,.8);border:1px solid hsla(0,0%,100%,.2);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:flex;align-items:center;border-top-left-radius:0;border-top-right-radius:0;border-top:0}#floatingLogo a{display:flex}#floatingLogo .name{white-space:nowrap}#floatingLogo.show{visibility:visible;-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}#floatingLogo svg{width:44px;height:28px;margin-right:16px;padding-right:16px;border-right:1px solid hsla(0,0%,100%,.2)}#floatingLogo span{flex-shrink:0}p{line-height:2.4rem}.social{display:flex;align-items:center;justify-content:center;padding:var(--mediumSpace);margin-top:44px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}.social a{width:44;height:28px;padding:8px;color:#626370}.social a svg{width:100%;height:100%}.social a svg path{stroke:#626370}.social a:hover svg{fill:rgba(var(--white),.4);-webkit-transform:scale(1.2);transform:scale(1.2)}#mainLogo{position:sticky;top:60px;padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:0;width:100px;height:100px;background:rgba(var(--black),.4);z-index:1}.motionSvg{overflow:visible;stroke:#fff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.inView{position:relative}.inView:after{background:var(--secondary-bg-color);position:absolute;top:100%;right:0;left:0;bottom:0;content:"";-webkit-transition:top 1.5s ease;transition:top 1.5s ease}.outOfView{position:relative}.outOfView:after{background:var(--secondary-bg-color);position:absolute;top:0;right:0;left:0;bottom:0;content:"";-webkit-transition:top 1.5s ease;transition:top 1.5s ease}.clientLogos{display:flex;justify-content:center;align-items:center;justify-items:center;padding:50vh 0;color:#fff;max-width:80vw;margin:0 auto;width:100%;font-size:3vw;text-transform:uppercase;flex-flow:row;flex-wrap:nowrap;flex-wrap:wrap;word-break:break-word}@media(max-width:600px){.clientLogos{padding:100px 0}}.clientLogos div{white-space:wrap;padding:0 16px;width:auto}.clientLogos div:nth-child(2n){opacity:.4}.clientLogos div h4{margin:0}.note{text-align:center;opacity:.4;width:100%;color:rgba(var(--white),1);margin-bottom:44px}.newsLetter{margin:var(--mediumSpace);display:flex;justify-content:center}.newsLetter input{padding:var(--mediumSpace);border-radius:8px;border:none}.button{background:rgba(var(--black),.5);color:rgba(var(--white),1);border:none;padding:var(--mediumSpace) var(--largeSpace);border-radius:8px;cursor:pointer;text-decoration:none}.button:hover{background:rgba(var(--black),1)}.hi{display:flex;justify-content:center;align-items:center;width:100%;flex-wrap:wrap}.hi h1{max-width:60vw}.what{width:100%;display:flex;overflow-y:hidden;overflow-x:auto;margin-top:144px;margin-bottom:44px;position:relative;z-index:1;-ms-overflow-style:none;scrollbar-width:none}.what .section{border-right:1px solid rgba(var(--white),.3)}.what .section h2{color:rgba(var(--white),1);font-size:14rem;word-wrap:break-word;padding:var(--largeSpace);line-height:11rem;margin:0;text-shadow:8px 8px 2px rgba(var(--white),.05)}@media(max-width:600px){.what .section h2{font-size:6rem;line-height:5rem}}.what .section h2:hover{-webkit-animation:glitch .3s cubic-bezier(.25,.46,.45,.94) 5 both;animation:glitch .3s cubic-bezier(.25,.46,.45,.94) 5 both;color:var(--red);cursor:default}.what .section:first-child{margin-left:30vw}.what .section:last-child{border-color:transparent}.what::-webkit-scrollbar{display:none}@-webkit-keyframes glitch{0%{-webkit-transform:translate(0);transform:translate(0);text-shadow:18px 8px 2px rgba(var(--white),.05)}20%{-webkit-transform:translate(-5px,5px);transform:translate(-5px,5px);text-shadow:8px 18px 2px rgba(var(--white),.02)}40%{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px);text-shadow:8px 4px 2px rgba(var(--white),.08)}60%{-webkit-transform:translate(5px,5px);transform:translate(5px,5px);text-shadow:8px 8px 12px rgba(var(--white),.1)}80%{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px);text-shadow:4px 8px 2px rgba(var(--white),.02)}to{-webkit-transform:translate(0);transform:translate(0);text-shadow:8px 8px 2px rgba(var(--white),.05)}}@keyframes glitch{0%{-webkit-transform:translate(0);transform:translate(0);text-shadow:18px 8px 2px rgba(var(--white),.05)}20%{-webkit-transform:translate(-5px,5px);transform:translate(-5px,5px);text-shadow:8px 18px 2px rgba(var(--white),.02)}40%{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px);text-shadow:8px 4px 2px rgba(var(--white),.08)}60%{-webkit-transform:translate(5px,5px);transform:translate(5px,5px);text-shadow:8px 8px 12px rgba(var(--white),.1)}80%{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px);text-shadow:4px 8px 2px rgba(var(--white),.02)}to{-webkit-transform:translate(0);transform:translate(0);text-shadow:8px 8px 2px rgba(var(--white),.05)}}@-webkit-keyframes highLight{0%{width:0}to{width:100%}}@keyframes highLight{0%{width:0}to{width:100%}}.bgBlur,nav a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.animate,.blurNotBlur .back:hover span,.blurNotBlur span,nav a,nav a:hover{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}nav{display:flex;grid-gap:16px;gap:16px;justify-content:center;align-items:center;font-family:Abel,sans-serif;position:relative;z-index:1;max-height:100%;height:600px;align-self:center;-ms-overflow-style:none;scrollbar-width:none}nav a{color:var(--red);text-decoration:none;padding:16px 8px;font-size:1.2rem;border-radius:16px;margin:6px;white-space:nowrap;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-text-orientation:upright;text-orientation:upright;background:#512330;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;background:var(--darkPurple);font-weight:700;border:1px solid}nav a:first-child{margin-top:-54px}nav a:nth-child(2){align-self:flex-end}nav a:nth-child(3){align-self:center}nav a:nth-child(4){align-self:flex-start;margin-top:44px}nav a:nth-child(5){align-self:center}nav a:hover{color:var(--white);background:#512330!important;border-color:var(--red)}nav::-webkit-scrollbar{display:none}.banner{background:#1b1c26;display:flex;justify-content:center;align-items:center;padding:var(--mediumSpace);text-align:center}.pattern{width:100%;position:absolute;z-index:0}.pattern path:nth-child(odd){stroke-width:4px;opacity:.8}.pattern path:nth-child(2n+2){stroke-width:2px}.header{display:grid;grid-template-columns:2fr 1fr;position:relative;z-index:1;height:80vh;padding:44px 44px 0}@media(max-width:600px){.header{grid-template-columns:1fr}}.header .logo{display:flex;justify-content:center;align-items:center}h1,h2,h3,h4,h5{margin:0;padding:0}.nameTagline{display:grid;grid-template-columns:1fr 1fr;font-family:Bodoni Moda,serif;position:relative;z-index:1;padding-bottom:200px}@media(max-width:600px){.nameTagline{padding-bottom:0}}.nameTagline h1{text-align:right;font-size:16rem;padding-right:24px;padding-top:130px;line-height:274px;font-size:16vw}@media(max-width:600px){.nameTagline h1{font-size:16vw;line-height:80px;padding-top:0}}.nameTagline h2{font-size:9rem;display:flex;flex-flow:column;justify-content:end;position:relative;color:var(--red);padding-top:390px;line-height:140px;font-size:9vw}@media(max-width:600px){.nameTagline h2{font-size:9vw;line-height:12vw;padding-top:0}}.nameTagline h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--red);border-radius:24px}.nameTagline h2 span{display:block;padding-left:24px}main .content{display:flex;justify-content:center;flex-flow:column;margin-top:-100px}main .content section{display:flex;align-items:center;justify-content:center;position:relative;width:100%;text-transform:uppercase}main .content section svg{width:100%;position:relative;z-index:0}@media(max-width:600px){main .content section svg{height:auto}}main .content section svg path{fill:#2e000f!important}main .content section h2{z-index:1;color:var(--red);position:absolute;max-width:860px;font-size:4rem;font-family:Oranienbaum,serif;text-align:center}@media(max-width:600px){main .content section h2{font-size:2rem;max-width:80vw}}main .content section h2 span{color:#fff;font-size:1.4rem;display:block}div.center{display:flex;justify-content:center;flex-flow:column;max-width:1440px;align-items:center;margin:0 auto}img{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.blurNotBlur{font-size:14rem;display:flex;color:#1b1c26;justify-content:center;flex-wrap:wrap;font-family:Oranienbaum,serif;font-weight:700;max-width:1440px;margin:140px auto}.blurNotBlur span{display:block;line-height:184px;color:transparent;text-shadow:0 0 16px #626370;cursor:default}.blurNotBlur .front span{color:#626370;color:transparent;text-shadow:0 0 2px #626370}.blurNotBlur .back:nth-child(odd){-webkit-transform:scaleX(-1);transform:scaleX(-1)}.blurNotBlur .back:hover span{color:#1b1c26;color:transparent;text-shadow:0 0 2px #626370}.backButton{padding:8px;color:#626370;display:flex;align-items:center;text-decoration:none;position:fixed;top:16px;left:16px;text-transform:uppercase;z-index:2}.backButton svg{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.backButton svg path{stroke:#626370}h1.title{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-text-orientation:upright;text-orientation:upright;color:#1b1c26;position:fixed;top:44px}.skills{display:flex;align-items:center;justify-content:center;width:100%;flex-wrap:wrap;padding:44px;max-width:1200px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.skills span{background:rgba(0,0,0,.2);color:#fff;padding:0 14px;font-weight:700;text-align:center;font-size:18px;border:2px solid transparent;z-index:0;position:relative;margin-right:10px;margin-bottom:10px;cursor:default;border-radius:16px}.skills span a{border-bottom:none}.skills span:hover{border:1px solid #fff;color:#fff;background:#000;position:relative;z-index:1;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5)}.skills span:hover a{color:#fff;border-bottom:none}.skills .tag{background:red}.pages{width:100%;max-width:800px;margin:44px auto 84px}.pages h1{color:#626370;font-family:Bodoni Moda,serif;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;text-align:center}#experiance header{padding-top:0;padding-bottom:0}#experiance header svg{height:unset}#experiance .tagline{padding:0;margin:0 auto;text-transform:uppercase}#experiance .company{max-width:1200px;display:flex;flex-flow:row;justify-content:flex-start;align-items:flex-start;margin-bottom:244px}@media(max-width:600px){#experiance .company{flex-flow:column;margin-bottom:44px}}#experiance .company .column{display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start;padding:24px;-webkit-box-sizing:border-box;box-sizing:border-box}#experiance .company .column p{font-size:1.6rem;margin-top:0}#experiance .company .column .year{color:#626370;font-size:2.4rem}#experiance .company .column:first-child{max-width:144px}#experiance .company .column:nth-child(2){font-family:Bodoni Moda,serif;font-size:4vw}@media(max-width:600px){#experiance .company .column:nth-child(2){font-size:10vw}}#experiance .company .column:nth-child(2) h3{font-size:3.4vw;margin:24px 0}@media(max-width:600px){#experiance .company .column:nth-child(2) h3{font-size:12.4vw}}#experiance .company .column:nth-child(3){color:#626370;font-size:1.6rem;padding:0 0 0 24px}#experiance .company .column h3{margin:24px 0}#experiance .company ul{margin:0;padding:0;list-style-type:none}#experiance .company .tags{display:flex;flex-flow:column;align-items:flex-start}#experiance .company img{max-width:88px;height:auto;border-radius:24px;-webkit-box-shadow:unset;box-shadow:unset}#about,#portfolio,#portfolio nav a{background:#252526}#about{font-family:Abel,sans-serif}#about header{padding:200px 24px}#about header svg{margin-bottom:200px}#about header h1{max-width:1300px;text-align:center;font-size:5rem;line-height:100px;color:#929293}#about main{max-width:1300px;margin:0 auto}#about main p{font-size:3rem;line-height:64px;color:#929293}#about main p.center{text-align:center}#about main h2{font-size:6rem;color:#515151}#about main h2+p{margin-top:0}#about main hr{width:100%;margin:100px 0}.grid{display:grid!important;grid-template-columns:1fr 1fr}footer{display:flex;align-items:center;justify-content:center;padding:var(--largeSpace);padding-bottom:0;flex-flow:column;color:#626370;position:relative;text-align:center}footer p{padding:88px var(--largeSpace)}footer .scrollUp{position:absolute;bottom:44px;z-index:1;cursor:pointer}footer .scrollUp svg path{stroke:#626370}footer .scrollUp:hover{color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}footer .scrollUp:hover svg path{stroke:#fff}footer .nav{padding:88px 8px 0;-webkit-box-sizing:border-box;box-sizing:border-box}footer .nav a{color:#626370;text-decoration:none;padding:4px;text-transform:uppercase}