.project-detail{position:fixed;top:0;left:0;width:100%;height:100%;min-height:100vh;border:0 solid var(--color-white);background-color:var(--color-black);overflow:auto;z-index:-1;visibility:hidden;opacity:0;-webkit-transform-style:preserve-3D;transform-style:preserve-3D}.project-detail.active{opacity:1;visibility:visible;z-index:999}.project-detail__close{position:absolute;top:15px;right:15px;width:30px;height:30px;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.project-detail__close:before{position:absolute;top:50%;left:50%;color:var(--color-white);font-weight:var(--font-weight-300);font-size:var(--font-size-30);font-family:var(--font-family-icons);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:"\f00d"}.project-detail__container{padding-top:140px;padding-bottom:30px}.project-detail__content{margin-bottom:40px}.project-detail__content-title{margin-bottom:30px;color:var(--color-white);font-weight:var(--font-weight-700);font-size:var(--font-size-44);line-height:54px;letter-spacing:-.025em}.project-detail__content-info{margin-bottom:40px;color:var(--color-white);font-weight:var(--font-weight-500);font-size:var(--font-size-18);font-family:var(--font-family-alternate);line-height:32px;letter-spacing:-.005em}.project-detail__content-text{color:var(--color-white);font-weight:var(--font-weight-500);font-size:var(--font-size-16);line-height:26px;letter-spacing:-.025em}@media (min-width:992px){.project-detail__detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-flow:column wrap;flex-flow:column wrap}}@media (min-width:992px){.project-detail__detail-content{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.project-detail__detail-title{margin-bottom:15px;color:var(--color-white);font-weight:var(--font-weight-600);font-size:var(--font-size-30);line-height:40px;letter-spacing:-.025em}.project-detail__detail-info{margin-bottom:40px;color:var(--color-white);font-weight:var(--font-weight-500);font-size:var(--font-size-16);font-family:var(--font-family-alternate);line-height:32px;letter-spacing:-.005em}.project-detail__detail-img{position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat;height:230px}@media (min-width:992px){.project-detail__detail-img{width:100%;height:400px;margin-bottom:10px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.project-detail__detail-img img,.project-detail__detail-img picture{position:absolute;width:0;height:0;visibility:hidden;opacity:0}