:root {
  --black: black;
  --white: white;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

.div-block {
  text-align: center;
  background-color: #000;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block.nav-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1750px;
  margin: 0 auto;
  padding: 0 32px;
  background: transparent;
  position: relative;
  z-index: 2147483647;
}

.nav-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  margin-left: 32px;
  font-size: 16px;
  position: static;
  padding: 0;
}

.logo {
  display: block;
  height: 42px;
  width: auto;
  margin: 0 24px 0 0;
}

.section {
  position: fixed;
  inset: 0% 0% auto;
}

.nav-link {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
}

.nav-lab {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 0.75;
  transition: opacity 0.2s;
}

.nav-lab:hover {
  opacity: 1;
}

.bar {
  z-index: 888;
  background-color: var(--black);
  width: 100vw;
  height: 64px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.video-section, .div-video {
  max-width: 1650px;
  max-height: 950px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.video {
  max-width: 1750px;
  max-height: 900px;
  margin-left: auto;
  margin-right: auto;
}

.image.logo-2 {
  display: none;
}

.body {
  background-color: #000;
}

.heading {
  color: #fff;
  text-align: right;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.heading.typing-container {
  text-align: right;
  font-size: 65px;
}

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

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

.gallery-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template: "Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.gallery-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.gallery-features-block {
  margin-top: 16px;
  margin-bottom: 24px;
}

.gallery-feature {
  background-image: url('../images/');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 8px;
  padding-left: 30px;
  font-size: 14px;
  line-height: 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;
}

.gallery-grid {
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gallery-image {
  width: 100%;
}

.gallery-index {
  background-color: #000;
}

.background-video {
  object-fit: fill;
  max-width: 1650px;
  min-height: 850px;
  max-height: 950px;
  margin-top: 40px;
  padding-left: 0;
}

.work_stack {
  grid-column-gap: 20px;
  max-width: 1500px;
  height: 816px;
  margin-left: auto;
  margin-right: auto;
}

.cell {
  background-image: url('../images/5.png');
  background-position: 0 0;
  background-size: 960px;
}

.cell-2 {
  background-image: url('../images/1.png');
  background-position: 0 0;
  background-size: auto;
}

.quick-stack {
  max-width: 1500px;
  height: 900px;
  margin-left: auto;
  margin-right: auto;
}

.grid {
  grid-template: "Area Area-2 Area-2" 350px
                 "Area-3 Area-3 ." 350px
                 ". Area-4 Area-4" 350px
                 / 1fr .25fr 1fr;
  width: auto;
  max-width: 1500px;
  height: auto;
  max-height: 900px;
  margin-left: auto;
  margin-right: auto;
}

.section-4 {
  display: block;
}

.grid-2 {
  grid-row-gap: 17px;
  grid-template: "Area Area-2 Area-2"
                 "Area Area-2 Area-2"
                 "Area Area-2 Area-2"
                 "Area-3 Area-3 Area-4"
                 "Area-3 Area-3 Area-4"
                 "Area-3 Area-3 Area-4"
                 "Area-6 Area-5 Area-5"
                 "Area-6 Area-5 Area-5"
                 "Area-6 Area-5 Area-5"
                 "Area-7 Area-7 Area-8"
                 "Area-7 Area-7 Area-8"
                 "Area-7 Area-7 Area-8"
                 "Area-10 Area-9 Area-9"
                 "Area-10 Area-9 Area-9"
                 "Area-10 Area-9 Area-9"
                 ". . ."
                 / 1fr .25fr 1fr;
  min-width: auto;
  max-width: 1500px;
  height: auto;
  max-height: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.image-2 {
  object-fit: cover;
}

.image-3 {
  vertical-align: baseline;
  object-fit: fill;
  max-width: none;
  display: block;
}

.cell-3 {
  background-image: url('../images/5.png');
  background-position: 50%;
  background-size: cover;
}

.cell-4 {
  background-image: url('../images/1.png');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-2 {
  grid-row-gap: 20px;
  max-width: 1350px;
  height: 350px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.cell-5 {
  background-image: url('../images/12.png');
  background-position: 0 0;
  background-size: cover;
}

.cell-6 {
  background-image: url('../images/6.png');
  background-position: 0 0;
  background-size: cover;
}

.grid-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template: ". Area-2 Area-2" 350px
                 ". Area-4 Area-5"
                 / 1fr .5fr 1fr;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-3 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
}

.quick-stack-4 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 40px 0;
}

.cell-7 {
  background-image: url('../images/5minretangulo.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-8 {
  background-image: url('../images/11retangulo.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-9 {
  background-image: url('../images/13quadrado.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-10 {
  background-image: url('../images/14quadrado.jpg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-5 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 40px 0;
}

.cell-11 {
  background-image: url('../images/3retangulo.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-12 {
  background-image: url('../images/2plsuimage.jpg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-6 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 40px 0;
}

.cell-13 {
  background-image: url('../images/8quadrado.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-14 {
  background-image: url('../images/12quadrado.jpg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-7 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 40px 0;
}

.cell-15 {
  background-image: url('../images/Juliette_4.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-16 {
  background-image: url('../images/2retangulo.jpg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-8 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 40px 0;
}

.cell-17 {
  background-image: url('../images/15quadrado.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-18 {
  background-image: url('../images/6quadrado.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-ga {
  background-image: url('../images/10minretangulo.jpg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-9 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 40px 0;
}

.cell-19 {
  background-image: url('../images/7retangulo.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-20 {
  background-image: url('../images/11minretangulo.jpg');
  background-position: 50%;
  background-size: cover;
}

.grid-4 {
  grid-column-gap: 15px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto 18px auto 20px;
  grid-template-columns: 1fr;
  margin-top: 0;
  justify-items: center;
}

.text-block {
  color: #fff;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
}

.bold-text {
  text-decoration: none;
}

.button-5 {
  color: #dadada;
  text-align: center;
  cursor: pointer;
  background-color: #000;
  border: 1px solid #dadada;
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 5px auto;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: static;
  box-shadow: 0 9px 0 -7px #000;
}

.grid-5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-4 {
  opacity: 1;
  mix-blend-mode: difference;
  border: 1px solid #000;
}

.div-block-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  place-items: center;
  display: flex;
}

.image-5 {
  vertical-align: baseline;
  max-width: 100%;
  position: static;
}

.image-6 {
  max-width: 100%;
}

.signature {
  color: #fff;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 100;
}

.text-tumbs {
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-end;
  margin: 70% auto 10% 5%;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 40px;
  font-weight: 500;
  display: block;
}

.link-block {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-around end;
  justify-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: static;
}

.div-block-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-rows: 45px;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 520px;
  height: 350px;
  display: grid;
}

.div-block-3.texto_tumb {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  place-items: center stretch;
  width: auto;
  height: 400px;
  margin-left: 0;
  display: grid;
  position: relative;
}

.link {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.text-block-2 {
  color: #fff;
  border: 1px solid #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 40px;
  font-weight: 700;
  position: relative;
  inset: 30% 0 0% 5%;
}

.text-block-2.titulo_tumb {
  mix-blend-mode: normal;
  border-width: 0;
  margin-right: 0;
  font-family: Roboto, sans-serif;
  top: 45%;
}

.text-block-3 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  display: block;
  position: relative;
  inset: 15% 0% 0% 5%;
}

.bold-text-2 {
  text-align: right;
  flex: 0 auto;
  align-self: center;
  max-width: 850px;
  max-height: none;
  margin-top: 0;
  font-family: DM Serif Display, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 55px;
  position: relative;
  top: 0;
}

.text-index {
  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;
  max-width: 1650px;
  margin: 0 auto 20px;
  display: flex;
}

.heading-2 {
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.heading-3 {
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.bold-text-3 {
  font-size: 20px;
  font-weight: 300;
}

.projetos-texto {
  color: #fff;
  text-align: center;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin: 10px 0 0;
  padding-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 300;
  display: flex;
  position: relative;
  inset: auto;
}

.grid-6 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: 160px;
  grid-template-areas: "Area-3 Area-3"
                       "Area Area"
                       "Area-2 Area-2";
  grid-auto-rows: 30px;
  place-content: stretch center;
  align-self: center;
  align-items: center;
  margin: 7% 0 5%;
  padding-right: 75px;
  display: flex;
  position: relative;
  left: auto;
}

.text-block-5 {
  color: #fff;
  text-align: center;
  margin: 0 auto 20px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 100;
}

.footer {
  margin-top: 40px;
}

.text-block-6 {
  clear: none;
  aspect-ratio: auto;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 225px;
  margin-top: 0%;
  margin-left: auto;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  display: flex;
  position: absolute;
  inset: auto 0% 5%;
}

.link-block-2 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.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;
}

.body-2 {
  background-color: #0a0a0a;
}

.project-nav {
  min-width: auto;
  margin-top: 2%;
}

.grid-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 70px auto 20px;
  grid-template-areas: "Area Area"
                       "Area-2 Area-2"
                       "Area-3 Area-3";
  max-width: 1250px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.grid-7 .titulo-projetos {
  grid-area: Area;
  place-self: center;
}

.grid-7 .text-block-7 {
  grid-area: Area-2;
  place-self: center;
}

.grid-7 .link-block-14 {
  grid-area: Area-3;
  place-self: center start;
}

.heading-4 {
  aspect-ratio: auto;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.text-block-7 {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  position: relative;
  inset: 0% 0% auto;
}

.text-block-8 {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.div-block-4 {
  max-width: 1250px;
  margin-top: 1%;
  margin-left: auto;
  margin-right: auto;
}

.text-project-gallery {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.creditos-projetos {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
}

.titulo-projetos {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}

.cell-21 {
  background-image: url('../images/still_3.2.1jpeg.jpg'), url('../images/4-1.jpg');
  background-position: 0 0, 0 0;
  background-size: cover, cover;
}

.solaris-22 {
  background-image: url('../images/optimized_gif_2.gif');
  background-position: 0 0;
  background-size: cover;
}

.cell-23 {
  background-image: url('../images/Still_3.3.1jpeg.jpg');
  background-position: 0 0;
  background-size: cover;
}

.cell-24 {
  background-image: url('../images/Still_1.3.1jpeg.jpg');
  background-position: 0 0;
  background-size: cover;
}

.cell-25 {
  background-image: url('../images/optimized_gif_3.gif');
  background-position: 0 0;
  background-size: cover;
}

.cell-26 {
  background-image: url('../images/Still_7.3.1jpeg.jpg');
  background-position: 0 0;
  background-size: cover;
}

.projects-more {
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  outline: 0 #4d4d4d;
  justify-content: center;
  align-items: center;
  max-width: 200px;
  margin: 50px auto;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: letter-spacing .2s cubic-bezier(.632, .094, .082, 1.012);
  display: flex;
}

.link-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  display: block;
}

.video-2 {
  box-shadow: 0 20px 100px -60px #fff9f466;
}

.quick-stack-10 {
  max-width: 950px;
}

.link-block-4, .link-block-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-6 {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.link-block-7 {
  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;
  display: flex;
}

.link-block-8 {
  flex: 0 auto;
  align-self: stretch;
  text-decoration: none;
  position: static;
}

.grid-8 {
  grid-template-columns: 1fr;
  margin-top: 17px;
}

.grid-9 {
  grid-column-gap: 43px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 35px;
}

.video-3 {
  border-radius: 0;
}

.cell-27 {
  background-image: url('../images/4-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-28 {
  background-image: url('../images/optimized1.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-29 {
  background-image: url('../images/optimized2.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-30 {
  background-image: url('../images/1-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.background-video-2 {
  z-index: 999999;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.image-7 {
  border-radius: 7px;
}

.loader {
  z-index: 998;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  cursor: progress;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-5 {
  z-index: 999;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0% 0% auto;
}

.esfera {
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.loader_home {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  vertical-align: middle;
  background-color: #000;
  background-image: url('../images/LOOP_3_Comp-1.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20vw;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  display: flex;
  position: fixed;
}

.texto-home {
  color: #fff;
  text-align: left;
  background-color: #000;
  align-self: flex-end;
  max-width: 900px;
  padding-left: 50px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.link-block-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100px;
  text-decoration: none;
  display: block;
  position: static;
}

.project-loader {
  z-index: 999;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.cortina-passaro {
  z-index: 999;
  background-color: #000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: fixed;
}

.passaro {
  width: 250px;
  height: 250px;
  display: inline-block;
}

.preto-loader {
  z-index: 999;
  cursor: progress;
  object-fit: fill;
  background-color: #000;
  background-image: url('../images/3_Passaro_gif.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: fixed;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.text-block-9 {
  color: #bebebe;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: 220px;
  margin-left: auto;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  display: flex;
  position: absolute;
}

.link-block-10 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-11, .link-block-12, .link-block-13 {
  display: flex;
}

.spline-scene {
  position: static;
}

.text-block-10 {
  font-family: Georgia, Times, Times New Roman, serif;
}

.link-2 {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.bold-text-4 {
  font-family: Droid Sans, sans-serif;
}

.link-block-14 {
  text-decoration: none;
}

.quick-stack-12, .quick-stack-13 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  padding: 17px;
}

.cell-31 {
  background-image: url('../images/saneux-gif-3.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-32 {
  background-image: url('../images/Saneux-optimized-8.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-33 {
  background-image: url('../images/Saneux-optimized-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-34 {
  background-image: url('../images/saneux-gif-2.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-35 {
  background-image: url('../images/Saneux-optimized-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-36 {
  background-image: url('../images/Saneux-optimized-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-37 {
  background-image: url('../images/Saneux-optimized-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-38 {
  background-image: url('../images/Mr_Thompson_GIF_2.gif');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-14 {
  grid-column-gap: 20px;
}

.cell-39 {
  background-image: url('../images/Mr_thompson_still_4.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-40 {
  background-image: url('../images/Mr_Thompson_GIF_2.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-41 {
  background-image: url('../images/Mr_Thompson_GIF_1.gif');
  background-position: 100%;
  background-size: cover;
}

.cell-42 {
  background-image: url('../images/Mr_thompson_still_2.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-43 {
  background-image: url('../images/Mr_thompson_still_3.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-44 {
  background-image: url('../images/Mr_thompson_still_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.info-page {
  z-index: 887;
  opacity: 1;
  -webkit-backdrop-filter: brightness(25%) blur(40px);
  backdrop-filter: brightness(25%) blur(40px);
  color: #fff;
  mix-blend-mode: screen;
  background-color: #000;
  background-image: none;
  width: 100%;
  height: 100vh;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 17px;
  font-weight: 300;
  text-decoration: none;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
  box-shadow: 19px 0 20px 20px #00000082;
}

.text-block-11 {
  color: #ebe2de;
  text-align: right;
  mix-blend-mode: normal;
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 130px;
  font-weight: 700;
  line-height: 110px;
  display: flex;
  position: static;
}

.grid-10 {
  grid-template-rows: auto auto auto auto;
}

.quick-stack-16 {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  text-align: left;
  background-color: #0000;
  max-width: 950px;
  margin-top: 10vh;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 17px 17px 10px;
  position: relative;
}

.text-block-12 {
  text-align: justify;
  align-self: center;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.image-8 {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-3 {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.image-9 {
  align-self: flex-end;
}

.quick-stack-17 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  width: 100%;
  max-width: 950px;
  height: 100%;
  max-height: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 31px 16px 0 10px;
}

.cell-45 {
  filter: grayscale(20%);
  background-image: url('../images/Generative-Fill.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.cell-46 {
  background-image: url('../images/IMG_0932.jpg');
  background-position: 100%;
  background-size: cover;
}

.cell-47 {
  background-image: url('../images/IMG_0928.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-48 {
  background-image: url('../images/IMG_0925.jpg');
  background-position: 100%;
  background-size: cover;
}

.heading-5 {
  color: #fff;
  text-align: right;
  background-color: #0000;
  align-self: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 70px;
  line-height: 70px;
  position: relative;
  top: -17px;
}

.text-block-13 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  margin: 0 auto 31px;
  display: flex;
  position: relative;
  top: 0;
}

.grid-11 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  max-width: 1650px;
  margin-left: auto;
  margin-right: auto;
}

.cell-49 {
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cell-50 {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
}

.image-10 {
  z-index: 99999;
  opacity: 1;
  outline-offset: 0px;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: screen;
  background-color: #000;
  background-clip: border-box;
  border-radius: 2px;
  outline: 1px #fff;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
}

.cell-51, .cell-52 {
  background-color: #0000;
}

.link-block-15 {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
}

.nav-showreel {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
}

.close-info {
  cursor: pointer;
}

.showreel-page {
  z-index: 888;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #74313100;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: grid;
  position: fixed;
  inset: 0% 0% auto;
}

.video-4 {
  width: 1920px;
  height: 816px;
  max-height: 816px;
  margin-left: auto;
  margin-right: auto;
}

.container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  background-color: #0000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50vw;
  max-width: 1200px;
  height: 50vh;
  max-height: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.video-5 {
  z-index: auto;
  cursor: auto;
  object-fit: fill;
  border-radius: 0;
  align-self: center;
  position: relative;
}

.div-block-6 {
  z-index: auto;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-6.blur-background {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.button-2 {
  background-color: #000;
  border-radius: 7px;
  margin: 2vh auto;
  font-family: Roboto, sans-serif;
  font-weight: 100;
}

.text-block-14 {
  filter: drop-shadow(0 0 14px #ff00004a);
  outline-offset: 3px;
  color: #ad4256;
  cursor: pointer;
  border-top: 1px dashed #000;
  border-radius: 3px;
  outline: 1px solid #ad4256;
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 500;
}

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

.link-block-16.w--current {
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  max-width: none;
  display: flex;
}

.blur {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  width: 100vw;
  height: 100vh;
}

.div-block-7 {
  opacity: 1;
  filter: brightness(0%);
  mix-blend-mode: normal;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  box-shadow: inset 20px 20px 20px 20px #000;
}

.text-block-15 {
  opacity: 1;
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  border-radius: 0;
  outline: 1px #fff;
  align-self: center;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.cell-53 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 15px;
}

.quick-stack-18 {
  width: 950px;
  max-width: 950px;
}

.cell-54 {
  background-image: url('../images/Generative-Fill.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-55 {
  background-image: url('../images/IMG_0925.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-56 {
  background-image: url('../images/cam8_PASSDeMain_PASS0294.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-57 {
  background-image: url('../images/TRASH_GIF_2.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-58 {
  background-image: url('../images/Cam2_0067.jpg');
  background-position: 0%;
  background-size: cover;
}

.cell-59 {
  background-image: url('../images/TRASH_GIF_1.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-60 {
  background-image: url('../images/Layer-0.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-61 {
  background-image: url('../images/TRASH_GIF_3.gif');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-19 {
  padding-left: 10px;
  padding-right: 10px;
}

.image-11 {
  max-width: 90%;
}

.link-4 {
  color: #fff;
  background-color: #fff0;
  text-decoration: none;
}

.cell-62 {
  background-image: url('../images/First.gif'), url('../images/2_1.gif');
  background-position: 50%, 50%;
  background-size: cover, cover;
}

.cell-63 {
  background-image: url('../images/2-Merise-test.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-64 {
  background-image: url('../images/Layer-0_1.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.quick-stack-20 {
  grid-column-gap: 20px;
}

.cell-65 {
  background-image: url('../images/Style_Frame0072.jpg');
  background-position: 0%;
  background-repeat: repeat;
  background-size: cover;
}

.cell-66 {
  background-image: url('../images/2plsuimage.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-67 {
  background-image: url('../images/2_1.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-68, .cell-69 {
  background-image: url('../images/3_1.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-70 {
  background-image: url('../images/Layer-1.jpg');
  background-position: 50% 90%;
  background-size: cover;
}

.cell-71 {
  background-image: url('../images/1.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-72 {
  background-image: url('../images/4.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-73 {
  background-image: url('../images/3.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-74 {
  background-image: url('../images/2.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-75 {
  background-image: url('../images/Master_16.9_Curve_Club_1007.jpg');
  background-position: 50% 70%;
  background-size: cover;
}

.cell-76 {
  background-image: url('../images/1_1.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-77 {
  background-image: url('../images/2_edited.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-78 {
  background-image: url('../images/2_2.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-79 {
  background-image: url('../images/1.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-80 {
  background-image: url('../images/2.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-81 {
  background-image: url('../images/gt.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-82 {
  background-image: url('../images/3.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-83 {
  background-image: url('../images/4.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-84 {
  background-image: url('../images/mindpalace-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-85 {
  background-image: url('../images/mindpalace-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-86 {
  background-image: url('../images/mindpalace-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-87 {
  background-image: url('../images/mindpalace-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-88 {
  background-image: url('../images/mindpalace-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-89 {
  background-image: url('../images/mindpalace-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-90 {
  background-image: url('../images/8.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-91 {
  background-image: url('../images/9.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-92 {
  background-image: url('../images/5.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-93 {
  background-image: url('../images/4_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-94 {
  background-image: url('../images/2_1.jpg'), url('../images/Layer-1_1.jpg');
  background-position: 50%, 50%;
  background-size: cover, cover;
}

.cell-95 {
  background-image: url('../images/Layer-1_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-96 {
  background-image: url('../images/3_1.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.preloader {
  z-index: 999;
  background-color: #000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.quick-stack-26 {
  max-width: 950px;
  margin-top: 5vh;
  margin-left: auto;
  margin-right: auto;
}

.heading-6 {
  text-align: left;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 75px;
  line-height: 50px;
}

.cell-97 {
  flex-flow: row;
}

.heading-7 {
  text-align: center;
  align-self: center;
  font-family: DM Serif Display, sans-serif;
  font-size: 75px;
  font-weight: 400;
  line-height: 60px;
}

.quick-stack-27 {
  max-width: 950px;
}

.cell-98, .cell-99, .cell-100 {
  justify-content: center;
  align-items: center;
}

.italic-text {
  color: #fff;
  font-style: normal;
}

.typer {
  font-family: DM Serif Display, sans-serif;
}

.typer.bold-text-2 {
  color: #fff;
}

.grid-12 {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-content: center;
  align-self: center;
  align-items: center;
  margin-top: 30px;
  padding-top: 0;
  padding-left: 75px;
  display: flex;
}

.button-showreel {
  outline-offset: 0px;
  color: #ad4547;
  background-color: #000;
  border: 1px solid #bb3636;
  border-radius: 20px 5px 5px 20px;
  outline: 1px #ad4547;
  justify-content: center;
  align-self: auto;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  display: flex;
}

.button-home {
  outline-offset: 0px;
  background-color: #000;
  border-radius: 5px 20px 20px 5px;
  outline: 1px solid #dadada;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.cell-101 {
  background-image: url('../images/Scene_4_passDeMain_pass0312.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.cell-102 {
  background-image: url('../images/Close_4_2189.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-103 {
  background-image: url('../images/2_3.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-104 {
  background-image: url('../images/1.2.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-105 {
  background-image: url('../images/3_2.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-106 {
  background-image: url('../images/Wide_Sol_passDeMain_pass0180.jpg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-28 {
  max-width: none;
}

.cell-107 {
  background-image: url('../images/Keyboard_0005_0001.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-108 {
  background-image: url('../images/Layer-0_2.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-109 {
  background-image: url('../images/Keyboard_0002_passDeMain_pass0023.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-110 {
  background-image: url('../images/keyboard.gif');
  background-position: 50%;
  background-size: cover;
}

.link-block-17.w--current {
  display: block;
}

.text-span, .text-span-2 {
  font-family: Material Icons, sans-serif;
  font-weight: 400;
}

.terms-of-service {
  color: #585858;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.code-embed {
  color: #fff;
  max-width: 950px;
  font-style: normal;
  text-decoration: none;
}

.privacy-policy, .cookie-policy {
  color: #585858;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-8 {
  margin-top: 15px;
  margin-bottom: -8px;
  padding-bottom: 15px;
}

.text-block-16 {
  aspect-ratio: auto;
  align-self: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: static;
}

.cell-111 {
  background-image: url('../images/Juliette_3.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-112 {
  background-image: url('../images/Juliette_1.jpg');
  background-position: 0%;
  background-size: cover;
}

.cell-113 {
  background-image: url('../images/Juliette_4.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-114 {
  background-image: url('../images/Juliette_7.gif');
  background-position: 50%;
  background-size: cover;
}

.cell-115 {
  background-image: url('../images/Juliette_6.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-116 {
  background-image: url('../images/Juliette_5.gif');
  background-position: 50%;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .logo {
    display: block;
    height: 28px;
  }

  .image {
    display: block;
    position: static;
    inset: 0% 0% auto;
  }

  .image.logo {
    display: none;
  }

  .image.logo-2 {
    display: none;
  }

  .container {
    max-width: 728px;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .cell-3 {
    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;
    display: grid;
  }

  .cell-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .quick-stack-3 {
    margin-right: 2px;
  }

  .button-5 {
    font-weight: 500;
  }

  .bold-text-2 {
    text-align: left;
    height: auto;
    font-size: 50px;
    position: relative;
  }

  .text-index {
    flex-flow: column;
    margin-top: 20px;
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .grid-6 {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .text-block-8 {
    display: none;
  }

  .div-block-4 {
    margin-left: 17px;
    margin-right: 17px;
  }

  .solaris-22, .cell-23, .cell-24, .cell-25, .cell-26, .cell-ga {
    background-position: 50%;
  }

  .grid-8 {
    margin-top: 0;
  }

  .cell-27, .cell-28, .cell-29, .cell-30 {
    background-position: 50%;
  }

  .loader_home {
    background-size: 80vw;
  }

  .texto-home {
    display: block;
    position: static;
  }

  .preto-loader {
    background-size: 25%;
  }

  .info-page {
    width: 100%;
  }

  .showreel-page {
    -webkit-backdrop-filter: brightness(61%) blur(20px);
    backdrop-filter: brightness(61%) blur(20px);
  }

  .container-2 {
    object-fit: fill;
    width: 100%;
    padding-left: 17px;
    padding-right: 17px;
  }

  .quick-stack-18 {
    width: 100vw;
  }

  .quick-stack-19 {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-11 {
    margin-top: 70px;
  }

  .preloader {
    background-image: url('../images/802.gif');
    background-position: 50% 75%;
    background-size: 32px;
  }

  .quick-stack-26 {
    background-color: #000;
  }

  .heading-7 {
    font-size: 50px;
    line-height: 50px;
  }

  .grid-12 {
    padding-left: 0;
  }

  .button-home {
    outline-offset: 0px;
    border: 1px solid #fff;
    outline: 1px #dadada;
  }

  .quick-stack-28 {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .link-block-17.w--current {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .bar {
    background-color: #000;
    height: 52px;
  }

  .div-block.nav-menu {
    padding: 0 20px;
  }

  .image {
    float: none;
    clear: none;
    text-align: center;
    display: block;
    position: relative;
  }

  .image.logo-2 {
    display: none;
  }

  .gallery-overview {
    padding: 60px 15px;
  }

  .quick-stack-3, .quick-stack-4, .quick-stack-5, .quick-stack-6, .quick-stack-7,
  .quick-stack-8, .quick-stack-9 {
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 17px;
    grid-template-columns: 1fr !important;
    grid-template-rows: 55vw !important;
    grid-auto-rows: 55vw !important;
  }

  .quick-stack-3 > .w-layout-cell,
  .quick-stack-4 > .w-layout-cell,
  .quick-stack-5 > .w-layout-cell,
  .quick-stack-6 > .w-layout-cell,
  .quick-stack-7 > .w-layout-cell,
  .quick-stack-8 > .w-layout-cell,
  .quick-stack-9 > .w-layout-cell {
    grid-column: 1 / -1 !important;
    height: 55vw !important;
    overflow: hidden;
  }

  .link-block-8 {
    width: 100% !important;
    height: 55vw !important;
    display: block !important;
  }

  .div-block-3.texto_tumb {
    width: 100% !important;
    height: 55vw !important;
  }

  .button-5 {
    outline-offset: 0px;
    border-style: solid;
    outline: 3px #dadada;
  }

  .div-block-3.texto_tumb {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    place-content: stretch space-between;
    place-items: center;
    height: 55vw;
  }

  .bold-text-2 {
    font-size: 40px;
    line-height: 45px;
  }

  .text-index {
    flex-flow: column;
    margin-top: 35px;
  }

  .link-block-16 {
    display: flex !important;
  }

  .link-block-17 {
    display: none !important;
  }

  .logo {
    height: 24px;
    margin: 0;
    position: relative;
    top: -2px;
  }

  .titulo-projetos {
    text-align: center;
  }

  .signature {
    text-align: center;
  }

  .projetos-texto {
    margin-top: 0;
  }

  .grid-6 {
    margin-right: auto;
    padding-right: 0;
  }

  .text-block-8 {
    display: none;
  }

  .div-block-4 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .solaris-22 {
    background-position: 50%;
  }

  .cell-23 {
    background-position: 50%;
    background-size: cover;
  }

  .cell-25, .cell-26 {
    display: none;
  }

  .link-block-8 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    object-fit: fill;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch space-between;
    align-self: stretch;
    align-items: stretch;
    display: block;
  }

  .grid-9 {
    margin-top: 12px;
  }

  .cell-27, .cell-28, .cell-29, .cell-30 {
    background-position: 50%;
  }

  .loader_home {
    background-size: 80vw;
  }

  .texto-home {
    padding-left: 0;
  }

  .preto-loader {
    background-size: auto;
  }

  .bold-text-4 {
    font-family: Droid Sans, sans-serif;
  }

  .quick-stack-11,
  .quick-stack-12,
  .quick-stack-13,
  .quick-stack-15 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px;
    grid-template-columns: 1fr !important;
    grid-template-rows: 55vw !important;
    grid-auto-rows: 55vw !important;
  }

  .quick-stack-11 > .w-layout-cell,
  .quick-stack-12 > .w-layout-cell,
  .quick-stack-13 > .w-layout-cell,
  .quick-stack-15 > .w-layout-cell {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    height: 55vw !important;
    overflow: hidden;
  }

  .info-page {
    opacity: 1;
    mix-blend-mode: normal;
    width: 100%;
  }

  .quick-stack-16 {
    margin-top: 5vh;
  }

  .text-block-12 {
    flex: 0 auto;
    display: block;
  }

  .heading-5 {
    flex: 1;
    font-size: 80px;
    top: 0;
  }

  .image-10 {
    margin-bottom: 10px;
  }

  .container-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .video-5 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .button-2 {
    justify-content: center;
    align-items: center;
    display: block;
    position: static;
  }

  .quick-stack-18 {
    width: 100vw;
  }

  .quick-stack-19 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px;
    grid-template-columns: 1fr !important;
    grid-template-rows: 55vw !important;
    grid-auto-rows: 55vw !important;
  }

  .quick-stack-19 > .w-layout-cell {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    height: 55vw !important;
    overflow: hidden;
  }

  .image-11 {
    margin-top: 40px;
  }

  .quick-stack-20, .quick-stack-21, .quick-stack-22, .quick-stack-24, .quick-stack-25 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
    grid-template-columns: 1fr !important;
    grid-template-rows: 55vw !important;
    grid-auto-rows: 55vw !important;
  }

  .quick-stack-20 > .w-layout-cell,
  .quick-stack-21 > .w-layout-cell,
  .quick-stack-22 > .w-layout-cell,
  .quick-stack-24 > .w-layout-cell,
  .quick-stack-25 > .w-layout-cell {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    height: 55vw !important;
    overflow: hidden;
  }

  .quick-stack-23 {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    padding-left: 10px;
    padding-right: 10px;
    grid-template-columns: 1fr !important;
    grid-template-rows: 55vw !important;
    grid-auto-rows: 55vw !important;
  }

  .quick-stack-23 > .w-layout-cell {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    height: 55vw !important;
    overflow: hidden;
  }

  .preloader {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .heading-7 {
    text-align: left;
    margin-top: 0;
    font-size: 35px;
    line-height: 30px;
  }

  .cursor.bold-text-2 {
    display: none;
  }

  .grid-12 {
    flex-flow: column;
    margin-top: 5px;
    padding-left: 0;
  }

  .button-showreel {
    outline-offset: 0px;
    border-style: none;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    outline: 1px #bb3636;
  }

  .button-home {
    outline-offset: 0px;
    border: 1px solid #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    outline: 1px #dadada;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .quick-stack-28 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
    grid-template-columns: 1fr !important;
    grid-template-rows: 55vw !important;
    grid-auto-rows: 55vw !important;
  }

  .quick-stack-28 > .w-layout-cell {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    height: 55vw !important;
    overflow: hidden;
  }

  .link-block-17 {
    display: none;
  }

  .text-block-16 {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 0%;
    margin-bottom: 0%;
    display: block;
  }
}

#w-node-_8b90cb55-0e4a-783e-e6bb-4e1769a4aa33-9ec571bc {
  place-self: center;
}

#w-node-e7255192-18f5-35b2-6631-7f783c97b4a6-9ec571bc {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ccbc20f9-3d12-e357-5052-237d964a5dfd-9ec571bc {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_847c9164-2243-d3c3-6470-23898af4345f-9ec571bc, #w-node-_189f085e-9c87-7e46-186a-67e47880c316-9ec571bc, #w-node-a4a43d15-c489-0256-4b08-f944a59e6d13-9ec571bc, #w-node-_0c5df86a-fe90-df8e-5f56-a06fc286b043-9ec571bc, #w-node-ee0ddae9-f98a-41c9-1b1e-c146e0af6a13-9ec571bc {
  grid-column: span 2 / span 2;
}

#w-node-f1bfbff7-4aeb-f384-a1d5-260d590ee90b-9ec571bc {
  grid-template-rows: 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-d86fa049-0726-c896-a085-ea813a072cd9-9ec571bc {
  grid-column: span 2 / span 2;
}

#w-node-_3ec5cbc3-f09a-7508-98f1-dd91c60163e2-9ec571bc {
  grid-area: Area-3;
}

#w-node-e512841e-4c8b-9df0-4e55-98930e594c33-9ec571bc {
  place-self: center;
}

#w-node-c09f8651-09d7-2a32-20cd-9c764ab317b4-9ec571bc {
  grid-area: Area-2;
  align-self: center;
}

#w-node-_88e13d00-39e7-e93e-dfef-1dbe7fbe7e22-9ec571bc {
  grid-template-rows: 400px;
  grid-template-columns: 1fr .5fr 1fr;
}

#w-node-b9c42956-c12b-82da-f511-9a50a1983b73-9ec571bc {
  place-self: center start;
}

#w-node-_4f492af6-a71f-f5c7-7d4d-241ff4aacbb5-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_86779795-8712-06a7-1343-be6493a3b6eb-9ec571bc {
  grid-column: span 2 / span 2;
}

#w-node-ffb4d098-472b-c29b-4128-ff169c310e53-9ec571bc {
  place-self: center start;
}

#w-node-ffb4d098-472b-c29b-4128-ff169c310e55-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-b7b5abe8-6272-818e-2681-de3ce9f92feb-9ec571bc {
  grid-template-rows: 400px;
  grid-template-columns: 1fr 1fr;
}

#w-node-_1f39de08-35bf-c634-4be4-6f28f0063a45-9ec571bc {
  place-self: center start;
}

#w-node-_1f39de08-35bf-c634-4be4-6f28f0063a47-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-ec9c4149-40dd-5c23-e9cd-bb8062002d79-9ec571bc {
  place-self: center start;
}

#w-node-ec9c4149-40dd-5c23-e9cd-bb8062002d7b-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-a565a8a9-f279-dcac-f5e0-c8a197821788-9ec571bc {
  grid-template-rows: 400px;
  grid-template-columns: 1fr .5fr 1fr;
}

#w-node-e48e8a61-fef6-5707-9567-8e0df6511382-9ec571bc {
  grid-column: span 2 / span 2;
}

#w-node-_0e15b892-fd24-43c9-b5d1-de05444fa2c9-9ec571bc {
  place-self: center start;
}

#w-node-_0e15b892-fd24-43c9-b5d1-de05444fa2cb-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_8f2a746f-1216-47b8-3225-fdaca0b9609b-9ec571bc {
  place-self: center start;
}

#w-node-_8f2a746f-1216-47b8-3225-fdaca0b9609d-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_2207ec0e-64fb-c398-914e-d3943513c219-9ec571bc {
  grid-template-rows: 400px;
  grid-template-columns: 1fr 1fr;
}

#w-node-_2fee982b-32b6-8b6e-0b8d-19254251b4ca-9ec571bc {
  place-self: center start;
}

#w-node-_2fee982b-32b6-8b6e-0b8d-19254251b4cc-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-da561282-d422-6bbe-4232-2325b581af1e-9ec571bc {
  place-self: center start;
}

#w-node-da561282-d422-6bbe-4232-2325b581af20-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-ce063e40-9802-bb8f-e275-d499f9c77149-9ec571bc {
  grid-template-rows: 400px;
  grid-template-columns: 1fr .5fr 1fr;
}

#w-node-b2606fd0-b7d0-c1ba-bdc4-13ae2bd71855-9ec571bc {
  place-self: center start;
}

#w-node-b2606fd0-b7d0-c1ba-bdc4-13ae2bd71857-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-cbf891dc-5b58-bfa6-67ea-c05c559f1e20-9ec571bc {
  grid-column: span 2 / span 2;
}

#w-node-_6e23f3c4-d63c-4a94-e897-eed99232ecda-9ec571bc {
  place-self: center start;
}

#w-node-_6e23f3c4-d63c-4a94-e897-eed99232ecdc-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-ad320b3e-c26d-5aae-70a2-b1ac3d96dffd-9ec571bc {
  grid-template-rows: 400px;
  grid-template-columns: 1fr 1fr;
}

#w-node-d9e7cd05-afc2-fa41-7773-cee5e1a44959-9ec571bc {
  place-self: center start;
}

#w-node-d9e7cd05-afc2-fa41-7773-cee5e1a4495b-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_37896e82-6f77-4a76-4e72-191ffaf04496-9ec571bc {
  place-self: center start;
}

#w-node-_37896e82-6f77-4a76-4e72-191ffaf04498-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_5b20a1c0-5ffa-d0dc-0e07-bfe7a548c0e0-9ec571bc {
  grid-template-rows: 400px;
  grid-template-columns: 1fr .5fr 1fr;
}

#w-node-_5b20a1c0-5ffa-d0dc-0e07-bfe7a548c0e1-9ec571bc {
  grid-column: span 2 / span 2;
}

#w-node-bea2a5ca-092d-2a5b-3826-8e7e623059bb-9ec571bc {
  place-self: center start;
}

#w-node-bea2a5ca-092d-2a5b-3826-8e7e623059bd-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_8ebae8af-005e-2a80-2c53-46a8e81f12ae-9ec571bc {
  place-self: center start;
}

#w-node-_8ebae8af-005e-2a80-2c53-46a8e81f12b0-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_6cea7aa1-4fe3-f2a8-250d-a2ed2e751a38-9ec571bc, #w-node-_877b3cad-415a-9aca-d0c0-08d30ad06a20-9ec571bc {
  place-self: center;
}

#w-node-_6db4e5e1-3014-5f41-850d-5e0aee704435-9ec571bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-d4065a48-ae02-fba4-5de6-262a424f3775-9ec571bc {
  place-self: center;
}

#w-node-bde8cc94-e20a-bf42-5293-12a2bbea7187-3f0d80e3 {
  grid-area: Area-2;
  place-self: center;
}

#w-node-_2b200c31-36b0-d503-f150-024aebd04f75-3f0d80e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_0c612119-4731-f2fb-83d4-08200be6aa0c-3f0d80e3 {
  grid-area: Area-3;
  place-self: center start;
}

#w-node-_0508d8e8-f3ba-2b77-d3e0-c8f8ac429e16-3f0d80e3 {
  grid-area: Area;
  place-self: center;
}

#w-node-_715d775d-efe6-a04c-8a64-5ecb30a67cd1-3f0d80e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-a248ff4b-ad3d-5291-3d9a-7936b98d5b32-3f0d80e3 {
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_0d690728-580a-750c-411e-6f5eb2fdb7d9-3f0d80e3, #w-node-d2b9270c-9c5d-6c6c-e4df-33431e51a66d-3f0d80e3, #w-node-_2cf761d2-f780-cb4c-bb34-35b185a6294f-3f0d80e3 {
  grid-column: span 2 / span 2;
}

#w-node-_799cd1b7-52cc-588e-0c3b-d297bd1d09ef-3f0d80e3, #w-node-_799cd1b7-52cc-588e-0c3b-d297bd1d09f6-3f0d80e3 {
  place-self: center;
}

#w-node-_799cd1b7-52cc-588e-0c3b-d297bd1d09f8-3f0d80e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-bde8cc94-e20a-bf42-5293-12a2bbea7187-b9620b96 {
  grid-area: Area-2;
  place-self: center;
}

#w-node-cb1b329a-589e-3827-6e7b-58a0be4a92e8-b9620b96 {
  grid-area: Area-3;
  place-self: center start;
}

#w-node-_0508d8e8-f3ba-2b77-d3e0-c8f8ac429e16-b9620b96 {
  grid-area: Area;
  place-self: center;
}

#w-node-_53090f67-8a3e-9c89-c958-dbc94224fd6e-b9620b96 {
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-b38b3d13-fa8a-af51-53ac-3f18e7fa218d-b9620b96, #w-node-ebf5bd2c-b537-1bfd-f02a-07e616044ed8-b9620b96, #w-node-_27384bc4-de69-84e9-c06d-37430e21f7ab-b9620b96 {
  grid-column: span 2 / span 2;
}

#w-node-_799cd1b7-52cc-588e-0c3b-d297bd1d09ef-b9620b96, #w-node-_799cd1b7-52cc-588e-0c3b-d297bd1d09f6-b9620b96 {
  place-self: center;
}

#w-node-a6f219fa-2a2d-4834-558e-769c271d7cf3-b9620b96 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-bde8cc94-e20a-bf42-5293-12a2bbea7187-54c6135e {
  grid-area: Area-2;
  place-self: center;
}

#w-node-cb1b329a-589e-3827-6e7b-58a0be4a92e8-54c6135e {
  grid-area: Area-3;
  place-self: center start;
}

#w-node-_0508d8e8-f3ba-2b77-d3e0-c8f8ac429e16-54c6135e {
  grid-area: Area;
  place-self: center;
}

#w-node-_7d4e0cd1-a3b4-7ad1-5b3a-568e92a8f494-54c6135e {
  grid-template-rows: 300px 400px;
  grid-template-columns: 1fr 1fr;
}

#w-node-d7477f72-66b8-124e-2add-e61580df2859-54c6135e {
  grid-column: span 2 / span 2;
}

#w-node-_799cd1b7-52cc-588e-0c3b-d297bd1d09ef-54c6135e, #w-node-_799cd1b7-52cc-588e-0c3b-d297bd1d09f6-54c6135e {
  place-self: center;
}

#w-node-a6f219fa-2a2d-4834-558e-769c271d7cf3-54c6135e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-bde8cc94-e20a-bf42-5293-12a2bbea7187-cce120b1 {
  grid-area: Area-2;
  place-self: center;
}

#w-node-cb1b329a-589e-3827-6e7b-58a0be4a92e8-cce120b1 {
  grid-area: Area-3;
  place-self: center start;
}

#w-node-_0508d8e8-f3ba-2b77-d3e0-c8f8ac429e16-cce120b1 {
  grid-area: Area;
  place-self: center;
}

#w-node-_53090f67-8a3e-9c89-c958-dbc94224fd6e-cce120b1 {
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-b38b3d13-fa8a-af51-53ac-3f18e7fa218d-cce120b1, #w-node-ebf5bd2c-b537-1bfd-f02a-07e616044ed8-cce120b1, #w-node-_27384bc4-de69-84e9-c06d-37430e21f7ab-cce120b1 {
  grid-column: span 2 / span 2;
}

#w-node-ecc0a3d7-1a40-36d4-a579-7c27fc07a5f7-29462bbc {
  grid-template-rows: 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-b8c94943-0942-a809-7a2f-c54d12bb5f6b-29462bbc {
  grid-column: span 2 / span 2;
}

#w-node-_52b3bf76-ccb4-6aa4-00dd-1bde75f5ddcd-29462bbc {
  grid-column: 1 / -1;
}

#w-node-ecc0a3d7-1a40-36d4-a579-7c27fc07a5f7-aa2f59ac {
  grid-template-rows: 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-b8c94943-0942-a809-7a2f-c54d12bb5f6b-aa2f59ac {
  grid-column: span 2 / span 2;
}

#w-node-_8775e33a-20ec-f232-1b1d-3bd30c651d42-63d72561 {
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_8775e33a-20ec-f232-1b1d-3bd30c651d43-63d72561, #w-node-_3105a83b-07c3-b8a1-fea5-f42df4b80e45-63d72561, #w-node-c79318e2-acb2-3923-12e9-c2f04398bf08-63d72561 {
  grid-column: span 2 / span 2;
}

#w-node-_799cd1b7-52cc-588e-0c3b-d297bd1d09ef-63d72561, #w-node-_799cd1b7-52cc-588e-0c3b-d297bd1d09f6-63d72561 {
  place-self: center;
}

#w-node-a6f219fa-2a2d-4834-558e-769c271d7cf3-63d72561 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-bde8cc94-e20a-bf42-5293-12a2bbea7187-8afffda9 {
  grid-area: Area-2;
  place-self: center;
}

#w-node-cb1b329a-589e-3827-6e7b-58a0be4a92e8-8afffda9 {
  grid-area: Area-3;
  place-self: center start;
}

#w-node-_0508d8e8-f3ba-2b77-d3e0-c8f8ac429e16-8afffda9 {
  grid-area: Area;
  place-self: center;
}

#w-node-_7d4e0cd1-a3b4-7ad1-5b3a-568e92a8f494-8afffda9 {
  grid-template-rows: 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_7d4e0cd1-a3b4-7ad1-5b3a-568e92a8f495-8afffda9 {
  grid-column: span 2 / span 2;
}

#w-node-d7477f72-66b8-124e-2add-e61580df2859-8afffda9 {
  grid-column: 1 / -1;
}

#w-node-ce0b47fc-dcf6-9de8-16f3-23b3d8732c3c-e5eb3460 {
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_365edbe6-8b5a-0afb-eeb9-5027d9fdb125-e5eb3460, #w-node-cb6dd4f7-8240-417e-b2ad-1838b87fb2a1-e5eb3460 {
  grid-column: span 2 / span 2;
}

#w-node-cd5699e6-bef4-1dbe-5639-650fd6e22b23-e5eb3460 {
  grid-column: 1 / -1;
}

#w-node-_77254ac9-1b9f-2c87-5a56-70a75a9615cb-30a7d207 {
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_77254ac9-1b9f-2c87-5a56-70a75a9615cc-30a7d207, #w-node-_4fb3f5fa-c499-2730-7af4-164a81d03eea-30a7d207, #w-node-_1eaa1f70-7afe-76e7-e004-5ed168911b7b-30a7d207 {
  grid-column: span 2 / span 2;
}

#w-node-c0e8265e-b0e8-f790-c797-232846c3a9d7-ca12acad {
  grid-template-rows: 300px 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_3a08852c-41c4-e889-d568-d420bbcc0024-ca12acad, #w-node-_84543ba2-3de5-287a-1a5f-9901b093f424-ca12acad, #w-node-e92d9bb5-e098-294d-d04a-15fea4a2f67c-ca12acad {
  grid-column: span 2 / span 2;
}

#w-node-b3fcee65-870e-2590-f007-5c372fdb262f-ca12acad {
  grid-column: 1 / -1;
}

#w-node-_77254ac9-1b9f-2c87-5a56-70a75a9615cb-31f4804a {
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_77254ac9-1b9f-2c87-5a56-70a75a9615cc-31f4804a, #w-node-_4fb3f5fa-c499-2730-7af4-164a81d03eea-31f4804a, #w-node-_1eaa1f70-7afe-76e7-e004-5ed168911b7b-31f4804a {
  grid-column: span 2 / span 2;
}

#w-node-de78a7cd-73f0-3fcd-8238-74c846d2bc25-10255eda {
  grid-template-rows: 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_0fc79208-f1f6-b47e-2aa2-30ab6bfd699c-10255eda, #w-node-b0ecd045-2f68-13f8-1fd7-bda3e3eb5472-10255eda {
  grid-column: span 2 / span 2;
}

#w-node-_53090f67-8a3e-9c89-c958-dbc94224fd6e-45edaa55 {
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-b38b3d13-fa8a-af51-53ac-3f18e7fa218d-45edaa55, #w-node-ebf5bd2c-b537-1bfd-f02a-07e616044ed8-45edaa55, #w-node-_27384bc4-de69-84e9-c06d-37430e21f7ab-45edaa55 {
  grid-column: span 2 / span 2;
}

#w-node-_74d20d85-4a82-6de1-c91c-3b583fc4730a-bc5b7968 {
  grid-template-rows: 300px 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_73e4cc8b-3584-e655-c0f5-01035c01c73d-bc5b7968, #w-node-c7303887-48c6-66b4-e3a8-770b8764db3a-bc5b7968, #w-node-_889021b8-9b48-3a3b-e068-df504656391c-bc5b7968 {
  grid-column: span 2 / span 2;
}

#w-node-a32de263-44b2-0efb-9129-17b163f87004-bc5b7968 {
  grid-column: 1 / -1;
}

#w-node-ef4e57b7-3fe1-45ab-5b3a-93e137e08e92-54c6135e {
  grid-template-rows: 300px 300px 300px;
  grid-template-columns: 1fr .25fr 1fr;
}

#w-node-_671a649e-29b8-6683-d8ae-137538a91969-54c6135e, #w-node-bb5e1d9f-aa1d-b331-79d1-c23e4583da9e-54c6135e, #w-node-_5adfccce-2744-fd75-130d-2dedff6298e8-54c6135e {
  grid-column: span 2 / span 2;
}



/* -- Footer logo sub-text -- */
.footer-logo-sub {
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #555;
  text-align: center;
  line-height: 1.9;
}
.footer-email {
  color: #777;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: lowercase;
}
.footer-email:hover { color: #fff; }

/* -- Footer button slide animation -- */
.button-5 {
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 18px !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: border-color 0.5s ease !important;
  cursor: pointer;
}
.button-5::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #fff;
  transform: translateX(-101%);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.18, 1);
  z-index: 0;
}
.button-5 span {
  position: relative;
  z-index: 1;
  transition: color 0.5s ease;
  color: #fff;
}
.button-5:hover::before { transform: translateX(0); }
.button-5:hover span { color: #000; }
.button-5:hover { border-color: #fff !important; }

/* ─── Portfolio filter bar ─── */
#portfolio-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 14px;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px 32px;
}

.filter-btn {
  color: rgba(255, 255, 255, .28);
  letter-spacing: .13em;
  text-transform: uppercase;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 300;
  -webkit-transition: color .25s;
  transition: color .25s;
  -webkit-font-smoothing: antialiased;
}

.filter-btn:hover {
  color: rgba(255, 255, 255, .65);
}

.filter-btn.active {
  color: #fff;
}

.filter-sep {
  color: rgba(255, 255, 255, .14);
  font-family: Roboto, sans-serif;
  font-size: 11px;
  font-weight: 300;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cell-filter-hide {
  display: none !important;
}

/* ─── When one cell in a row is hidden, collapse to 1 col and span the remaining cell ─── */
.wf-layout-layout:has(.w-layout-cell.cell-filter-hide) {
  grid-template-columns: 1fr !important;
}

.wf-layout-layout:has(.w-layout-cell.cell-filter-hide) > .w-layout-cell:not(.cell-filter-hide) {
  grid-column: 1 / -1 !important;
}

/* ─── Cell hover: fill link, darken overlay, text drop ─── */
.w-layout-cell[data-category] .link-block-8 {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  height: 100%;
}

.w-layout-cell[data-category] .link-block-8::before {
  content: '';
  position: absolute;
  inset: 0;
  background: transparent;
  -webkit-transition: background 0.35s ease;
  transition: background 0.35s ease;
  pointer-events: none;
  z-index: 0;
}

.w-layout-cell[data-category] .link-block-8:hover::before {
  background: rgba(0, 0, 0, 0.28);
}

.w-layout-cell[data-category] .div-block-3.texto_tumb {
  position: relative;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
}

.w-layout-cell[data-category] .link-block-8:hover .div-block-3.texto_tumb {
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}

@media screen and (max-width: 767px) {
  #portfolio-filters {
    padding: 0 17px 24px;
    gap: 12px;
  }
}

/* ─── Page transition overlay ─── */
.page-transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 99999;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.page-transition.fade-out {
  opacity: 0;
}

/* ─── Orphan pairing rows (filter mode) ─── */
.portfolio-orphan-row {
  display: grid;
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-rows: 400px;
  grid-template-columns: 1fr 1fr;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 40px 0;
  overflow: hidden;
}

.portfolio-orphan-row .w-layout-cell {
  grid-column: span 1 !important;
  overflow: hidden;
}

/* Text positioning for non-Webflow cells & orphan clones (IDs stripped) */
.cell-ga .text-block-2.titulo_tumb,
.cell-bef .text-block-2.titulo_tumb,
.portfolio-orphan-row .text-block-2.titulo_tumb {
  place-self: center start;
}
.cell-ga .text-block-3,
.cell-bef .text-block-3,
.portfolio-orphan-row .text-block-3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

/* Keyframe + classes for non-Webflow cells (cell-ga, cell-bef) */
@keyframes ondre-cell-in {
  from { opacity: 0; transform: scale3d(0.95, 0.95, 1); }
  to   { opacity: 1; transform: scale3d(1, 1, 1); }
}

.ondre-init {
  opacity: 0;
  transform: scale3d(0.95, 0.95, 1);
  transition: opacity 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53),
              transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ondre-visible {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* Hover for cells not handled by IX2 (replicate action "a": scale 0.97 + opacity 0.5, 500ms) */
.w-layout-cell.ondre-visible,
.portfolio-orphan-row .w-layout-cell {
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1),
                      opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1),
              opacity 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.w-layout-cell.ondre-visible:hover,
.portfolio-orphan-row .w-layout-cell:hover {
  -webkit-transform: scale3d(0.97, 0.97, 1);
          transform: scale3d(0.97, 0.97, 1);
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .portfolio-orphan-row {
    padding-left: 17px;
    padding-right: 17px;
    grid-template-columns: 1fr !important;
    grid-template-rows: 55vw !important;
  }
  .portfolio-orphan-row .w-layout-cell {
    height: 55vw !important;
  }
}

/* --- Babà e Fumo --- */
.cell-bef {
  background-image: url('../images/capuani_4.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-bef-1 {
  background-image: url('../images/capuani_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-bef-2 {
  background-image: url('../images/capuani_2.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-bef-3 {
  background-image: url('../images/capuani_3.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-bef-4 {
  background-image: url('../images/capuani_4.jpg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-bef {
  display: grid;
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-rows: 400px 400px;
  grid-template-columns: 1fr 1fr;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
  overflow: hidden;
}

/* --- Rosa --- */
.cell-rosa {
  background-image: url('../images/rosa_capa.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-rosa-1 {
  background-image: url('../images/rosa (1).jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-rosa-2 {
  background-image: url('../images/rosa (2).jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-rosa-3 {
  background-image: url('../images/rosa (3).jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-rosa-4 {
  background-image: url('../images/rosa (4).jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-rosa-5 {
  background-image: url('../images/rosa (5).jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-rosa-6 {
  background-image: url('../images/rosa (6).jpg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-rosa {
  display: grid;
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-rows: 400px 400px 400px;
  grid-template-columns: 1fr 1fr;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .quick-stack-bef {
    padding-left: 17px;
    padding-right: 17px;
    grid-template-columns: 1fr;
    grid-template-rows: 55vw 55vw 55vw 55vw;
  }
}