html{overflow-y:scroll}#project-page body{background-color:var(--color-black);color:var(--color-bg)}.nav{backdrop-filter:blur(5px);bottom:auto;left:0;position:fixed!important;top:0;width:100vw;z-index:200}.menu-dot-line{background-color:var(--color-bg)}@media screen and (max-width:768px){.left-deco,.right-deco{display:none}.thirty-center{font-size:var(--hc-xl)}.thirty-wrapper svg{height:100%;width:calc(28px + 3vw)}.projectAim{row-gap:2rem}.projectImage2-inner img,.projectImage2-inner video{max-height:100vw!important}.projectImage2{grid-template-areas:"projectImage2-left " "projectImage2-right"!important;grid-template-columns:1fr!important;padding:1rem;row-gap:1rem}.projectHeroWrapper{min-height:70vh!important}.projectAim{grid-template-areas:"Aimleft" " Aimright" " Aimcenter"!important;min-height:19.5rem}.projectAbout,.projectAim{grid-template-columns:1fr!important;padding:1rem!important}.projectAbout{row-gap:2rem}.Aimleft,.aboutLeft,.solutionLeft{font-size:larger;font-weight:800;text-align:center}.projectSolution{display:grid;grid-template-areas:"solutionLeft" " solutionCenter" " solutionRight"!important;grid-template-columns:1fr!important;padding:3rem 1rem!important;text-align:left}.projectMetadata,.projectSolution{justify-content:space-between;row-gap:2rem}.projectMetadata{color:var(--color-bg);grid-area:projectMetadata;grid-template-areas:"client" " tasks " " year"!important;grid-template-columns:1fr!important;height:max-content;min-height:9.5rem;padding:3rem 20px;text-align:center}.projecttask{text-align:unset!important}}#project-page .nav_logo_parent{color:var(--color-bg)}#project-page .mid-moon--dark{fill:var(--color-bg)}#project-page .below-line{background-color:var(--main-color)}.est_nav{fill:var(--color-bg)}.projectHeroWrapper{display:grid;grid-template-areas:"frame" "content" "gradient";grid-template-columns:100%;grid-template-rows:min-content 1fr;margin-top:8vh;min-height:100vh}.projectHero{display:grid;grid-area:content;grid-column-gap:10vw;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr auto auto}.preview__img{display:grid;grid-area:1/1/2/-1;grid-template-rows:1fr;min-height:200px;overflow:hidden;pointer-events:none;position:relative;width:100%;will-change:transform}.preview__img-inner{background-position:50% 25%;background-size:cover;height:100%;position:absolute;width:100%;will-change:transform}.preview__img-inner video{width:100vw}.preview__title{align-self:center;font-family:var(--font-3),sans-serif;font-size:8vw;font-weight:300;grid-area:1/1/2/-1;justify-self:center;line-height:.7;margin:2rem 0;text-transform:uppercase;white-space:nowrap}.preview__title-inner{display:inline-block;line-height:.7;padding-top:3%;will-change:transform}.projectDetails{display:grid;grid-template-areas:"projectMetadata projectMetadata" "projectAbout  projectAbout" "projectImage1 projectImage1" "projectAim projectAim" "projectImage2 projectImage2" "projectSolution projectSolution" "remainingImages remainingImages";grid-template-columns:1fr 1fr;grid-template-rows:auto;position:relative;z-index:2}.projectSolution{color:var(--color-bg);display:grid;font-family:var(--font-1);font-size:var(--hc-md);grid-area:projectSolution;grid-template-areas:"solutionLeft solutionCenter solutionRight";grid-template-columns:30% 50% 20%;justify-content:space-between;min-height:15.5rem;padding:3rem 0;text-align:left}.solutionLeft{display:grid;grid-area:solutionLeft;justify-content:center}.projectAbout{color:var(--color-bg);display:grid;font-family:var(--font-1);font-size:var(--hc-md);grid-area:projectAbout;grid-template-columns:30% 50% 20%;justify-content:space-between;min-height:15.5rem;padding:3rem 0}.aboutCenter,.projectAbout,.projecttask{text-align:left}.aboutLeft{text-align:center}.projectMetadata{color:var(--color-bg);grid-area:projectMetadata;grid-template-areas:"client tasks year";height:max-content;justify-content:space-between;min-height:9.5rem;padding:3rem 20px;text-align:center}.projectAim,.projectMetadata{display:grid;font-family:var(--font-1);grid-template-columns:30% 50% 20%}.projectAim{font-size:var(--hc-md);grid-area:projectAim;grid-template-areas:"Aimleft Aimcenter Aimright";min-height:19.5rem;padding:20vh 0}.Aimleft{font-weight:900;text-align:center}.projectclient,.projectyear{align-content:center;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;justify-content:start}.metaDataheader{font-size:var(--hc-lg);font-weight:900}.lowercase{text-transform:lowercase}.projectImage1-inner{mask-image:url(../assets/svg/3b.svg);-webkit-mask-image:url(../assets/svg/3b.svg);mask-repeat:no-repeat;mask-size:contain;max-width:90vw}.projectImage1{display:grid;grid-area:projectImage1;justify-content:center;padding:3rem 0}.projectImage1-inner img{max-width:100vw;position:relative}.projectImage2{column-gap:1rem;display:grid;grid-area:projectImage2;grid-template-areas:"projectImage2-left projectImage2-right";grid-template-columns:50% 49%;padding:4rem 1rem 3rem}.projectImage2-right{display:grid;grid-area:projectImage2-right;justify-content:left;overflow:hidden}.projectImage2-left{display:grid;grid-area:projectImage2-left;justify-content:right;overflow:hidden}.projectImage2-inner img,.projectImage2-inner video{max-height:100svh;max-height:100vh}@media screen and (min-width:768px){.projectImage2-inner img,.projectImage2-inner video{max-height:100svh;max-height:100vh;max-width:50vw}}@media screen and (max-width:768px){.projectImage1-inner img,.projectImage1-inner video,.projectImage2-inner img,.projectImage2-inner video{max-width:calc(100vw - 2rem)}}.remainingImages{column-gap:1rem;grid-area:remainingImages;grid-template-columns:auto;padding:4rem 1rem 3rem;row-gap:4rem}.otherImage-inner,.remainingImages{display:grid;justify-content:center}.otherImage-inner img,.otherImage-inner video{max-width:96vw}.relative{position:relative!important}.absolute{position:absolute!important}.footer__link-top{cursor:pointer}.deco-svg{display:inline-flex;justify-content:center;position:relative;transition:transform .3s ease-in-out;width:100%;z-index:2}.deco-svg img{max-width:4rem}.thirtyworks{padding:7rem 0}.otherImage{overflow:hidden}@media screen and (min-width:768px){.aboutCenter,.solutionCenter{background:url(../assets/svg-pathz.svg);background-position:0;background-repeat:no-repeat;background-size:cover;border-top-right-radius:46px;padding:20px}.Aimcenter,.Aimleft,.Aimright,.aboutCenter,.aboutLeft,.aboutRight,.solutionCenter,.solutionLeft,.solutionRight{padding:20px;position:relative}}.right-deco{bottom:0;left:0;z-index:1}.left-deco,.right-deco{height:100%;position:absolute;top:0}.left-deco{right:0}.deco-img{height:125px;transition:transform .3s ease-in-out}.deco-svg:hover .deco-img{transform:rotate(-45deg)}