.dtx-hero-detail {
  padding-left: calc(var(--column-fluid) * 0);
  padding-right: calc(var(--column-fluid) * 4);
}
.dtx-hero-detail > * {
  --column-fluid: calc(100% / 8);
}
@media only screen and (max-width: 1440px) {
  .dtx-hero-detail {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 3);
  }
  .dtx-hero-detail > * {
    --column-fluid: calc(100% / 10);
  }
}
@media only screen and (max-width: 1260px) {
  .dtx-hero-detail {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 1);
  }
  .dtx-hero-detail > * {
    --column-fluid: calc(100% / 12);
  }
}
@media only screen and (max-width: 984px) {
  .dtx-hero-detail {
    padding-left: calc(var(--column-fluid) * 0);
    padding-right: calc(var(--column-fluid) * 0);
  }
  .dtx-hero-detail > * {
    --column-fluid: calc(100% / 12);
  }
}
.dtx-hero-detail h1 {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 3);
}

.dtx-project h2 {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 2);
  font-size: max(2.3rem, min(calc(0.005787037 * (100vw - 74.4rem) + 2.3rem), 2.8rem));
  line-height: 1.2857142857;
}

.dtx-gallery {
  margin-bottom: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 5);
}
.dtx-gallery:last-of-type {
  margin-bottom: 0;
}

.dtx-gallery-grid {
  --columns: 3;
  --spacing: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 2);
  --width: calc(100% / var(--columns));
  width: calc(100% + var(--spacing));
  margin-left: calc(var(--spacing) / -2);
  margin-bottom: calc(var(--spacing) * -1);
}
.dtx-gallery-grid--sizer {
  width: var(--width);
}
.dtx-gallery-grid__item {
  width: var(--width);
  padding: 0 calc(var(--spacing) / 2) var(--spacing);
}
.dtx-gallery-grid__item__inner {
  width: 100%;
  overflow: hidden;
}
.dtx-gallery-grid__item__inner img {
  width: 100%;
  border-radius: calc(max(0.8rem, min(calc(0.0144927536 * (100vw - 98.4rem) + 0.8rem), 1.2rem)) * 2);
}

@media only screen and (max-width: 984px) {
  .dtx-gallery-grid {
    --columns: 2;
  }
}
@media only screen and (max-width: 744px) {
  .dtx-gallery-grid {
    --columns: 1;
  }
}