@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&display=swap);.menu{display:flex;justify-content:space-between;margin:1em}.menu__item{color:#000;display:inline-block;font-family:Montserrat,sans-serif;font-size:.8em;letter-spacing:.05em;text-transform:uppercase}.menu__item--dark{color:#fff}.menu__item--dark:after{background-color:#fff!important}.menu__item--dark:visited{color:#fff!important}.menu__item:after{background-color:#000;content:"";display:inline-block;height:1px;transform:scaleX(0);transform-origin:left center;transition:all .6s cubic-bezier(0,0,0,1);width:100%}.menu__item:hover:after{transform:scaleX(1);transform-origin:right center}.menu__item:visited{color:#000}.background{background-color:#d9d3c7;height:100vh;height:calc(var(--vh, 1vh)*100);left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}.background--dark{background-color:#000}.background:after{animation:noise 10s steps(8) infinite;background-image:url(/static/media/noise.27162aa37570e4891fe9.png);content:"";height:300%;left:-50%;opacity:.3;position:fixed;top:-110%;width:300%}@keyframes noise{0%{transform:translate(0)}10%{transform:translate(-100px,100px)}20%{transform:translate(150px,-100px)}30%{transform:translate(-100px,100px)}40%{transform:translate(100px,-150px)}50%{transform:translate(-100px,200px)}60%{transform:translate(-200px,-100px)}70%{transform:translate(50px,100px)}80%{transform:translate(100px,-150px)}90%{transform:translateY(200px)}to{transform:translate(-100px,100px)}}.name{font-family:Montserrat,sans-serif;font-size:1em;font-weight:100;text-align:center;text-transform:uppercase}.name--light{color:#000}.name--dark,.name--light{font-size:1em;margin:0;opacity:.6}.name--dark{color:#fff}.container{display:flex;justify-content:center;margin:2em 1em 1em}@media(min-width:43em){.container{margin:2em 1em 1em}}@media(min-width:62em){.container{margin:2em 8em 1em}}.container__no-margin{margin:0}.container__row{display:flex;flex-direction:column;width:100%}@media(min-width:43em){.container__row{flex-direction:row}}@media(min-width:62em){.container__row{flex-direction:row}}.container__column{width:100%}@media(min-width:43em){.container__column{width:60%}}@media(min-width:62em){.container__column{width:50%}}.container__work{display:flex;flex-direction:column;height:100%;width:100%}@media(min-width:43em){.container__work{flex-direction:column}}@media(min-width:62em){.container__work{flex-direction:row}}.item{width:100%}@media(min-width:43em){.item{width:10%}}@media(min-width:62em){.item{width:10%}}.item__small{flex-grow:4;position:relative}@media(min-width:43em){.item__small{position:relative}}@media(min-width:62em){.item__small{position:relative}}.item__medium{align-self:flex-end;flex-grow:2;margin:8em 1em}.item__big{flex-grow:10}.item__collapse{opacity:.3;position:absolute}@media(min-width:43em){.item__collapse{opacity:.6;position:relative;top:0}}@media(min-width:62em){.item__collapse{opacity:1;position:relative;top:0}}.item__work{flex:1 1}.item__work__right{margin:0}@media(min-width:43em){.item__work__right{margin:0}}@media(min-width:62em){.item__work__right{align-self:flex-end;margin:1em 8em 0 4em}}.item__work__left{display:block;margin:0;position:relative}@media(min-width:43em){.item__work__left{display:block;margin:0;position:relative}}@media(min-width:62em){.item__work__left{margin:1em}}.item__work-detail{top:10%}@media(min-width:43em){.item__work-detail{position:relative;top:10%}}@media(min-width:62em){.item__work-detail{position:relative;top:10%}}.logo{stroke-dasharray:400;stroke-dashoffset:400;fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:1;animation:draw 2s linear .5s forwards}.logo--white{stroke:#fff}@keyframes draw{to{stroke-dashoffset:0}}.divider{display:flex}.divider__max-width{max-width:200px}.divider__border{background:#707070;flex-grow:9;height:1px;margin:.4em 0 0;transition:all .6s ease}.divider__border__hover{margin:.4em 0 0 2em}.divider__title{color:#707070;font-family:Montserrat,sans-serif;font-size:.8em;font-weight:400;margin:0 0 0 1em;text-transform:uppercase}.divider__title__no-margin{margin:1em 0 0}.divider__title__hidden{display:block}@media(min-width:43em){.divider__title__hidden{display:none}}@media(min-width:62em){.divider__title__hidden{display:none}}.divider__work{color:#707070;display:inline-block;font-family:Montserrat,sans-serif;font-size:.8em;text-transform:capitalize;transition:transform .5s}.divider__work span{display:inline-block;overflow:hidden;position:relative}.paragraph__work{position:relative}.paragraph{color:#fff;font-family:Montserrat,sans-serif;font-size:1em;letter-spacing:.05em;line-height:1.5;margin:1em 0 4em;transition:all .6s ease}.paragraph__right{margin:1em 0 4em;text-align:left}@media(min-width:43em){.paragraph__right{margin:1em 0 4em 4em;text-align:right}}@media(min-width:62em){.paragraph__right{margin:1em 0 4em 4em;text-align:right}}.paragraph__small{margin:1em 0}.paragraph--dark{color:#000}.paragraph--light{color:#707070}.paragraph__workItem{display:flex;font-size:.8em;justify-content:flex-end;margin:0}a{cursor:pointer;text-decoration:none}.link{margin:1em 0;overflow:hidden}.link a{color:#fff;font-family:Montserrat,sans-serif;font-size:1em;text-transform:capitalize}.link span{display:inline-block;position:relative;transition:transform .6s}.link span:before{content:attr(data-hover);font-weight:500;position:absolute;top:100%;white-space:nowrap}.link span:focus,.link span:hover{transform:translateY(-100%)}.image{height:auto;margin:1em 0;max-width:100%;object-fit:cover}.image__header{height:400px;margin:0;width:100%}.image__work{filter:opacity(.6);height:100%;object-fit:cover;transition:all .6s ease;width:100%}.image__hover{filter:opacity(.8)}.title{font-family:Libre Caslon Display,serif;font-weight:400;text-align:center;text-transform:capitalize}.title__center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.title__up{margin:0 2em 0 0}.title__down{margin:-.4em 0 0}.title__big{font-size:6em}.title__small{font-size:2em}@media(min-width:43em){.title__small{font-size:3em}}@media(min-width:62em){.title__small{font-size:3em}}.title--light{color:#000}.title--dark{color:#fff}.title__project{-webkit-text-stroke:1px #000;color:#0000;font-size:6em;left:50%;position:absolute;transform:translate(-50%,100%);transition:all .6s ease;z-index:2}@media(min-width:62em){.title__project{left:50%;margin:1em 0;transform:translate(0)}.title__project__hover{transform:scale(1.1)}}.title__project-detail{-webkit-text-stroke:1px #fff;color:#0000;font-size:6em;overflow:hidden;z-index:2}.work{margin:8em 0 16em}.work:last-child{margin:0 0 8em}.icon__arrow-down{animation:bounce 2s ease infinite both;height:1em;left:50%;position:relative;width:1em}@keyframes bounce{0%{opacity:1;transform:translateY(-120px)}to{opacity:0;transform:translateY(-80px)}}
/*# sourceMappingURL=main.80d2cdf4.css.map*/