.project-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) var(--side-gap);border-top:1px solid var(--white)}@media (width < 770px){.project-categories{grid-template-columns:1fr}}@media (width < 770px){.project-categories aside{display:none}}.project-categories aside>div{position:relative}.project-categories aside figure{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:opacity .45s ease-in-out;transition:opacity .45s ease-in-out;opacity:0}.project-categories aside figure.active{opacity:1}.project-categories aside div,.project-categories aside picture{height:100%;display:block}.project-categories aside img{height:100%;-o-object-fit:cover;object-fit:cover;min-height:715px}.project-categories aside div>picture{visibility:hidden}.project-categories nav ul{display:grid;grid-template-rows:repeat(auto-fill,99px);height:100%}@media (width < 770px){.project-categories nav ul{display:block}}.project-categories nav .heading{margin:0}.project-categories nav li{background-color:var(--white);border-bottom:1px solid var(--white)}.project-categories nav li:last-child{position:relative}.project-categories nav li:last-child:after,.project-categories nav li:last-child:before{content:"";display:block;position:absolute;left:0;bottom:-6px;width:100%;height:5px;background-color:var(--white)}.project-categories nav li:last-child:before{z-index:1}.project-categories nav li:last-child:after{z-index:2;background-color:var(--main-color-1);border-top-right-radius:var(--grid-radius);overflow:hidden}.project-categories nav a,.project-categories nav li>span{display:block;padding:20px;color:var(--main-color-2);height:100%}.project-categories nav a{--transition:.15s linear;display:grid;grid-template-columns:minmax(0,1fr) 40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.75rem}.project-categories nav a .project-category__text{-webkit-transition:all var(--transition);transition:all var(--transition)}.project-categories nav a .project-category__svg{width:0;-ms-flex-item-align:center;align-self:center;justify-self:center;line-height:0;opacity:0;-webkit-transition:all .2s linear;transition:all .2s linear}.project-categories nav a .project-category__svg svg{width:100%}.project-categories nav a:hover{background-color:var(--main-color-2);color:var(--main-color-1)}.project-categories nav a:hover .project-category__text{padding-left:1.5rem}.project-categories nav a:hover .project-category__svg{width:20px;opacity:1}.page__block--bg-black .project-categories aside{background-color:var(--main-color-2)}.page__block--bg-black .project-categories nav a,.page__block--bg-black .project-categories nav li>span{background-color:var(--main-color-2);color:var(--main-color-1)}.page__block--bg-black .project-categories nav a:hover{background-color:var(--main-color-1);color:var(--main-color-2)}.page__block--bg-black .project-categories nav a:hover .project-category__svg{color:var(--main-color-2)}.page__block--bg-black .project-categories aside+.grid-box{background-color:var(--main-color-2)}.page__block--project-categories+.page__block--project-categories{border-top:0}.project figcaption{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:var(--white);padding:2rem;opacity:0;-webkit-transition:opacity var(--transition);transition:opacity var(--transition)}.project figcaption .heading{translate:0 10px;opacity:0;-webkit-transition:all var(--transition);transition:all var(--transition)}.project figcaption .button{--button-width:auto;color:var(--white);opacity:0}.project figcaption .button .button__text{translate:-10px 0;width:auto}.project figcaption .button .button__svg{width:9px}.project img{min-height:500px}.project a{display:block;position:relative}.project a:hover figcaption{opacity:1}.project a:hover figcaption .heading{translate:0 0;opacity:1}.project a:hover figcaption .button{opacity:1}.project a:hover figcaption .button .button__text{translate:0 0}.project a:hover figcaption .button .button__svg{width:14px}.project a:hover figcaption .button:hover .button__text{padding-left:0}