.hero{height:100vh;height:calc(1vh * 100);height:calc(var(--vh, 1vh) * 100);position:relative}.hero__content{padding-left:11.71875vw;padding-right:11.71875vw}.hero__gallery{background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;width:100%;height:100%;left:0;top:0}#projects-cursor{position:fixed;z-index:10;color:#fff;-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%);display:none;white-space:nowrap;pointer-events:none}.projects__header{position:sticky;top:0;z-index:7;padding-left:20px;padding-right:20px;padding-top:calc(64px + 2px);padding-top:calc(var(--header-height, 64px) + 2px);background:#fff;padding-bottom:8px}.projects__header ul{padding-left:0;list-style:none;margin-bottom:0}.projects__header li:not(.disabled){cursor:pointer}.projects__categories li:not(:last-child){margin-right:16px}.projects__categories li.active{color:#0020eb}.projects__display{margin-left:auto}.projects__display li{margin-left:16px}.projects__display li.active{color:#0020eb}.projects__display li:hover{color:#0020eb;-webkit-text-decoration:line-through;text-decoration:line-through}.projects__grid{display:block}.projects__grid .project{padding-top:32px;padding-left:20px;padding-right:20px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.projects__grid .project--fade .project__overlay{display:block}.projects__grid .project[data-comply="0"],.projects__grid .project--no-image{display:none}.projects__grid .project[data-visible="0"]{height:0;overflow:hidden;padding-top:0}.projects__grid .project__name{display:none}.projects__grid .project__image{position:relative}.projects__grid .project__overlay{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.5);z-index:2}.projects__grid .project__gallery>div{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.projects__grid--read{text-align:center;width:80%;margin:80px auto}.projects__grid--read .project{display:inline-block;width:auto;padding-top:0;padding-left:.5em;padding-right:.5em}.projects__grid--read .project--no-image{display:inline-block}.projects__grid--read .project--fade{opacity:.5}.projects__grid--read .project__image{display:none}.projects__grid--read .project__name{display:inline}.projects__grid--read .project[data-visible="0"]{height:auto;overflow:visible;padding-top:0}@media (min-width: 576px){.projects__categories li:not(:last-child){margin-right:30px}.projects__display li{margin-left:30px}}@media (min-width: 768px){.projects__header{padding-left:32px;padding-right:32px;background:rgba(0,0,0,0);padding-bottom:20px}.projects__grid:not(.projects__grid--read){display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.projects__grid:not(.projects__grid--read) .w-10{width:10%}.projects__grid:not(.projects__grid--read) .w-20{width:20%}.projects__grid:not(.projects__grid--read) .w-30{width:30%}.projects__grid:not(.projects__grid--read) .w-40{width:40%}.projects__grid:not(.projects__grid--read) .w-50{width:50%}.projects__grid:not(.projects__grid--read) .w-60{width:60%}.projects__grid:not(.projects__grid--read) .w-70{width:70%}.projects__grid:not(.projects__grid--read) .w-80{width:80%}.projects__grid:not(.projects__grid--read) .w-90{width:90%}.projects__grid:not(.projects__grid--read) .w-100{width:100%}}@media (min-width: 992px){.projects__header{padding-top:32px;padding-left:50px;padding-right:50px}.projects__grid{padding-left:16px;padding-right:16px}}