@font-face {
  font-family: Switzer Variable;
  src: url('../fonts/Switzer-Variable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ndr 0";
  src: url('../fonts/NDR-0.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-grey: #191919;
  --grey: #d1d1d6;
  --ltrspc0: 0px;
  --gapvaropen: 0vw;
  --gapvaropen2: 0vw;
  --letterspacing: 20px;
  --paragraph-text-size: .8rem;
  --green: #009262;
  --border-rad: 0px;
  --navborder: 2em;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  overflow-x: hidden;
}

.body {
  background-color: var(--dark-grey);
}

.section {
  z-index: -5;
  height: 100vh;
  position: static;
  top: 0;
}

.section-2 {
  background-color: #191919;
  height: 615vh;
}

.container {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.navbar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  object-position: 50% 50%;
  background-color: #ffffff4d;
  border-radius: 35px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 360px;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
}

.body-2 {
  background-color: var(--dark-grey);
}

.nav-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--dark-grey);
  text-transform: uppercase;
  padding: 10px 0;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: .75rem;
}

.image-2 {
  width: 35px;
  margin-right: 40px;
}

.brand {
  margin-right: 20px;
}

.container-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  margin-top: 140px;
  margin-bottom: 140px;
  display: flex;
}

.h1 {
  color: var(--dark-grey);
  text-align: left;
  text-transform: uppercase;
  object-fit: fill;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 7.478rem;
  font-weight: 400;
  transition: opacity .2s;
}

.h1.mainh1 {
  color: var(--dark-grey);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Switzer Variable, Arial, sans-serif;
}

.h1.mainh1.nrightm {
  margin-left: 0;
  margin-right: 30px;
}

.h1.mainh1.rleftm {
  margin-left: 30px;
}

.h1.darkh {
  color: var(--grey);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  height: 120px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Ndr 0", Tahoma, sans-serif;
  font-size: 9.96817rem;
  display: flex;
}

.h1.darkh.nmargin {
  margin-right: 40px;
}

.h1.darkh.rmargin {
  margin-left: 40px;
}

.h1.ftrh {
  letter-spacing: var(--ltrspc0);
  font-family: "Ndr 0", Tahoma, sans-serif;
  font-size: 13rem;
}

.h1.projecttitle {
  color: var(--grey);
  line-height: 60px;
}

.h2 {
  color: var(--dark-grey);
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 5.61rem;
  font-weight: 400;
}

.h2.projecttitle {
  color: var(--grey);
  font-weight: 500;
}

.h2.nxt {
  z-index: 3;
  pointer-events: none;
  color: var(--grey);
  mix-blend-mode: difference;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 4.1rem;
  position: relative;
  overflow: visible;
}

.h3 {
  color: var(--dark-grey);
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 4.209rem;
  font-weight: 400;
}

.h3.projecttitle {
  color: var(--grey);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 3rem;
}

.h3.light {
  color: var(--grey);
}

.p1 {
  color: var(--dark-grey);
  margin-bottom: 0;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2rem;
  text-decoration: none;
  display: block;
}

.p1.paragraph {
  padding-top: 5px;
  font-weight: 500;
}

.p1.paragraph.gsapst {
  width: 70%;
  font-size: 2.5rem;
  line-height: 2.9rem;
}

.p1.projectmaintitletright {
  text-align: right;
  mix-blend-mode: difference;
  justify-content: center;
  align-items: center;
  width: 40%;
  display: block;
}

.p1.projectmaintitleleft {
  mix-blend-mode: difference;
  width: 40%;
}

.p2 {
  margin-bottom: 0;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
}

.p2.light {
  color: var(--grey);
}

.dbtn1 {
  border: 1.5px solid var(--dark-grey);
  color: var(--dark-grey);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 20px;
  padding: 4px 20px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  transition: all .3s ease-in;
}

.dbtn1:hover {
  background-color: var(--dark-grey);
  color: var(--grey);
}

.dbtn1.ftrbtn3 {
  text-transform: none;
}

.container-4 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #7c7c7c;
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.lbtn1 {
  border: 1.5px solid var(--grey);
  outline-offset: 0px;
  color: var(--grey);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 20px;
  outline: 3px solid #191919;
  padding: 4px 20px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  transition: all .3s ease-in;
}

.lbtn1:hover {
  background-color: var(--grey);
  color: var(--dark-grey);
}

.navwrapper {
  z-index: 10;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 41px;
  display: flex;
  position: fixed;
  inset: auto 0% 3vh;
  overflow: visible;
}

.heromain {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.maintextwrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: none;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.4rem;
  padding: 0 20px 5px;
  display: flex;
}

.maintextwrap.gallerytextwrap {
  grid-column-gap: var(--gapvaropen);
  grid-row-gap: var(--gapvaropen);
  opacity: 1;
  background-image: none;
  justify-content: space-between;
  align-items: flex-end;
  height: 17vh;
}

.maintextwrap.gallerytextwrap.txtopen {
  grid-column-gap: var(--gapvaropen2);
  grid-row-gap: var(--gapvaropen2);
}

.maintextwrap.gallerytextwrap.projtemplate {
  z-index: 20;
  height: 1vh;
  position: fixed;
  top: 0;
}

.sticky-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.card {
  z-index: 2;
  background-color: #444;
  background-image: url('../images/FUSIONMOCKUP.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.card.card-2 {
  z-index: 3;
  background-color: #666;
  background-image: url('../images/COVER.webp');
  background-position: 50% 9%;
  background-size: cover;
}

.card.card-1 {
  background-color: #4440;
  background-image: url('../images/FUSIONMOCKUP.webp');
  width: 100%;
  height: 100vh;
}

.card.card-3 {
  z-index: 4;
  background-color: #adadad00;
  background-image: url('../images/DSC_2891.webp');
}

.card.card-4 {
  z-index: 5;
  background-color: #c7c7c700;
  background-image: url('../images/main.webp');
  background-size: cover;
}

.ltrspcvar {
  color: var(--dark-grey);
  text-align: left;
  letter-spacing: var(--letterspacing);
  text-transform: uppercase;
  object-fit: fill;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 7.478rem;
  font-weight: 400;
  transition: opacity .2s;
}

.ltrspcvar0 {
  color: var(--dark-grey);
  text-align: left;
  letter-spacing: var(--ltrspc0);
  text-transform: uppercase;
  object-fit: fill;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 7.478rem;
  font-weight: 400;
  transition: opacity .2s;
}

.body-dark {
  background-color: var(--dark-grey);
}

.gallerywrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  display: grid;
}

.gprojcontain {
  background-color: #c2c2c2;
  background-image: url('../images/FUSIONMOCKUP.png');
  background-position: 50%;
  background-size: cover;
  border-radius: .3em;
  width: 100%;
  height: 55vh;
  transition: filter .45s;
}

.gprojcontain:hover {
  filter: brightness(80%);
  background-size: cover;
}

.gprojcontain.primg1 {
  background-image: url('../images/FUSIONMOCKUP.webp');
  background-position: 50%;
  background-size: 130%;
  justify-content: center;
  align-items: center;
  transition: filter .55s;
  display: flex;
  position: static;
}

.gprojcontain.primg1:hover {
  width: 100%;
  height: 55vh;
}

.gprojcontain.primg2 {
  background-image: url('../images/COVER.webp');
  background-position: 50% 9%;
  background-size: 100%;
}

.gprojcontain.primg3 {
  background-image: url('../images/COV2.webp');
  background-size: 100%;
}

.gprojcontain.primg4 {
  background-image: url('../images/DSC_2891.webp');
  background-position: 50% 68%;
  background-size: 100%;
}

.gprojcontain.primg5 {
  background-image: url('../images/main.webp');
  background-size: cover;
}

.gprojcontain.primg6 {
  background-image: url('../images/Slide-16_9---6.png');
  background-position: 31%;
  background-size: 120%;
}

.gprojcontain.primg7 {
  background-image: url('../images/Cover-13.webp');
  background-position: 50% 54%;
  background-size: 100%;
}

.gprojcontain.primg8 {
  background-image: url('../images/DSC_3309.webp');
  background-position: 46% 47%;
  background-size: 100%;
}

.gprojcontain.primg9 {
  background-image: url('../images/behance-01.webp');
  background-size: 100%;
}

.gprojcontain.primg10 {
  background-image: url('../images/ossz.webp');
  background-size: 100%;
}

.about-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 83vh;
  display: flex;
}

.aboutleft {
  width: 20%;
  height: 460px;
  padding-left: 20px;
}

.aboutcenter {
  width: 310px;
  height: 460px;
}

.aboutright {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20%;
  height: 460px;
  padding-right: 20px;
  display: flex;
}

.paragraph {
  color: var(--grey);
}

.paragraph.p2 {
  font-size: .9rem;
}

.paragraph.p2.gsapst {
  font-size: .9rem;
  line-height: 1.1rem;
}

.paragraph.p1 {
  font-weight: 300;
  line-height: 1.3rem;
}

.paragraph.pill {
  margin-bottom: 0;
}

.aboutimgwrap {
  z-index: 2;
  background-color: var(--grey);
  background-image: url('../images/att.84Y5LP-GdKu63i-DeZLD98Sm6Uieh2_ho4fnbdQ7v6Q.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 2em;
  width: 310px;
  height: 460px;
  position: absolute;
}

.imgover {
  z-index: 2;
  background-color: var(--green);
  mix-blend-mode: difference;
  border-radius: 2em;
  width: 310px;
  height: 460px;
  position: absolute;
}

.canvas {
  background-color: var(--dark-grey);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  height: 100vh;
}

.canvas.smlanim {
  border-bottom-left-radius: var(--border-rad);
  border-bottom-right-radius: var(--border-rad);
  background-color: var(--dark-grey);
}

.sctsmaller {
  background-color: var(--green);
  height: 30vh;
}

.sctsmalldv {
  border-bottom-left-radius: var(--border-rad);
  border-bottom-right-radius: var(--border-rad);
  background-color: var(--dark-grey);
  justify-content: center;
  align-items: center;
  height: 30vh;
  display: flex;
}

.track {
  height: 1000vw;
}

.camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.frame {
  height: 100%;
  display: flex;
}

.projectimg {
  flex: none;
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  padding: 10px 5px;
}

.div-block-13 {
  background-image: url('../images/FUSIONMOCKUP.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 1.5em;
  height: 100%;
}

.projtxtwrap {
  z-index: 4;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  margin-bottom: 5vh;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.projleft {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 40vh;
  display: flex;
}

.projright {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-right: 60px;
  display: flex;
}

.projcategorywrap {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.ftrbtnwrapper {
  justify-content: space-between;
  align-items: flex-start;
  height: 7vh;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-16 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ftrhwrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 83vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.footer2 {
  z-index: 11;
  background-color: #009262;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: sticky;
}

.ftrhup {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.ftrhdown {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.div-block-20 {
  justify-content: space-between;
  align-items: stretch;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-21 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ftrsp {
  justify-content: space-between;
  align-items: flex-end;
  height: 8vh;
  margin-top: 2vh;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.herotextleft {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  display: flex;
}

.herotextright {
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.container-5 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brand-2 {
  justify-content: center;
  align-items: center;
  width: 35px;
  margin-right: 40px;
  display: flex;
}

.navbar-2 {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #f3f3f34d;
  border-radius: 1.5em;
  justify-content: center;
  align-items: center;
  width: 345px;
  height: 40px;
  display: flex;
}

.nav-link-2 {
  color: var(--dark-grey);
  text-transform: uppercase;
  mix-blend-mode: normal;
  padding: 10px 0;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: .75rem;
}

.nav-link-2.w--current {
  color: var(--dark-grey);
}

.nav-menu-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  mix-blend-mode: normal;
  justify-content: space-between;
  display: flex;
}

.fillerdivabt.smlanim {
  border-bottom-left-radius: var(--border-rad);
  border-bottom-right-radius: var(--border-rad);
  background-color: var(--dark-grey);
  height: 35vh;
  font-family: Switzer Variable, Arial, sans-serif;
}

.div-block-22 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start stretch;
  width: 100%;
  display: flex;
}

.div-block-23 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.filler.smlanim {
  border-bottom-left-radius: var(--border-rad);
  border-bottom-right-radius: var(--border-rad);
  background-color: var(--dark-grey);
  height: 30vh;
  margin-top: 0;
}

.gallerycanvas {
  background-color: var(--dark-grey);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.section-3 {
  height: 100vh;
}

.div-block-25 {
  background-image: url('../images/FUSIONMOCKUP.png');
  background-position: 50%;
  background-size: 100vh;
  border-radius: 0 0 2.3em 2.3em;
  width: 62%;
  height: 50vh;
}

.div-block-26 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heronamewrap {
  z-index: 5;

  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 7vh;
  padding-left: 10vh;
  padding-right: 10vh;
  display: flex;
  position: absolute;
}

.paragraph-2 {
  color: var(--grey);
  text-align: center;
  background-color: #0000;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 54px;
  margin-bottom: 0;
  font-family: "Ndr 0", Tahoma, sans-serif;
  font-size: 3.5rem;
  font-weight: 500;
  display: flex;
}

.paragraph-2.nmargin2 {
  justify-content: flex-start;
  align-items: center;
  margin-right: 5vh;
}

.paragraph-2.rmargin2 {
  justify-content: flex-end;
  margin-left: 5vh;
}

.rright {
  margin-left: 5vh;
}

.nleft {
  margin-right: 5vh;
}

.npprojwrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.nphold {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.nextprevwrapper {
  justify-content: space-between;
  width: 100%;
  height: 20vh;
  display: flex;
}

.div-block-30 {
  background-image: url('../images/behance-01.webp');
  background-position: 0 0;
  background-size: auto;
}

.prevnext1 {
  background-image: url('../images/behance-01.webp');
  background-position: 0 44%;
  background-size: 50%;
  background-attachment: scroll;
  width: 50%;
  height: 100%;
  transition: all .4s cubic-bezier(.55, .085, .68, .53);
}

.prevnext1:hover {
  filter: invert();
  background-size: 70%;
}

.prevnext1.img2 {
  background-image: url('../images/COVER.webp');
  background-position: 0 -130%;
  background-size: auto;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  display: flex;
}

.prevnext1.img2:hover {
  background-size: 60%;
}

.mainprojnav {
  justify-content: center;
  align-items: center;
  width: 98%;
  height: 97%;
  display: flex;
  position: absolute;
}

.projecttiitlewrap {
  z-index: 3;
  background-color: var(--dark-grey);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 0 20px;
  display: flex;
  position: static;
}

.div-block-32 {
  width: 100%;
  height: 100vh;
}

.mainimagewrapper {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/FUSIONMOCKUP.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  width: 100%;
  height: 100vh;
  position: static;
  overflow: hidden;
}

.projectmainimage {
  width: 100%;
  height: 100vh;
  position: static;
  overflow: hidden;
}

.scrollwrap {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-right: 0;
  display: flex;
  position: static;
  bottom: 0;
}

.scrollwrap.heroscroll {
  z-index: 9;
  padding-right: 20px;
  position: absolute;
  right: 0;
}

.paragraph-3 {
  color: var(--grey);
  mix-blend-mode: difference;
  margin-bottom: 0;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 1rem;
}

.paragraph-3.light {
  color: var(--grey);
  margin-top: 0;
  font-family: Switzer Variable, Arial, sans-serif;
  font-weight: 400;
}

.link-block-2 {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: static;
}

.projfill {
  width: 100%;
  height: 35vh;
}

.projfill.smlanim {
  border-bottom-left-radius: var(--border-rad);
  border-bottom-right-radius: var(--border-rad);
}

.div-block-35 {
  border-bottom-left-radius: 0;
}

.cardmaintext {
  justify-content: space-between;
  width: 100%;
  height: 5vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-36 {
  background-color: var(--dark-grey);
  width: 100%;
  height: 100vh;
}

.projimgwrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  object-fit: contain;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 20vh;
  display: flex;
}

.projholder {
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.projholdleft {
  width: 100%;
}

.projholdright {
  width: 100%;
  height: 100%;
}

.sldworkswrap {
  justify-content: space-between;
  align-items: center;
  width: 60%;
  height: 7vh;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.image-3 {
  width: 120%;
  display: inline-block;
}

.mainimgwrapinmem {
  background-image: url('../images/fin.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwrapinmem._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwrapinmem.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.div-block-37 {
  background-color: var(--dark-grey);
  color: var(--dark-grey);
  height: 100vh;
}

.div-block-38 {
  width: 80%;
  padding-top: 60px;
  padding-bottom: 60px;
}

.bvbtnwrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 8vh;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.div-block-40 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.paragraph-4, .paragraph-5 {
  font-size: 1rem;
}

.div-block-41 {
  width: 20%;
  height: 100%;
  display: flex;
}

.projstickywrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.projholder2 {
  background-image: none;
  background-size: auto;
  border-radius: .5em;
  width: 100%;
}

.projholder3, .projholder4 {
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.code-embed {
  height: 100vh;
}

.pncanvas {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.nxtprojimg1 {
  filter: grayscale();
  mix-blend-mode: normal;
  border-radius: .5em;
  width: 30vh;
  height: 30vh;
  transition: filter .45s, height .3s cubic-bezier(.55, .055, .675, .19), width .3s cubic-bezier(.55, .055, .675, .19);
  position: absolute;
  right: 10vh;
}

.nxtprojimg1:hover {
  filter: none;
  mix-blend-mode: normal;
  width: 40vh;
  height: 40vh;
}

.div-block-43 {
  flex-flow: column;
  width: 100%;
  height: 10vh;
  display: flex;
  position: absolute;
  bottom: 0;
}

.div-block-44 {
  background-color: var(--dark-grey);
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  display: flex;
}

.paragraph-6 {
  color: var(--grey);
}

.homeprojecttitle {
  color: #8d8d8d;
  mix-blend-mode: difference;
  font-size: 2rem;
  line-height: 2.1rem;
  display: block;
}

.div-block-45 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.pproject {
  color: var(--grey);
  width: 100%;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2rem;
}

.usedsoftwaresp {
  color: var(--grey);
  width: 100%;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1rem;
  text-decoration: none;
}

.prvsprojimg1 {
  filter: grayscale();
  mix-blend-mode: normal;
  border-radius: .5em;
  width: 30vh;
  height: 30vh;
  transition: filter .45s, height .3s cubic-bezier(.55, .055, .675, .19), width .3s cubic-bezier(.55, .055, .675, .19);
  position: absolute;
  left: 10vh;
}

.prvsprojimg1:hover {
  filter: none;
  mix-blend-mode: normal;
  width: 40vh;
  height: 40vh;
}

.hero-heading-center {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-6 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-heading.margin-bottom-32px {
  margin-bottom: 32px;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.collection-list-wrapper {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  justify-content: space-between;
  width: 1200px;
  display: block;
}

.container-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  width: 1110px;
  max-width: 1500px;
  display: flex;
}

.collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: block;
}

.prenexwrap {
  justify-content: space-between;
  width: 100%;
  font-family: Switzer Variable, Arial, sans-serif;
  font-weight: 500;
  display: flex;
}

.ppfusion {
  background-image: url('../images/behance-01.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.npfusion {
  background-image: url('../images/COVER.webp');
  background-position: 50% 0;
  background-size: 110%;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.inmem3, .image-5, .image-6, .inmem4, .inem6 {
  border-radius: .5em;
  width: 100%;
}

.div-block-47 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-48 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff4d;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 345px;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.div-block-49 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  display: flex;
  overflow: visible;
}

.link-block-5, .link-block-6, .link-block-7 {
  text-decoration: none;
}

.link-block-8 {
  width: 35px;
  margin-right: 50px;
}

.link-block-9 {
  width: 35px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.image-9 {
  width: 30px;
}

.link-block-10, .link-block-11, .link-block-12 {
  width: 100%;
  height: 100%;
}

.fillerbg {
  background-color: var(--green);
}

.link-block-13, .link-block-14, .link-block-15, .link-block-16, .link-block-17, .link-block-18, .link-block-19, .link-block-20, .link-block-21 {
  width: 100%;
  height: 100%;
}

.mainimgwraphowit {
  background-image: url('../images/DSC_3310.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwraphowit._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwraphowit.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.projtxtwraphowit {
  z-index: 4;
  justify-content: flex-end;
  align-items: center;
  height: 120vh;
  margin-bottom: 15vh;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.inmem1, .inmem2 {
  border-radius: .5em;
  width: 100%;
}

.projtxtwrapinmem {
  z-index: 4;
  justify-content: flex-end;
  align-items: center;
  height: 110vh;
  margin-bottom: 15vh;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.mainimgwrapzorr {
  background-image: url('../images/DSC_2892.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwrapzorr._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwrapzorr.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.image-10 {
  width: 110%;
}

.image-11 {
  width: 70%;
  height: 100%;
}

.image-12, .image-13, .image-14, .image-15, .image-16, .image-17, .image-18, .image-19, .image-20 {
  border-radius: .5em;
}

.mainimgwrap {
  background-image: url('../images/FUSIONMOCKUP.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwrap._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwrap.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.mainimgwrap36 {
  background-image: url('../images/ossz.webp');
  background-position: 50%;
  background-size: 100%;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwrap36._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwrap36.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.mainimgwrapuichall {
  background-image: url('../images/tworock.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwrapuichall._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwrapuichall.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.projimgwrapperui {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  object-fit: contain;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 220px;
  display: flex;
}

.imageui {
  border-radius: 0;
  width: 100%;
}

.mainimgwrapilogo {
  background-image: url('../images/behance.png');
  background-position: 50%;
  background-size: 100%;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwrapilogo._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwrapilogo.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.p2-copy {
  margin-bottom: 0;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
}

.p2-copy.light {
  color: var(--grey);
}

.projtitlewrap {
  opacity: 0;
  pointer-events: none;
  cursor: none;
}

.section-4 {
  width: 100vw;
  position: absolute;
}

.div-block-50 {
  z-index: -1;
  position: absolute;
}

.mainsml-titlewrap {
  opacity: 0;
  pointer-events: none;
}

.ppui {
  background-image: url('../images/FUSIONMOCKUP.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.npui {
  background-image: url('../images/COV2.webp');
  background-position: 50% 0;
  background-size: 130%;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.ppnovis {
  background-image: url('../images/COVER.webp');
  background-position: 50% 0;
  background-size: 110%;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.npnovis {
  background-image: url('../images/DSC_2892.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.ascii-layer {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: difference;
  background-color: #fff;
  position: absolute;
}

.pixel-layer {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.fthwrap {
  justify-content: space-between;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.heading {
  color: var(--dark-grey);
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  margin-top: auto;
  margin-bottom: 0;
  padding-bottom: 5rem;
  font-family: "Ndr 0", Tahoma, sans-serif;
  font-size: 14rem;
  font-weight: 400;
  transition: color .35s;
  display: flex;
}

.heading.left {
  margin-left: 40px;
  font-size: 24rem;
}

.heading.right {
  margin-right: 0;
  padding-top: 140px;
  padding-bottom: 5rem;
}

.foot2 {
  z-index: 20;
  background-color: var(--green);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mdbywrap {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 4vh;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.mdbyseparator {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ftbtmwrap {
  opacity: 1;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.ftlefttmwrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.ascii-video {
  z-index: 2;
  width: 100vw;
  height: 200vh;
  display: block;
  position: relative;
}

.div-block-57 {
  mix-blend-mode: difference;
}

.code-embed-2 {
  position: absolute;
}

.ascii-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-58 {
  display: none;
}

.div-block-59 {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.mainimgwrapnovis {
  background-image: url('../images/COV2.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwrapnovis._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwrapnovis.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.ppzorr {
  background-image: url('../images/COV2.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.npzorr {
  background-image: url('../images/sml.webp');
  background-position: 50% 0;
  background-size: contain;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.ppreayn {
  background-image: url('../images/DSC_2891.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.npreayn {
  background-image: url('../images/Slide-16_9---6.png');
  background-position: 50% 0;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.ppndr {
  background-image: url('../images/sml.webp');
  background-position: 50%;
  background-size: contain;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.npndr {
  background-image: url('../images/Cover-13.webp');
  background-position: 50% 80%;
  background-size: 170%;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.ppinmem {
  background-image: url('../images/Slide-16_9---6.png');
  background-position: 50%;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.nphowit {
  background-image: url('../images/DSC_3309.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.pphowit {
  background-image: url('../images/Cover-13.webp');
  background-position: 50%;
  background-size: 160%;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.npfusion-copy {
  background-image: url('../images/ossz.webp');
  background-position: 50% 0;
  background-size: 100%;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.pplogo {
  background-image: url('../images/ossz.webp');
  background-position: 50%;
  background-size: 100%;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.nplogo {
  background-image: url('../images/FUSIONMOCKUP.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.pp36 {
  background-image: url('../images/DSC_3309.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.np36 {
  background-image: url('../images/behance-01.webp');
  background-position: 50% 0;
  background-size: cover;
  border-radius: .5em;
  width: 100%;
  height: 100%;
}

.video {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.div-block-60 {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.canvasherooff {
  display: none;
}

.canvashero {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.ftintervid {
 
  border-radius: .5rem;
  width: 40vh;
  height: 20vh;
  position: absolute;
}

.ftmainwrap {
  flex-flow: column;
  justify-content: space-between;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.mainimgwrapndr {
  background-image: url('../images/Slide-16_9---6.png');
  background-position: 50%;
  background-size: 110%;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwrapndr._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwrapndr.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.mainimgwrapinmem-copy {
  background-image: url('../images/webtitle.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100vh;
}

.mainimgwrapinmem-copy._36img {
  background-image: url('../images/ossz.webp');
  background-size: contain;
  height: 100vh;
}

.mainimgwrapinmem-copy.imwrimg {
  background-image: url('../images/Cover-13.webp');
}

.ftrleft {
  justify-content: space-between;
  width: 40%;
  display: flex;
}

.ftrright {
  justify-content: space-between;
  align-items: center;
  width: 40%;
  display: flex;
}

.selectwrap {
  justify-content: space-between;
  align-items: center;
  height: 15vh;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
}

.lbtn1select {
  outline-offset: 0px;
  pointer-events: none;
  color: var(--grey);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 20px;
  outline: 3px solid #191919;
  padding: 4px 20px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  transition: all .3s ease-in;
}

.lbtn1select:hover {
  color: var(--grey);
}

@media screen and (min-width: 1440px) {
  .navbar {
    position: fixed;
  }

  .h1 {
    font-size: 8rem;
  }

  .h1.darkh {
    height: 120px;
  }

  .maintextwrap.gallerytextwrap {
    height: 17vh;
  }

  .ltrspcvar, .ltrspcvar0 {
    font-size: 8rem;
  }

  .about-wrapper {
    height: 83vh;
  }

  .canvas.smlanim {
    border-bottom-left-radius: var(--border-rad);
    border-bottom-right-radius: var(--border-rad);
    background-color: var(--dark-grey);
  }

  .mainimgwrapndr {
    background-image: url('../images/Slide-16_9---6.png');
    background-size: 115%;
  }

  .selectwrap {
    position: sticky;
    top: 0;
  }
}

@media screen and (min-width: 1920px) {
  .h1 {
    font-size: 11rem;
  }

  .h1.darkh {
    height: 165px;
    padding-top: 45px;
    padding-bottom: 45px;
    font-size: 13.2906rem;
  }

  .h1.darkh.nmargin {
    background-image: none;
  }

  .maintextwrap {
    padding-top: 180px;
    padding-bottom: 15px;
  }

  .maintextwrap.gallerytextwrap {
    align-items: flex-end;
    height: 20vh;
    padding-top: 0;
  }

  .maintextwrap.gallerytextwrap.txtopen {
    justify-content: center;
  }

  .card.card-4 {
    background-image: url('../images/main.webp');
    background-size: cover;
  }

  .ltrspcvar, .ltrspcvar0 {
    font-size: 11rem;
  }

  .gprojcontain {
    border-radius: .3em;
  }

  .gprojcontain.primg1 {
    transition-property: none;
  }

  .gprojcontain.primg1:hover {
    background-size: 130%;
  }

  .about-wrapper {
    height: 80vh;
  }

  .projtxtwrap {
    padding-top: 20px;
  }

  .navbar-2 {
    border-radius: 2.5em;
    width: 400px;
    height: 45px;
  }

  .nav-link-2 {
    font-size: 1.1rem;
  }

  .bvbtnwrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .projtxtwraphowit, .projtxtwrapinmem {
    padding-top: 20px;
  }

  .heading {
    height: 19rem;
    font-size: 16rem;
  }

  .video {
    z-index: 2;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .div-block-60 {
    width: 100vw;
    height: 100vh;
    position: relative;
  }

  .canvasherooff {
    display: none;
  }

  .canvashero {
    width: 100vw;
    height: 100vh;
    position: absolute;
  }
}

@media screen and (max-width: 991px) {
  .section-2 {
    height: 610vh;
  }

  .container {
    justify-content: center;
    align-items: center;
  }

  .navbar {
    justify-content: flex-start;
    align-items: center;
    width: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image-2 {
    margin-right: 0;
  }

  .brand {
    margin-right: 0;
    display: block;
  }

  .h1 {
    font-size: 4.20848rem;
  }

  .h1.mainh1.nrightm {
    margin-right: 20px;
  }

  .h1.mainh1.rleftm {
    margin-left: 20px;
  }

  .h1.darkh {
    height: 110px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 7.47632rem;
  }

  .h1.darkh.nmargin {
    margin-right: 20px;
  }

  .h1.darkh.rmargin {
    margin-left: 20px;
  }

  .h1.ftrh {
    font-size: 10rem;
  }

  .h2 {
    font-size: 3.1572rem;
  }

  .h2.nxt {
    font-size: 2rem;
    line-height: 0;
  }

  .h3 {
    font-size: 2.36875rem;
    position: static;
    top: 0;
  }

  .h3.projecttitle {
    font-size: 1.68834rem;
  }

  .p1 {
    font-size: .8rem;
    line-height: 1rem;
  }

  .p1.paragraph.gsapst {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .p2 {
    color: var(--grey);
    text-decoration: none;
  }

  .lbtn1 {
    padding: 3px 15px;
    font-size: .7rem;
  }

  .navwrapper {
    justify-content: center;
    align-items: center;
    padding-right: 20px;
    bottom: 3vh;
    left: 0%;
    right: 0%;
  }

  .maintextwrap.gallerytextwrap {
    height: 14vh;
  }

  .card.card-2, .card.card-1, .card.card-3 {
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
  }

  .card.card-4 {
    background-size: cover;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
  }

  .gallerywrap {
    flex-flow: column;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .gprojcontain {
    border-radius: .3em;
    height: 50vh;
  }

  .about-wrapper {
    justify-content: space-between;
    align-items: center;
    height: 86vh;
  }

  .aboutleft {
    width: 25%;
    height: 410px;
  }

  .aboutcenter {
    width: 34%;
    height: 410px;
  }

  .aboutright {
    width: 25%;
    height: 410px;
  }

  .paragraph {
    font-size: 1rem;
  }

  .paragraph.p2 {
    font-size: var(--paragraph-text-size);
  }

  .paragraph.p1 {
    font-size: var(--paragraph-text-size);
    line-height: 1.1rem;
  }

  .aboutimgwrap, .imgover {
    width: 260px;
    height: 410px;
  }

  .track {
    height: 1000vw;
  }

  .camera {
    padding-top: 0;
  }

  .frame {
    flex-flow: column;
  }

  .projectimg {
    padding: 5px 10px;
  }

  .div-block-13 {
    border-radius: 1.5em;
  }

  .projtxtwrap {
    background-color: var(--dark-grey);
    height: 80vh;
    padding-top: 2vh;
    padding-bottom: 20px;
  }

  .projleft {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-top: 40vh;
  }

  .footer2 {
    width: 100%;
  }

  .brand-2 {
    width: 30px;
    margin-left: 5px;
    margin-right: 25px;
  }

  .navbar-2 {
    border-radius: 2em 2em var(--navborder) var(--navborder);
    width: 320px;
    height: 40px;
  }

  .nav-link-2 {
    justify-content: center;
    align-items: center;
    width: 75px;
    display: flex;
  }

  .nav-menu-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    min-width: 120px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static;
    top: 35px;
  }

  .menu-button {
    padding: 0;
  }

  .div-block-22 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-23 {
    margin-bottom: 10px;
  }

  .heronamewrap {
    padding-left: 5vh;
    padding-right: 5vh;
  }

  .npprojwrapper {
    height: 65vh;
  }

  .projecttiitlewrap {
    height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .scrollwrap {
    padding-right: 0;
  }

  .scrollwrap.heroscroll {
    padding-right: 20px;
    right: 0;
  }

  .link-block-2 {
    justify-content: center;
    align-items: flex-end;
    text-decoration: none;
    display: flex;
  }

  .projimgwrapper {
    padding-left: 10vh;
    padding-right: 10vh;
  }

  .bvbtnwrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .projholder2 {
    background-size: auto 100%;
  }

  .nav-link-3 {
    width: 120px;
  }

  .pncanvas {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nxtprojimg1 {
    filter: none;
    width: 50%;
    height: 30vh;
    transition-property: none;
    position: absolute;
    right: 0;
  }

  .nxtprojimg1:hover {
    width: 50%;
    height: 30vh;
  }

  .div-block-45 {
    width: 100%;
    position: absolute;
  }

  .pproject {
    color: var(--grey);
    font-family: Switzer Variable, Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1.7rem;
  }

  .prvsprojimg1 {
    filter: none;
    width: 50%;
    transition-property: none;
    left: 0;
  }

  .prvsprojimg1:hover {
    width: 50%;
    height: 30vh;
  }

  .prvsprojimg1:active {
    filter: none;
  }

  .container-6 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .prenexwrap {
    justify-content: space-between;
    width: 100%;
    height: 40vh;
    display: flex;
  }

  .div-block-48 {
    width: 120px;
    height: 35px;
  }

  .div-block-49 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #ffffff4d;
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 2em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 120px;
    margin-top: 151px;
    display: none;
    position: absolute;
  }

  .link-block-8 {
    margin-right: 15px;
  }

  .link-block-9 {
    display: flex;
  }

  .link-block-13, .link-block-14, .link-block-15, .link-block-16, .link-block-17, .link-block-18, .link-block-19, .link-block-20, .link-block-21 {
    justify-content: center;
    align-items: flex-end;
    text-decoration: none;
    display: flex;
  }

  .projtxtwraphowit, .projtxtwrapinmem {
    background-color: var(--dark-grey);
    height: auto;
    padding-top: 2vh;
    padding-bottom: 20px;
  }

  .projimgwrapperui {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block {
    color: #fff;
    mix-blend-mode: difference;
    height: 11vh;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: Switzer Variable, Arial, sans-serif;
    font-size: 10rem;
  }

  .projtitlewrap {
    background-color: var(--dark-grey);
    opacity: .81;
    pointer-events: auto;
    cursor: auto;
    border-bottom-right-radius: .3em;
    border-bottom-left-radius: .3em;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 3vh;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .mainsml-titlewrap {
    opacity: 1;
    background-color: #191919cc;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 5vh;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    display: flex;
  }

  .heading {
    height: 11rem;
    padding-bottom: 3rem;
    font-size: 10rem;
  }

  .heading.right {
    margin-right: 20px;
    padding-bottom: 3rem;
  }

  .ftbtmwrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    align-items: center;
  }

  .ftlefttmwrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .npzorr {
    background-position: 50% 40%;
    background-size: cover;
  }

  .ppndr {
    background-size: cover;
  }

  .ftintervid {
    width: 30vh;
    height: 15vh;
  }

  .mainimgwrapndr {
    background-position: 50%;
    background-size: 180%;
  }

  .mainimgwrapinmem-copy {
    background-image: url('../images/main.webp');
  }

  .ftrleft {
    justify-content: space-between;
    align-items: center;
    width: 40%;
    display: flex;
  }

  .ftrright {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .selectwrap {
    height: 10vh;
  }

  .lbtn1select {
    padding: 3px 15px;
    font-size: .7rem;
  }
}

@media screen and (max-width: 767px) {
  .brand {
    padding-left: 0;
  }

  .h1 {
    font-size: 3.15715rem;
  }

  .h1.darkh.nmargin {
    margin-right: 10px;
  }

  .h1.darkh.rmargin {
    margin-left: 10px;
  }

  .h1.ftrh {
    font-size: 8rem;
  }

  .h2 {
    font-size: 2.36849rem;
  }

  .h2.nxt {
    font-size: 1rem;
  }

  .h3 {
    font-size: 1.777rem;
  }

  .h3.projecttitle.gsapst {
    font-size: 1.7rem;
    line-height: 25px;
  }

  .p1.paragraph.gsapst {
    font-size: .9rem;
    line-height: 1rem;
  }

  .gprojcontain {
    height: 25vh;
  }

  .gprojcontain.primg1 {
    background-size: 40vh;
  }

  .gprojcontain.primg4 {
    background-size: 50vh;
  }

  .gprojcontain.primg5 {
    background-size: cover;
  }

  .gprojcontain.primg6, .gprojcontain.primg8 {
    background-size: 70vh;
  }

  .about-wrapper {
    flex-flow: column;
    justify-content: space-between;
  }

  .aboutleft {
    width: 100%;
    height: 20vh;
    padding-top: 5vh;
    padding-left: 100px;
    padding-right: 100px;
  }

  .aboutcenter {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
    display: flex;
  }

  .aboutright {
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-content: space-between flex-start;
    place-items: center;
    width: 100%;
    height: 25vh;
    padding-top: 40px;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .aboutimgwrap, .imgover {
    width: 210px;
    height: 360px;
  }

  .track {
    overflow: visible;
  }

  .projectimg {
    height: 70vh;
  }

  .div-block-13 {
    height: 99%;
  }

  .projtxtwrap {
    width: 100%;
    height: 50vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .projleft {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    width: 100%;
  }

  .projright {
    width: 100%;
    padding-right: 0;
  }

  .projcategorywrap {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .brand-2 {
    width: 30px;
    padding-left: 0;
  }

  .list {
    width: 100%;
    height: 100%;
    display: block;
  }

  .div-block-22 {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .div-block-23 {
    justify-content: center;
    align-items: center;
  }

  .heronamewrap {
    padding-left: 3vh;
    padding-right: 3vh;
  }

  .mainimagewrapper {
    height: 80vh;
  }

  .scrollwrap {
    padding-right: 3vh;
  }

  .hero-heading-center {
    padding: 60px 15px;
  }

  .projtxtwraphowit, .projtxtwrapinmem {
    width: 100%;
    height: 50vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mainsml-titlewrap {
    opacity: 0;
  }

  .heading {
    height: 9.7rem;
    font-size: 6rem;
  }

  .npzorr {
    background-size: cover;
  }

  .ftintervid {
    width: 40vh;
    height: 25vh;
  }

  .ftrleft, .ftrright {
    width: 48%;
  }
}

@media screen and (max-width: 479px) {
  .section-2 {
    height: 170vh;
  }

  .h1.mainh1 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .h1.mainh1.nrightm {
    margin-right: 0;
  }

  .h1.mainh1.rleftm {
    margin-left: 0;
  }

  .h1.darkh {
    height: 76px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 4.20564rem;
  }

  .h1.ftrh {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 6rem;
  }

  .h2.projecttitle {
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 2.3rem;
  }

  .h2.nxt {
    font-size: .9rem;
    line-height: 1rem;
  }

  .h3.projecttitle.gsapst {
    font-size: 2.26661rem;
    line-height: 31px;
  }

  .p1 {
    color: var(--dark-grey);
  }

  .p1.paragraph.gsapst {
    color: var(--grey);
    width: 80%;
  }

  .dbtn1 {
    padding: 6px 30px;
  }

  .lbtn1 {
    margin-top: 5px;
    display: flex;
  }

  .navwrapper {
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .maintextwrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    height: 7rem;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .maintextwrap.gallerytextwrap {
    grid-row-gap: 5vw;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    height: 10vh;
    padding-top: 2vh;
    padding-left: 10px;
    padding-right: 10px;
  }

  .maintextwrap.gallerytextwrap.txtopen {
    grid-column-gap: 10vw;
    grid-row-gap: 10vw;
  }

  .sticky-wrapper {
    grid-column-gap: 0vh;
    grid-row-gap: 0vh;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 160vh;
    padding-left: 0;
    padding-right: 0;
    position: static;
    overflow: visible;
  }

  .card {
    width: 100%;
    height: 100vh;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .card.card-2 {
    justify-content: center;
    align-items: flex-end;
    height: 40vh;
    text-decoration: none;
    position: sticky;
    top: 2rem;
  }

  .card.card-1 {
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    height: 40vh;
    text-decoration: none;
    position: sticky;
    top: 0;
  }

  .card.card-3 {
    justify-content: center;
    align-items: flex-end;
    height: 40vh;
    text-decoration: none;
    position: sticky;
    top: 4rem;
  }

  .card.card-4 {
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    height: 40vh;
    text-decoration: none;
    position: sticky;
    top: 6rem;
  }

  .gallerywrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .gprojcontain {
    height: 20vh;
  }

  .gprojcontain.primg1, .gprojcontain.primg3, .gprojcontain.primg4, .gprojcontain.primg5 {
    background-size: cover;
  }

  .about-wrapper {
    grid-column-gap: 4vh;
    grid-row-gap: 4vh;
    justify-content: center;
    height: 85vh;
    padding-top: 0;
  }

  .aboutleft {
    justify-content: center;
    align-items: flex-start;
    height: 10vh;
    padding-top: 1vh;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .aboutcenter {
    height: 30vh;
  }

  .aboutright {
    grid-column-gap: .7em;
    grid-row-gap: .7em;
    flex-flow: wrap;
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: flex-start center;
    height: 30vh;
    padding-top: 0;
    display: block;
  }

  .paragraph.p1 {
    color: var(--grey);
    margin-bottom: 0;
  }

  .aboutimgwrap, .imgover {
    width: 20vh;
    height: 30vh;
  }

  .sctsmaller {
    height: 20vh;
  }

  .sctsmalldv.smlanim {
    height: 20vh;
    position: static;
  }

  .track {
    height: 1000vw;
  }

  .camera {
    padding-top: 0;
  }

  .frame {
    justify-content: flex-start;
    align-items: stretch;
  }

  .projectimg {
    height: 30vh;
    margin-top: 0;
    padding: 5px 10px;
  }

  .div-block-13 {
    height: 100%;
  }

  .projtxtwrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 80vh;
    margin-bottom: 10vh;
    padding-top: 0;
    padding-bottom: 0;
    inset: auto 0% 0%;
  }

  .projleft {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 70%;
    margin-top: 15vh;
    padding-top: 20vh;
    padding-right: 20px;
  }

  .projright {
    color: var(--grey);
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-left: 20px;
  }

  .projcategorywrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .ftrbtnwrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    height: 13vh;
  }

  .div-block-16 {
    justify-content: center;
  }

  .ftrhwrapper {
    justify-content: space-between;
    align-items: center;
    height: 82vh;
    padding-top: 4vh;
    padding-bottom: 10px;
  }

  .footer2 {
    position: relative;
  }

  .ftrhup {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 18vh;
    display: flex;
  }

  .ftrhdown {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .ftrsp {
    margin-top: 0;
    padding-bottom: 10px;
  }

  .herotextleft, .herotextright {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .brand-2 {
    width: 30px;
    margin-right: 20px;
    padding-left: 0;
  }

  .navbar-2 {
    width: 310px;
  }

  .nav-link-2 {
    font-size: .9rem;
  }

  .nav-menu-2 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    justify-content: center;
    bottom: 34px;
    left: 0%;
  }

  .fillerdivabt.smlanim {
    height: 15vh;
  }

  .list {
    flex-flow: wrap;
    display: block;
  }

  .div-block-22 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .div-block-24 {
    background-color: var(--dark-grey);
    height: 35vh;
  }

  .gallerycanvas {
    width: 100%;
  }

  .heronamewrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rright {
    margin-left: 1vh;
  }

  .nleft {
    margin-right: 1vh;
  }

  .mainprojnav {
    width: 100%;
    height: 100%;
  }

  .projecttiitlewrap {
    height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .projectmainimage {
    height: 70vh;
  }

  .scrollwrap {
    padding-right: 2vh;
    position: absolute;
    top: 0;
  }

  .scrollwrap.heroscroll {
    top: 0;
    bottom: 0;
  }

  .paragraph-3 {
    font-size: .9rem;
  }

  .projimgwrapper {
    padding: 5px;
  }

  .mainimgwrapinmem {
    background-position: 29%;
    background-size: cover;
    height: 60vh;
  }

  .div-block-38 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 5vh;
  }

  .bvbtnwrap {
    flex-flow: wrap;
    padding-left: 10px;
    padding-right: 10px;
  }

  .projholder2 {
    background-position: 70%;
    background-size: 100%;
  }

  .pncanvas {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nxtprojimg1, .nxtprojimg1:hover {
    height: 20vh;
  }

  .pproject {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .prvsprojimg1, .prvsprojimg1:hover {
    height: 20vh;
  }

  .container-6 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .prenexwrap {
    height: 30vh;
  }

  .npfusion {
    height: 100%;
  }

  .mainimgwraphowit {
    background-position: 53%;
    background-size: cover;
    height: 60vh;
  }

  .projtxtwraphowit, .projtxtwrapinmem {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    margin-bottom: 10vh;
    padding-top: 0;
    padding-bottom: 0;
    inset: auto 0% 0%;
  }

  .mainimgwrapzorr {
    background-position: 61%;
    background-size: cover;
    height: 60vh;
  }

  .mainimgwrap {
    background-position: 29%;
    background-size: cover;
    height: 60vh;
  }

  .mainimgwrap36 {
    background-position: 29%;
    background-size: contain;
    height: 60vh;
  }

  .mainimgwrapuichall {
    background-position: 50%;
    background-size: cover;
    height: 70vh;
  }

  .projimgwrapperui {
    padding: 0 5px;
  }

  .mainimgwrapilogo {
    background-position: 29%;
    background-size: contain;
    height: 60vh;
  }

  .mainsml-titlewrap {
    background-color: var(--dark-grey);
    opacity: .8;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 7%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .npui, .npnovis {
    height: 100%;
  }

  .heading {
    padding-bottom: 1rem;
    font-size: 5rem;
  }

  .heading.right {
    margin-right: 20px;
    padding-bottom: 1rem;
  }

  .ftbtmwrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    align-items: center;
  }

  .mainimgwrapnovis {
    background-position: 50%;
    background-size: cover;
    height: 60vh;
  }

  .npzorr {
    background-image: url('../images/main.webp');
    background-position: 50% 20%;
    background-size: cover;
    height: 100%;
  }

  .npreayn {
    height: 100%;
  }

  .ppndr {
    background-image: url('../images/main.webp');
    background-size: cover;
  }

  .npndr, .nphowit, .npfusion-copy, .nplogo, .np36 {
    height: 100%;
  }

  .ftintervid {
    width: 25vh;
    height: 15vh;
  }

  .mainimgwrapndr {
    background-position: 46%;
    background-size: 190%;
    height: 60vh;
  }

  .mainimgwrapinmem-copy {
    background-position: 50%;
    background-size: 230%;
    height: 60vh;
  }

  .selectwrap {
    height: 10vh;
    top: 0;
  }

  .lbtn1select {
    margin-top: 5px;
    display: flex;
  }
}


@font-face {
  font-family: 'Switzer Variable';
  src: url('../fonts/Switzer-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ndr 0';
  src: url('../fonts/NDR-0.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}