/* Studio Brave component rules, preserving original order and approved Pills overrides. */
body {
  background-color: var(--color-paper);
  color: var(--color-ink);
  letter-spacing: -.1px;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
}

h1 {
  letter-spacing: -.0425em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: var(--font-body);
  font-size: 3.1rem;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  letter-spacing: -.038em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: var(--font-body);
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

:where([data-page="home"]) h3 {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: var(--font-body);
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
}

h4 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: var(--font-body);
  font-size: 1.36rem;
  font-weight: 600;
  line-height: 1.35;
}

p {
  margin-bottom: 2rem;
}

a {
  color: var(--color-ink);
  text-decoration: underline;
  transition: color .2s linear;
}

a:hover {
  color: var(--color-muted);
}

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

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

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

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

.page-wrapper {
  position: relative;
}

.section-hero {
  min-height: 100svh;
  color: var(--color-white);
  flex-direction: column;
  padding-top: 6rem;
  padding-bottom: 3.125rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-image-wrapper {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

:where([data-page="home"]) .hero-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu-icon {
  justify-content: center;
  width: 32px;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navigation-menu {
  flex-wrap: wrap;
  flex: none;
  align-items: center;
  margin-left: auto;
  margin-right: -.625rem;
  padding-right: 0;
  display: flex;
}

.navigation-inner {
  flex-flow: row;
  justify-content: flex-start;
  max-width: 100%;
  min-height: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.logo {
  flex: none;
  align-items: center;
  display: flex;
}

.logo.home {
  opacity: .8;
}

.logo.home.is-current {
  margin-right: 0;
}

.menu-button {
  border: 1px solid var(--color-ink);
  border-radius: 5px;
  width: 52px;
  height: 52px;
  margin-left: auto;
  padding: 0;
}

.menu-button.is-open {
  background-color: #0000;
}

.menu-button.home {
  border-color: var(--color-white);
}

.menu-icon-top {
  background-color: var(--color-ink);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: translate(0, -8px);
}

.menu-icon-top.home {
  background-color: var(--color-white);
}

.menu-icon-bottom {
  border: 1px solid var(--color-ink);
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: translate(0, 8px);
}

.menu-icon-bottom.home {
  border-color: var(--color-white);
}

.menu-icon-middle {
  border: 1px solid var(--color-ink);
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.menu-icon-middle.home {
  border-color: var(--color-white);
}

.navigation-link {
  color: var(--color-ink);
  letter-spacing: .01em;
  text-transform: uppercase;
  flex: none;
  align-items: center;
  margin-left: .9375rem;
  padding: 1rem .625rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.25em;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;
}

.navigation-link:hover {
  color: var(--color-ink);
}

.navigation-link.is-current {
  background-image: url("/assets/images/dot-b991495f.svg");
  background-position: 95% 37%;
  background-repeat: no-repeat;
  background-size: auto;
}

.navigation-link.home {
  opacity: .8;
  color: var(--color-white);
  letter-spacing: -.01em;
  font-weight: 500;
}

.navigation-link.home.is-current {
  background-image: url("/assets/images/dot-white-7d59861f.svg");
  background-position: 95% 37%;
}

.navigation {
  z-index: 1;
  background-color: #0000;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.navigation.navigation-home {
  color: var(--color-white);
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.navigation-link-inner {
  position: relative;
  overflow: hidden;
}

.container-fluid {
  background-color: #e6e6e600;
  justify-content: space-between;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.navigation-link-text-hover {
  position: absolute;
  top: 100%;
  left: 0;
}

:where([data-page="home"]) .hero-content-top {
  color: var(--color-white);
  mix-blend-mode: overlay;
  display: flex;
  position: relative;
}

:where([data-page="home"]) .hero-content-top.hhh {
  display: none;
}

:where([data-page="home"]) .hero-title {
  letter-spacing: -.0225em;
  text-transform: uppercase;
  margin-top: -.1em;
  margin-bottom: 0;
  font-family: var(--font-display);
  font-size: 15.4vw;
  font-weight: 600;
  line-height: .85;
}

:where([data-page="home"]) .hero-heading {
  perspective: 1000px;
  perspective-origin: 50%;
  border: 1px solid #0000;
  font-family: var(--font-display);
  display: block;
  position: relative;
}

:where([data-page="home"]) .hero-heading-front {
  backface-visibility: hidden;
  transform-origin: 50% 100%;
}

:where([data-page="home"]) .hero-heading-back {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: translate(0%, 100%)rotateX(-90deg)rotateY(0)rotateZ(0);
}

:where([data-page="home"]) .heading-rotation-wrapper {
  grid-column-gap: 2.7vw;
  grid-row-gap: 0vw;
  flex-wrap: wrap;
  place-content: flex-start space-around;
  align-items: flex-start;
  margin-left: -.6vw;
  margin-right: -.6vw;
}

:where([data-page="home"]) .heading-rotation-delay {
  perspective: 1000px;
  perspective-origin: 50%;
  border: 1px solid #0000;
  font-family: var(--font-display);
  position: relative;
}

:where([data-page="portfolio"]) .hero-caption-grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

:where([data-page="portfolio"]) .hero-caption {
  letter-spacing: .01em;
  text-transform: uppercase;
  font-family: var(--font-body);
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.25;
  display: block;
}

:where([data-page="portfolio"]) .hero-caption-second {
  text-align: center;
}

:where([data-page="portfolio"]) .hero-caption-third {
  text-align: right;
}

:where([data-page="portfolio"]) .hero-caption-inner {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

:where([data-page="portfolio"]) .hero-caption-icon {
  width: 1.25rem;
  position: relative;
  top: .05em;
}

.section {
  padding-top: 12.5rem;
}

:where([data-page="portfolio"]) .section.padding-down {
  padding-bottom: 12.5rem;
}

.container {
  max-width: 80vw;
  height: 100%;
}

:where([data-page="home"]) .grid-12-columns {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

:where([data-page="home"]) .section-title {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2.6rem;
  padding-bottom: .925rem;
  display: flex;
  position: relative;
}

:where([data-page="home"]) .section-title-text {
  letter-spacing: .01em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--font-body);
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: .8;
}

.marquee {
  display: flex;
  overflow: hidden;
}

.marquee.reverse {
  justify-content: flex-end;
}

.marquee-track {
  flex-direction: row;
  flex: none;
  display: flex;
}

.marquee-track.gutter-large {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.marquee-item {
  flex: none;
  margin-right: 6.2vw;
}

:where([data-page="portfolio"]) .marquee-item.marquee-margin-large {
  margin-right: 10vw;
}

.marquee-item.margin-left {
  margin-left: 8.75vw;
  margin-right: 0;
}

:where([data-page="home"]) .heading-small {
  letter-spacing: -.01em;
  text-transform: uppercase;
  margin-top: -.1em;
  margin-bottom: 0;
  font-family: var(--font-display);
  font-size: 5vw;
  font-weight: 600;
  line-height: 1.15;
}

:where([data-page="home"]) .about-section-content {
  flex-flow: row;
  justify-content: flex-start;
  padding-right: 7%;
  display: flex;
}

:where([data-page="home"]) .about-section-bottom {
  margin-top: auto;
}

.paragraph-large {
  color: var(--color-ink);
  text-align: justify;
  letter-spacing: -.019em;
  text-indent: 2.7867em;
  margin-bottom: 0;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1.25;
}

:where([data-page="portfolio"]) .paragraph-large.no-text-indent {
  text-indent: 0;
  font-weight: 500;
}

.margin-bottom-medium {
  margin-bottom: 3rem;
}

:where([data-page="home"]) .about-image-inner {
  padding-bottom: 150.716%;
  position: relative;
}

:where([data-page="home"]) .image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button {
  border: 1px solid var(--color-ink);
  color: var(--color-ink);
  text-align: center;
  letter-spacing: .01em;
  text-transform: uppercase;
  border-radius: 5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.button:hover {
  color: var(--color-ink);
}

.button.white {
  background-color: #e6e6e6;
  border-style: none;
}

:where([data-page="portfolio"]) .button.white._11 {
  background-color: #f1f1f1;
}

.button.white.small {
  font-weight: 500;
  line-height: .8;
}

.button.white.small._11 {
  background-color: #fff;
}

:where([data-page="home"]) .button.white._11 {
  background-color: #f1f1f1;
}

.button-text-wrapper {
  position: relative;
}

.button-inner {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.button-icon-front {
  width: 1.0625rem;
}

.button-icon-back {
  width: 1.0625rem;
  margin-left: -1.5625rem;
}

.button-container {
  flex-direction: column;
  justify-content: center;
  min-height: 2.875rem;
  padding: .25em 2em;
  display: flex;
}

.button-container.small {
  min-height: 1.75rem;
  padding: .4em 1em;
}

.overflow-hidden {
  background-color: #e6e6e600;
  overflow: hidden;
}

.button-text-front {
  font-weight: 500;
  line-height: 1.15;
}

.button-text-back {
  font-weight: 500;
  line-height: 1.15;
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

:where([data-page="home"]) .heading-rotation {
  perspective: 1000px;
  border: 1px solid #0000;
  font-family: var(--font-display);
  font-weight: 500;
  position: relative;
}

:where([data-page="home"]) .heading-rotation-front {
  backface-visibility: hidden;
  transform-origin: 50% 100%;
  overflow: hidden;
}

:where([data-page="home"]) .heading-rotation-back {
  backface-visibility: hidden;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: translate(0%, 100%)rotateX(-90deg)rotateY(0)rotateZ(0);
}

:where([data-page="home"]) .heading-large {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: -.06em;
  margin-bottom: 0;
  font-family: var(--font-display);
  font-size: 13.25vw;
  font-weight: 600;
  line-height: 1.15;
}

.align-right {
  text-align: right;
}

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

:where([data-page="home"]) .mission-title-wrapper {
  z-index: 1;
  margin-left: 3.6%;
}

:where([data-page="home"]) .margin-bottom-small {
  margin-bottom: 2.36rem;
}

.position-relative {
  position: relative;
}

:where([data-page="home"]) .divider-top {
  background-color: #e6e6e600;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

:where([data-page="home"]) .divider-bottom {
  width: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.margin-bottom-large {
  margin-bottom: 7.5rem;
}

:where([data-page="home"]) .container-extra-small {
  max-width: 15.3125rem;
}

:where([data-page="home"]) .container-extra-small.right {
  margin-left: auto;
}

.footer {
  color: var(--color-white);
  background-color: #181717;
  margin-top: 0;
}

.footer-rows {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
}

.footer-widget {
  letter-spacing: .01em;
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.1;
}

.footer-links-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--color-white);
}

.footer-link-inner {
  position: relative;
  overflow: hidden;
}

.footer-link-front {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.footer-link-back {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, 100%);
}

.footer-credits {
  grid-column-gap: 1.625rem;
  grid-row-gap: .5rem;
  font-family: var(--font-template);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.1875rem;
  font-weight: 500;
  display: flex;
}

.footer-credits.to-right {
  justify-content: flex-end;
  align-items: flex-start;
}

.divider {
  border-top: 1px solid var(--color-ink);
  transform-origin: 0%;
  background-color: #e6e6e600;
  height: 0;
}

:where([data-page="home"]) .divider.white {
  border-top-color: var(--color-white);
}

:where([data-page="home"]) .heading-medium {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-family: var(--font-display);
  font-size: 11.5vw;
  font-weight: 600;
  line-height: .9;
}

:where([data-page="portfolio"]) .page-title {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-family: var(--font-display);
  font-size: 11.5vw;
  font-weight: 600;
  line-height: 1;
}

:where([data-page="portfolio"]) .call-action-column-right {
  text-align: right;
  padding-top: .35rem;
}

:where([data-page="portfolio"]) .call-action-grid {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.margin-bottom-extra-small {
  margin-bottom: .65rem;
}

.top {
  opacity: 0;
  width: 0;
  height: 0;
}

:where([data-page="home"]) .container-small {
  max-width: 25.5rem;
}

.grid-12-columns-small {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

:where([data-page="home"]) .hero-image-mobile {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.location {
  letter-spacing: 0;
  text-transform: uppercase;
  flex: 0 auto;
  align-items: center;
  margin-left: 2.25rem;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.25em;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;
}

.location:hover {
  color: var(--color-ink);
}

.location.is-current {
  background-image: url("/assets/images/dot-20910f1c.svg");
  background-position: 96% 30%;
  background-repeat: no-repeat;
  background-size: auto;
}

.location.home {
  opacity: .8;
  color: var(--color-white);
}

.location.home.is-current {
  background-image: url("/assets/images/dot-white-7d59861f.svg");
  background-position: 95% 37%;
}

.location-icon {
  width: 1.5rem;
  height: 1rem;
  margin-right: .375rem;
}

.hero-content-bottom {
  margin-top: auto;
  padding-top: 3.125rem;
  position: relative;
}

:where([data-page="home"]) .hero-services-container {
  flex-flow: column;
  justify-content: flex-end;
  max-width: 15.8125rem;
  display: flex;
}

:where([data-page="home"]) .hero-text-container {
  max-width: 23rem;
  margin-left: auto;
}

.caption {
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.205;
}

:where([data-page="home"]) .hero-caption-wrapper {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  margin-bottom: 1.7rem;
  display: flex;
}

:where([data-page="home"]) .caption-icon {
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  top: .1rem;
}

:where([data-page="home"]) .hero-service-item {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  padding-top: .8125rem;
  padding-bottom: .8125rem;
  line-height: 1.2;
  display: flex;
  position: relative;
}

:where([data-page="home"]) .hero-service-text {
  letter-spacing: .01em;
}

:where([data-page="home"]) .hero-service-number {
  margin-left: auto;
}

:where([data-page="home"]) .hero-services {
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 1.0625rem;
}

.opacity-80 {
  opacity: .8;
}

:where([data-page="home"]) .paragraph-small {
  text-align: justify;
  letter-spacing: -.01em;
  text-indent: 2.25rem;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.2058;
}

:where([data-page="home"]) .paragraph-small.no-text-indent {
  text-indent: 0;
}

:where([data-page="home"]) .hero-text-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
}

.hero-image-inner {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

:where([data-page="home"]) .heading-word-second {
  text-align: right;
}

:where([data-page="home"]) .has-title-vertical {
  grid-column-gap: 3.125vw;
  grid-row-gap: 3.125vw;
  width: 100%;
  min-height: 8.6rem;
  display: flex;
}

:where([data-page="home"]) .title-vertical-wrapper {
  min-width: 1.85rem;
  position: relative;
}

:where([data-page="home"]) .title-vertical {
  transform-origin: 0 0;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0, 100%)rotate(-90deg);
}

:where([data-page="home"]) .number-vertical {
  transform-origin: 0 0;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
}

:where([data-page="home"]) .number-vertical-inner {
  transform: translate(-100%);
}

:where([data-page="home"]) .about-section-content-inner {
  flex-flow: column;
  width: 100%;
  display: flex;
}

:where([data-page="home"]) .about-image-wrapper {
  margin-left: 3.6%;
}

:where([data-page="home"]) .divider-vertical {
  z-index: 1;
  border-right: 1px solid var(--color-ink);
  transform-origin: 50% 0;
  width: 0;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

:where([data-page="home"]) .divider-vertical.white {
  border-right-color: var(--color-white);
}

:where([data-page="home"]) .image-placeholder {
  transform-origin: 0%;
  background-color: #181717;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

:where([data-page="home"]) .mission-heading-wrapper {
  grid-column-gap: .36rem;
  grid-row-gap: .36rem;
  flex-flow: row;
  justify-content: flex-start;
  margin-bottom: -2vw;
  margin-left: -.2vw;
  margin-right: -.2vw;
  display: inline-flex;
  position: relative;
}

:where([data-page="home"]) .mission-heading-wrapper.margin-left {
  margin-left: 32.4vw;
}

:where([data-page="home"]) .mission-heading-number {
  letter-spacing: .01em;
  text-transform: uppercase;
  padding-left: .25em;
  padding-right: .25em;
  font-size: 1.0625rem;
  line-height: 1;
  position: absolute;
  inset: 2vw 0% auto auto;
  transform: translate(100%);
}

:where([data-page="home"]) .mission-heading-number.left {
  bottom: auto;
  left: 0%;
  right: auto;
  transform: translate(-100%);
}

:where([data-page="home"]) .mission-image {
  padding-bottom: 155%;
  position: relative;
}

:where([data-page="home"]) .mission-image-wrapper {
  margin-top: -19vw;
}

:where([data-page="home"]) .mission-text {
  margin-top: 8vw;
  margin-left: 3.6%;
}

.text-block {
  letter-spacing: .01em;
}

:where([data-page="home"]) .split-section {
  height: 216vh;
  position: relative;
}

:where([data-page="home"]) .split-background {
  transform-origin: 100%;
  background-color: #181717;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

:where([data-page="home"]) .split-content {
  width: 50%;
  min-height: 100vh;
  color: var(--color-white);
  flex-flow: column;
  margin-top: -100vh;
  margin-left: auto;
  padding: 3.75vw;
  display: flex;
  position: sticky;
  top: 0;
}

:where([data-page="home"]) .accordion-item {
  display: block;
  overflow: hidden;
}

:where([data-page="home"]) .accordion-toggle {
  grid-column-gap: .5625rem;
  grid-row-gap: .5625rem;
  color: var(--color-white);
  margin-bottom: -.6vw;
  padding: 0;
  display: flex;
}

:where([data-page="home"]) .accordion-toggle:focus-visible {
  border: 1px solid var(--color-white);
}

:where([data-page="home"]) .accordion-title {
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--font-display);
  font-size: 5vw;
  font-weight: 600;
  line-height: 1.15;
}

:where([data-page="home"]) .accordion-icon {
  background-color: var(--color-white);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: relative;
  top: .7vw;
}

:where([data-page="home"]) .accordion-plus {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  display: flex;
  position: relative;
}

:where([data-page="home"]) .accordin-plus-line-v {
  background-color: var(--color-ink);
  width: 2px;
  height: 100%;
}

:where([data-page="home"]) .accordin-plus-line-h {
  background-color: var(--color-ink);
  width: 100%;
  height: 2px;
  position: absolute;
}

:where([data-page="home"]) .accordion-content {
  max-width: 100%;
}

:where([data-page="home"]) .accordion-content.is-open {
  background-color: #0000;
  position: static;
  overflow: hidden;
}

:where([data-page="home"]) .icons-list {
  font-size: 1.0625rem;
}

:where([data-page="home"]) .icons-list-item {
  grid-column-gap: .36em;
  grid-row-gap: .36em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

:where([data-page="home"]) .icons-list-item.redag {
  justify-content: flex-start;
  align-items: flex-end;
}

:where([data-page="home"]) .icons-list-image {
  flex: none;
  position: relative;
  top: .2rem;
}

:where([data-page="home"]) .icons-list-text {
  line-height: 1.2059;
}

:where([data-page="home"]) .accordion-content-inner {
  margin-bottom: 2.36rem;
  padding-top: 2rem;
}

:where([data-page="home"]) .split-content-bottom {
  margin-top: auto;
}

:where([data-page="home"]) .split-image-wrapper {
  width: 50%;
  height: 100vh;
  position: sticky;
  inset: 0 auto auto;
}

:where([data-page="home"]) .split-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.portfolio-tabs-menu {
  letter-spacing: .01em;
  text-transform: uppercase;
  background-color: #181717;
  border-radius: 7rem;
  justify-content: flex-end;
  max-width: 15.3125rem;
  min-height: 2.875rem;
  margin-top: -2.875rem;
  margin-left: auto;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

:where([data-page="portfolio"]) .portfolio-tabs-menu.no-margin-top {
  background-color: #181717;
}

.portfolio-tab-link {
  width: 50%;
  color: var(--color-white);
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  transition-property: none;
  display: flex;
}

.portfolio-tab-link:hover {
  color: var(--color-white);
}

.portfolio-tab-link.is-current {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: .25rem;
}

.portfolio-tab-link.first {
  color: var(--color-ink);
}

.portfolio-tab-pane {
  padding-top: 7.5rem;
}

:where([data-page="portfolio"]) .portfolio-tab-pane.padding-smaller {
  padding-top: 4.375rem;
}

.portfolio-tab-active {
  padding: 3px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.portfolio-tab-active-background {
  background-color: #e6e6e6;
  border-radius: 7rem;
  width: 100%;
}

.portfolio-tab-text {
  font-weight: 500;
  position: relative;
}

.project-arrow {
  background-color: #f1f1f1;
  border-radius: 100%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
}

.project-thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.project-content {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 1.875rem;
  display: flex;
  position: absolute;
}

.project-title {
  color: var(--color-white);
  letter-spacing: -.016em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.project-arrow-inner {
  width: 1.5rem;
  position: relative;
  overflow: hidden;
}

.project-label {
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--color-ink);
  background-color: #ffffffbf;
  border-radius: 100px;
  overflow: hidden;
}

.project-title-wrapper {
  margin-top: -.2rem;
  position: relative;
  overflow: hidden;
}

.project-content-footer {
  grid-column-gap: .4375rem;
  grid-row-gap: .4375rem;
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
}

.project-arrow-back {
  position: absolute;
  inset: 0%;
  transform: translate(-100%, 100%);
}

.project-title-back {
  position: absolute;
  inset: 0%;
  transform: translate(0, 100%);
}

.project-content-header {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.project-arrow-image {
  width: 100%;
  display: block;
}

.project-label-text {
  padding: .35em 1.00625em .55em;
  font-size: 1.25rem;
  line-height: 1;
}

.project-link {
  width: 100%;
  padding-bottom: 80.64%;
  display: block;
  position: relative;
  overflow: hidden;
}

.projects-grid {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

:where([data-page="home"]) .grid-12-columns-fixed-gap {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.projects-list-link {
  text-decoration: none;
  display: block;
  position: relative;
}

.projects-list-link:hover {
  color: var(--color-ink);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.projects-list-text {
  letter-spacing: -.02em;
  margin-top: -.06em;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.projects-list {
  flex-flow: column;
  display: flex;
}

.projects-list-inner {
  z-index: 1;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
}

.projects-list-categories {
  display: flex;
}

.projects-list-comma {
  margin-right: .2em;
}

.projects-list-arrow {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  position: relative;
  top: .1rem;
}

.projects-list-arrow-black {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.projects-list-arrow-white {
  opacity: 0;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.projects-list-columns {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.projects-list-hover {
  background-color: var(--color-ink);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  margin-bottom: -1px;
  position: absolute;
  inset: 0%;
  transform: scale3d(1, 0, 1);
}

.portfolio-tab-inner {
  position: relative;
}

.projects-list-image-wrapper {
  width: 23.5%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.projects-list-image-inner {
  padding-top: 73%;
  position: sticky;
  top: 1.875rem;
}

.tabs-content {
  overflow: visible;
}

.projects-list-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.projects-list-image.opacity-zero {
  opacity: 0;
}

.projects-list-title {
  letter-spacing: -.02em;
  margin-top: -.06em;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

:where([data-page="home"]) .section-with-background {
  background-color: var(--color-ink);
  min-height: 100vh;
  color: var(--color-white);
  flex-flow: column;
  justify-content: center;
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
  display: flex;
  position: relative;
}

:where([data-page="home"]) .section-background {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

:where([data-page="home"]) .section-background-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

:where([data-page="home"]) .section-background-overlay {
  opacity: .36;
  pointer-events: none;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: exclusion;
  background-color: #3b003d;
  background-clip: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

:where([data-page="home"]) .section-background-header {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

:where([data-page="home"]) .section-background-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

:where([data-page="home"]) .benefits-container {
  max-width: 70.25vw;
}

:where([data-page="home"]) .benefits-grid {
  grid-column-gap: 10vw;
  grid-row-gap: 9.375rem;
  place-items: stretch center;
}

:where([data-page="home"]) .benefits-placeholder {
  height: 0;
}

:where([data-page="home"]) .benefits-item {
  max-width: 25rem;
  color: var(--color-ink);
  background-color: #f1f1f1;
  flex-flow: row;
  display: flex;
}

:where([data-page="home"]) .benefits-header {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  align-items: center;
  padding: 2.5rem;
  display: flex;
}

:where([data-page="home"]) .benefits-title {
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1075;
}

:where([data-page="home"]) .benefits-text {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.33333;
}

:where([data-page="home"]) .benefits-content {
  flex-flow: column;
  flex: 1;
  padding: 5.5rem 2.5rem 2.5rem;
  display: flex;
}

:where([data-page="home"]) .benefits-item-inner {
  flex-flow: column;
  width: 100%;
  margin: .5rem;
  padding-left: 1px;
  padding-right: 1px;
  display: flex;
  position: relative;
}

:where([data-page="home"]) .benefits-divider-left {
  border-left: 1px solid var(--color-ink);
  width: 0;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

:where([data-page="home"]) .benefits-divider-right {
  border-right: 1px solid var(--color-ink);
  border-left: 1px none var(--color-ink);
  width: 0;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

:where([data-page="home"]) .benefits-icons {
  width: 4rem;
}

:where([data-page="home"]) .section-background-header-inner {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  position: sticky;
  top: 0;
}

:where([data-page="home"]) .section-header-interaction-triger {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 100vh auto auto 0%;
}

.footer-row-top {
  min-height: 12vw;
  padding-top: 3.125rem;
}

.footer-row-middle {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.footer-row-bottom {
  flex-flow: column;
  min-height: 12vw;
  padding-bottom: 3.125rem;
  display: flex;
}

.back-top-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  margin-top: -.125rem;
  text-decoration: none;
  display: inline-flex;
}

.back-top-icon {
  background-color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
}

.back-top-icon-inner {
  width: 1.25rem;
  position: relative;
  overflow: hidden;
}

.back-top-icon-front {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.back-top-icon-image {
  max-width: 1.5rem;
  display: block;
}

.back-top-icon-back {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(0, 100%);
}

.back-top-text {
  color: #fff;
  text-decoration: none;
}

.margin-top-auto {
  margin-top: auto;
}

.grid-12-columns-extra-small {
  grid-column-gap: 1.875vw;
  grid-row-gap: 1.875vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.grid-12-columns-zero {
  grid-column-gap: 1.875vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr) minmax(10px, 1fr);
  grid-auto-flow: row;
}

.footer-heading {
  letter-spacing: -.0125em;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-family: var(--font-display);
  font-size: 13.5vw;
  font-weight: 600;
  line-height: .9;
}

.marquee-track-reverse {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: row;
  flex: none;
  display: flex;
}

.marquee-track-reverse.gutter-large {
  justify-content: flex-end;
  align-items: stretch;
}

.footer-circle-wrapper {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.footer-circle-link {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 16.7vw;
  height: 16.7vw;
  padding: .625rem;
  display: flex;
  position: relative;
  top: .5vw;
}

.footer-circle-backgound {
  background-color: #181717;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  padding: 3px;
  position: absolute;
  inset: 0%;
}

.footer-circle-border {
  border: 1px solid var(--color-white);
  opacity: .3;
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.footer-circle-image {
  width: 100%;
  display: block;
  position: relative;
}

.footer-circle-icon-wrapper {
  width: 1.5rem;
  position: absolute;
  overflow: hidden;
}

.footer-circle-icon-back {
  position: absolute;
  top: 100%;
  left: -100%;
}

:where([data-page="home"]) .bold-text, :where([data-page="home"]) .bold-text-2, :where([data-page="home"]) .bold-text-3 {
  letter-spacing: 0;
  font-weight: 500;
}

:where([data-page="home"]) .text-block-2 {
  font-weight: 500;
}

:where([data-page="portfolio"]) .marquee-heading {
  letter-spacing: -.0125em;
  text-transform: uppercase;
  margin-top: -.7vw;
  margin-bottom: 0;
  font-family: var(--font-display);
  font-size: 11.5vw;
  font-weight: 600;
  line-height: 1;
}

:where([data-page="portfolio"]) .hero-content-middle {
  color: var(--color-white);
  margin-top: auto;
  position: relative;
}

:where([data-page="portfolio"]) .hero-heading-wrapper {
  position: relative;
  overflow: hidden;
}

:where([data-page="portfolio"]) .hero-heading-one {
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0%;
}

:where([data-page="portfolio"]) .hero-heading-two {
  opacity: .7;
  mix-blend-mode: overlay;
  position: absolute;
  inset: 0%;
}

:where([data-page="portfolio"]) .hero-heading-three {
  opacity: .5;
  position: relative;
}

:where([data-page="portfolio"]) .hero-work-slider {
  color: #fff;
  background-color: #0000;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 1.375;
}

:where([data-page="portfolio"]) .hero-work-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

:where([data-page="portfolio"]) .hero-captions-wrapper {
  width: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.text-block-3 {
  font-family: var(--font-body);
}

.logo-txt {
  color: var(--color-white);
  font-family: var(--font-display);
  font-size: 1.7rem;
  font-weight: 600;
}

:where([data-page="home"]) .body {
  background-color: var(--color-paper);
}

:where([data-page="home"]) .bold-text-6 {
  font-weight: 500;
}

:where([data-page="home"]) .link-block {
  color: var(--color-white);
  text-decoration: none;
}

:where([data-page="home"]) .bold-text-7, :where([data-page="home"]) .bold-text-8, :where([data-page="home"]) .bold-text-9 {
  font-weight: 500;
}

:where([data-page="home"]) .image, :where([data-page="home"]) .image-2 {
  width: 1rem;
  height: 1rem;
}

:where([data-page="portfolio"]) .bold-text-4 {
  font-weight: 500;
}

@media screen and (max-width: 991px) {
.navigation-menu {
  border-bottom: 1px solid var(--color-ink);
  background-color: var(--color-white);
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  padding: .9375rem 1.25rem;
  display: block;
}
}

@media screen and (max-width: 991px) {
.navigation-menu.home {
  background-color: var(--color-ink);
}
}

@media screen and (max-width: 991px) {
.menu-button.home {
  opacity: .8;
}
}

@media screen and (max-width: 991px) {
.navigation-link {
  margin-left: 0;
  padding-top: .7rem;
  padding-bottom: .7rem;
  font-size: 1.25rem;
}
}

@media screen and (max-width: 991px) {
.navigation-link.is-current {
  display: inline-block;
}
}

@media screen and (max-width: 991px) {
.navigation-link.home {
  color: var(--color-white);
  opacity: 100;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .hero-title {
  font-size: 15vw;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .hero-heading {
  perspective-origin: 50%;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .hero-caption-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .hero-caption-first {
  text-align: center;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .hero-caption-second {
  display: none;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .hero-caption-third {
  text-align: center;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .hero-caption-inner {
  justify-content: center;
}
}

@media screen and (max-width: 991px) {
.container {
  max-width: 100%;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .grid-12-columns {
  grid-row-gap: 6.25rem;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .heading-small {
  font-size: 7.6vw;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .about-section-content {
  padding-right: 0%;
}
}

@media screen and (max-width: 991px) {
.paragraph-large {
  text-indent: 0;
  font-size: 2.8vw;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .heading-rotation {
  perspective-origin: 50%;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .heading-large {
  margin-top: -.08em;
  font-size: 13vw;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .mission-title-wrapper {
  margin-left: 0%;
  position: relative;
}
}

@media screen and (max-width: 991px) {
.position-relative {
  position: relative;
}
}

@media screen and (max-width: 991px) {
.margin-bottom-large {
  margin-bottom: 6rem;
}
}

@media screen and (max-width: 991px) {
.footer-rows {
  min-height: 80vh;
}
}

@media screen and (max-width: 991px) {
.footer-widget, .footer-link {
  font-size: 1.2rem;
}
}

@media screen and (max-width: 991px) {
.footer-credits {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  font-size: 1.0625rem;
}
}

@media screen and (max-width: 991px) {
.footer-credits.to-right {
  justify-content: center;
  align-items: flex-start;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .heading-medium {
  font-size: 10vw;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .page-title {
  font-size: 12vw;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .call-action-column-right {
  text-align: left;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .call-action-grid {
  grid-row-gap: 3.125rem;
}
}

@media screen and (max-width: 991px) {
.grid-12-columns-small {
  grid-row-gap: 3.125rem;
}
}

@media screen and (max-width: 991px) {
.location {
  padding-top: .9375rem;
  padding-bottom: .9375rem;
}
}

@media screen and (max-width: 991px) {
.location.is-current {
  display: inline-block;
}
}

@media screen and (max-width: 991px) {
.location.home {
  color: var(--color-white);
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .has-title-vertical {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .about-image-wrapper {
  margin-left: 0%;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .mission-heading-wrapper {
  z-index: 1;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .mission-heading-number {
  top: .25vw;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .mission-text {
  margin-left: 0%;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .split-section {
  height: auto;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .split-background {
  display: none;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .split-content {
  background-color: var(--color-ink);
  width: 100%;
  min-height: 0;
  margin-top: 0;
  padding: 3.125rem 1.875rem;
  position: relative;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .accordion-title {
  font-size: 7.6vw;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .split-image-wrapper {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
  position: relative;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .portfolio-tab-pane {
  padding-top: 3.125rem;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .portfolio-tab-pane, :where([data-page="portfolio"]) .portfolio-tab-pane.padding-smaller, :where([data-page="portfolio"]) .portfolio-tab-pane.padding-smaller {
  padding-top: 3.125rem;
}
}

@media screen and (max-width: 991px) {
.project-arrow {
  flex: none;
  width: 1.75rem;
  height: 1.75rem;
}
}

@media screen and (max-width: 991px) {
.project-content {
  padding: 1.25rem;
}
}

@media screen and (max-width: 991px) {
.project-title {
  font-size: 1.5rem;
}
}

@media screen and (max-width: 991px) {
.project-content-footer {
  grid-column-gap: .35rem;
  grid-row-gap: .35rem;
}
}

@media screen and (max-width: 991px) {
.project-label-text {
  padding-bottom: .4em;
  padding-left: .5em;
  padding-right: .5em;
  font-size: .9rem;
  font-weight: 400;
}
}

@media screen and (max-width: 991px) {
.projects-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .grid-12-columns-fixed-gap {
  grid-column-gap: 1rem;
  grid-row-gap: 3.125rem;
}
}

@media screen and (max-width: 991px) {
.projects-list-text {
  font-size: 1.25rem;
}
}

@media screen and (max-width: 991px) {
.projects-list-columns {
  grid-row-gap: 1rem;
}
}

@media screen and (max-width: 991px) {
.projects-list-image-wrapper {
  width: 18%;
  display: none;
}
}

@media screen and (max-width: 991px) {
.projects-list-title {
  font-size: 1.25rem;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .benefits-container {
  max-width: 100%;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) .benefits-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 5rem;
}
}

@media screen and (max-width: 991px) {
.grid-12-columns-extra-small {
  grid-row-gap: .5rem;
}
}

@media screen and (max-width: 991px) {
.grid-12-columns-zero {
  grid-row-gap: 0rem;
}
}

@media screen and (max-width: 991px) {
.footer-heading {
  font-size: 16vw;
}
}

@media screen and (max-width: 991px) {
.footer-circle-link {
  width: 20vw;
  height: 20vw;
  padding: .5rem;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) .marquee-heading {
  font-size: 10vw;
}
}

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

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

@media screen and (max-width: 767px) {
.logo {
  padding-left: 0;
}
}

@media screen and (max-width: 767px) {
.menu-button {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
}
}

@media screen and (max-width: 767px) {
.menu-icon-middle {
  padding-bottom: 0;
  padding-right: 0;
}
}

@media screen and (max-width: 767px) {
.navigation-link {
  margin-left: 0;
  font-size: 1.25rem;
}
}

@media screen and (max-width: 767px) {
.navigation-link.is-current {
  flex: 0 auto;
  display: inline-block;
}
}

@media screen and (max-width: 767px) {
.container-fluid {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .hero-title {
  font-size: 17vw;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .heading-rotation-wrapper {
  margin-top: 1vw;
}
}

@media screen and (max-width: 767px) {
.section {
  padding-top: 7.5rem;
}
}

@media screen and (max-width: 767px) {
:where([data-page="portfolio"]) .section.padding-down {
  padding-bottom: 7.5rem;
}
}

@media screen and (max-width: 767px) {
.container {
  max-width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .heading-small {
  font-size: 9vw;
}
}

@media screen and (max-width: 767px) {
.paragraph-large {
  font-size: 4vw;
}
}

@media screen and (max-width: 767px) {
.margin-bottom-large {
  margin-bottom: 4.25rem;
}
}

@media screen and (max-width: 767px) {
.footer-widget {
  text-align: center;
}
}

@media screen and (max-width: 767px) {
:where([data-page="portfolio"]) .page-title {
  font-size: 13.7vw;
}
}

@media screen and (max-width: 767px) {
.location.is-current {
  flex: 0 auto;
  display: inline-block;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .hero-services-container, :where([data-page="home"]) .hero-text-container {
  max-width: 100%;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .split-content {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .accordion-title {
  font-size: 9vw;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .accordion-icon {
  top: 1vw;
}
}

@media screen and (max-width: 767px) {
.project-title {
  font-size: 1.25rem;
}
}

@media screen and (max-width: 767px) {
.projects-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .section-with-background {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .section-background-header {
  position: relative;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .benefits-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .benefits-placeholder {
  display: none;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) .section-background-header-inner {
  padding-top: 0;
}
}

@media screen and (max-width: 767px) {
.back-top-icon {
  margin-top: .1rem;
}
}

@media screen and (max-width: 767px) {
.footer-heading {
  font-size: 18vw;
}
}

@media screen and (max-width: 479px) {
h1 {
  font-size: 2rem;
  font-weight: 600;
}
}

@media screen and (max-width: 479px) {
h2 {
  font-size: 1.7rem;
  font-weight: 600;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) h3 {
  font-size: 1.5rem;
}
}

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

@media screen and (max-width: 479px) {
.section-hero {
  padding-top: 8rem;
  padding-bottom: 1.875rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .hero-image {
  display: none;
}
}

@media screen and (max-width: 479px) {
.menu-icon {
  width: 26px;
}
}

@media screen and (max-width: 479px) {
.navigation-menu {
  background-color: #e6e6e6;
  border-bottom-style: none;
  padding-left: .3125rem;
  padding-right: .3125rem;
}
}

@media screen and (max-width: 479px) {
.navigation-menu.home {
  color: var(--color-ink);
  background-color: #1f1f1f;
  border: 1px #000;
}
}

@media screen and (max-width: 479px) {
.navigation-inner {
  justify-content: center;
  align-items: center;
}
}

@media screen and (max-width: 479px) {
.menu-button, .menu-button.home, .menu-button.home {
  border-style: none;
  width: 32px;
  height: 32px;
}
}

@media screen and (max-width: 479px) {
.navigation-link {
  padding-top: .625rem;
  padding-bottom: .625rem;
}
}

@media screen and (max-width: 479px) {
.navigation-link.home {
  font-size: 1.2rem;
}
}

@media screen and (max-width: 479px) {
.navigation {
  padding-top: .625rem;
  padding-bottom: .625rem;
}
}

@media screen and (max-width: 479px) {
.container-fluid {
  padding-left: .9375rem;
  padding-right: .9375rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .hero-content-top {
  opacity: .8;
  mix-blend-mode: normal;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .hero-content-top.hhh {
  display: none;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .hero-title {
  margin-top: -.2em;
  font-size: 22.5vw;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .hero-heading {
  text-align: left;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .heading-rotation-wrapper {
  margin-top: 3vw;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .heading-rotation-delay {
  text-align: right;
}
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) .section.m {
  padding-top: 4rem;
}
}

@media screen and (max-width: 479px) {
.container {
  padding-left: .9375rem;
  padding-right: .9375rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .grid-12-columns {
  grid-row-gap: 2rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .section-title {
  margin-bottom: 1.5rem;
}
}

@media screen and (max-width: 479px) {
.marquee-item {
  margin-right: 16vw;
}
}

@media screen and (max-width: 479px) {
.marquee-item.margin-left {
  margin-left: 16vw;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .heading-small {
  font-size: 10vw;
  line-height: 1;
}
}

@media screen and (max-width: 479px) {
.paragraph-large {
  letter-spacing: -.01em;
  font-size: 4vw;
}
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) .paragraph-large.no-text-indent {
  letter-spacing: -.01em;
}
}

@media screen and (max-width: 479px) {
.margin-bottom-medium {
  margin-bottom: 2rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .about-image-inner, :where([data-page="home"]) .image-cover {
  height: 20rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .image-cover.ch, :where([data-page="home"]) .image-cover.ch {
  height: 100%;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .heading-large {
  font-size: 14.75vw;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .margin-bottom-small.kkk, :where([data-page="home"]) .margin-bottom-large {
  margin-bottom: 2rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .container-extra-small.right {
  margin-left: 0;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .heading-medium {
  font-size: 13.5vw;
  line-height: .9;
}
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) .margin-bottom-large, :where([data-page="portfolio"]) .margin-bottom-large.w, :where([data-page="portfolio"]) .margin-bottom-large.w {
  margin-bottom: 2rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) .page-title {
  line-height: .9;
}
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) .call-action-grid {
  grid-row-gap: 2rem;
}
}

@media screen and (max-width: 479px) {
.margin-bottom-extra-small {
  margin-bottom: 1rem;
}
}

@media screen and (max-width: 479px) {
.grid-12-columns-small {
  grid-row-gap: 2rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .grid-12-columns-small.ggg {
  flex-flow: column;
  display: flex;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .hero-image-mobile {
  display: block;
}
}

@media screen and (max-width: 479px) {
.location {
  padding-top: .625rem;
  padding-bottom: .625rem;
  display: none;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .hero-text-wrapper.hhh {
  display: none;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .heading-word-first, :where([data-page="home"]) .heading-word-second {
  text-align: center;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .has-title-vertical {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .about-image-wrapper {
  height: 20rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .image-placeholder {
  color: #181717;
  height: 20rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .image-placeholder.ch {
  background-color: #181717;
  height: 100%;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .mission-heading-wrapper.margin-left {
  margin-left: 18vw;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .mission-heading-number {
  font-size: .75rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .mission-image-wrapper {
  margin-top: -18vw;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .mission-text {
  margin-top: 0;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .split-content {
  background-color: #181717;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .accordion-toggle {
  align-items: center;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .accordion-title {
  font-size: 10vw;
  font-weight: 600;
  line-height: 1.15;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .accordion-icon {
  top: 0;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .split-image-wrapper.fff {
  height: 30rem;
}
}

@media screen and (max-width: 479px) {
.portfolio-tabs-menu {
  max-width: 100%;
  margin-top: 2rem;
  margin-left: 0;
}
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) .portfolio-tabs-menu.no-margin-top {
  margin-top: 0;
}
}

@media screen and (max-width: 479px) {
.project-title {
  font-size: 1.6rem;
}
}

@media screen and (max-width: 479px) {
.projects-grid {
  grid-column-gap: .9375rem;
  grid-row-gap: .9375rem;
  grid-template-columns: 1fr;
}
}

@media screen and (max-width: 479px) {
.section-header-caption {
  display: none;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .grid-12-columns-fixed-gap {
  grid-row-gap: 2.75rem;
}
}

@media screen and (max-width: 479px) {
.projects-list-text {
  font-size: 1.06rem;
}
}

@media screen and (max-width: 479px) {
.projects-list-inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
}

@media screen and (max-width: 479px) {
.projects-list-columns {
  grid-row-gap: .2rem;
}
}

@media screen and (max-width: 479px) {
.projects-list-title {
  font-size: 1.36rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .benefits-grid {
  grid-row-gap: 1rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .benefits-header {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  padding: 2rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .benefits-title {
  font-size: 1.56rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .benefits-content {
  padding: 4.5rem 2rem 2rem;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) .benefits-icons {
  width: 3.36rem;
}
}

@media screen and (max-width: 479px) {
.footer-credits-item {
  width: 100%;
}
}

@media screen and (max-width: 479px) {
.grid-12-columns-extra-small {
  grid-row-gap: 2.75rem;
}
}

@media screen and (max-width: 479px) {
.grid-12-columns-extra-small.ddd {
  grid-row-gap: 1rem;
}
}

@media screen and (max-width: 479px) {
.grid-12-columns-zero {
  grid-row-gap: .5rem;
}
}

@media screen and (max-width: 479px) {
.footer-heading {
  font-size: 22vw;
  line-height: .9;
}
}

@media screen and (max-width: 479px) {
.footer-circle-link {
  width: 30vw;
  height: 30vw;
}
}

:where([data-page="home"]) #layout-hero-services-container-1 {
  grid-area: 1 / 1 / 2 / 6;
}

:where([data-page="home"]) #layout-hero-text-wrapper-1 {
  order: -9999;
  grid-area: 1 / 6 / 2 / 13;
}

:where([data-page="home"]) #layout-about-section-content-1 {
  grid-area: 1 / 1 / 2 / 9;
}

:where([data-page="home"]) #layout-about-image-wrapper-1, :where([data-page="home"]) #layout-mission-title-wrapper-1 {
  grid-area: 1 / 9 / 2 / 13;
}

:where([data-page="home"]) #layout-mission-image-wrapper-1 {
  grid-area: 1 / 1 / 2 / 4;
}

:where([data-page="home"]) #layout-mission-text-1 {
  grid-area: 1 / 9 / 2 / 13;
}

:where([data-page="home"]) #layout-div-1 {
  grid-area: 1 / 1 / 2 / 9;
}

:where([data-page="home"]) #layout-icons-list-1 {
  grid-area: 1 / 9 / 2 / 13;
}

:where([data-page="home"]) #layout-div-2 {
  grid-area: 1 / 1 / 2 / 9;
}

:where([data-page="home"]) #layout-icons-list-2 {
  grid-area: 1 / 9 / 2 / 13;
}

:where([data-page="home"]) #layout-div-3 {
  grid-area: 1 / 1 / 2 / 9;
}

:where([data-page="home"]) #layout-icons-list-3 {
  grid-area: 1 / 9 / 2 / 13;
}

:where([data-page="home"]) #layout-div-4 {
  grid-area: 1 / 1 / 2 / 9;
}

:where([data-page="home"]) #layout-icons-list-4 {
  grid-area: 1 / 9 / 2 / 13;
}

:where([data-page="home"]) #layout-div-5 {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

:where([data-page="home"]) #layout-section-header-caption-1 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

:where([data-page="home"]) #layout-container-small-1 {
  grid-area: 1 / 7 / 2 / 13;
}

:where([data-page="home"]) #layout-div-6 {
  grid-area: 1 / 4 / 2 / 13;
}

:where([data-page="home"]) #layout-projects-list-column-first-1 {
  grid-area: 1 / 1 / 2 / 5;
}

:where([data-page="home"]) #layout-projects-list-text-1 {
  grid-area: 1 / 5 / 2 / 9;
}

:where([data-page="home"]) #layout-projects-list-column-last-1 {
  grid-area: 1 / 9 / 2 / 10;
}

:where([data-page="home"]) #layout-div-7 {
  grid-area: 1 / 4 / 2 / 13;
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) .marquee-heading {
  font-size: 13.5vw;
  line-height: .9;
}
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) .hero-content-middle {
  opacity: .8;
  mix-blend-mode: normal;
}
}

:where([data-page="portfolio"]) #layout-hero-caption-first-1, :where([data-page="portfolio"]) #layout-hero-caption-second-1, :where([data-page="portfolio"]) #layout-hero-caption-third-1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

:where([data-page="portfolio"]) #layout-section-header-caption-2 {
  grid-area: 1 / 1 / 2 / 7;
}

:where([data-page="portfolio"]) #layout-div-9 {
  grid-area: 1 / 4 / 2 / 13;
}

:where([data-page="portfolio"]) #layout-projects-list-column-first-29 {
  grid-area: 1 / 1 / 2 / 5;
}

:where([data-page="portfolio"]) #layout-projects-list-text-29 {
  grid-area: 1 / 5 / 2 / 9;
}

:where([data-page="portfolio"]) #layout-projects-list-column-last-29 {
  grid-area: 1 / 9 / 2 / 10;
}

:where([data-page="portfolio"]) #layout-div-10 {
  grid-area: 1 / 1 / 2 / 8;
}

:where([data-page="portfolio"]) #layout-call-action-column-right-1 {
  grid-area: 1 / 9 / 2 / 13;
}

#layout-footer-widget-1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#layout-div-8, #layout-footer-widget-2, #layout-footer-widget-3 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#layout-footer-widget-4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#layout-footer-credits-1 {
  grid-area: 1 / 1 / 2 / 7;
}

#layout-footer-credits-2 {
  grid-area: 1 / 7 / 2 / 13;
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) #layout-about-section-content-1 {
  grid-column-end: 13;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) #layout-about-image-wrapper-1 {
  grid-row: 2 / 3;
  grid-column-start: 1;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) #layout-mission-title-wrapper-1 {
  grid-column-start: 1;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) #layout-mission-image-wrapper-1 {
  grid-area: 1 / 1 / 2 / 5;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) #layout-mission-text-1 {
  grid-column-start: 6;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) #layout-div-5 {
  grid-column: span 12 / span 12;
}
}

@media screen and (max-width: 991px) {
:where([data-page="home"]) #layout-div-6, :where([data-page="home"]) #layout-div-7 {
  grid-column-start: 1;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) #layout-div-9 {
  grid-column-start: 1;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) #layout-div-10 {
  grid-column-end: 13;
}
}

@media screen and (max-width: 991px) {
:where([data-page="portfolio"]) #layout-call-action-column-right-1 {
  grid-row: 2 / 3;
  grid-column-start: 1;
}
}

@media screen and (max-width: 991px) {
#layout-footer-widget-1 {
  grid-column: span 3 / span 3;
}
}

@media screen and (max-width: 991px) {
#layout-div-8 {
  grid-column: span 6 / span 6;
}
}

@media screen and (max-width: 991px) {
#layout-footer-widget-2, #layout-footer-widget-3 {
  grid-column: span 12 / span 12;
}
}

@media screen and (max-width: 991px) {
#layout-footer-widget-4 {
  grid-column: span 3 / span 3;
}
}

@media screen and (max-width: 991px) {
#layout-footer-credits-1 {
  grid-column-end: 13;
}
}

@media screen and (max-width: 991px) {
#layout-footer-credits-2 {
  grid-row: 2 / 3;
  grid-column-start: 1;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) #layout-hero-services-container-1 {
  grid-column: 1 / 13;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) #layout-hero-text-wrapper-1 {
  grid-area: 2 / 1 / 3 / 13;
}
}

@media screen and (max-width: 767px) {
:where([data-page="home"]) #layout-container-small-1 {
  grid-column-start: 1;
}
}

@media screen and (max-width: 767px) {
#layout-footer-widget-1, #layout-div-8, #layout-footer-widget-2, #layout-footer-widget-3, #layout-footer-widget-4 {
  grid-column: span 12 / span 12;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-hero-text-wrapper-1 {
  justify-self: start;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-mission-image-wrapper-1 {
  grid-column-end: 4;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-mission-text-1 {
  grid-row: 2 / 3;
  grid-column-start: 1;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-div-1 {
  grid-column-end: 13;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-icons-list-1 {
  grid-row: 2 / 3;
  grid-column-start: 1;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-div-2 {
  grid-column-end: 13;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-icons-list-2 {
  grid-row: 2 / 3;
  grid-column-start: 1;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-section-header-caption-1 {
  grid-column: span 12 / span 12;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-projects-list-column-first-1 {
  grid-column-end: 9;
}
}

@media screen and (max-width: 479px) {
:where([data-page="home"]) #layout-projects-list-text-1 {
  grid-row: 2 / 3;
  grid-column-start: 1;
}
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) #layout-projects-list-column-first-29 {
  grid-column-end: 9;
}
}

@media screen and (max-width: 479px) {
:where([data-page="portfolio"]) #layout-projects-list-text-29 {
  grid-row: 2 / 3;
  grid-column-start: 1;
}
}