:root{--black:0,0,0;--white:255,255,255;--smallSpace:4px;--mediumSpace:8px;--largeSpace:24px;--purple:#352f40;--darkPurple:#2e2f40;--red:#bb0101}#mainLogo,.bgBlur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.animate,.clients .client .Collapsible .Collapsible__trigger svg,.clients .client .Collapsible .Collapsible__trigger.is-open svg,.clients .client .Collapsible .Collapsible__trigger:hover svg,.clients .client .button,.imageGrid .column img,.imageGrid .column img:hover,.marquee-container,.marquee-container.show,.social,.social a span,.social a svg,.social a svg path,.social a:hover span,.social a:hover svg,.social.show,.what .section h2,.what .section h2:hover,header,header.show{transition:all .2s ease-in-out}body,html{font-family:Source Sans Pro,sans-serif;margin:0;padding:0;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{box-shadow:0 0 20px #a39d9d}section div p{font-size:2.4vw}header{padding:60vh 6rem 20vh 0;display:flex;flex-flow:column;justify-content:center;align-items:center;box-sizing:border-box;position:relative}@media(max-width:600px){header{padding-bottom:0}}header svg{width:100%;-webkit-animation:glitch .3s cubic-bezier(.25,.46,.45,.94) 5 both;animation:glitch .3s cubic-bezier(.25,.46,.45,.94) 5 both}header .headCircle{position:absolute;z-index:1;max-width:60vw}header.show{transform:scale(.8)}.tagline{margin-top:100px;padding:44px;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%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.imageGrid .column img:hover{transform:scale(1.2)}#floatingLogo{display:none!important;box-sizing:border-box;position:fixed;z-index:2;top:0;visibility:hidden;padding:8px 16px;left:0;transform:translate(-50%);opacity:0;color:#fff;transition:all .2s ease-in-out;display:flex;align-items:center;border-top-left-radius:0;border-top-right-radius:0;border-bottom:0;border-top:0;mix-blend-mode:color-dodge}#floatingLogo a{display:flex}#floatingLogo .name{white-space:nowrap}#floatingLogo.show{visibility:visible;transform:translate(60px);opacity:1}#floatingLogo svg path{fill:var(--red)}#floatingLogo span{flex-shrink:0}p{line-height:2.4rem}.social{display:flex;align-items:center;justify-content:center;padding:var(--mediumSpace);width:100%;max-width:40rem;margin:0 auto;box-sizing:border-box;position:relative;z-index:1;position:-webkit-sticky;position:sticky;bottom:5.5rem;mix-blend-mode:color-dodge;transform:translateY(140px)}@media(max-width:600px){.social{overflow-x:auto}.social span{display:none}}.social.show{transform:translateY(0)}.social a{width:44;height:28px;padding:8px;color:#626370;position:relative;display:flex;flex-flow:column;text-decoration:none;align-items:center}.social a span{top:-20px;left:50%;background:rgba(0,0,0,.8)!important;border-radius:var(--round);transform:translateY(50%);opacity:0;font-weight:600}.social a svg{width:100%;height:100%;flex-shrink:0}.social a svg path{stroke:#626370}.social a:hover span{transform:translateY(4%);opacity:1}.social a:hover svg{fill:rgba(var(--white),.4);transform:scale(1.2)}#mainLogo{position:-webkit-sticky;position:sticky;top:60px;padding:16px;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;strokelinejoin: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:"";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:"";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}.hScroll{width:100%;overflow:hidden;box-sizing:border-box}.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}.sectionTitle{font-size:calc(100vw / 6);-ms-writing-mode:unset!important;writing-mode:unset!important;position:unset!important;align-items:flex-start;color:#1b1c26}.clients{padding:var(--largeSpace);width:100%;box-sizing:border-box}.clients .client{display:flex;flex-flow:column;align-items:flex-start;margin-bottom:var(--largeSpace);position:relative}.clients .client .button{align-self:flex-end;display:flex;border-radius:50%;padding:0;align-items:center;justify-content:center;border:4px solid hsla(0,0%,100%,.2);position:absolute;top:8px}.clients .client .button svg{width:auto}.clients .client .button svg path{fill:var(--red)!important}.clients .client .button:hover{padding:var(--mediumSpace)}.clients .client .dateTitle{display:flex;align-items:center;justify-content:flex-start}@media(max-width:600px){.clients .client .dateTitle{flex-flow:column;align-items:flex-start}}.clients .client .dateTitle .date{font-size:1.4rem;margin:0;color:rgba(var(--white),.6)}.clients .client .dateTitle .title{padding-left:var(--mediumSpace);display:inline-flex;flex-flow:row;margin:0}@media(max-width:600px){.clients .client .dateTitle .title{padding-left:0;margin-left:0}}.clients .client .dateTitle .date+.title:before{content:"•";margin-right:var(--mediumSpace)}@media(max-width:600px){.clients .client .dateTitle .date+.title:before{display:none}}.clients .client h1{font-size:8rem;line-height:7rem;word-wrap:break-word}@media(max-width:600px){.clients .client h1{font-size:2rem;line-height:2.2rem}}.clients .client h5{font-size:2rem;transform:translate(10px,10px)}@media(max-width:600px){.clients .client h5{transform:unset;font-size:1.4rem}}.clients .client .tags{margin-bottom:var(--mediumSpace)}.clients .client .preWrap{white-space:pre-wrap;transform:translate(10px);cursor:auto}@media(max-width:600px){.clients .client .preWrap{padding:0;max-width:100%;transform:unset}}.clients .client p{margin:0;font-size:1.2rem;line-height:1.6rem;max-width:40rem}.clients .client:hover h1,.clients .client:hover h5{color:var(--red)}.clients .client:hover .tag{color:var(--white)!important}.clients .client .Collapsible{display:flex;flex-flow:column;align-items:flex-start;cursor:pointer}.clients .client .Collapsible .Collapsible__contentOuter{justify-content:flex-start;align-items:flex-start}.clients .client .Collapsible .Collapsible__trigger{margin-right:var(--mediumSpace);display:flex;align-items:center;width:100%}.clients .client .Collapsible .Collapsible__trigger svg{border-radius:50%;padding:var(--smallSpace);flex-shrink:0}.clients .client .Collapsible .Collapsible__trigger:hover svg{background:rgba(0,0,0,.4)}.clients .client .Collapsible .Collapsible__trigger.is-open svg{transform:rotate(45deg);background:rgba(0,0,0,.4)}.clients .client .Collapsible svg{width:auto}.clients .client .subClients{display:flex;align-items:center;justify-content:flex-start;padding-left:10px;flex-wrap:wrap;gap:var(--smallSpace)}@media(max-width:600px){.clients .client .subClients{padding-left:0}}.clients .client .subClients span:after{content:"•";padding:var(--smallSpace)}.clients .client .subClients span:last-child:after{content:"";padding:0}.clients .client .subClients+.tags{margin-top:var(--mediumSpace)}@-webkit-keyframes glitch{0%{transform:translate(0);text-shadow:18px 8px 2px rgba(var(--white),.05)}20%{transform:translate(-5px,5px);text-shadow:8px 18px 2px rgba(var(--white),.02)}40%{transform:translate(-5px,-5px);text-shadow:8px 4px 2px rgba(var(--white),.08)}60%{transform:translate(5px,5px);text-shadow:8px 8px 12px rgba(var(--white),.1)}80%{transform:translate(5px,-5px);text-shadow:4px 8px 2px rgba(var(--white),.02)}to{transform:translate(0);text-shadow:8px 8px 2px rgba(var(--white),.05)}}@keyframes glitch{0%{transform:translate(0);text-shadow:18px 8px 2px rgba(var(--white),.05)}20%{transform:translate(-5px,5px);text-shadow:8px 18px 2px rgba(var(--white),.02)}40%{transform:translate(-5px,-5px);text-shadow:8px 4px 2px rgba(var(--white),.08)}60%{transform:translate(5px,5px);text-shadow:8px 8px 12px rgba(var(--white),.1)}80%{transform:translate(5px,-5px);text-shadow:4px 8px 2px rgba(var(--white),.02)}to{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%}}.tags{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-top:var(--largeSpace);padding-left:10px;color:rgba(var(--white),.6)}@media(max-width:600px){.tags{padding-left:0}}.tags .tag{padding:var(--smallSpace) var(--mediumSpace);border-top:8px solid rgba(var(--white),.3);color:var(--white)!important}.aboutContainer{background:#252526}.aboutContainer .sectionTitle{color:var(--darkPurple);padding-left:100px}.about{background:#252526;font-family:Abel,sans-serif;display:grid!important;grid-template-columns:1fr 1fr;align-items:end!important;padding:var(--largeSpace)}@media(max-width:600px){.about{grid-template-columns:1fr}}.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 h1{font-size:4.4rem;text-align:left;margin-bottom:var(--largeSpace)}@media(max-width:600px){.about h1{font-size:2.4rem}}.about p{font-size:2.4rem;line-height:2.8rem;margin:0;margin-bottom:var(--largeSpace);color:#929293;text-transform:none}.about p .highlight{position:relative;z-index:1}.about p .highlight:before{content:"";position:absolute;left:0;bottom:16px;right:0;height:14px;transform:skew(-12deg) translateY(10px);background:rgba(187,1,1,.5);z-index:-1}@media(max-width:600px){.about p{font-size:1.8rem}}.about p.center{text-align:center}@media(max-width:600px){.about img{position:unset!important}.about>div{padding-top:0!important}}.marquee-container{position:-webkit-sticky!important;position:sticky!important;bottom:0;background:Var(--darkPurple);border-top:4px solid var(--red);transform:translateY(100px);z-index:1;padding:var(--mediumSpace);box-sizing:border-box}.marquee-container.show{transform:translateY(0)}.marquee-container .marquee{font-size:1.2rem}.marquee-container .marquee a{color:var(--white);text-decoration:none}.layout{grid-template-columns:6rem 1fr 1px;display:grid;border-top:8px solid var(--red)}@media(max-width:600px){.layout{grid-template-columns:5rem 1fr 1px}}.layout nav{grid-column:1;width:6rem}@media(max-width:600px){.layout nav{width:5rem}}.layout .marquee-container,.layout .social,.layout footer,.layout header,.layout main{grid-column:2/-1;box-sizing:border-box}.layout main{display:flex;flex-flow:column}.notification{background:Var(--red);position:absolute;top:0;left:0;right:0;z-index:1}.notification,.notification a{display:flex;align-items:center;justify-content:center}.notification a{color:var(--white);text-decoration:none;padding:var(--mediumSpace)}.notification a svg{margin-left:var(--mediumSpace)}.bgBlur,nav a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.animate,.blurNotBlur .back:hover span,.blurNotBlur span,nav,nav a,nav a.active,nav a:hover,nav.show{transition:all .2s ease-in-out}nav{display:flex;gap:16px;justify-content:stretch;align-items:center;font-family:Abel,sans-serif;position:relative;z-index:1;max-height:100%;height:600px;align-self:center;transform:translate(-100%);text-align:center;border-right:4px solid var(--red);-ms-overflow-style:none;scrollbar-width:none}nav.show{transform:translate(0)}nav a{display:flex;color:var(--red);text-decoration:none;padding:16px 8px;font-size:1.2rem;border-radius:16px;margin:6px;white-space:nowrap;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-orientation:upright;background:#512330;box-sizing:border-box;text-transform:uppercase;background:var(--darkPurple);font-weight:700;border-top:1px solid;cursor:pointer}nav a:first-child{position:-webkit-sticky;position:sticky;top:0;z-index:1}nav a:first-child svg path{fill:var(--red)}nav a:last-child{position:-webkit-sticky;position:sticky;bottom:0;z-index:1}nav a:first-child{border-top:unset;border-bottom:1px solid}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}nav a:nth-child(5){align-self:center}nav a.active,nav a:hover{color:var(--white);background:#512330!important;border-color:var(--red);font-weight:600}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:flex-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;position:relative}main .content section{display:flex;position:relative;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{position:relative}img{width:100%;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){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{transform:rotate(270deg)}.backButton svg path{stroke:#626370}h1.title{-ms-writing-mode:tb-lr;writing-mode:vertical-lr;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;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{color:#fff;background:#000;position:relative;z-index:1;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;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;box-shadow:unset}#portfolio,#portfolio nav a{background:#252526}.grid{display:grid!important;grid-template-columns:1fr 1fr}nav{display:grid;position:fixed;left:0;top:0;bottom:0;overflow:auto;height:unset;grid-gap:unset;gap:unset;max-height:unset;z-index:2}nav a{margin:0;border-radius:0;height:100%}footer,nav a{align-items:center;justify-content:center}footer{display:flex;padding:var(--largeSpace);padding-bottom:0;flex-flow:column;color:#626370;position:relative;text-align:center;margin-bottom:140px}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;transform:scale(1.2)}footer .scrollUp:hover svg path{stroke:#fff}footer .nav{padding:88px 8px 0;box-sizing:border-box}footer .nav a{color:#626370;text-decoration:none;padding:4px;text-transform:uppercase}