@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Oswald:wght@200;300;400;500;600;700&display=swap);:root{--color-primary-1:#1c1e19;--color-secondary-1:#ffe8de;--color-secondary-2:#b1a6a1;--color-secondary-3:#4f4b4a;--color-accent-1:#6447c4;--color-accent-2:#8a69f9}@media (prefers-color-scheme:light){:root{--color-primary-1:#fff8f5;--color-secondary-1:#272729;--color-secondary-2:#9b928e;--color-secondary-3:#d3d3d4;--color-accent-1:#8a69f9;--color-accent-2:#6447c4}}*{-ms-overflow-style:none;cursor:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.--margin-sm-lr{margin-left:3rem;margin-right:3rem}.--margin-sm-tb{margin-bottom:3rem;margin-top:3rem}.--margin-lg-lr{margin-left:14vw;margin-right:14vw}.--margin-lg-tb{margin-bottom:15rem;margin-top:15rem}body{background-color:#1c1e19;background-color:var(--color-primary-1);font-family:Open Sans,sans-serif;font-size:30px;font-weight:300;min-height:100vh}.Heading,body{color:#ffe8de;color:var(--color-secondary-1);margin:0}.Heading{font-family:Oswald,sans-serif;font-size:2.6em;font-weight:700;line-height:1em;text-transform:uppercase}.Heading-1{font-size:6em;-webkit-transform:translateX(-.05em);transform:translateX(-.05em)}.Paragraph{font-size:1em;line-height:1.6em;margin:.5em 0}.Caption{color:#b1a6a1;color:var(--color-secondary-2);font-size:.6em;margin:0 0 .25em}.--emphasize{color:#8a69f9;color:var(--color-accent-2);position:relative}.--emphasize:before{-webkit-animation:breathe 1.2s ease-in-out 0s infinite alternate;animation:breathe 1.2s ease-in-out 0s infinite alternate;background-color:#8a69f9;background-color:var(--color-accent-2);border-radius:50%;content:"";height:.5em;left:-.5em;position:absolute;top:55%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);-webkit-transform-origin:center center;transform-origin:center center;width:.5em}@-webkit-keyframes breathe{0%{-webkit-transform:translate(-100%,-50%) scale(1.5);transform:translate(-100%,-50%) scale(1.5)}to{-webkit-transform:translate(-100%,-50%) scale(.5);transform:translate(-100%,-50%) scale(.5)}}@keyframes breathe{0%{-webkit-transform:translate(-100%,-50%) scale(1.5);transform:translate(-100%,-50%) scale(1.5)}to{-webkit-transform:translate(-100%,-50%) scale(.5);transform:translate(-100%,-50%) scale(.5)}}.Link{color:inherit;position:relative;text-decoration:none;transition:.3s}.Link:after,.Link:before{background-color:#4f4b4a;background-color:var(--color-secondary-3);bottom:-.1em;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);width:100%}.Link:after{background-color:#8a69f9;background-color:var(--color-accent-2);opacity:0;transition:.3s;width:0}.Link:hover{color:#8a69f9;color:var(--color-accent-2)}.Link:hover:after{opacity:1;width:100%}.Experience{margin:2em 0}.Experience:first-child{margin-top:0}.Experience:last-child{margin-bottom:0}.Experience-Paragraph{margin:0}.Header{box-sizing:border-box;left:0;padding:3rem;position:fixed;top:0;width:100%;z-index:300}.Header-Group{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.Motion-Scroll{opacity:0;position:relative;top:4rem;transition:0s}.Motion-Scroll--revealed{opacity:1;top:0;transition:all 1s cubic-bezier(.5,1,.89,1) .1s}.Motion-Scroll--delay{transition-delay:.3s}.Motion-Text{display:inline-block;position:relative}.Motion-Container{overflow:hidden}.Menu{position:fixed;z-index:200}.Menu,.Nav{height:100%;left:0;top:0;width:100%}.Nav{align-items:center;display:flex;justify-content:center;position:absolute}.Nav-List{box-sizing:border-box;list-style:none;overflow:hidden;padding:0;width:100%}.Nav-Item{align-items:center;color:#1c1e19;color:var(--color-primary-1);display:flex;font-family:Oswald,sans-serif;font-size:4em;font-weight:700;justify-content:flex-end;margin:.1em 0;text-align:right;text-transform:uppercase;transition:opacity .4s}.Nav-Item--selected{color:#ffe8de;color:var(--color-secondary-1)}.Nav-Item--selected:after,.Nav-Item--selected:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.Nav-Label{display:flex;transition:.3s}.Nav-Link{color:inherit;margin:0;text-decoration:none}.Nav-Link:hover .Nav-Label{-webkit-transform:translateX(-.5em);transform:translateX(-.5em)}.Nav-Index{font-family:Open Sans,sans-serif;font-size:.3em;font-style:italic;font-weight:500;margin-right:.5em;margin-top:1em}.Blinds{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:100%}.Blinds-Line{background-color:#6447c4;background-color:var(--color-accent-1);flex:1 1;transition-duration:.2s}.BurgerButton{background-color:initial;border:none;height:1.75rem;padding:0;position:relative;transition:.2s;width:2.5rem}.BurgerButton-Inner,.BurgerButton-Outter{height:3px;width:100%}.BurgerButton-Inner:after,.BurgerButton-Inner:before,.BurgerButton-Outter:after,.BurgerButton-Outter:before{background-color:#ffe8de;background-color:var(--color-secondary-1);content:"";display:block;height:3px;margin:0;position:absolute;transition:.2s;width:100%}.BurgerButton-Inner{position:absolute}.BurgerButton-Outter:after{top:0}.BurgerButton-Outter:before{bottom:0}.BurgerButton:hover .BurgerButton-Outter:after{top:-.25rem}.BurgerButton:hover .BurgerButton-Outter:before{bottom:-.25rem}.BurgerButton--close .BurgerButton-Inner:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.BurgerButton--close .BurgerButton-Inner:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.BurgerButton--close .BurgerButton-Outter:after,.BurgerButton--close .BurgerButton-Outter:before{margin:0 50%;width:0}.BurgerButton--close:hover .BurgerButton-Inner:after{-webkit-transform:rotate(45deg) scaleX(1.2);transform:rotate(45deg) scaleX(1.2)}.BurgerButton--close:hover .BurgerButton-Inner:before{-webkit-transform:rotate(-45deg) scaleX(1.2);transform:rotate(-45deg) scaleX(1.2)}.Grain{bottom:0;height:100vh;left:0;opacity:.2;position:fixed;right:0;top:0;width:100vw;z-index:-1}.Grain-Img{-webkit-filter:grayscale(1);filter:grayscale(1);height:100%;object-fit:cover;object-position:center;width:100%}.Main-Header{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;padding-bottom:10vh}.Project{margin-bottom:15rem;overflow:hidden;padding:0 15rem}.Project,.Project-Header{box-sizing:border-box;width:100%}.Project-Header{height:100vh;padding:14rem 0 9rem}.Img{background-color:#505050;object-fit:contain;opacity:.2;width:100%}.Grid{grid-gap:2em;display:grid;gap:2em;grid-template-columns:1fr 1fr 1fr;margin-bottom:10rem;margin-top:10rem;width:100%}.Grid-Item{word-wrap:anywhere;grid-column:auto/span 1}.Grid-Item--span-2{grid-column:auto/span 2}.Grid-Item--span-3{grid-column:auto/span 3}.Grid:first-of-type{margin-top:0}.List{box-sizing:border-box;list-style:none;margin:0;padding:0 2rem;width:100%}.List--scroll{margin:calc(50vh - 2em) 0}.List-Item{align-items:center;display:flex;font-family:Oswald,sans-serif;font-size:2.5em;font-weight:700;justify-content:center;margin:3rem 0;opacity:.3;text-align:center;text-transform:uppercase;transition:opacity .4s}.List-Item--selected{opacity:1}.List-Item--selected:after,.List-Item--selected:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.List-Link{color:#ffe8de;color:var(--color-secondary-1);margin:0 1rem;text-decoration:none}.ScrollIndicator{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;text-align:center}.ScrollIndicator-Circle{border:2px solid #ffe8de;border:2px solid var(--color-secondary-1);border-radius:50%;border-right:2px solid transparent;display:inline-block;height:.5rem;width:.5rem}.ScrollIndicator-Text{font-size:14px;font-weight:600;margin-left:.5rem}.ScrollIndicator--position-static{margin-top:4em;position:static}.CursorWrapper{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:400}.CursorWrapper--hide{display:none}.Cursor{height:0;left:0;pointer-events:none;position:fixed;top:0;width:0;z-index:400}.Cursor-Dot{background-color:#8a69f9;background-color:var(--color-accent-2);height:8px;width:8px}.Cursor-Dot,.Cursor-Outline{border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Cursor-Outline{border:2px solid #8a69f9;border:2px solid var(--color-accent-2);height:48px;opacity:.2;transition:.2s;width:48px}.Cursor-Outline--interact{height:80px;opacity:1;width:80px}.--hide-cursor{cursor:none}.Projects{box-sizing:border-box;height:100vh;left:0;padding:14rem 0 9rem;position:relative;top:0}.Projects-Container{margin-left:10vw}.Projects-Container,.Projects-Reel{box-sizing:border-box;display:flex;flex-direction:row;height:100%;position:relative}.Projects-Reel{transition-duration:.8s;width:100%}.ProjectPreview{align-items:center;box-sizing:border-box;display:flex;flex:0 0 100%;flex-direction:column;height:100%;justify-content:center;opacity:.2;padding-right:10vw;position:relative;transition:.3s;width:100%}.ProjectPreview--selected{opacity:1}.ProjectPreview-Link{color:inherit;height:100%;width:100%}.ProjectPreview-Link:hover .ProjectPreview-Img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:.8}.ProjectPreview-Container,.ProjectPreview-ImgContainer{box-sizing:border-box;height:100%;position:relative;width:100%}.ProjectPreview-ImgContainer{padding-left:20vw}.ProjectPreview-Img{-webkit-filter:grayscale(1);filter:grayscale(1);height:100%;object-fit:cover;opacity:.6;transition:.3s;width:100%}.ProjectPreview-Index{box-sizing:border-box;left:0;margin:0;position:absolute}.ProjectPreview-TextContainer{margin:0;position:absolute;top:20%}.ProjectPreview-Title{font-family:Oswald,sans-serif;font-size:5em;margin:0;text-transform:uppercase}.ProjectPreview-Description{font-size:.8em;margin:0;max-width:30rem}@media (pointer:coarse){*{cursor:inherit}.CursorWrapper{display:none}}@media (max-width:1400px){body{font-size:27px}}@media (max-width:1200px){body{font-size:24px}.--margin-lg-lr{margin-left:3rem;margin-right:3rem}.--margin-lg-tb{margin-bottom:10rem;margin-top:10rem}}@media (max-width:992px){body{font-size:20px}.Caption{font-size:12px}}@media (max-width:768px){body{font-size:18px}.Heading-1{font-size:15vw}.Grid{grid-template-columns:1fr 1fr}.Grid-Item--span-3{grid-column:auto/span 2}}@media (max-width:576px){body{font-size:16px}.Header{padding:2rem}.--margin-lg-lr,.--margin-sm-lr{margin-left:2rem;margin-right:2rem}.--margin-sm-tb{margin-bottom:2rem;margin-top:2rem}.Grid{grid-template-columns:1fr}.Grid-Item--span-2,.Grid-Item--span-3{grid-column:auto/span 1}.Nav-Item{font-size:3em}}
/*# sourceMappingURL=main.2fd83bc7.css.map*/