#page-home {
  overflow: hidden;
}

.dtx-hero {
  display: flex;
  flex-direction: row;
}
.dtx-hero > * {
  --column-fluid: calc(100% / 10);
}
.dtx-hero {
  padding-left: calc(var(--column-fluid) * 1);
  padding-right: calc(var(--column-fluid) * 1);
}
@media only screen and (max-width: 1440px) {
  .dtx-hero > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-hero {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-hero > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-hero {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-hero > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-hero {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
.dtx-hero-content {
  position: relative;
  z-index: 1;
  width: calc(var(--column-fluid) * 5);
  margin-top: calc(max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem)) / 2);
}
.dtx-hero-content h1 {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 2);
}
.dtx-hero-content p {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 3);
}
.dtx-hero-image {
  width: calc(var(--column-fluid) * 5);
}
.dtx-hero-image__inner {
  --ratio: 100%;
  --column-fluid: calc(100% / 5);
  position: relative;
  z-index: 0;
  width: calc(100% + var(--column-fluid) * 3);
  margin-left: calc(var(--column-fluid) * -3);
  padding-bottom: var(--ratio);
  overflow: hidden;
}
.dtx-hero-image__inner img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  border-radius: max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem));
}

#projects {
  position: relative;
}
#projects::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--offset) - 0.1rem);
  transform: translateY(-50%) scale(var(--scale));
  transform-origin: left center;
  width: 7.5rem;
  height: 17.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 72 176'%3E%3Cpath fill='%23000' d='M72 144c0 8.837-7.163 16-16 16H16c-8.837 0-16 7.163-16 16V0c0 8.837 7.163 16 16 16h40c8.837 0 16 7.163 16 16z'/%3E%3C/svg%3E");
}

.dtx-projects {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
.dtx-projects > * {
  --column-fluid: calc(100% / 10);
}
.dtx-projects {
  padding-left: calc(var(--column-fluid) * 1);
  padding-right: calc(var(--column-fluid) * 1);
}
@media only screen and (max-width: 1440px) {
  .dtx-projects > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-projects {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-projects > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-projects {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-projects > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-projects {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
.dtx-projects-right {
  position: absolute;
  z-index: 1;
  right: var(--column-fluid);
  bottom: 0;
  width: -moz-fit-content;
  width: fit-content;
}

.dtx-projects-list {
  width: calc(var(--column-fluid) * 8);
}
.dtx-projects-list__item {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: flex-end;
  width: -moz-fit-content;
  width: fit-content;
}
.dtx-projects-list__item__image {
  order: 2;
  position: relative;
  width: calc(var(--column-fluid) * 5);
  height: max(50rem, min(calc(0.4108796296 * (100vw - 74.4rem) + 50rem), 85.5rem));
}
.dtx-projects-list__item__image a {
  height: 0;
}
.dtx-projects-list__item__image a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.dtx-projects-list__item__image a:hover + .dtx-projects-list__item__image__inner::before {
  opacity: 1;
}
.dtx-projects-list__item__image__inner {
  --column-fluid: calc(100% / 5);
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--column-fluid) * 6);
  height: 100%;
}
.dtx-projects-list__item__image__inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FE0000;
  mix-blend-mode: darken;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.dtx-projects-list__item__image .dtx-lazy {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(1);
}
.dtx-projects-list__item__content {
  order: 1;
  width: calc(var(--column-fluid) * 3);
  margin-bottom: calc(max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem)) * 1);
}
.dtx-projects-list__item__content:hover + .dtx-projects-list__item__image .dtx-projects-list__item__image__inner::before {
  opacity: 1;
}
.dtx-projects-list__item__content h2 {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
.dtx-projects-list__item__content h2 a {
  font-family: "Special Gothic Condensed One", "Times New Roman", Times, serif;
  font-weight: 400;
  font-size: max(5rem, min(calc(0.0902777778 * (100vw - 74.4rem) + 5rem), 12.8rem));
  line-height: 0.8359375;
  text-transform: uppercase;
  color: #ffffff;
}
.dtx-projects-list__item__content__link {
  position: absolute;
  top: 0;
  left: calc(var(--column-fluid) * 7);
  z-index: 2;
}
.dtx-projects-list__item__content__link .dtx-icon {
  width: max(4.8rem, min(calc(0.0509259259 * (100vw - 74.4rem) + 4.8rem), 9.2rem));
  height: max(4.8rem, min(calc(0.0509259259 * (100vw - 74.4rem) + 4.8rem), 9.2rem));
}
.dtx-projects-list__item__content__link .dtx-icon svg {
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.dtx-projects-list__item__content__link .dtx-icon:hover svg {
  opacity: 0.75;
}

#keywords {
  position: relative;
}
#keywords::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(var(--offset) - 0.1rem);
  transform: translateY(-50%) scale(var(--scale));
  transform-origin: right center;
  width: 14.5rem;
  height: 25rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 144 248'%3E%3Cpath fill='%23000' d='M144 248c0-8.837-7.163-16-16-16H88c-8.837 0-16-7.163-16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16-7.163-16-16V32c0-8.837 7.163-16 16-16h112c8.837 0 16-7.163 16-16z'/%3E%3C/svg%3E");
}

.dtx-keywords {
  position: relative;
  z-index: 10;
  width: calc(100% + var(--offset) * 2);
  margin-left: calc(var(--offset) * -1);
  overflow: hidden;
}
.dtx-keywords-list {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.dtx-keywords .keyword-set {
  display: flex;
}
.dtx-keywords p {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  font-size: max(5rem, min(calc(0.0902777778 * (100vw - 74.4rem) + 5rem), 12.8rem));
  line-height: 0.8359375;
  font-family: "Special Gothic Condensed One", "Times New Roman", Times, serif;
  margin-bottom: 0;
  text-transform: uppercase;
}
.dtx-keywords p .dtx-icon-visual {
  display: inline-flex;
  width: max(6rem, min(calc(0.0868055556 * (100vw - 74.4rem) + 6rem), 13.5rem));
  height: max(6rem, min(calc(0.0868055556 * (100vw - 74.4rem) + 6rem), 13.5rem));
  margin-left: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 5.25);
}
.dtx-keywords p .dtx-icon-visual svg path {
  fill: #ffffff;
}

#services {
  position: relative;
}
#services::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--offset) - 0.1rem);
  z-index: 0;
  transform: scale(var(--scale));
  transform-origin: left center;
  width: 14.5rem;
  height: 25rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 144 320'%3E%3Cpath fill='%23000' d='M0 0c0 8.837 7.163 16 16 16h40c8.837 0 16 7.163 16 16v40c0 8.837 7.163 16 16 16h40c8.837 0 16 7.163 16 16v112c0 8.837-7.163 16-16 16H88c-8.836 0-16 7.163-16 16v40c0 8.837-7.163 16-16 16H16c-8.837 0-16 7.163-16 16z'/%3E%3C/svg%3E");
}

.dtx-services {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.dtx-services > * {
  --column-fluid: calc(100% / 10);
}
.dtx-services {
  padding-left: calc(var(--column-fluid) * 1);
  padding-right: calc(var(--column-fluid) * 1);
}
@media only screen and (max-width: 1440px) {
  .dtx-services > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-services {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-services > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-services {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-services > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-services {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
.dtx-services-content {
  position: relative;
  z-index: 2;
  width: calc(var(--column-fluid) * 3);
  margin-bottom: calc(max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem)) / 2);
}
.dtx-services-content h1 {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 2);
}
.dtx-services-content p {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 3);
}
.dtx-services-video {
  width: calc(var(--column-fluid) * 7);
}
.dtx-services-video.hidden .dtx-services-video__overlay,
.dtx-services-video.hidden .dtx-visual {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.dtx-services-video__inner {
  position: relative;
  z-index: 0;
  width: calc(100% + var(--column-fluid));
  margin-left: calc(var(--column-fluid) * -1);
  padding-bottom: var(--ratio);
  overflow: hidden;
  cursor: pointer;
}
.dtx-services-video .plyr {
  border-radius: max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem));
}
.dtx-services-video__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-top: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 5.25);
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.dtx-services-video__overlay svg {
  position: relative;
  z-index: 1;
  width: max(5rem, min(calc(0.2025462963 * (100vw - 74.4rem) + 5rem), 22.5rem));
}
.dtx-services-video__overlay .dtx-lazy {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(1);
}
.dtx-services-video__visual {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.dtx-services-image {
  width: calc(var(--column-fluid) * 7);
}
.dtx-services-image__inner {
  position: relative;
  width: calc(100% + var(--column-fluid));
  margin-left: calc(var(--column-fluid) * -1);
}
.dtx-services-image__inner .dtx-lazy {
  --ratio: 66.667%;
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: var(--ratio);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(1);
}

#contact {
  position: relative;
}
#contact::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(var(--offset) - 0.1rem);
  transform: scale(var(--scale));
  transform-origin: right center;
  width: 14.5rem;
  height: 17.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 144 174'%3E%3Cpath fill='%23000' d='M144 174c0-8.837-7.163-16-16-16H88c-8.837 0-16-7.163-16-16v-38c0-8.837-7.163-16-16-16H16C7.163 88 0 80.837 0 72V32c0-8.837 7.163-16 16-16h112c8.837 0 16-7.163 16-16z'/%3E%3C/svg%3E");
}

.dtx-contact {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dtx-contact > * {
  --column-fluid: calc(100% / 10);
}
.dtx-contact {
  padding-left: calc(var(--column-fluid) * 1);
  padding-right: calc(var(--column-fluid) * 1);
}
@media only screen and (max-width: 1440px) {
  .dtx-contact > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-contact > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-contact > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
.dtx-contact-image {
  position: relative;
  width: calc(var(--column-fluid) * 6);
  height: -moz-fit-content;
  height: fit-content;
}
.dtx-contact-image .dtx-lazy {
  --ratio: 100%;
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: var(--ratio);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(1);
}
.dtx-contact-image__visuals {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dtx-contact-image__visuals svg {
  width: 100%;
  height: 100%;
}
.dtx-contact-content {
  width: calc(var(--column-fluid) * 3);
  margin-top: calc(max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem)) * 1.5);
}
.dtx-contact-content h2 {
  font-family: "Special Gothic Condensed One", "Times New Roman", Times, serif;
  font-size: max(5rem, min(calc(0.0902777778 * (100vw - 74.4rem) + 5rem), 12.8rem));
  line-height: 0.8359375;
  text-transform: uppercase;
}
.dtx-contact-content p {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 3);
}

#image {
  position: relative;
}
#image::after {
  content: "";
  position: absolute;
  top: 35%;
  left: calc(var(--offset) - 0.1rem);
  transform: scale(var(--scale));
  transform-origin: left center;
  width: 7.5rem;
  height: 17.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 72 176'%3E%3Cpath fill='%23000' d='M72 144c0 8.837-7.163 16-16 16H16c-8.837 0-16 7.163-16 16V0c0 8.837 7.163 16 16 16h40c8.837 0 16 7.163 16 16z'/%3E%3C/svg%3E");
}

.dtx-image > * {
  --column-fluid: calc(100% / 6);
}
.dtx-image {
  padding-left: calc(var(--column-fluid) * 5);
  padding-right: calc(var(--column-fluid) * 1);
}
@media only screen and (max-width: 1440px) {
  .dtx-image > * {
    --column-fluid: calc(100% / 8);
  }
  .dtx-image {
    padding-left: calc(var(--column-fluid) * 4);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-image > * {
    --column-fluid: calc(100% / 10);
  }
  .dtx-image {
    padding-left: calc(var(--column-fluid) * 2);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-image > * {
    --column-fluid: calc(100% / 12);
  }
  .dtx-image {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
}
.dtx-image__inner {
  position: relative;
}
.dtx-image .dtx-lazy {
  --ratio: 66.667%;
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: var(--ratio);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(1);
}
.dtx-image__visuals {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dtx-image__visuals svg {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1440px) {
  .dtx-hero {
    padding-left: calc(var(--column-fluid) * 1);
    padding-right: calc(var(--column-fluid) * 1);
  }
  .dtx-hero > * {
    --column-fluid: calc(100% / 10);
  }
  .dtx-hero-content {
    width: calc(var(--column-fluid) * 3.5);
  }
  .dtx-hero-image {
    width: calc(var(--column-fluid) * 6.5);
  }
  .dtx-hero-image__inner {
    --column-fluid: calc(100% / 6.5);
    width: calc(100% + var(--column-fluid) * 1);
    margin-left: calc(var(--column-fluid) * -1);
  }
  .dtx-projects {
    padding-left: calc(var(--column-fluid) * 1);
    padding-right: calc(var(--column-fluid) * 1);
  }
  .dtx-projects > * {
    --column-fluid: calc(100% / 10);
  }
  .dtx-services {
    padding-left: calc(var(--column-fluid) * 1);
    padding-right: calc(var(--column-fluid) * 1);
  }
  .dtx-services > * {
    --column-fluid: calc(100% / 10);
  }
  .dtx-services-content {
    width: calc(var(--column-fluid) * 3.5);
  }
  .dtx-services-video {
    width: calc(var(--column-fluid) * 6.5);
  }
  .dtx-services-image {
    width: calc(var(--column-fluid) * 6.5);
  }
  #contact::after {
    top: 40%;
  }
  .dtx-contact {
    padding-left: calc(var(--column-fluid) * 1);
    padding-right: calc(var(--column-fluid) * 1);
  }
  .dtx-contact > * {
    --column-fluid: calc(100% / 10);
  }
  .dtx-contact-content {
    width: calc(var(--column-fluid) * 3.5);
    margin-top: max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem));
  }
  .dtx-image {
    padding-left: calc(var(--column-fluid) * 5);
    padding-right: calc(var(--column-fluid) * 1);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-hero {
    flex-direction: column-reverse;
  }
  .dtx-hero-content {
    width: 100%;
  }
  .dtx-hero-image {
    width: 100%;
  }
  .dtx-hero-image__inner {
    --ratio: 75%;
    width: 100%;
    margin-left: 0;
  }
  .dtx-projects-list {
    width: calc(var(--column-fluid) * 9);
  }
  .dtx-projects-list__item {
    --column-fluid: calc(100% / 9);
  }
  .dtx-projects-list__item__image__inner {
    width: calc(var(--column-fluid) * 6.5);
  }
  .dtx-projects-list__item__content {
    width: calc(var(--column-fluid) * 4);
    margin-bottom: calc(max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem)) * 1.5);
  }
  .dtx-services {
    flex-direction: column-reverse;
  }
  .dtx-services-content {
    width: 100%;
    margin-top: calc(max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem)) / 2);
  }
  .dtx-services-video {
    width: 100%;
  }
  .dtx-services-video__inner {
    width: 100%;
    margin-left: 0;
  }
  .dtx-services-image {
    width: 100%;
  }
  .dtx-services-image__inner {
    width: 100%;
    margin-left: 0;
  }
  .dtx-contact {
    flex-direction: column;
  }
  .dtx-contact-image {
    width: 100%;
  }
  .dtx-contact-content {
    width: 100%;
    margin-top: calc(max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem)) / 2);
  }
  .dtx-contact-content h2 {
    margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 2);
  }
  .dtx-image {
    padding-left: calc(var(--column-fluid) * 4);
    padding-right: calc(var(--column-fluid) * 1);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-projects {
    flex-direction: column;
    align-items: flex-start;
  }
  .dtx-projects-right {
    position: relative;
    right: unset;
    bottom: unset;
  }
  .dtx-projects-list {
    width: 100%;
  }
  .dtx-projects-list__item {
    flex-direction: column;
  }
  .dtx-projects-list__item__image {
    width: 100%;
  }
  .dtx-projects-list__item__image__inner {
    width: 100%;
  }
  .dtx-projects-list__item__content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 2);
    margin-top: calc(max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem)) / 2);
    margin-bottom: calc(max(6rem, min(calc(0.1460176991 * (100vw - 98.4rem) + 6rem), 19.2rem)) / 2);
  }
  .dtx-projects-list__item__content__link {
    position: relative;
    left: unset;
    top: unset;
  }
}
@media only screen and (max-width: 744px) {
  .dtx-hero {
    padding-left: 0;
    padding-right: 0;
  }
  #projects::after {
    display: none;
  }
  .dtx-projects {
    padding-left: 0;
    padding-right: 0;
  }
  #keywords::after {
    display: none;
  }
  #services::after {
    display: none;
  }
  .dtx-services {
    padding-left: 0;
    padding-right: 0;
  }
  #contact::after {
    display: none;
  }
  .dtx-contact {
    padding-left: 0;
    padding-right: 0;
  }
  #image::after {
    display: none;
  }
  .dtx-image {
    padding-left: 0;
    padding-right: 0;
  }
}