.project-page{position:relative}.project-page .fixed-title{color:#fff;font-size:2rem;left:50%;opacity:0;pointer-events:none;position:fixed;top:2rem;transform:translate(-50%);z-index:100}.project-page .fixed-title.is-visible{opacity:1}@media screen and (max-width:481px){.project-page .fixed-title{top:5px}}.project-page .hero{background-color:transparent;height:100vh;position:relative}.project-page .hero__banner,.project-page .hero__video{height:100%;height:100vh;left:0;-o-object-fit:cover;object-fit:cover;position:fixed;top:0;width:100%;z-index:-1}.project-page .main{background-color:#000;position:relative;z-index:10}.project-page .item__inner{display:flex;flex-flow:row wrap;gap:6rem;justify-content:center}@media screen and (max-width:481px){.project-page .item__inner{gap:0}}.project-page .item__inner li.vertical{display:flex;flex:0 0 calc(50% - 1.5rem)}@media screen and (max-width:481px){.project-page .item__inner li.vertical{flex:0 0 50%;padding:0!important}.project-page .item__inner li.vertical:first-child{padding-right:10px!important}.project-page .item__inner li.vertical:nth-child(2){padding-left:10px!important}}.project-page .content__title{font-size:4rem;grid-column:3/span 5;margin-top:2rem}@media screen and (max-width:481px){.project-page .content__title{font-size:3.6rem;grid-column:1/-1;margin-top:1rem}}.project-page .content__claim{font-size:3rem;grid-column:3/span 5;margin-top:2rem}@media screen and (max-width:1201px){.project-page .content__claim{grid-column:3/span 8}}@media screen and (max-width:769px){.project-page .content__claim{grid-column:3/-1}}@media screen and (max-width:481px){.project-page .content__claim{font-size:2.6rem;grid-column:1/-1;margin-top:4rem}}.project-page .content__details{grid-column:3/-1;margin-top:6rem}@media screen and (max-width:769px){.project-page .content__details{grid-column:3/span 10}}@media screen and (max-width:481px){.project-page .content__details{grid-column:1/-1;margin-top:4rem}}.project-page .content__description{grid-column:3/span 8}@media screen and (max-width:1201px){.project-page .content__description{grid-column:3/span 8}}@media screen and (max-width:481px){.project-page .content__description{font-size:16px;grid-column:1/-1;margin-top:4rem!important}}.project-page .content__type{display:inline-block;margin-left:1rem;text-decoration:none;text-decoration-thickness:from-font;text-underline-offset:.5rem}.project-page .content__description{margin-top:6rem}.project-page .content__description a{display:inline-block;text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.5rem}.project-page .content__description p:not(:first-child){margin-top:4rem}.project-page .gallery{margin-top:12rem}.project-page .gallery__title-container{align-items:flex-start;display:flex;grid-column:1/-1}.project-page .gallery__title{font-size:4rem;grid-column:1/-1}@media screen and (max-width:481px){.project-page .gallery__title{font-size:2.6rem}}.project-page .gallery__counter{color:#727272;font-size:2.6rem;margin-left:1rem}@media screen and (max-width:481px){.project-page .gallery__counter{transform:scale(.7);transform-origin:top left}}.project-page .gallery__wrapper{align-items:flex-start;-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-column:1/-1;grid-template-columns:repeat(12,1fr);margin-bottom:6rem;margin-top:6rem;row-gap:0}@media screen and (max-width:481px){.project-page .gallery__wrapper{margin-top:0}}.project-page .gallery__wrapper .item--media,.project-page .gallery__wrapper .item--video{grid-column:3/span 8;margin-top:6rem}@media screen and (max-width:769px){.project-page .gallery__wrapper .item--media,.project-page .gallery__wrapper .item--video{grid-column:2/span 10}}@media screen and (max-width:481px){.project-page .gallery__wrapper .item--media,.project-page .gallery__wrapper .item--video{grid-column:1/-1}}.project-page .gallery__wrapper .item--text{grid-column:3/span 6}.project-page .gallery__wrapper .item--text a{display:inline-block;text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.5rem}@media screen and (max-width:481px){.project-page .gallery__wrapper .item--text{font-size:2.4rem;grid-column:1/-1}}.project-page .gallery__wrapper .item:not(:first-child){margin-top:6rem}@media screen and (max-width:481px){.project-page .gallery__wrapper .item:not(:first-child){margin-top:3rem}}.project-page .credits{margin-bottom:9rem;margin-top:4rem}@media screen and (max-width:481px){.project-page .credits{font-size:16px;margin-bottom:6rem;margin-top:6rem}}.project-page .credits__header{font-size:2rem;font-weight:700;grid-column:3/span 6;margin-bottom:2rem}@media screen and (max-width:481px){.project-page .credits__header{grid-column:1/-1}}.project-page .credits__content{grid-column:3/span 6}@media screen and (max-width:481px){.project-page .credits__content{font-size:16px;grid-column:1/-1}}.project-page .credits__content a{display:inline;text-decoration:underline}.project-page .credits__wrapper{align-items:flex-start;-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-column:3/span 9;grid-template-columns:repeat(9,1fr);margin-top:6rem;row-gap:3rem}@media screen and (max-width:769px){.project-page .credits__wrapper{align-items:flex-start;-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-column:2/span 10;grid-template-columns:repeat(10,1fr);row-gap:3rem}}@media screen and (max-width:481px){.project-page .credits__wrapper{align-items:flex-start;-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-column:2/span 10;grid-template-columns:repeat(12,1fr);row-gap:0}}.project-page .credits__wrapper .item{align-items:flex-start;-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-column:auto/span 3;grid-template-columns:repeat(3,1fr);row-gap:0}@media screen and (max-width:769px){.project-page .credits__wrapper .item{grid-column:auto/span 5}}@media screen and (max-width:481px){.project-page .credits__wrapper .item{grid-column:2/-1}.project-page .credits__wrapper .item:not(:first-child){margin-top:3rem}}.project-page .credits__wrapper .item__label{color:#727272;grid-column:1/span 2}@media screen and (max-width:481px){.project-page .credits__wrapper .item__label{grid-column:2/-1}}.project-page .credits__wrapper .item__text{grid-column:1/span 2}@media screen and (max-width:481px){.project-page .credits__wrapper .item__text{grid-column:2/-1}}.project-page .related-projects{margin-top:6rem}.project-page .related-projects__title{font-size:40px!important;grid-column:1/-1}@media screen and (max-width:481px){.project-page .related-projects__title{font-size:26px!important}}.project-page .related-projects .ProjectsList{margin-top:6rem}