.video-banner-section {
  height: auto;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 9px;
  padding-bottom: 8px;
}

@media (min-width: 1024px) {
  .video-banner-section {
    height: 100dvh;
    padding: 16px;
  }
}

.video-banner-section .video-wrapper {
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .video-banner-section .video-wrapper {
    height: 100%;
  }
}

.video-banner-section .video-wrapper video,
.video-banner-section .video-wrapper iframe,
.video-banner-section .video-wrapper .video-banner {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .video-banner-section .video-wrapper video {
    aspect-ratio: 414 / 606;
  }
}

@media screen and (min-width: 768px) {
  .video-banner-section .video-wrapper video {
    height: 100%;
  }
}

.video-banner-section .video-wrapper .masks-svgs-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

@media (min-width: 1024px) {
  .video-banner-section .video-wrapper .masks-svgs-container {
    top: -4px;
    height: 100dvh;
  }
}

.video-banner-section .video-wrapper .masks-svgs-container .mask-svg {
  display: none;
}

@media (min-width: 1024px) {
  .video-banner-section .video-wrapper .masks-svgs-container .mask-svg {
    display: block;
  }
}

.video-banner-section .video-wrapper .masks-svgs-container .mask-svg-mobile {
  display: block;
  height: 100%;
}

@media (min-width: 1024px) {
  .video-banner-section .video-wrapper .masks-svgs-container .mask-svg-mobile {
    display: none;
  }
}

.video-banner-section .video-wrapper .masks-svgs-container .mask-svg,
.video-banner-section .video-wrapper .masks-svgs-container .mask-svg-mobile {
  width: 100%;
}

@media (min-width: 768px) {
  .video-banner-section .video-wrapper .masks-svgs-container .mask-svg,
  .video-banner-section .video-wrapper .masks-svgs-container .mask-svg-mobile {
    height: 100%;
  }
}

.video-banner-section .video-wrapper .masks-svgs-container .mask-svg rect,
.video-banner-section
  .video-wrapper
  .masks-svgs-container
  .mask-svg-mobile
  rect {
  transform-origin: center;
}

@media (min-width: 1024px) {
  .video-banner-section .video-wrapper .masks-svgs-container .mask-svg rect,
  .video-banner-section
    .video-wrapper
    .masks-svgs-container
    .mask-svg-mobile
    rect {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.video-banner-section .video-wrapper .bottom-left-text,
.video-banner-section .video-wrapper .bottom-right-text {
  font-family: Outfit, sans-serif;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .video-banner-section .video-wrapper .bottom-left-text,
  .video-banner-section .video-wrapper .bottom-right-text {
    font-size: 42px;
    line-height: 53px;
    letter-spacing: 0px;
  }
}

.video-banner-section .video-wrapper .bottom-left-text {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

@media (min-width: 1024px) {
  .video-banner-section .video-wrapper .bottom-left-text {
    bottom: 19px;
    left: 40px;
  }
}

.video-banner-section .video-wrapper .bottom-right-text {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

@media (min-width: 1024px) {
  .video-banner-section .video-wrapper .bottom-right-text {
    bottom: 19px;
    right: 40px;
  }
}

.contact-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity));
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 84px;
  padding-bottom: 56px;
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .contact-section {
    padding-left: 0;
    padding-right: 0;
    padding-top: 85px;
    padding-bottom: 102px;
  }
}

@media (min-width: 1920px) {
  .contact-section {
    padding-top: 105px;
    padding-bottom: 122px;
  }
}

@media (min-width: 1024px) {
  .contact-section .contact-video {
    --tw-translate-y: 11px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.contact-section .contact-content-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  font-family: Outfit, sans-serif;
}

@media (min-width: 1024px) {
  .contact-section .contact-content-container {
    flex-direction: row;
    gap: 30px;
  }
}

.contact-section .contact-content-container .main-text-content {
  margin-bottom: 56px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .contact-section .contact-content-container .main-text-content {
    margin-bottom: 0px;
    min-width: 100%;
    padding-left: 40px;
  }
}

@media (min-width: 1700px) {
  .contact-section .contact-content-container .main-text-content {
    padding-left: 60px;
  }
}

@media (min-width: 1900px) {
  .contact-section .contact-content-container .main-text-content {
    padding-left: 140px;
  }
}

.contact-section
  .contact-content-container
  .main-text-content
  .main-title-container {
  width: 100%;
}

@media (min-width: 1024px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container {
    width: 655px;
    padding-left: 2%;
  }
}

@media (min-width: 1280px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container {
    width: 840px;
  }
}

@media (min-width: 1381px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container {
    padding-left: 0px;
  }
}

@media (min-width: 1536px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container {
    width: 940px;
  }
}

@media (min-width: 1920px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container {
    width: 1200px;
  }
}

.contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2 {
  text-align: center;
  font-size: 61px;
  font-weight: 600;
  line-height: 64.28px;
}

@media (min-width: 1024px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2 {
    text-align: left;
    font-size: 95px;
    line-height: 102px;
  }
}

@media (min-width: 1280px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2 {
    font-size: 137px;
    line-height: 140px;
  }
}

@media (min-width: 1536px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2 {
    font-size: 151px;
    line-height: 156px;
  }
}

@media (min-width: 1920px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2 {
    font-size: 172px;
    line-height: 184px;
  }
}

.contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2
  .contact-video {
  display: inline-block;
  height: 45px;
  width: 94px;
  overflow: hidden;
  border-radius: 16px;
}

@media (min-width: 1024px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2
    .contact-video {
    width: 1.7em;
    height: 0.81em;
  }
}

.contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2
  .contact-video
  video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2
  .contact-video.medium-wide {
  height: 45px;
  width: 112px;
}

@media (min-width: 1024px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2
    .contact-video.medium-wide {
    width: 2.1em;
    height: 0.81em;
  }
}

.contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2
  .contact-video.large-wide {
  height: 45px;
  width: 150px;
}

@media (min-width: 1024px) {
  .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2
    .contact-video.large-wide {
    width: 2.7em;
    height: 0.81em;
  }
}

.contact-section .contact-content-container .secondary-text-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

@media (min-width: 1024px) {
  .contact-section .contact-content-container .secondary-text-content {
    min-width: 380px;
    max-width: 380px;
    padding-left: 30px;
    padding-right: 40px;
    padding-top: 17px;
  }
}

@media (min-width: 1280px) {
  .contact-section .contact-content-container .secondary-text-content {
    min-width: 459px;
    max-width: 459px;
  }
}

@media (min-width: 1440px) {
  .contact-section .contact-content-container .secondary-text-content {
    padding-left: 0px;
    padding-right: 60px;
  }
}

@media (min-width: 1536px) {
  .contact-section .contact-content-container .secondary-text-content {
    max-width: 649px;
  }
}

@media (min-width: 1900px) {
  .contact-section .contact-content-container .secondary-text-content {
    padding-right: 90px;
  }
}

@media (min-width: 1920px) {
  .contact-section .contact-content-container .secondary-text-content {
    min-width: 649px;
    max-width: 649px;
  }
}

.contact-section
  .contact-content-container
  .secondary-text-content
  .rich-text-container {
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

@media (min-width: 1024px) {
  .contact-section
    .contact-content-container
    .secondary-text-content
    .rich-text-container {
    gap: 30px;
    font-size: 23px;
    line-height: 26px;
  }
}

@media (min-width: 1280px) {
  .contact-section
    .contact-content-container
    .secondary-text-content
    .rich-text-container {
    font-size: 30px;
    line-height: 32px;
  }
}

@media (min-width: 1700px) {
  .contact-section
    .contact-content-container
    .secondary-text-content
    .rich-text-container {
    font-size: 36px;
    line-height: 38px;
  }
}

.contact-section
  .contact-content-container
  .secondary-text-content
  .button-container {
  width: 100%;
}

@media (min-width: 768px) {
  .contact-section
    .contact-content-container
    .secondary-text-content
    .button-container {
    width: auto;
  }
}

.work-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 22 / var(--tw-bg-opacity));
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 86px;
}

@media (min-width: 1024px) {
  .work-section {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 76px;
  }
}

.work-section .work-section-container {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
}

.work-section .work-section-container .text-work-container-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .work-section .work-section-container .text-work-container-desktop {
    display: block;
    width: 20%;
  }
}

.work-section .work-section-container .text-work-container-desktop h2 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-family: Outfit, sans-serif;
  font-size: 160px;
  line-height: 166px;
  letter-spacing: 0px;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .work-section .work-section-container .text-work-container-desktop h2 {
    --tw-translate-y: 140%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: 200px;
    line-height: 250px;
    letter-spacing: 0px;
  }
}

@media (min-width: 2100px) {
  .work-section .work-section-container .text-work-container-desktop h2 {
    font-size: 240px;
  }
}

.work-section .work-section-container .works {
  display: flex;
  width: 100%;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .work-section .work-section-container .works {
    width: 80%;
  }
}

.work-section .work-section-container .works .works-inside-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
}

@media (min-width: 1024px) {
  .work-section .work-section-container .works .works-inside-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: auto auto;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 48px;
  }
}

.work-section
  .work-section-container
  .works
  .works-inside-grid
  .mobile-special-container {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  --tw-translate-x: 116px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  gap: 60px;
}

@media (min-width: 1024px) {
  .work-section
    .work-section-container
    .works
    .works-inside-grid
    .mobile-special-container {
    grid-column: span 3 / span 3;
    grid-row: span 2 / span 2;
    height: 100%;
    width: 100%;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.work-section
  .work-section-container
  .works
  .works-inside-grid
  .mobile-special-container
  .mobile-image {
  margin-top: -39px;
  display: flex;
  height: 517px;
  width: 200px;
}

@media (min-width: 768px) {
  .work-section
    .work-section-container
    .works
    .works-inside-grid
    .mobile-special-container
    .mobile-image {
    display: none;
  }
}

.work-section
  .work-section-container
  .works
  .works-inside-grid
  .mobile-special-container
  .mobile-image
  img,
.work-section
  .work-section-container
  .works
  .works-inside-grid
  .mobile-special-container
  .mobile-image
  svg {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.work-section
  .work-section-container
  .works
  .works-inside-grid
  .mobile-special-container
  .card-work {
  height: 100%;
  width: 100%;
  min-width: 90vw;
  max-width: 90vw;
}

@media (min-width: 1024px) {
  .work-section
    .work-section-container
    .works
    .works-inside-grid
    .mobile-special-container
    .card-work {
    min-width: 100%;
    max-width: 100%;
  }
}

.work-section
  .work-section-container
  .works
  .works-inside-grid
  .card-work:nth-child(2) {
  grid-column-end: 7;
  grid-row-start: 1;
}

@media (min-width: 1024px) {
  .work-section
    .work-section-container
    .works
    .works-inside-grid
    .card-work:nth-child(2) {
    grid-column-start: 4;
  }
}

.work-section
  .work-section-container
  .works
  .works-inside-grid
  .card-work:nth-child(3) {
  grid-column-end: 7;
  grid-row-start: 2;
}

@media (min-width: 1024px) {
  .work-section
    .work-section-container
    .works
    .works-inside-grid
    .card-work:nth-child(3) {
    grid-column-start: 4;
  }
}

.work-section .flex-works {
  margin-top: 48px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
}

@media (min-width: 1024px) {
  .work-section .flex-works {
    margin-top: 48px;
    flex-direction: row;
    gap: 20px;
  }
}

.work-section .flex-works a {
  width: 100% !important;
}

.work-section .button-container {
  margin-top: 55px;
  margin-bottom: 96px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 768px) {
  .work-section .button-container {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .work-section .button-container {
    margin-top: 56px;
    margin-bottom: 80px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.work-section .animation-text-container {
  margin-bottom: 94px;
  width: 100%;
}

@media (min-width: 1024px) {
  .work-section .animation-text-container {
    margin-bottom: 104px;
  }
}

.work-section .animation-text-container .animation-text {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.work-section .animation-text-container .animation-text h2 {
  width: -moz-fit-content;
  width: fit-content;
  text-wrap: nowrap;
  font-family: Outfit, sans-serif;
  font-size: 86px;
  line-height: 110px;
  letter-spacing: 0px;
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .work-section .animation-text-container .animation-text h2 {
    font-size: 160px;
    line-height: 166px;
    letter-spacing: 0px;
  }
}

@media (min-width: 1536px) {
  .work-section .animation-text-container .animation-text h2 {
    font-size: 237px;
  }
}

.work-section .animation-text-container .animation-text .right {
  align-self: flex-end;
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}

.work-section .animation-text-container .animation-text .left {
  width: -moz-fit-content;
  width: fit-content;
  align-self: flex-start;
}

.work-section .animation-text-container .animation-text .left svg {
  height: 100%;
  width: 100%;
}

.work-section .animation-text-container .animation-text .left .mobile-title {
  margin-top: -42px;
  display: block;
  width: 180%;
}

@media (min-width: 1024px) {
  .work-section .animation-text-container .animation-text .left .mobile-title {
    display: none;
  }
}

.work-section .animation-text-container .animation-text .left .desktop-title {
  display: none;
}

@media (min-width: 1024px) {
  .work-section .animation-text-container .animation-text .left .desktop-title {
    display: block;
  }
}

@media (min-width: 1536px) {
  .work-section .animation-text-container .animation-text .left .desktop-title {
    margin-top: 1.25rem;
    height: 200px;
    --tw-scale-x: 1.5 !important;
    --tw-scale-y: 1.5 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
}

.work-section .button-container {
  margin-top: 48px;
  margin-bottom: 96px;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 768px) {
  .work-section .button-container {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .work-section .button-container {
    margin-top: 56px;
    margin-bottom: 80px;
  }
}

.news-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 96px;
}

@media (min-width: 1024px) {
  .news-section {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.news-section .news-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 38px;
}

.news-section .news-container .news-grid-container {
  display: flex;
  width: 92vw;
  flex-direction: column;
  gap: 56px;
}

@media (min-width: 1024px) {
  .news-section .news-container .news-grid-container {
    display: grid;
    width: 80%;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
  }
}

.news-section
  .news-container
  .news-grid-container
  .mobile-news-special-container {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  --tw-translate-x: -178px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: center;
  gap: 38px;
}

@media (min-width: 1024px) {
  .news-section
    .news-container
    .news-grid-container
    .mobile-news-special-container {
    grid-column: span 6 / span 6;
    width: 100%;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.news-section
  .news-container
  .news-grid-container
  .mobile-news-special-container
  .mobile-news-image {
  display: flex;
  height: 468px;
  width: 166px;
}

@media (min-width: 768px) {
  .news-section
    .news-container
    .news-grid-container
    .mobile-news-special-container
    .mobile-news-image {
    display: none;
  }
}

.news-section
  .news-container
  .news-grid-container
  .mobile-news-special-container
  .mobile-news-image
  img,
.news-section
  .news-container
  .news-grid-container
  .mobile-news-special-container
  .mobile-news-image
  svg {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.news-section
  .news-container
  .news-grid-container
  .mobile-news-special-container
  .card-news {
  height: 100%;
  width: 100%;
  min-width: 92vw;
  max-width: 92vw;
}

@media (min-width: 1024px) {
  .news-section
    .news-container
    .news-grid-container
    .mobile-news-special-container
    .card-news {
    min-width: 100%;
    max-width: 100%;
  }
}

.news-section .news-container .card-news:nth-child(2) {
  grid-column: span 3 / span 3;
}

.news-section .news-container .card-news:nth-child(3) {
  grid-column-start: 4;
  grid-column-end: 7;
}

.news-section .news-container .text-news-container {
  display: none;
  align-items: flex-end;
}

@media (min-width: 1024px) {
  .news-section .news-container .text-news-container {
    position: relative;
    display: flex;
    width: 20%;
  }
}

.news-section .news-container .text-news-container h2 {
  font-family: Outfit, sans-serif;
  font-size: 160px;
  line-height: 166px;
  letter-spacing: 0px;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .news-section .news-container .text-news-container h2 {
    font-size: 200px;
    line-height: 250px;
    letter-spacing: 0px;
  }
}

@media (min-width: 2100px) {
  .news-section .news-container .text-news-container h2 {
    font-size: 240px;
  }
}

.news-section .news-container .text-news-container h2 {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}

.news-section .news-container .text-news-container .news-title-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .news-section .news-container .text-news-container .news-title-desktop {
    display: flex;
  }
}

.news-section .button-container {
  margin-bottom: 96px;
  margin-top: 56px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 768px) {
  .news-section .button-container {
    width: auto;
  }
}

@media (min-width: 1024px) {
  .news-section .button-container {
    margin-bottom: 80px;
    margin-top: 56px;
  }
}

/* Romanian copy needs a more compact responsive scale than the English source. */
:lang(ro)
  .contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2 {
  font-size: clamp(40px, 12.3vw, 50px);
  line-height: 1.15;
}

:lang(ro)
  .contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2
  .main-title-line {
  display: block;
  white-space: nowrap;
}

:lang(ro)
  .contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2
  .contact-video {
  width: 1.55em;
  height: 0.78em;
  border-radius: 0.28em;
}

:lang(ro)
  .contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2
  .contact-video.medium-wide {
  width: 1.85em;
  height: 0.78em;
}

:lang(ro)
  .contact-section
  .contact-content-container
  .main-text-content
  .main-title-container
  h2
  .contact-video.large-wide {
  width: 2.2em;
  height: 0.78em;
}

:lang(ro) .work-section .animation-text-container .animation-text h2 {
  font-size: clamp(52px, 16vw, 64px);
  line-height: 1.08;
}

:lang(ro)
  .work-section
  .work-section-container
  .works
  .works-inside-grid
  .mobile-special-container
  .mobile-image,
:lang(ro)
  .news-section
  .news-container
  .news-grid-container
  .mobile-news-special-container
  .mobile-news-image {
  align-items: center;
  justify-content: center;
}

:lang(ro)
  .work-section
  .work-section-container
  .works
  .works-inside-grid
  .mobile-special-container
  .mobile-image
  span,
:lang(ro)
  .news-section
  .news-container
  .news-grid-container
  .mobile-news-special-container
  .mobile-news-image
  span {
  display: block;
  flex: none;
  transform: rotate(-90deg);
  white-space: nowrap;
  font-family: Outfit, sans-serif;
  font-size: clamp(72px, 22vw, 92px);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

:lang(ro)
  .work-section
  .work-section-container
  .works
  .works-inside-grid
  .mobile-special-container
  .mobile-image
  span {
  color: #ff0000;
}

:lang(ro)
  .news-section
  .news-container
  .news-grid-container
  .mobile-news-special-container
  .mobile-news-image
  span {
  color: #fafafa;
}

@media (max-width: 767px) {
  :lang(ro) .main-content-container .primary-button {
    padding: 16px 24px;
    white-space: normal;
    text-align: center;
    font-size: clamp(18px, 5.5vw, 22px);
    line-height: 1.15;
  }
}

@media (min-width: 1024px) {
  :lang(ro)
    .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2 {
    font-size: clamp(74px, 7.3vw, 145px);
    line-height: 1.18;
  }

  :lang(ro)
    .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2
    .contact-video {
    width: 1.45em;
  }

  :lang(ro)
    .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2
    .contact-video.medium-wide {
    width: 1.75em;
  }

  :lang(ro)
    .contact-section
    .contact-content-container
    .main-text-content
    .main-title-container
    h2
    .contact-video.large-wide {
    width: 2.2em;
  }

  :lang(ro) .work-section .animation-text-container .animation-text h2 {
    font-size: clamp(88px, 9vw, 145px);
    line-height: 1.02;
  }

  :lang(ro) .work-section .work-section-container .text-work-container-desktop {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  :lang(ro)
    .work-section
    .work-section-container
    .text-work-container-desktop
    h2 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: clamp(96px, 9.6vw, 150px);
    line-height: 1;
  }

  :lang(ro) .news-section .news-container {
    width: 100%;
    gap: 20px;
  }

  :lang(ro) .news-section .news-container .news-grid-container {
    width: calc(80% - 10px);
  }

  :lang(ro) .news-section .news-container .text-news-container {
    width: calc(20% - 10px);
    align-items: center;
    justify-content: center;
  }

  :lang(ro) .news-section .news-container .text-news-container h2 {
    font-size: clamp(96px, 9.6vw, 150px);
    line-height: 1;
  }
}