@import url(https://fonts.googleapis.com/css?family=Roboto:300,900|Roboto+Condensed);body,html{height:100%;font-family:sans-serif;margin:0;padding:0;width:100%}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}a{text-decoration:none}p{margin:0}p+p{margin:initial}:root{--app-gutter:150px}@media screen and (min-width:1600px){:root{--app-gutter:250px}}@media screen and (max-width:1300px){:root{--app-gutter:80px}}@media screen and (max-width:768px){:root{--app-gutter:45px}}@media screen and (max-width:450px){:root{--app-gutter:30px}}.app{height:100vh;width:100%}.app__detail-view{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.7,0,.3,1);z-index:1}.app__detail-view:empty{display:none}.app__detail-view.app__detail-enter-active,.app__detail-view.app__detail-enter-done{bottom:0!important;border-radius:0;height:100%!important;left:0!important;right:0!important;top:0!important;width:100%!important}.home,.home__projects{height:100%;overflow:hidden}.home__projects{align-items:center;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f6f6f6' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M10 100L50 0h50v100z'/%3E%3C/svg%3E");background-size:100% 100%;display:flex;flex-direction:row;padding:0 var(--app-gutter);position:relative;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);transition:-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);will-change:transform}.home__projects--active{-webkit-transform:translateZ(0);transform:translateZ(0)}@media screen and (max-width:450px){.home__projects{-webkit-transform:translateZ(0);transform:translateZ(0)}}:root{--carousel-padding:160px;--row-base-transition:.4s;--carousel-margin-left:72px}@media screen and (max-width:1440px){:root{--carousel-padding:200px}}@media screen and (max-width:768px){:root{--carousel-margin-left:45px}}@media screen and (max-width:450px){:root{--row-base-transition:.35s;--carousel-margin-left:var(--app-gutter)}}@media screen and (max-height:900px){:root{--carousel-padding:80px}}@media screen and (max-height:600px){:root{--carousel-padding:40px}}.carousel{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.carousel:focus{outline:none}.carousel__container{height:100%;opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0);transition:all 0s cubic-bezier(.7,0,.3,1);transition-delay:.48s;transition-delay:calc(var(--row-base-transition)*1.2);width:calc(100% - var(--nav-icon-size))}.carousel__container,.carousel__container--visible{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:opacity,transform}.carousel__container--visible{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .4s cubic-bezier(.7,0,.3,1) .28s,-webkit-transform .4s cubic-bezier(.7,0,.3,1) .2s;transition:transform .4s cubic-bezier(.7,0,.3,1) .2s,opacity .4s cubic-bezier(.7,0,.3,1) .28s;transition:transform .4s cubic-bezier(.7,0,.3,1) .2s,opacity .4s cubic-bezier(.7,0,.3,1) .28s,-webkit-transform .4s cubic-bezier(.7,0,.3,1) .2s;transition:opacity var(--row-base-transition) calc(var(--row-base-transition)*0.7) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1),opacity var(--row-base-transition) calc(var(--row-base-transition)*0.7) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1),opacity var(--row-base-transition) calc(var(--row-base-transition)*0.7) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1)}.carousel__rows{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;margin-left:72px;margin-left:var(--carousel-margin-left);transition:-webkit-transform .4s cubic-bezier(.7,0,.3,1);transition:transform .4s cubic-bezier(.7,0,.3,1);transition:transform .4s cubic-bezier(.7,0,.3,1),-webkit-transform .4s cubic-bezier(.7,0,.3,1);transition:-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);will-change:transform}.carousel__row{height:100%;padding-top:calc(var(--nav-top) + var(--nav-height) + var(--carousel-padding));padding-bottom:160px;padding-bottom:var(--carousel-padding);width:100%}:root{--nav-icon-size:20px;--nav-dot-size:8px;--nav-separator-width:2px;--nav-margin:10px 0}@media screen and (max-width:1440px){:root{--nav-icon-size:15px;--nav-dot-size:5px;--nav-separator-width:1px}}@media screen and (max-width:450px){:root{--nav-icon-size:20px}}.carousel__nav{flex-direction:column;flex-shrink:0;height:100%;padding-top:calc(var(--nav-top) + var(--nav-height) + var(--carousel-padding));padding-bottom:var(--carousel-padding);justify-content:space-between}.carousel__nav,.carousel__nav-dot-container{align-items:center;display:flex;width:20px;width:var(--nav-icon-size)}.carousel__nav-dot-container{cursor:pointer;height:20px;height:var(--nav-icon-size);justify-content:center;margin:10px 0;margin:var(--nav-margin);position:relative;text-align:center}.carousel__nav-dot-container:first-of-type{margin-top:0}.carousel__nav-dot-container:nth-last-child(2){margin-bottom:0}.carousel__nav-separator{background-color:#ededed;flex-grow:1;width:2px;width:var(--nav-separator-width)}.carousel__nav-separator:last-of-type{display:none}:root{--dot:calc(var(--row-base-transition)*0.2);--icon:calc(var(--row-base-transition)*0.8)}.carousel__nav-dot{background-color:red;border-radius:50%;display:inline-block;height:var(--nav-dot-size);-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform calc(var(--row-base-transition)*0.2) cubic-bezier(.7,0,.3,1);transition:transform calc(var(--row-base-transition)*0.2) cubic-bezier(.7,0,.3,1);transition:transform calc(var(--row-base-transition)*0.2) cubic-bezier(.7,0,.3,1),-webkit-transform calc(var(--row-base-transition)*0.2) cubic-bezier(.7,0,.3,1);transition:-webkit-transform var(--dot) cubic-bezier(.7,0,.3,1);transition:transform var(--dot) cubic-bezier(.7,0,.3,1);transition:transform var(--dot) cubic-bezier(.7,0,.3,1),-webkit-transform var(--dot) cubic-bezier(.7,0,.3,1);transition-delay:0;width:var(--nav-dot-size)}.carousel__nav-dot-active{-webkit-transform:scale(1);transform:scale(1);transition-delay:calc(var(--row-base-transition)*0.8);transition-delay:var(--icon)}.carousel__nav-icon{height:100%;position:absolute;overflow:visible;transition:all calc(var(--row-base-transition)*0.8) cubic-bezier(.7,0,.3,1);transition:all var(--icon) cubic-bezier(.7,0,.3,1);width:100%}.carousel__nav-icon-active{stroke-dashoffset:0!important;transition-delay:calc(var(--row-base-transition)*0.2);transition-delay:var(--dot)}.carousel__nav-icon *{stroke-width:4px!important}.carousel__items{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-wrap:nowrap;height:100%;overflow-x:visible;transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) .15s cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) .15s cubic-bezier(.7,0,.3,1),opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) .15s cubic-bezier(.7,0,.3,1),opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) .15s cubic-bezier(.7,0,.3,1);will-change:opacity,transform}:root{--item-padding:85px;--title-font-size:calc(30px + 3vw);--title-width:85%;--description-width:60%;--category-font-size:calc(12px + 0.5vw)}@media screen and (max-height:800px),screen and (max-width:1440px){:root{--item-padding:50px}}@media screen and (max-width:450px){:root{--item-padding:25px;--title-width:100%;--description-width:100%}}@media screen and (max-height:500px){:root{--item-padding:25px;--title-width:100%;--description-width:100%;--title-font-size:26px;--category-font-size:14px}}.carousel__item{background-size:cover;background-position:50%;border-radius:8px;box-shadow:10px 10px 18px 0 rgba(0,0,0,.18);color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin-right:50%;min-width:100%;opacity:0;padding:85px;padding:var(--item-padding);position:relative;transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform .05s ease;transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform .05s ease;transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform .05s ease,-webkit-transform .05s ease;width:100%}.carousel__item-nav{height:100%;width:100%;position:absolute;left:0;top:0}.carousel__item-arrow{cursor:pointer;display:block;position:absolute;text-align:center;top:40px;transition:opacity calc(var(--row-base-transition)*0.8) cubic-bezier(.7,0,.3,1);z-index:5}.carousel__item-arrow.left{left:40px}.carousel__item-arrow.right{right:40px}.carousel__item-category{display:block;font-weight:400;text-transform:uppercase;font-size:calc(12px + .5vw);font-size:var(--category-font-size);margin-bottom:5px}.carousel__item-title{display:block;font-family:Roboto;font-weight:900;line-height:1;margin:0;text-shadow:8px 8px 12px rgba(0,0,0,.3);font-size:calc(30px + 3vw);font-size:var(--title-font-size);max-width:85%;max-width:var(--title-width);z-index:1}.carousel__item-subtitle{font-size:calc(8px + .5vw);font-weight:300;margin:15px 0;text-transform:uppercase}.carousel__item-subtitle span{display:inline;font-weight:700;padding:2px 5px}.carousel__item-description{font-size:calc(14px + .1vw);font-weight:300;line-height:1.2}.carousel__item-description span{padding:2px 5px}.carousel__item--active{opacity:1;transition-duration:0}.carousel-arrow{display:inline-block;width:76px}.carousel-arrow svg{-webkit-filter:drop-shadow(3px 5px 2px rgba(0,0,0,.4));filter:drop-shadow(3px 5px 2px rgba(0,0,0,.4));fill:#fff;display:inline-block}:root{--header-logo-width:250px}@media screen and (max-width:450px){:root{--header-logo-width:150px}}.home__header{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;background-size:cover;color:#fff;display:flex;height:100%;flex-direction:column;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);width:100%;z-index:3}.home__header--scrolled{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.home__header--scrolled .home__header-copy{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0);transition:opacity calc(var(--row-base-transition)*0.4) cubic-bezier(.7,0,.3,1),-webkit-transform calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1);transition:transform calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1),opacity calc(var(--row-base-transition)*0.4) cubic-bezier(.7,0,.3,1);transition:transform calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1),opacity calc(var(--row-base-transition)*0.4) cubic-bezier(.7,0,.3,1),-webkit-transform calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1)}.home__header-video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%;width:177.77777778vh;min-width:100%;min-height:56.25vw}.home__header-logo{opacity:1;width:250px;width:var(--header-logo-width);z-index:1}.home__header-logo svg{height:auto}.home__header-logo--scrolled{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);transition:opacity calc(var(--row-base-transition)*0.4) cubic-bezier(.7,0,.3,1),-webkit-transform calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1);transition:transform calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1),opacity calc(var(--row-base-transition)*0.4) cubic-bezier(.7,0,.3,1);transition:transform calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1),opacity calc(var(--row-base-transition)*0.4) cubic-bezier(.7,0,.3,1),-webkit-transform calc(var(--row-base-transition)*0.5) cubic-bezier(.7,0,.3,1)}.home__header-copy{font-family:Roboto;font-size:22px;font-weight:400;margin:30px;opacity:1;text-align:center;transition:none;z-index:1}.scroll-down{bottom:50px;cursor:pointer;display:inline-block;left:50%;padding:30px;pointer-events:all;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-down__icon{width:32px}:root{--nav-top:92px;--nav-height:62px}@media screen and (max-width:1440px){:root{--nav-top:42px;--nav-height:62px}}@media screen and (max-height:800px),screen and (max-width:1300px){:root{--nav-top:42px;--nav-height:50px}}.navigation{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:row;justify-content:space-between;height:62px;height:var(--nav-height);left:0;padding:0 var(--app-gutter);position:absolute;text-transform:uppercase;top:92px;top:var(--nav-top);width:100%;z-index:3}.navigation__logo{cursor:pointer;height:100%}.navigation__logo svg>*{transition:stroke var(--row-base-transition) cubic-bezier(.7,0,.3,1)}.navigation__items{display:flex;flex-direction:row;flex-grow:1;justify-content:flex-end;position:relative}.navigation__item{color:#686868;cursor:pointer;display:block;font-size:16px;font-weight:400;height:22px;line-height:22px;padding:0 20px;transition:all var(--row-base-transition) cubic-bezier(.7,0,.3,1)}.navigation__item:last-of-type{padding-right:0}.navigation__item-enter{opacity:0;transition-delay:.4s}.navigation__item-enter-active,.navigation__item-enter-done{opacity:1}.navigation__item-exit{opacity:1;pointer-events:none}.navigation__item-exit-active,.navigation__item-exit-done{opacity:0;pointer-events:none}.navigation__cross{cursor:pointer;height:22px;position:absolute;right:0;top:0;transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);width:22px}.navigation__cross-enter{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}.navigation__cross-enter-active,.navigation__cross-enter-done{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.navigation__cross-exit,.navigation__cross-exit-active,.navigation__cross-exit-done{display:none}.about{background-color:#fff;color:#686868;position:absolute;left:0;top:0;transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);z-index:1}.about__wrapper{display:flex;flex-direction:row;justify-content:space-between}.about__content{width:48%}.about__content-header{background-image:url(/static/media/zuketa.81447f25.jpg);background-position:50%;background-size:cover;border-radius:0 0 8px 0;box-shadow:10px 10px 18px 0 rgba(0,0,0,.18);height:100vh}.about__content-heading{display:flex;height:100vh;flex-direction:column;padding:25px 0;justify-content:flex-end}.about__content-title{display:block;font-family:Roboto;font-weight:900;line-height:1;margin:0;font-size:calc(30px + 3vw)}.about__content-subtitle{color:#686868;font-size:18px;font-style:italic;font-weight:700}.about__content-description{font-size:16px;font-style:italic;min-height:75vh;padding:25px 100px 25px 0}.about__content-description p+p{margin:20px 0}@media screen and (max-width:450px){.about .about__wrapper{flex-direction:column}.about .about__content{width:100%}.about .about__content:nth-child(2){padding:var(--app-gutter)}.about .about__content-header{border-radius:0;height:50vh}.about .about__content-heading{height:auto}.about .about__content-description{padding:25px 0}}.about.fade-enter{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}.about.fade-enter-active,.about.fade-enter-done,.about.fade-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.about.fade-exit-active,.about.fade-exit-done{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}.contact-form{background-color:#f7f7f7;padding:60px var(--app-gutter);width:100%}.contact-form__heading{color:#686868;font-size:calc(32px + 1vw);font-weight:900;letter-spacing:-1px}.contact-form form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.contact-form__field{display:block;padding:20px 0;width:48%}.contact-form__field--large{width:100%}.contact-form__cta{display:flex;justify-content:center;margin:100px 0 40px;position:relative;width:100%}.contact-form__feedback{position:absolute;top:50%;opacity:0;left:0;pointer-events:none;text-align:center;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition-delay:calc(var(--row-base-transition)*0.3);width:100%}.contact-form__feedback--active{opacity:1;pointer-events:all;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.contact-form__btn{background:transparent;border:1px solid #686868;border-radius:5px;color:#686868;cursor:pointer;display:inline-block;outline:0;padding:20px;transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1)}.contact-form__btn--disabled{opacity:.5;pointer-events:none}.contact-form__btn--inactive{opacity:0;pointer-events:none;-webkit-transform:translateX(25%);transform:translateX(25%)}@media screen and (max-width:450px){.contact-form{flex-direction:column}.contact-form__field{width:100%}}.input{border-bottom:1px solid #686868;display:block;padding:20px 10px;position:relative;width:100%}.input:after{bottom:-1px;content:"";height:1px;left:0;position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.input__textarea{padding-bottom:0}.input__focus:after{-webkit-transform:scale(1);transform:scale(1)}.input input,.input textarea{background:transparent;border:0;outline:0;width:100%}.input__label{font-size:12px;left:0;opacity:0;position:absolute;text-transform:uppercase;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:opacity .2s cubic-bezier(.7,0,.3,1),-webkit-transform .2s cubic-bezier(.7,0,.3,1);transition:opacity .2s cubic-bezier(.7,0,.3,1),transform .2s cubic-bezier(.7,0,.3,1);transition:opacity .2s cubic-bezier(.7,0,.3,1),transform .2s cubic-bezier(.7,0,.3,1),-webkit-transform .2s cubic-bezier(.7,0,.3,1)}.input__label--active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}:root{--modal-height:100%}.modal-project{background:transparent;bottom:0;left:0;position:absolute;right:0;top:0;transition:all var(--row-base-transition) cubic-bezier(.7,0,.3,1);z-index:2}.modal-project:empty{display:none}.modal-enter-active,.modal-enter-done{height:100%!important;height:var(--modal-height)!important;left:0!important;right:0!important;top:0!important;width:100%!important}@media screen and (max-width:450px){:root{--modal-height:80%}}.project{background:transparent;color:#686868;height:100%;width:100%;transition:all .3s ease;z-index:5}:root{--video-header-height:100%}.video-header{background:transparent;height:100%;height:var(--video-header-height);overflow:hidden;position:relative;transition:all .3s ease;width:100%}.modal-enter .video-header{border-radius:8px}.modal-enter-active .video-header,.modal-enter-done .video-header{border-radius:0}.modal-exit-active .video-header,.modal-exit .video-header{border-radius:8px}.modal-exit-done .video-header{border-radius:0}:root{--player-icon-size:50px}@media screen and (max-width:1440px){:root{--player-icon-size:35px}}.video-player{background:transparent;height:100%;margin:0;padding:0;position:relative;width:100%}.video-player__cover{background-position:50%;background-size:cover;height:100%;left:0;opacity:1;position:absolute;top:0;transition:all var(--row-base-transition) cubic-bezier(.7,0,.3,1);width:100%;z-index:1}.video-player__cover--inactive{opacity:0;pointer-events:none;-webkit-transform:scale(1.1);transform:scale(1.1)}.video-player__play{height:50px;height:var(--player-icon-size);overflow:visible;width:50px;width:var(--player-icon-size)}.video-player__play,.video-player__video video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-player__video video{height:100%;width:177.77777778vh;min-width:100%;min-height:56.25vw;background:#000}.modal-exit-active .video-player__cover--inactive,.modal-exit .video-player__cover--inactive{opacity:1!important;-webkit-transform:scale(1)!important;transform:scale(1)!important}.play-video{cursor:pointer;display:block;height:100%;transition:-webkit-transform calc(var(--row-base-transition)/2) cubic-bezier(.7,0,.3,1);transition:transform calc(var(--row-base-transition)/2) cubic-bezier(.7,0,.3,1);transition:transform calc(var(--row-base-transition)/2) cubic-bezier(.7,0,.3,1),-webkit-transform calc(var(--row-base-transition)/2) cubic-bezier(.7,0,.3,1);width:100%}.play-video:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.play-video--inactive{pointer-events:none;-webkit-transform:scale(0);transform:scale(0)}.play-video__icon{-webkit-animation:playVideoFill .4s linear .5s forwards;animation:playVideoFill .4s linear .5s forwards;fill:none;stroke:#fff;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:600;stroke-dashoffset:600}.modal-exit-active .play-video,.modal-exit-done .play-video,.modal-exit .play-video{-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes playVideoFill{to{stroke-dashoffset:0}}@keyframes playVideoFill{to{stroke-dashoffset:0}}.video-controls{align-items:center;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.65));bottom:0;display:flex;flex-direction:row;height:20px;justify-content:space-between;left:0;padding:40px;position:absolute;transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1);width:100%}.video-controls__icons{display:block;height:20px;width:20px;position:relative}.video-controls__icon{cursor:pointer;display:block;height:100%;position:absolute;left:0;top:0;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1)}.video-controls__icon.\--inactive{-webkit-transform:scale(0);transform:scale(0)}.video-controls__icon img,.video-controls__icon svg{display:block;height:100%;width:100%}.video-controls__icon svg{stroke-dasharray:0!important;stroke-dashoffset:0!important}.video-controls__icon svg>*{height:100%;width:100%;stroke:#fff!important}.video-controls__seekbar{padding:0 20px;width:100%}.progress-bar{cursor:pointer;background-color:#686868;height:6px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:100%}.progress-bar__progress{display:block;height:100%;transition:width .5s ease}.progress-bar:hover{-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}:root{--project-gutter:100px var(--app-gutter);--columns-number:2;--content-margin-top:70px}@media screen and (max-width:450px){:root{--columns-number:1;--project-gutter:30px var(--app-gutter);--content-margin-top:40px}}.project-details{background-color:#fff;overflow:hidden;transition:all .3s cubic-bezier(.7,0,.3,1)}.project-details__inner{padding:var(--project-gutter)}.project-details__copy{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .5s cubic-bezier(.7,0,.3,1);transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.project-details__copy.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.project-details__category{display:block;font-weight:400;margin-bottom:var(--category-margin);text-transform:uppercase;font-size:calc(14px + .5vw)}.project-details__title{display:block;font-family:Roboto;font-weight:900;line-height:1;margin:0;font-size:calc(30px + 3vw)}.project-details__subtitle{font-size:calc(8px + .5vw);font-weight:300;margin:15px 0;text-transform:uppercase;font-weight:400}.project-details__mobile{display:none}.project-details__block{text-align:center;margin-top:50px;max-width:100%}.project-details__block img{max-width:100%}.project-content{margin-top:70px;margin-top:var(--content-margin-top);width:100%}.project-content__title{margin-top:0}.project-content__description{break-inside:avoid;-webkit-column-count:2;column-count:2;-webkit-column-count:var(--columns-number);column-count:var(--columns-number);grid-column-gap:70px;-webkit-column-gap:70px;column-gap:70px;font-size:16px;font-style:italic;line-height:1.5;page-break-inside:avoid;-webkit-column-break-inside:avoid}.modal-exit .project-details{overflow:hidden}.modal-exit .project-details__category,.modal-exit .project-details__title{display:none}.modal-exit-active .project-details,.modal-exit-done .project-details{max-height:0}@media screen and (max-width:450px){.project-details__desktop{display:none}.project-details__mobile{display:block}.project-details__category,.project-details__title{-webkit-animation:moveUp var(--row-base-transition) cubic-bezier(.7,0,.3,1) forwards;animation:moveUp var(--row-base-transition) cubic-bezier(.7,0,.3,1) forwards;-webkit-animation-delay:var(--row-base-transition);animation-delay:var(--row-base-transition);opacity:0}}@-webkit-keyframes moveUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.modernitska{background-color:#fff;height:100%;position:relative;width:100%;z-index:2}.modernitska__header{background-position:50%;background-size:cover;height:100%;position:absolute;left:0;top:0;transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1);width:100%}.modernitska__content{background:#fff;max-height:200vh;transition:max-height var(--row-base-transition) cubic-bezier(.7,0,.3,1)}.modernitska__details{color:#686868;padding:245px var(--app-gutter) 50px var(--app-gutter);transition:opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1);transition:transform var(--row-base-transition) cubic-bezier(.7,0,.3,1),opacity var(--row-base-transition) cubic-bezier(.7,0,.3,1),-webkit-transform var(--row-base-transition) cubic-bezier(.7,0,.3,1)}.modernitska__title{display:block;font-family:Roboto;font-weight:900;line-height:1;margin:0;font-size:calc(30px + 3vw)}.modernitska__subtitle{display:block;font-weight:400;margin-bottom:var(--category-margin);text-transform:uppercase;color:#488dc8;font-size:calc(14px + .5vw)}.modernitska__description{line-height:2}.cards,.modernitska__description{margin-top:var(--content-margin-top)}.cards{display:flex;flex-direction:row}.modal-enter .modernitska__details{opacity:0!important;-webkit-transform:translateY(10vh);transform:translateY(10vh);transition-duration:0!important;transition-delay:0!important}.modal-enter-active .modernitska__header,.modal-enter-done .modernitska__header{opacity:0}.modal-enter-done .modernitska{height:auto}.modal-enter-done .modernitska__details{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.modal-exit .modernitska__header{opacity:1}.modal-exit .modernitska__content{max-height:0;overflow:hidden}.modal-exit .modernitska .contact-form,.modal-exit .modernitska__details{display:none;opacity:0}.card{border-radius:8px;box-shadow:10px 10px 18px 0 rgba(0,0,0,.18);color:#fff;cursor:pointer;display:flex;flex-flow:column;height:60vh;justify-content:flex-end;margin:10px;min-height:450px;outline:0;overflow:hidden;padding:10px;position:relative;transition:width var(--row-base-transition) cubic-bezier(.7,0,.3,1);width:33.33333%}.card:after{content:"";background:linear-gradient(180deg,transparent 0,transparent 15%,rgba(0,0,0,.65));position:absolute;bottom:0;left:0;width:100%;height:20%}.card:first-of-type{margin-left:0}.card--active{width:60%}.card--active .card__image{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);transition-delay:calc(var(--row-base-transition)*1)}.card--active .card__description,.card--active .card__location{opacity:1}.card--inactive{width:20%}.card--inactive .card__content{opacity:0}.card__content{padding:15px;transition:opacity calc(var(--row-base-transition)*0.8) cubic-bezier(.7,0,.3,1);white-space:nowrap;z-index:2}.card__image{background-size:cover;left:0;opacity:1;top:0;transition:all var(--row-base-transition) cubic-bezier(.7,0,.3,1);width:100%;z-index:1}.card__image,.card__video{height:100%;position:absolute}.card__video{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0}.card__location{font-weight:700}.card__description,.card__location{opacity:0;transition:opacity calc(var(--row-base-transition)*0.8) cubic-bezier(.7,0,.3,1)}.card__title{display:block;font-family:Roboto;font-weight:900;line-height:1;margin:0;font-size:calc(18px + 1vw);padding:10px 0}