@font-face {
  font-family: Neuemontreal;
  src: url('../fonts/NeueMontreal-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #111;
  --light-beige: #faf8f3;
  --border-light: #faf8f380;
  --gray: #8d8b84;
}

body {
  background-color: var(--black);
  color: var(--light-beige);
  font-family: Neuemontreal, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 140%;
}

h1 {
  color: var(--light-beige);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuemontreal, Arial, sans-serif;
  font-size: 6.75rem;
  font-weight: 500;
  line-height: 100%;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.375rem;
  font-weight: 500;
  line-height: 100%;
}

h3 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 110%;
}

h4 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 110%;
}

h5 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 110%;
}

h6 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8.75rem;
  font-weight: 500;
  line-height: 100%;
}

p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4;
}

a {
  color: var(--light-beige);
  font-size: 1rem;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2rem;
  font-size: 1rem;
  line-height: 1.4;
}

.css-embed {
  display: none;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.sg-hero__wrapper {
  padding-top: 6.25rem;
}

.col {
  flex: 1;
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.col.col-lg-1 {
  flex: 8.333%;
  max-width: 8.333%;
}

.col.col-lg-4 {
  flex: 33.3333%;
  max-width: 33.3333%;
}

.col.ml-2-col {
  margin-left: 16.666%;
}

.col.col-lg-9 {
  flex: 75%;
  max-width: 75%;
}

.col.col-lg-2 {
  flex: 16.6667%;
  max-width: 16.6667%;
}

.col.mr-1-col {
  margin-right: 8.333%;
}

.col.mr-2-col {
  margin-right: 16.666%;
}

.col.col-lg-3 {
  flex: 25%;
  max-width: 25%;
}

.col.col-lg-7 {
  flex: 58.3333%;
  max-width: 58.3333%;
}

.col.col-lg-8 {
  flex: 66.6667%;
  max-width: 66.6667%;
}

.col.col-lg-6 {
  flex: 50%;
  max-width: 50%;
}

.col.col-lg-10 {
  flex: 83.3333%;
  max-width: 83.3333%;
}

.col.col-lg-11 {
  flex: 91.6667%;
  max-width: 91.6667%;
}

.col.col-lg-5 {
  flex: 41.6667%;
  max-width: 41.6667%;
}

.col.ml-1-col {
  margin-left: 8.333%;
}

.col.col-lg-12 {
  flex: 100%;
  max-width: 100%;
}

.row {
  flex-wrap: wrap;
  align-content: stretch;
  margin-left: -.9375rem;
  margin-right: -.9375rem;
  display: flex;
}

.row.justify-end {
  justify-content: flex-end;
}

.row.justify-between {
  justify-content: space-between;
}

.row.align-stretch {
  align-items: stretch;
}

.row.align-start {
  align-items: flex-start;
  line-height: 1;
}

.row.align-center {
  align-items: center;
}

.row.justify-around {
  justify-content: space-around;
}

.row.justify-center {
  justify-content: center;
}

.row.align-end {
  align-items: flex-end;
}

.row.row--outline {
  border: 1px solid #ffdaa74d;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.sg-hero__title, .sg-hero__text {
  text-align: center;
}

.sg-hero__video {
  width: 100%;
  margin-top: 1.25rem;
}

.sg__wrapper {
  padding-top: 6.25rem;
}

.sg-card__wrapper {
  background-color: #ffdaa70d;
  border-radius: .3125rem;
  padding: 1rem .625rem;
}

.sg-item__title-wrapper {
  border-bottom: 1px solid #ffdaa74d;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.sg-item__title-wrapper.sg-item__title-wrapper--full-with {
  justify-content: space-between;
}

.sg-item__title {
  margin-right: 5rem;
}

.sg-item__title.sg-item__title--right {
  margin-right: 0;
}

.sg-item__wrapper {
  padding-top: 4.5rem;
}

.sg-item__wrapper.sg-item__wrapper--last {
  padding-bottom: 3.5rem;
}

.sg-item__wrapper.sg-item__wrapper--no-padding {
  padding-top: 1.25rem;
}

.sg-item__text-wrapper {
  width: 50%;
}

.sg-item__color {
  border-radius: .3125rem;
  width: 100%;
  height: 8rem;
}

.sg-item__color.sg-item__color--two {
  background-color: var(--black);
}

.sg-item__color.sg-item__color--one {
  background-color: var(--light-beige);
}

.sg-item__color.sg-item__color--three {
  background-color: #000;
}

.sg-item__color.sg-item__color--four {
  background-color: #f7e7d1;
}

.sg-item__color-title {
  text-transform: uppercase;
  margin-top: 2.5rem;
  font-weight: 700;
}

.sg-item__color-text {
  font-size: .75rem;
}

.sg__title-wrapper {
  border-bottom: 1px solid #ffdaa74d;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.button__wrapper {
  background-color: #000;
  border-radius: .3125rem;
  padding: .2rem .6rem;
}

.button__text {
  font-size: 1rem;
  line-height: 100%;
}

.cookie__wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--black);
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  padding: .6rem 1rem;
  display: flex;
}

.cookie__text {
  margin-right: 2rem;
  font-size: .875rem;
}

.cookie__link {
  font-size: .875rem;
}

.cookie__link.cookie__link--accept {
  margin-right: 1rem;
}

.cookie__content {
  align-items: center;
  display: flex;
}

.form__field {
  background-color: #0000;
  border: 1px solid #ffdaa74d;
  border-radius: .3125rem;
  margin-bottom: .625rem;
  padding: .5rem .625rem;
  font-size: .875rem;
  line-height: 1rem;
}

.form__field:focus {
  border-color: var(--light-beige);
}

.form__field::placeholder {
  color: #ffdaa799;
}

.form__field.form__field--textarea {
  font-size: .875rem;
  line-height: 1.4;
}

.form__button {
  color: var(--light-beige);
  background-color: #000;
  border-radius: .3125rem;
  width: 100%;
}

.form__sucess-wrapper {
  border: 1px solid var(--light-beige);
  background-color: #0000;
  border-radius: 5px;
  padding: .625rem;
  font-weight: 500;
}

.form__error-wrapper {
  background-color: #0000;
  border: 1px solid red;
  border-radius: 5px;
  margin-top: 2rem;
  padding: .625rem;
}

.form__error-message {
  color: red;
  font-size: .75rem;
  line-height: 1.4;
}

.sg__placeholder {
  background-color: #ffdaa70d;
  border-radius: .15625rem;
  justify-content: center;
  align-items: center;
  margin-bottom: .625rem;
  padding: 1rem;
  font-size: .875rem;
  display: flex;
}

.sg__placeholder.home {
  background-color: #ff9400;
}

.placeholder__wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100dvh;
  display: flex;
}

.placeholder__title {
  text-align: center;
}

.heading {
  font-size: 5.375rem;
  line-height: 100%;
}

.paragraph {
  font-weight: 500;
  line-height: 140%;
}

.site-wrapper {
  overflow: hidden;
}

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

.div-block {
  overflow: hidden;
}

.home-hero__wrapper {
  padding: 20rem 0 12.5rem;
}

.header__wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: block;
}

.header__logo--link-block {
  z-index: 1;
  position: relative;
}

.header__p {
  text-align: center;
  text-transform: uppercase;
  font-size: .875rem;
  line-height: 100%;
}

.header__nav {
  z-index: 1;
  grid-column-gap: 1.25rem;
  grid-row-gap: 0rem;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.header__nav-link.mobile {
  display: none;
}

.button {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
  border: 1px solid #faf8f3;
  border-radius: 100px;
  align-items: center;
  padding: .75rem 1.375rem;
  display: flex;
}

.button.black {
  color: var(--black);
  border-color: #111;
}

.button.form {
  z-index: 2;
  position: relative;
}

.button__arrow {
  width: .875rem;
}

.button__arrow__mask {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: .875rem;
  height: .875rem;
  display: flex;
  overflow: hidden;
}

.header__col--left {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.header__col--center {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.home-hero-reel__wrapper {
  border-radius: 15px;
  padding-top: 11.25rem;
  position: static;
}

.home-hero-reel {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 60rem;
  position: absolute;
  inset: 0%;
}

.home-hero-subheading {
  padding-top: 1.875rem;
}

.home-recent-work__wrapper {
  padding-bottom: 5rem;
}

.home-recent-work__heading {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.home-recent-work__row {
  grid-row-gap: 1.875rem;
  flex-direction: column;
  display: flex;
}

.home-recent-work--h4 {
  color: var(--black);
  text-transform: uppercase;
}

.work-card-wrapper {
  border-radius: 5px;
  align-items: flex-end;
  width: 100%;
  height: 37.5rem;
  padding: 0;
  display: flex;
  position: relative;
}

.work-card-text-wrapper {
  z-index: 3;
  border-radius: 5px;
  padding: 1.25rem;
  position: relative;
}

.work-card-image__wrapper {
  z-index: 1;
  border-radius: 5px;
  padding-bottom: 0;
  position: absolute;
  inset: 0%;
}

.work-card-img {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.work-card-img._1 {
  z-index: 1;
}

.work-card-gradient {
  z-index: 2;
  background-image: linear-gradient(to top, #0009, #0000 30%);
  border-radius: 5px;
  position: absolute;
  inset: 0%;
}

.home-recent-work__button {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 7.5rem;
  display: flex;
}

.home--services-wrapper {
  padding-top: 5rem;
  padding-bottom: 7.5rem;
}

.left-right-text__wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 3.75rem;
  flex-direction: column;
  padding-bottom: 5rem;
  display: flex;
}

.services-card--image {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  height: auto;
}

.services-card__title {
  padding-top: 1.25rem;
  padding-bottom: .625rem;
}

.services-card--paragraph {
  width: 75%;
  font-size: 1.125rem;
}

.home--brands-wrapper {
  border-top: 1px solid var(--border-light);
  padding-top: 5rem;
  padding-bottom: 2.5rem;
}

.brands--logos-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: row;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
}

.brands--flex {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.carousel-container {
  position: relative;
  overflow: hidden;
}

.logo-container {
  z-index: 2;
  width: 80rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-gradient-wrapper {
  z-index: 3;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.logo-gradient {
  background-image: linear-gradient(to right, #111, #1110 50%);
  width: 30%;
  height: 100%;
}

.logo-gradient.right {
  background-image: linear-gradient(to left, #111, #1110 50%);
}

.studio-image-wrapper {
  width: 100%;
  height: 100%;
}

.studio-image {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 60rem;
}

.header {
  z-index: 100;
  position: fixed;
  inset: 0% 0% auto;
}

.footer__wrapper {
  padding-top: 6.8rem;
  padding-bottom: 1.25rem;
}

.footer__cta-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  align-items: center;
  display: flex;
}

.footer__cta-arrow-mask {
  flex-direction: column;
  align-items: flex-end;
  width: 7.2rem;
  height: 7.6rem;
  margin-top: -1.25rem;
  display: flex;
  overflow: hidden;
}

.footer__cta-arrow {
  width: 7.2rem;
  padding-top: .35rem;
}

.footer--divider {
  border-top: 1px solid var(--border-light);
  border-bottom: 1px solid var(--border-light);
  margin-top: 3rem;
  margin-bottom: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 5rem;
}

.footer--link-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer--link {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
  overflow: hidden;
}

.footer--link.unhighlighted {
  opacity: .5;
}

.footer--link-flex {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer--link-flex.right {
  align-items: flex-end;
}

.line {
  background-color: var(--light-beige);
  width: 100%;
  height: 1px;
}

.footer--link-text {
  display: inline;
}

.footer--link-text.small {
  font-size: .875rem;
}

.footer--address {
  line-height: 130%;
}

.footer--legal {
  font-size: .875rem;
}

.about-hero__wrapper {
  padding-top: 15rem;
  padding-bottom: 5rem;
}

.about__subheading {
  padding-top: 3.75rem;
}

.work-highlights__wrapper {
  height: 90vh;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  overflow: hidden;
}

.about-studio-wrapper {
  padding-top: 5rem;
}

.about-services-wrapper {
  padding-top: 5rem;
  padding-bottom: 7.5rem;
}

.h3-caps {
  text-transform: uppercase;
}

.different-services-wrapper {
  padding-top: 2.5rem;
  display: block;
}

.about-service {
  border-bottom: 1px solid var(--border-light);
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.service-nummber-wrapper {
  width: 20%;
  display: flex;
}

.service-name-wrapper {
  width: 80%;
}

.service-heading {
  font-size: 1.5rem;
}

.team-wrapper {
  padding-bottom: 10rem;
}

.team-heading {
  text-transform: uppercase;
  padding-bottom: 2rem;
  font-size: 8.75rem;
  line-height: 100%;
}

.team-img-wrapper.second {
  padding-top: 28rem;
}

.team-img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 1rem;
}

.team-member-role {
  color: var(--gray);
  text-transform: uppercase;
}

.about-work__wrapper {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-direction: column;
  padding-top: 5rem;
  padding-bottom: 7.5rem;
  display: flex;
}

.h2-black {
  color: var(--black);
}

.contact-wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  margin-top: 0;
  padding-top: 15rem;
  padding-bottom: 3.75rem;
  display: flex;
}

.webflow-form {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--border-light);
  color: var(--light-beige);
  text-transform: uppercase;
  background-color: #fff0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem 0;
  font-weight: 500;
}

.form-field:hover {
  border-bottom-color: var(--border-light);
}

.form-field:active, .form-field:focus {
  border-bottom-color: var(--light-beige);
  color: var(--light-beige);
}

.form-field:focus-visible, .form-field[data-wf-focus-visible] {
  border-bottom-color: var(--border-light);
}

.form-field::placeholder {
  color: var(--gray);
}

.form-field.form-message {
  padding-top: 1rem;
  padding-bottom: 6rem;
}

.form-row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  width: 100%;
  display: flex;
}

.form--submit-button {
  border: 1px solid var(--light-beige);
  background-color: #3898ec00;
  border-radius: 100px;
  padding: .75rem 1.375rem;
  font-weight: 500;
  line-height: 100%;
}

.webflow-submit-button {
  z-index: 3;
  background-color: #3898ec00;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.form--submit-button-wrapper {
  position: relative;
}

.contact--info {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.contact-info-text {
  color: var(--gray);
  text-transform: uppercase;
  font-weight: 500;
}

.contact-info-p {
  font-size: 1.125rem;
  font-weight: 500;
}

.contact-info-p.mobile {
  display: none;
}

.work-hero__wrapper {
  padding-top: 15rem;
  padding-bottom: 5rem;
}

.header__mobile-menu-wrapper {
  display: none;
}

.mobile-menu__flex {
  padding: 0;
}

.menu-open {
  display: none;
}

.project-hero__wrapper {
  padding: 15rem 0 0;
}

.cta-footer {
  text-transform: uppercase;
  font-size: 10rem;
  line-height: 100%;
}

.project-title__wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 1.875rem;
  display: flex;
}

.project-sector {
  padding-bottom: .5rem;
  font-size: 3rem;
  line-height: 100%;
}

.project-featured-image {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 90vh;
}

.project-info__wrapper {
  padding-top: 7.5rem;
  padding-bottom: 11.25rem;
}

.project-info {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.project-info__service-title {
  color: var(--gray);
  text-transform: uppercase;
}

.project-info__service {
  font-size: 1.5rem;
  line-height: 130%;
}

.project-info__service.disclaimer {
  width: 80%;
  font-style: italic;
}

.project-info__service.underline {
  text-decoration: underline;
}

.project-presentation__wrapper {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-direction: column;
  display: flex;
}

.project-image__wrapper.bg-img-rossi {
  background-image: url('../images/Rossi-Sport-V4-BG.webp');
  background-position: 0 0;
  background-size: auto;
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.project-image__wrapper.bg-tehnos {
  background-image: url('../images/Tehnos-12-BG.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.project-image__wrapper.rooty {
  position: relative;
}

.project-image__wrapper.bg-rooty {
  background-image: url('../images/FeelRooty-05-BG.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.project-image__wrapper.bg-forward {
  background-image: url('../images/Forward-13-BG.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.project-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
}

.project-image.auto-height {
  aspect-ratio: auto;
  width: 80%;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.project-image.auto-height.tehnos {
  border-radius: 5px;
  margin-top: 10rem;
  margin-bottom: 10rem;
  padding-top: 0;
  padding-bottom: 0;
}

.project-image.auto-height.tehnos.rooty {
  border-radius: 15px;
}

.project-image.auto-height.tehnos.forward {
  margin-bottom: 10rem;
  position: relative;
}

.project-image.eunoia-large {
  aspect-ratio: auto;
}

.logo-lottie {
  width: 12rem;
}

.transition {
  z-index: 1000;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.transition-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.transition-bg {
  background-color: var(--black);
  width: 100%;
  height: 100%;
  position: static;
  inset: 0%;
}

.transition-trigger {
  display: none;
}

.privacy-policy__wrapper {
  padding-top: 10rem;
}

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

.section--404 {
  padding-top: 0;
}

._404__wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100vh;
  padding-top: 15rem;
  padding-bottom: 4rem;
  display: flex;
  position: relative;
}

._404-bg-image {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

._404-bg-img {
  width: 62.5rem;
}

._404__content-wrapper {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.transition-lottie-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.transition-lottie {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.hero-reel-interaction {
  width: 100%;
  height: 60rem;
  position: relative;
}

.work-highlights__images {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.work-highlights__images.column-01, .work-highlights__images.column-03 {
  margin-top: -38vh;
}

.work-highlight-img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 5px;
}

.cookie-pop-up {
  z-index: 10;
  border: 1px solid var(--border-light);
  border-radius: 5px;
  display: block;
  position: fixed;
  inset: auto 1.875rem 1.875rem auto;
}

.cookie-text {
  font-size: .875rem;
  line-height: 1.4;
}

.project-info__credits, .project-info__service-wrapper.dobrine {
  padding-top: 2rem;
}

.inkubator-logo {
  width: 6.75rem;
}

.project-video {
  aspect-ratio: 1.75;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.project-video.rooty {
  z-index: 1;
}

.project-video.inkubator {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.project-video__overlay {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-overlay__wrapper {
  padding: 6.75rem;
}

.video-overlay__wrapper.vspi {
  padding: 0;
}

.video-overlay__img {
  width: 100%;
}

.forward-hide-line {
  background-color: #02051b;
  width: 100%;
  height: 3px;
  margin-bottom: 10rem;
  position: absolute;
  inset: auto 0% 0%;
}

.rooty-overlay {
  background-image: url('../images/FeelRooty-05-Overlay.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.project-video__gradient {
  z-index: 2;
  background-image: linear-gradient(0deg, #0000, #0009), linear-gradient(0deg, #0009, #0000);
  position: absolute;
  inset: 0%;
}

.inkubator__video-flex {
  z-index: 2;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4.5rem 19.25rem 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.inkubator__video-flex.mobile {
  padding-top: 0;
  padding-left: 38vw;
  padding-right: 38vw;
}

.inkubator__video {
  border-radius: 20px;
  width: 100%;
  margin-top: 0;
  box-shadow: 16px 16px 32px #00000040;
}

.inkubator__video-wrapper {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 16px 16px 324px #00000040;
}

.inkubator__video-wrapper._9-16 {
  box-shadow: 16px 16px 32px #00000040;
}

.link-block {
  transition: opacity .25s cubic-bezier(.645, .045, .355, 1);
}

.link-block:hover {
  opacity: .5;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 6rem;
  }

  h2 {
    font-size: 4rem;
  }

  h4 {
    font-size: 1.8rem;
  }

  h5 {
    font-size: 1.2rem;
  }

  h6 {
    font-size: 8rem;
  }

  .md--hide {
    display: none;
  }

  .col.col-md-5 {
    flex: 41.6667%;
    max-width: 41.6667%;
  }

  .col.col-md-3 {
    flex: 25%;
    max-width: 25%;
  }

  .col.col-md-7 {
    flex: 58.3333%;
    max-width: 58.3333%;
  }

  .col.col-md-8 {
    flex: 66.6667%;
    max-width: 66.6667%;
  }

  .col.col-md-11 {
    flex: 91.6667%;
    max-width: 91.6667%;
  }

  .col.md--no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .col.col-md-1 {
    flex: 8.33333%;
    max-width: 8.33333%;
  }

  .col.col-md-9 {
    flex: 75%;
    max-width: 75%;
  }

  .col.col-md-12 {
    flex: 100%;
    max-width: 100%;
  }

  .col.col-md-10 {
    flex: 83.3333%;
    max-width: 83.3333%;
  }

  .col.col-md-4 {
    flex: 33.3333%;
    max-width: 33.3333%;
  }

  .col.col-md-6 {
    flex: 50%;
    max-width: 50%;
  }

  .col.col-md-2 {
    flex: 16.6667%;
    max-width: 16.6667%;
  }

  .services-card--paragraph {
    width: 100%;
    font-size: 1rem;
  }

  .footer__cta-arrow-mask {
    width: 6rem;
    height: 6.3rem;
  }

  .footer__cta-arrow {
    width: 5.7rem;
  }

  .contact-wrapper {
    height: auto;
    margin-top: 0;
  }

  .contact--form-wrapper {
    padding-top: 4rem;
  }

  .contact-info-p {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .cta-footer {
    font-size: 8rem;
  }

  .project-info__service.disclaimer {
    width: 100%;
  }

  .inkubator__video-flex {
    border-radius: 5px;
    padding: 0 1rem 1rem;
  }

  .inkubator__video-flex.mobile {
    padding-bottom: 0;
  }

  .inkubator__video, .inkubator__video-wrapper {
    border-radius: 5px;
  }

  .inkubator__video-wrapper._9-16 {
    box-shadow: 8px 8px 24px #00000040;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.6rem;
  }

  h2 {
    font-size: 2.3rem;
  }

  h3 {
    font-size: 1.7rem;
  }

  h4 {
    font-size: 1.4rem;
  }

  h6 {
    font-size: 2.3rem;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm--hide {
    display: none;
  }

  .col.col-sm-10 {
    flex: 0 83.3333%;
    max-width: 83.3333%;
  }

  .col.col-sm-11 {
    flex: 0 91.6667%;
    max-width: 91.6667%;
  }

  .col.col-sm-9 {
    flex: 0 75%;
    max-width: 75%;
  }

  .col.col-sm-7 {
    flex: 0 58.3333%;
    max-width: 58.3333%;
  }

  .col.col-sm-4 {
    flex: 0 33.3333%;
    max-width: 33.3333%;
  }

  .col.col-sm-6 {
    flex: 0 50%;
    max-width: 50%;
  }

  .col.col-sm-2 {
    flex: 0 16.6667%;
    max-width: 16.6667%;
  }

  .col.col-sm-1 {
    flex: 0 8.33333%;
    max-width: 8.33333%;
  }

  .col.col-sm-3 {
    flex: 0 25%;
    max-width: 25%;
  }

  .col.col-sm-5 {
    flex: 0 41.6667%;
    max-width: 41.6667%;
  }

  .col.sm--no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .col.col-sm-8 {
    flex: 0 66.6667%;
    max-width: 66.6667%;
  }

  .col.col-sm-12 {
    flex: 0 100%;
    max-width: 100%;
  }

  .row.reverse-mobile {
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }

  .button__text {
    font-size: .875rem;
  }

  .home-hero__wrapper {
    padding-top: 5rem;
    padding-bottom: 3.75rem;
  }

  .header__logo--link-block {
    z-index: 3;
  }

  .header__nav {
    z-index: 0;
  }

  .header__nav-link {
    display: none;
  }

  .header__nav-link.mobile {
    display: block;
  }

  .button.header, .button.hide-button-sm {
    display: none;
  }

  .home-hero-reel__wrapper {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-top: 3rem;
    padding-right: 0;
  }

  .home-hero-reel {
    border-radius: 0;
    height: 70vh;
  }

  .home-recent-work__wrapper {
    padding-bottom: 3.75rem;
  }

  .home-recent-work__row {
    grid-row-gap: 0rem;
  }

  .home-recent-work--h4 {
    font-size: 1rem;
  }

  .work-card-wrapper {
    height: 35vh;
    margin-bottom: 1rem;
  }

  .work-card-text-wrapper {
    padding: 1rem;
  }

  .work-card-title {
    font-size: 1rem;
  }

  .home-recent-work__button {
    padding-top: 1rem;
  }

  .home--services-wrapper {
    padding-top: 3.75rem;
    padding-bottom: 2rem;
  }

  .left-right-text__wrapper {
    grid-row-gap: 1rem;
    padding-bottom: 0;
  }

  .services-card__wrapper {
    padding-top: 4rem;
  }

  .services-card--paragraph {
    padding-bottom: 2.5rem;
  }

  .home--brands-wrapper {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
  }

  .section--studio-image {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .studio-image-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .studio-image {
    border-radius: 0;
    height: 70vh;
  }

  .footer__wrapper {
    padding-top: 2rem;
    padding-bottom: 0;
  }

  .footer__cta-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer__cta-arrow-mask {
    width: 2.5rem;
    height: 2.7rem;
  }

  .footer__cta-arrow {
    width: 2.4rem;
    padding-top: .2rem;
  }

  .footer--divider {
    margin-top: 2rem;
    margin-bottom: 1.875rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .footer--link.header-link {
    display: none;
  }

  .footer--link-flex {
    padding-bottom: 1.875rem;
  }

  .footer--link-flex.right {
    align-items: flex-start;
    padding-bottom: 0;
  }

  .footer--link-flex.legal {
    padding-top: 1.875rem;
    padding-bottom: .25rem;
  }

  .heading-2 {
    font-size: 1.5rem;
  }

  .work-card-paragraph {
    font-size: .75rem;
  }

  .about-hero__wrapper {
    padding-bottom: 2.8rem;
  }

  .about__subheading {
    padding-top: 1rem;
  }

  .work-highlights__wrapper {
    height: 40vh;
  }

  .about-studio-wrapper, .about-services-wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .h3-caps {
    font-size: 1.7rem;
  }

  .service-heading {
    font-size: 1rem;
  }

  .team-wrapper {
    padding-bottom: 4rem;
  }

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

  .team-img-wrapper.second {
    padding-top: 2rem;
  }

  .about-work__wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .webflow-form {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .form-row {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .contact--info {
    padding-top: 2rem;
  }

  .header__mobile-menu-wrapper {
    z-index: 2;
    background-color: var(--black);
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100vh;
    padding: 0 1rem 1.25rem;
    display: none;
    position: absolute;
    inset: 0% 0% auto;
  }

  .header__mobile-link {
    color: var(--gray);
    text-transform: uppercase;
    font-size: 3rem;
  }

  .mobile-menu__flex {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100vh;
    padding: 10rem 1rem 1.25rem;
    display: flex;
  }

  .mobile-menu__wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
  }

  .mobile-menu__social-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .header_mobile-oh {
    width: 100%;
    height: 3rem;
    overflow: hidden;
  }

  .close-button-wrapper {
    justify-content: flex-end;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    display: flex;
  }

  .mobile-menu__bottom {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-top: 6rem;
    display: flex;
  }

  .menu-open {
    display: block;
  }

  .mobile-menu__social-link {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-items: center;
    display: flex;
  }

  .social-link {
    line-height: 100%;
  }

  .social-link-arrow {
    width: .7rem;
    padding-top: .125rem;
  }

  .cta-footer {
    font-size: 3.25rem;
  }

  .project-title__wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .project-sector {
    font-size: 1rem;
  }

  .project-info__wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .project-info {
    padding-bottom: 2rem;
  }

  ._404__wrapper {
    padding-top: 12rem;
  }

  ._404__content-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .hero-reel-interaction {
    height: 70vh;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 1rem;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.3rem;
  }

  h3 {
    font-size: 1.7rem;
  }

  h4 {
    font-size: 1rem;
    line-height: 140%;
  }

  p {
    font-size: .875rem;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xs--hide {
    display: none;
  }

  .col {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .col.col-xs-10 {
    flex: 83.3333%;
    max-width: 83.3333%;
  }

  .col.col-xs-4 {
    flex: 33.3333%;
    max-width: 33.3333%;
  }

  .col.col-xs-2 {
    flex: 16.6667%;
    max-width: 16.6667%;
  }

  .col.col-xs-11 {
    flex: 91.6667%;
    max-width: 91.6667%;
  }

  .col.col-xs-1 {
    flex: 8.33333%;
    max-width: 8.33333%;
  }

  .col.col-xs-9 {
    flex: 75%;
    max-width: 75%;
  }

  .col.col-xs-5 {
    flex: 41.6667%;
    max-width: 41.6667%;
  }

  .col.col-xs-3 {
    flex: 25%;
    max-width: 25%;
  }

  .col.xs--no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .col.col-xs-8 {
    flex: 66.6667%;
    max-width: 66.6667%;
  }

  .col.col-xs-6 {
    flex: 50%;
    max-width: 50%;
  }

  .col.col-xs-12 {
    flex: 100%;
    max-width: 100%;
  }

  .col.col-xs-7 {
    flex: 58.3333%;
    max-width: 58.3333%;
  }

  .row {
    margin-left: -.5rem;
    margin-right: -.5rem;
  }

  .sg-hero__text {
    margin-top: 1.25rem;
  }

  .sg-card__wrapper.sg-card__wrapper--color {
    margin-top: .625rem;
  }

  .sg-item__title-wrapper {
    justify-content: space-between;
  }

  .sg-item__title {
    margin-right: 0;
  }

  .sg-item__text-wrapper {
    width: 100%;
  }

  .cookie__wrapper {
    justify-content: center;
  }

  .cookie__text, .cookie__link {
    font-size: .75rem;
  }

  .form__button {
    font-size: .875rem;
  }

  .home-hero__wrapper {
    padding-top: 12rem;
  }

  .header__wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .inicial-logo {
    width: 7rem;
  }

  .home-hero-reel {
    height: 60vh;
  }

  .home-recent-work__heading {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .home-recent-work--h4 {
    font-size: 1rem;
  }

  .work-card-title {
    font-size: 1.15rem;
  }

  .home--services-wrapper {
    padding-top: 4rem;
    padding-bottom: 1.5rem;
  }

  .left-right-text__wrapper {
    padding-bottom: 4rem;
  }

  .services-card__wrapper {
    padding-top: 0;
  }

  .services-card__title {
    padding-top: 1rem;
    padding-bottom: .35rem;
  }

  .services-card--paragraph {
    padding-bottom: 2.8rem;
    font-size: 1rem;
  }

  .home--brands-wrapper {
    padding-top: 4rem;
    padding-bottom: 1.2rem;
  }

  .brands--logo {
    width: 5rem;
  }

  .carousel-container {
    padding-top: 0;
  }

  .logo-container {
    width: 60rem;
  }

  .footer__cta-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .footer__cta-arrow-mask {
    width: 3.1rem;
    height: 2.7rem;
    margin-top: -.5rem;
  }

  .footer__cta-arrow {
    width: 2.35rem;
  }

  .footer--link {
    line-height: 10px;
  }

  .footer--link-text {
    font-size: 1rem;
    line-height: 140%;
  }

  .footer--link-text.small {
    font-size: 1rem;
  }

  .footer--link-text.small.cookie {
    font-size: .875rem;
  }

  .footer--address, .footer--legal {
    font-size: 1rem;
  }

  .heading-2 {
    font-size: 1.7rem;
  }

  .work-card-paragraph {
    font-size: .875rem;
  }

  .heading-3 {
    font-size: 2.3rem;
  }

  .heading-4 {
    font-size: 1rem;
  }

  .about-hero__wrapper {
    padding-top: 12rem;
  }

  .about-studio-wrapper {
    padding-top: 2.8rem;
    padding-bottom: 0;
  }

  .about-services-wrapper {
    padding-top: 2.8rem;
  }

  .different-services-wrapper {
    padding-top: 1rem;
  }

  .about-work__wrapper {
    padding-bottom: 3rem;
  }

  .h2-subpage {
    font-size: 2.6rem;
  }

  .contact-wrapper {
    padding-top: 12rem;
    padding-bottom: 2rem;
  }

  .contact--form-wrapper {
    padding-top: 2rem;
  }

  .contact-info-p {
    font-size: 1rem;
    display: none;
  }

  .contact-info-p.mobile {
    padding-top: 1rem;
    padding-bottom: 0;
    display: block;
  }

  .work-hero__wrapper {
    padding-top: 12rem;
    padding-bottom: 2rem;
  }

  .header__mobile-menu-wrapper {
    justify-content: flex-start;
    align-items: stretch;
    display: none;
  }

  .header__mobile-link.animation-01.w--current, .header__mobile-link.animation-02.w--current, .header__mobile-link.animation-03.w--current, .header__mobile-link.animation-04.w--current {
    color: var(--light-beige);
  }

  .mobile-menu__wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .close-button-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .mobile-menu__bottom {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 75%;
    padding-top: 6rem;
    display: flex;
  }

  .cta-footer {
    font-size: 3.2rem;
  }

  .project-title__wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .project-sector {
    padding-bottom: 0;
  }

  .project-featured-image__wrapper {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .project-featured-image {
    border-radius: 0;
    height: 40vh;
  }

  .project-info__wrapper {
    padding-top: 1.875rem;
  }

  .project-info {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-bottom: 4rem;
  }

  .project-info__service-title {
    padding-bottom: .15rem;
    font-size: .875rem;
  }

  .project-info__service {
    font-size: 1.24rem;
  }

  .project-presentation__wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .project-image {
    aspect-ratio: 16 / 9;
  }

  .project-image.auto-height {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .project-image.auto-height.tehnos {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .project-image.auto-height.tehnos.rooty {
    border-radius: 8px;
  }

  .project-image.auto-height.tehnos.forward {
    margin-bottom: 2rem;
  }

  .hero-reel-interaction {
    height: 60vh;
  }

  .work-highlights__images.column-01, .work-highlights__images.column-02 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .form__sucess-text {
    font-size: 1rem;
  }

  .cookie-pop-up {
    bottom: 1rem;
    left: auto;
    right: 1rem;
  }

  .project-info__service-wrapper {
    padding-bottom: 1rem;
  }

  .project-info__service-wrapper.dobrine {
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .inkubator-logo {
    width: 6.25rem;
  }

  .project-video__overlay {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .video-overlay__wrapper {
    padding: 1rem;
  }

  .forward-hide-line {
    height: 1px;
    margin-bottom: 2rem;
  }

  .inkubator__video-flex.mobile {
    padding-bottom: 0;
  }

  .inkubator__video {
    width: 12rem;
    height: auto;
    margin-top: 1rem;
  }

  .inkubator__video.mobile {
    width: auto;
    margin-top: 0;
  }
}


@font-face {
  font-family: 'Neuemontreal';
  src: url('../fonts/NeueMontreal-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}