@media (width > 767px) {

  .services-page {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    height: auto;
    background-color: #FAF5EC;
  }

  .services-header {
    flex-shrink: 0;
    z-index: 0;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
  }

  .services__hero {
    overflow: hidden;
    align-self: stretch;
    flex-shrink: 0;
    z-index: 1;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
    background-color: #F5E7CD;
  }

  .services__hero-inner {
    display: grid;
    grid-template-columns: repeat(1, max-content) auto;
    grid-auto-flow: column;
    align-items: start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    height: auto;
  }

  .services-hero__media {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    margin-left: min(80px, 5.55556vw);
    margin-top: min(51px, 3.54167vw);
    grid-column: 1;
    grid-row: 1;
    margin-bottom: min(38.4714px, 2.67162vw);
    width: 90.7448vw;
    max-width: 1306.7250366210938px;
    height: 48.1617vw;
    max-height: 693.5286254882812px;
  }

  .services__hero-title {
    color: #16181B;
    display: block;
    grid-column: 1;
    grid-row: 1;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: min(625.529px, 43.4395vw);
    z-index: 0;
    width: 59.3056vw;
    max-width: 854.0px;
    height: auto;
    position: relative;
    text-align: left;
    font-family: "txc-pearl";
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 1.1;
    font-size: min(3.875rem, 4.30556vw);
  }

  .services__hero-body-layout {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    align-items: start;
    grid-column: 1;
    grid-row: 1;
    margin-left: min(724px, 50.2778vw);
    margin-top: min(3px, 0.208333vw);
    margin-bottom: 0px;
    z-index: 1;
    width: 40.467vw;
    max-width: 582.7250366210938px;
    height: 47.9534vw;
    max-height: 690.5286254882812px;
    position: relative;
    min-height: min(690.529px, 47.9534vw);
  }

  .services__hero-body-layout-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    margin-left: min(46.8021px, 3.25015vw);
    margin-top: min(8.61829px, 0.598492vw);
    grid-column: 1;
    grid-row: 1;
    margin-bottom: min(26.5261px, 1.84209vw);
    width: 33.1868vw;
    max-width: 477.8901928337291px;
    height: 45.5128vw;
    max-height: 655.3842750311346px;
  }

  .services-photo-back {
    grid-column: 1;
    grid-row: 1;
    margin-left: min(11.2301px, 0.77987vw);
    margin-top: 0px;
    margin-bottom: min(140.408px, 9.75055vw);
    transform: rotate(0.15233463287597243deg);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: min(16px, 1.11111vw);
    padding-right: min(16px, 1.11111vw);
    padding-top: min(16px, 1.11111vw);
    padding-bottom: min(16px, 1.11111vw);
    z-index: 0;
    width: 32.4069vw;
    max-width: 466.6600646972656px;
    height: 35.7622vw;
    max-height: 514.9763793945312px;
    position: relative;
    background-color: #FCF9F3;
    min-height: min(514.976px, 35.7622vw);
  }

  .services-photo-back__layer {
    transform: rotate(0);
    flex-grow: 1;
    z-index: 0;
    width: 30.1848vw;
    max-width: 434.6609191894531px;
    height: 33.54vw;
    max-height: 482.97637939453125px;
    position: relative;
    object-fit: fill;
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    contain: size;
    overflow: hidden;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    pointer-events: none;
  }

  .services-photo-back__image {
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    contain: size;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    filter: var(--image-filter, none);
    --image-exposure: 0;
    --image-contrast: 0;
    --image-saturation: 0;
    --image-temperature: 0;
    --image-tint: 0;
    --image-highlights: 0;
    --image-shadows: 0;
    opacity: 1;
    --image-source-transform: matrix(1.94651373518, 0, 0, 1.04033098681, -0.507147663738, -0.0391779764077);
  }

  .services-photo-front {
    grid-column: 1;
    grid-row: 1;
    margin-left: 0px;
    margin-top: min(17.9078px, 1.2436vw);
    margin-bottom: 0px;
    border-radius: 5.0px;
    transform: rotate(-7.138842761345792deg);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: min(16px, 1.11111vw);
    padding-right: min(16px, 1.11111vw);
    padding-top: min(16px, 1.11111vw);
    padding-bottom: min(16px, 1.11111vw);
    z-index: 1;
    width: 32.407vw;
    max-width: 466.6609191894531px;
    height: 44.2692vw;
    max-height: 637.4765014648438px;
    position: relative;
    background-color: #FFFCF7;
    min-height: min(637.477px, 44.2692vw);
  }

  .services-photo-front__layer {
    transform: rotate(0);
    flex-grow: 1;
    z-index: 0;
    width: 30.1848vw;
    max-width: 434.6609191894531px;
    height: 42.047vw;
    max-height: 605.4765014648438px;
    position: relative;
    object-fit: fill;
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    contain: size;
    overflow: hidden;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    pointer-events: none;
  }

  .services-photo-front__image {
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    contain: size;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    filter: var(--image-filter, none);
    --image-exposure: 0;
    --image-contrast: 0;
    --image-saturation: 0;
    --image-temperature: 0;
    --image-tint: 0;
    --image-highlights: 0;
    --image-shadows: 0;
    opacity: 1;
    --image-source-transform: matrix(1.94651373518, 0, 0, 1.04033098681, -0.507147663738, -0.0391779764077);
  }

  .services-hero__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-column: 2;
    grid-row: 1;
    height: auto;
  }

  .services-intro {
    margin-left: max(-1306.73px, -90.7448vw);
    margin-top: min(143px, 9.93056vw);
    display: flex;
    flex-direction: column;
    gap: min(32px, 2.22222vw);
    align-items: flex-start;
    z-index: 2;
    width: 46.25vw;
    max-width: 666.0px;
    height: auto;
    position: relative;
    text-align: left;
    font-family: "Archivo";
    letter-spacing: 0rem;
  }

  .services-intro__title {
    display: block;
    align-self: stretch;
    z-index: 0;
    width: 46.25vw;
    max-width: 666.0px;
    height: auto;
    position: relative;
    color: #0B889B;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .services-intro__description {
    display: block;
    align-self: stretch;
    z-index: 1;
    width: 46.25vw;
    max-width: 666.0px;
    height: auto;
    position: relative;
    color: #343543;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .services-context {
    margin-left: max(-1304.73px, -90.6059vw);
    margin-top: min(37px, 2.56944vw);
    margin-bottom: min(77px, 5.34722vw);
    display: flex;
    flex-direction: column;
    gap: min(24px, 1.66667vw);
    align-items: flex-start;
    z-index: 3;
    width: 45.1389vw;
    max-width: 650.0px;
    height: auto;
    position: relative;
    text-align: left;
    font-family: "Archivo";
    letter-spacing: 0rem;
  }

  .services-challenge {
    border-radius: min(8px, 0.555556vw);
    align-self: stretch;
    z-index: 0;
    width: 45.1389vw;
    max-width: 650.0px;
    height: auto;
    position: relative;
    background-color: #FAF5EC;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .services-challenge__body {
    display: flex;
    flex-direction: column;
    gap: min(16px, 1.11111vw);
    align-items: flex-start;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    grid-column: 1;
    grid-row: 1;
    min-width: 0px;
    min-height: 0px;
    align-self: stretch;
    justify-self: stretch;
    z-index: 0;
  }

  .services-challenge__title {
    display: block;
    align-self: stretch;
    z-index: 0;
    width: 40.6944vw;
    max-width: 586.0px;
    height: auto;
    position: relative;
    color: #16181B;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .services-challenge__description {
    display: block;
    align-self: stretch;
    z-index: 1;
    width: 40.6944vw;
    max-width: 586.0px;
    height: auto;
    position: relative;
    color: #343543;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.5;
  }

  .services-challenge__spacer {
    border: min(1px, 0.0694444vw) solid #F5E7CD;
    grid-column: 1;
    grid-row: 1;
    contain: size;
    align-self: stretch;
    justify-self: stretch;
    min-width: 0px;
    min-height: 0px;
    pointer-events: none;
    z-index: 1;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-radius: min(8px, 0.555556vw) min(8px, 0.555556vw) min(8px, 0.555556vw) min(8px, 0.555556vw) / min(8px, 0.555556vw) min(8px, 0.555556vw) min(8px, 0.555556vw) min(8px, 0.555556vw);
  }

  .services-solution {
    border-radius: 8.0px;
    display: flex;
    flex-direction: column;
    gap: min(16px, 1.11111vw);
    align-items: flex-start;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    align-self: stretch;
    z-index: 1;
    width: 45.1389vw;
    max-width: 650.0px;
    height: auto;
    position: relative;
    background-color: #16181B;
  }

  .services-solution__heading {
    display: block;
    align-self: stretch;
    z-index: 0;
    width: 40.6944vw;
    max-width: 586.0px;
    height: auto;
    position: relative;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .services-solution__copy {
    display: block;
    opacity: 0.800000011920929;
    align-self: stretch;
    z-index: 1;
    width: 40.6944vw;
    max-width: 586.0px;
    height: auto;
    position: relative;
    color: #FAF5EC;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.5;
  }

  .services-solution__text {
    display: inline;
    opacity: 0.800000011920929;
    align-self: stretch;
    width: 40.6944vw;
    max-width: 586.0px;
    height: auto;
  }

  .altaira-method {
    align-self: stretch;
    z-index: 2;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
    background-color: #FAF5EC;
    text-align: left;
  }

  .altaira-method__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    display: flex;
    flex-direction: column;
    gap: min(48px, 3.33333vw);
    justify-content: center;
    align-items: flex-start;
    padding-left: min(80px, 5.55556vw);
    padding-right: min(80px, 5.55556vw);
    padding-top: min(30px, 2.08333vw);
    padding-bottom: min(40px, 2.77778vw);
    height: auto;
  }

  .altaira-method__layout {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: min(80px, 5.55556vw);
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
    z-index: 0;
    width: 94.4444vw;
    max-width: 1360.0px;
    height: auto;
    position: relative;
    min-height: min(449px, 31.1806vw);
  }

  .altaira-method__copy {
    justify-content: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: min(37px, 2.56944vw);
    align-items: flex-start;
    flex-grow: 1;
    z-index: 0;
    width: 94.4444vw;
    max-width: 1360.0px;
    height: auto;
    position: relative;
  }

  .altaira-method__title {
    color: #16181B;
    display: block;
    flex-shrink: 0;
    z-index: 0;
    width: max-content;
    height: auto;
    position: relative;
    font-family: "txc-pearl";
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 1.1;
    font-size: min(3.375rem, 3.75vw);
  }

  .altaira-method__body {
    display: flex;
    flex-direction: row;
    gap: min(37px, 2.56944vw);
    align-items: flex-start;
    z-index: 1;
    width: max-content;
    height: auto;
    position: relative;
    font-family: "Archivo";
  }

  .sample-article__body-text {
    display: block;
    flex-shrink: 0;
    z-index: 0;
    width: 42.5694vw;
    max-width: 613.0px;
    height: auto;
    position: relative;
    letter-spacing: 0rem;
  }

  .sample-article__intro-title-copy {
    display: inline;
    color: #0B889B;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2;
    height: auto;
  }

  .sample-article__intro-break-copy {
    display: inline;
    color: #16181B;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .altaira-method__principles {
    border-radius: 8.0px;
    display: flex;
    flex-direction: column;
    gap: min(32px, 2.22222vw);
    align-items: flex-start;
    padding-left: min(40px, 2.77778vw);
    padding-right: min(40px, 2.77778vw);
    padding-top: min(30px, 2.08333vw);
    padding-bottom: min(30px, 2.08333vw);
    flex-shrink: 0;
    z-index: 1;
    width: 42.5694vw;
    max-width: 613.0px;
    height: auto;
    position: relative;
    background-color: #16181B;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0.01rem;
    line-height: 1.5;
  }

  .altaira-method__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 0;
    z-index: 0;
    width: 35.6944vw;
    max-width: 514.0px;
    height: auto;
    position: relative;
  }

  .altaira-method__list-copy {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: auto;
  }

  .services__services {
    align-self: stretch;
    flex-shrink: 0;
    z-index: 3;
    width: 100%;
    max-width: none;
    height: auto;
    position: relative;
    background-color: #F5E7CD;
  }

  .services__services-inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    display: flex;
    flex-direction: column;
    gap: min(22px, 1.52778vw);
    align-items: center;
    padding-left: min(80px, 5.55556vw);
    padding-right: min(80px, 5.55556vw);
    padding-top: min(60px, 4.16667vw);
    padding-bottom: min(100px, 6.94444vw);
    height: auto;
  }

  .services__services-layout {
    display: block;
    z-index: 0;
    width: 87.6389vw;
    max-width: 1262.0px;
    height: auto;
    position: relative;
    text-align: center;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 3.375rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    line-height: 1.1;
  }

  .services__cta-inner {
    grid-template-columns: auto;
    grid-auto-flow: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-column: 1;
    grid-row: 1;
    height: auto;
  }

  .services__cta-actions {
    margin-left: min(608px, 42.2222vw);
    margin-top: min(30px, 2.08333vw);
    margin-bottom: min(60px, 4.16667vw);
    display: flex;
    flex-direction: row;
    gap: min(24px, 1.66667vw);
    justify-content: center;
    align-items: center;
    z-index: 2;
    width: max-content;
    height: auto;
    position: relative;
  }


/* Anchor the figure below the top edge instead of scaling an exported SVG crop. */
.services__cta {
  align-self: stretch;
  flex-shrink: 0;
  z-index: 4;
  width: 100%;
  max-width: none;
  height: auto;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  background: #F5E7CD;
}
.services-cta__background .services-cta-scene {
  position: absolute;
  left: 0;
  top: calc(min(100px, 6.94444vw) - 28.6vw);
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}
  .services__cta-headline {
    display: block;
    margin-left: min(268px, 18.6111vw);
    z-index: 1;
    width: 63.75vw;
    max-width: 918.0px;
    height: auto;
    position: relative;
    text-align: center;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 3.375rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    line-height: 1.1;
    margin-top: max(min(343px, 23.8194vw), calc(120px + 13vw));
  }

.services-cta__background {
  grid-column: 1;
  grid-row: 1;
  min-width: 0px;
  min-height: 0px;
  align-self: stretch;
  justify-self: stretch;
  contain: size;
  overflow: hidden;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  pointer-events: none;
  position: relative;
}

}

@media (max-width: 767px) {

.mobile-our-services {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--color-cream-light);
  color: var(--color-dark);
  font-family: "Archivo";
}


.services-hero__intro,
.services-hero__cards {
  display: flex;
  flex-direction: column;
}

.services-hero__cards {
  gap: 2.13333vw;
}

.services-hero__card--light {
  background: var(--color-cream-light);
}

.services-hero__card--dark {
  background: var(--color-dark);
  color: var(--color-cream-light);
}

.altaira-way__points li::before {
  content: "•";
}

.services-cta__heading {
  width: 93.3333vw;
  font-size: clamp(2.66667rem, calc(1.6rem + 2.13333vw), 4.26667rem);
  max-width: 24em;
  margin: 0;
  /* Prevents default browser heading margins from adding extra gap */
}

  .services-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    width: 100%;
    height: max-content;
    background: var(--color-cream);
    display: flex;
    flex-direction: column;
    gap: 6.2vw;
    padding: 6.15vw 6.4vw 10vw;
  }

  .services-hero__heading,
  .altaira-way__heading,
  .services-grid-section__heading,
  .services-cta__heading {
    text-transform: uppercase;
    font-family: "txc-pearl";
    font-weight: 400;
    line-height: 1.05;
    font-size: var(--mobile-heading);
  }

  .services-hero__intro {
    gap: 5.1vw;
    width: 87vw;
    max-width: 35em;
  }

  .services-hero__subheading {
    color: var(--color-teal);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .services-hero__body {
    color: var(--color-slate);
    font-size: 1.5em;
    line-height: 1.2;
  }

  .services-hero__visual {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 87vw;
    min-height: 105vw;
    padding: 3vw 0 6vw;
  }

  .services-hero__visual-back,
  .services-hero__visual-front {
    grid-area: 1 / 1;
    display: block;
    object-fit: cover;
    border: 1vw solid var(--color-cream-light);
    background: var(--color-cream-light);
    border-width: 2.2vw;
  }

  .services-hero__visual-back {
    width: 66vw;
    height: 83vw;
    transform: translate(2vw,-6vw) rotate(0.15deg);
  }

  .services-hero__visual-front {
    width: 66vw;
    height: 94vw;
    transform: translate(0vw,2vw) rotate(-7deg);
  }

  .mobile-our-services>.services-hero__cards {
    gap: 5.1vw;
    width: 100%;
    padding: 0 6.4vw 12.3vw;
    background: var(--color-cream);
  }

  .services-hero__card {
    display: flex;
    flex-direction: column;
    height: max-content;
    min-height: 10.625vw;
    gap: 4.1vw;
    width: 87vw;
    padding: 6.15vw;
    border-radius: 3vw;
  }

  .services-hero__card-title {
    font-family: "Archivo", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
  }

  .services-hero__card-body {
    width: 75vw;
    max-width: 35em;
    font-size: .95rem;
    line-height: 1.45;
  }

  .altaira-way {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: max-content;
    background: var(--color-cream-light);
    gap: 7.2vw;
    padding: 13vw 6.4vw;
  }

  .altaira-way__intro-lead,
  .altaira-way__intro-body {
    width: 87vw;
    max-width: 35em;
    font-size: 1.25rem;
    line-height: 1.45;
  }

  .altaira-way__intro-lead {
    color: var(--color-teal);
    font-weight: 500;
  }

  .altaira-way__points {
    display: flex;
    flex-direction: column;
    height: max-content;
    min-height: 26.6667vw;
    background: var(--color-dark);
    color: var(--color-white);
    gap: 7vw;
    width: 87vw;
    padding: 8vw 7vw;
    border-radius: 3vw;
  }

  .altaira-way__points li {
    display: flex;
    gap: 6vw;
    font-size: .95rem;
    line-height: 1.45;
  }

  .services-grid-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: max-content;
    background: var(--color-cream);
    align-items: flex-start;
    gap: 10vw;
    padding: 14vw 6.4vw 12vw;
    overflow: hidden;
  }

  .services-grid-section__heading {
    width: 87vw;
    text-align: center;
  }

  .services-grid-section .mini-service-card {
    min-height: 85vw;
  }

  .services-grid-section .mini-service-card__image {
    height: 24vw;
  }

  .mobile-services-cta {
    justify-content: flex-end;
    gap: 7vw;
    background-color: var(--color-cream);
    margin: auto;
    overflow: hidden;
  }

  .cta-background {
    width:100%;
    aspect-ratio: 1.2;
    object-fit: cover;
    object-position: top center;
    display: block;
    transform: scale(1.2);
    transform-origin: top center;
    position: relative;
  }

  .services-cta__heading {
    margin: auto auto;
    width: 87vw;
    max-width: 18em;
    text-align: center;
    font-size: clamp(1.47rem, calc(1.47rem + 6vw), 5rem);
    z-index: 1;
    position: relative;
  }

  .services-cta__button {
    width: 87vw;
    max-width: none;
    margin: 7vw auto 16.4vw;
  }

  .cta-button-wrap {
    display: flex;
    justify-content: center;
  }


}