@media (width > 767px) {

  .story-page {
    width: 100%;
    max-width: none;
    height: auto;
    background-color: #F5E7CD;
    position: relative;
  }

  /* Step 4: content above a separate image, using target desktop sizing. */
  .story__hero {
    position: relative;
    margin-top: min(108px, 7.5vw);
    width: 100%;
    height: auto;
  }

  .story__hero-inner {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(48px, 3.33333vw);
    padding: min(80px, 5.55556vw) min(80px, 5.55556vw) min(43px, 2.98611vw);
    color: #16181B;
    text-align: center;
  }

  .story__hero-title {
    margin: 0;
    width: 100%;
    max-width: 854px;
    font: 400 3.875rem/1.1 "txc-pearl";
    text-transform: uppercase;
  }

  .story__hero-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(32px, 2.22222vw);
    width: 100%;
    max-width: 1002px;
    font-family: "Archivo";
  }

  .story__hero .story-intro__description {
    margin: 0;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
  }

  .story__hero .story-intro__heading {
    margin: 0;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .story__hero .story-hero__image {
    display: block;
    width: 100%;
    max-width: 1240px;
    height: auto;
    border-radius: 8px;
  }

  .story-partnership {
    border-radius: 8.0px;
    position: relative;
    margin-top: 0px;
    z-index: 1;
    width: 100%;
    max-width: none;
    height: auto;
    background-color: #F5E7CD;
  }

  .story-partnership__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;
  }

  .story-partnership__copy {
    margin-left: min(80px, 5.55556vw);
    margin-top: min(61.5px, 4.27083vw);
    grid-column: 1;
    grid-row: 1;
    margin-bottom: min(61.5px, 4.27083vw);
    text-align: left;
    color: #16181B;
    font-weight: 400;
    letter-spacing: 0rem;
    display: flex;
    flex-direction: column;
    gap: min(50px, 3.47222vw);
    align-items: flex-start;
    flex-shrink: 0;
    z-index: 0;
    width: 51.5972vw;
    max-width: 743.0px;
    height: auto;
    position: relative;
    min-height: min(433px, 30.0694vw);
  }

  .story-partnership__title {
    display: block;
    z-index: 0;
    width: 32.0139vw;
    max-width: 461.0px;
    height: auto;
    position: relative;
    font-family: "txc-pearl";
    font-size: 3.375rem;
    text-transform: uppercase;
    line-height: 1.1;
  }

  .story-partnership__title-ending {
    display: inline;
    height: auto;
  }

  .story-partnership__description {
    display: block;
    z-index: 1;
    width: 51.5972vw;
    max-width: 743.0px;
    height: auto;
    position: relative;
    font-family: "Archivo";
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .story-partnership__description-emphasis {
    display: inline;
    height: auto;
  }

  .story-partnership__description-ending {
    display: inline;
    height: auto;
  }

  .partnership-photos {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    align-items: start;
    margin-left: min(64px, 4.44444vw);
    margin-top: min(61.5px, 4.27083vw);
    grid-column: 2;
    grid-row: 1;
    margin-bottom: min(80.4048px, 5.58367vw);
    z-index: 0;
    width: 32.0256vw;
    max-width: 461.169189453125px;
    height: 28.7566vw;
    max-height: 414.09515380859375px;
    position: relative;
    min-height: min(414.095px, 28.7566vw);
  }

  .partnership-photos__layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    margin-left: min(9.00011px, 0.625008vw);
    margin-top: min(15.6745px, 1.0885vw);
    grid-column: 1;
    grid-row: 1;
    margin-bottom: min(3.78271px, 0.262688vw);
    width: 31.7697vw;
    max-width: 457.4841423247044px;
    height: 27.4054vw;
    max-height: 394.63798903722636px;
  }

  .partnership-photos__front {
    grid-column: 1;
    grid-row: 1;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: min(11.8918px, 0.82582vw);
    border-radius: 5.0px;
    transform: rotate(-0.9570713211479102deg);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    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: 30.7756vw;
    max-width: 443.169189453125px;
    height: 26.5796vw;
    max-height: 382.7461853027344px;
    position: relative;
    background-color: #FFFCF7;
    min-height: min(382.746px, 26.5796vw);
  }

  .story-partnership-photo--front {
    align-self: stretch;
    flex-grow: 1;
    z-index: 0;
    width: 28.5534vw;
    max-width: 411.169189453125px;
    height: 24.3574vw;
    max-height: 350.7461853027344px;
    position: relative;
    object-fit: cover;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .story-partnership-photo--front-layer {
    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;
  }

  .story-partnership-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;
  }

  .partnership-photos__back {
    margin-right: max(-5.31506px, -0.369102vw);
    grid-column: 1;
    grid-row: 1;
    margin-left: min(14.315px, 0.994094vw);
    margin-top: min(11.8918px, 0.82582vw);
    margin-bottom: 0px;
    border-radius: 5.0px;
    transform: rotate(7.582723736436661deg);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    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: 30.7756vw;
    max-width: 443.169189453125px;
    height: 26.5796vw;
    max-height: 382.7461853027344px;
    position: relative;
    background-color: #FFFCF7;
    min-height: min(382.746px, 26.5796vw);
  }

  .story-partnership-photo--back {
    align-self: stretch;
    flex-grow: 1;
    z-index: 0;
    width: 28.5534vw;
    max-width: 411.169189453125px;
    height: 24.3574vw;
    max-height: 350.7461853027344px;
    position: relative;
    object-fit: cover;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .story-partnership-photo--back-layer {
    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;
  }

  .story-partnership-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;
  }

  .story-model {
    background-image: linear-gradient(#16181B, #16181B);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-blend-mode: normal;
    position: relative;
    margin-top: 0px;
    z-index: 2;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .story-model__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;
  }

  .story-model__intro {
    margin-left: min(100px, 6.94444vw);
    margin-top: min(70px, 4.86111vw);
    display: flex;
    flex-direction: column;
    gap: min(24px, 1.66667vw);
    align-items: center;
    z-index: 0;
    width: 86.1111vw;
    max-width: 1240.0px;
    height: auto;
    position: relative;
    text-align: center;
    color: #FFFFFF;
    font-weight: 400;
    letter-spacing: 0rem;
  }

  .story-model__intro-title {
    display: block;
    align-self: stretch;
    z-index: 0;
    width: 86.1111vw;
    max-width: 1240.0px;
    height: auto;
    position: relative;
    font-family: "txc-pearl";
    font-size: 3.375rem;
    text-transform: uppercase;
    line-height: 1.1;
  }

  .story-model__intro-description {
    display: block;
    opacity: 0.800000011920929;
    z-index: 1;
    width: 62.0833vw;
    max-width: 894.0px;
    height: auto;
    position: relative;
    font-family: "Archivo";
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .story-model__intro-description-primary {
    display: inline;
    opacity: 0.800000011920929;
    height: auto;
  }

  .story-model__intro-description-secondary {
    display: inline;
    opacity: 0.800000011920929;
    height: auto;
  }

  .story-model__team-title {
    display: block;
    margin-left: min(226px, 15.6944vw);
    margin-top: min(52px, 3.61111vw);
    z-index: 1;
    width: 68.6111vw;
    max-width: 988.0px;
    height: auto;
    position: relative;
    text-align: center;
    color: #FFFFFF;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 2.9375rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    line-height: 1;
  }

  .story-model__team-copy {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    margin-left: min(87px, 6.04167vw);
    margin-top: min(52px, 3.61111vw);
    margin-bottom: min(70px, 4.86111vw);
    width: 87.9167vw;
    max-width: 1266.0px;
    height: auto;
    max-height: none;
  }

  .story-team__viewport {
    grid-column: 1;
    grid-row: 1;
    margin-left: min(86px, 5.97222vw);
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    gap: min(44px, 3.05556vw);
    justify-content: center;
    align-items: center;
    z-index: 3;
    width: max-content;
    height: auto;
    position: relative;
    min-height: min(530px, 36.8056vw);
  }

  .flexible-design {
    position: relative;
    margin-top: 0px;
    z-index: 3;
    width: 100%;
    max-width: none;
    height: auto;
    background-color: #F5E7CD;
  }

  .flexible-design__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;
  }

  .flexible-design__layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    margin-left: min(80px, 5.55556vw);
    margin-top: min(60px, 4.16667vw);
    grid-column: 1;
    grid-row: 1;
    margin-bottom: min(60px, 4.16667vw);
    width: 41.6667vw;
    max-width: 600.0px;
    height: 47.9534vw;
    max-height: 690.5286254882812px;
  }

  .flexible-design__back {
    grid-column: 1;
    grid-row: 1;
    margin-left: min(54.0396px, 3.75275vw);
    margin-top: min(39.0251px, 2.71008vw);
    margin-bottom: min(14.027px, 0.974099vw);
    transform: rotate(0.18715375148543126deg);
    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.407vw;
    max-width: 466.6609191894531px;
    height: 44.2692vw;
    max-height: 637.4765014648438px;
    position: relative;
    background-color: #FCF9F3;
    min-height: min(637.477px, 44.2692vw);
  }

  .story-difference-photo--back {
    transform: rotate(0);
    align-self: stretch;
    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;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .story-difference-photo--back-layer {
    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;
  }

  .story-difference-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);
  }

  .flexible-design__front {
    grid-column: 1;
    grid-row: 1;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    gap: min(80px, 5.55556vw);
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 41.6667vw;
    max-width: 600.0px;
    height: max-content;
    position: relative;
  }

  .flexible-design__photo {
    border-radius: 5.0px;
    transform: rotate(-7.138842762176324deg);
    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);
    flex-shrink: 0;
    margin-left: min(37.8021px, 2.62515vw);
    margin-right: min(37.8021px, 2.62515vw);
    margin-top: min(26.5261px, 1.84209vw);
    margin-bottom: min(26.5261px, 1.84209vw);
    z-index: 0;
    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);
  }

  .story-difference-photo--front {
    transform: rotate(0);
    align-self: stretch;
    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;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  .story-difference-photo--front-layer {
    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;
  }

  .story-difference-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);
  }

  .flexible-design__copy {
    margin-left: min(80px, 5.55556vw);
    margin-top: min(133.264px, 9.25447vw);
    grid-column: 2;
    grid-row: 1;
    margin-bottom: min(133.264px, 9.25446vw);
    display: flex;
    flex-direction: column;
    gap: min(32px, 2.22222vw);
    align-items: flex-start;
    z-index: 2;
    width: 41.6667vw;
    max-width: 600.0px;
    height: auto;
    position: relative;
  }

  .flexible-design__title {
    color: #16181B;
    display: block;
    align-self: stretch;
    z-index: 0;
    width: 41.6667vw;
    max-width: 600.0px;
    height: auto;
    position: relative;
    text-align: left;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 3.375rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    line-height: 1.1;
  }

  .flexible-design__description {
    display: block;
    align-self: stretch;
    z-index: 1;
    width: 41.6667vw;
    max-width: 600.0px;
    height: auto;
    position: relative;
    text-align: left;
    font-family: "Archivo";
    letter-spacing: 0rem;
  }

  .flexible-design__opening {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .flexible-design__emphasis {
    display: inline;
    align-self: stretch;
    color: #0B889B;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.2;
    height: auto;
  }

  .flexible-design__ending {
    display: inline;
    align-self: stretch;
    color: #16181B;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    height: auto;
  }

  .story-services {
    position: relative;
    margin-top: 0;
    z-index: 4;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .story-services__inner {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: row;
    align-items: start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440.0px;
    height: auto;
  }

  .story-services__layout {
    display: grid;
    grid-template-columns: repeat(1, max-content) auto;
    grid-auto-flow: column;
    align-items: start;
    margin-left: min(80px, 5.55556vw);
    margin-top: 0px;
    grid-column: 1;
    grid-row: 1;
    width: 88.75vw;
    max-width: 1278.0px;
    height: auto;
  }

  .story-services__inner-title {
    display: block;
    margin-left: 0px;
    margin-top: 0px;
    grid-column: 1;
    grid-row: 1;
    margin-bottom: min(2px, 0.138889vw);
    z-index: 0;
    width: 47.9167vw;
    max-width: 690.0px;
    height: auto;
    position: relative;
    text-align: left;
    color: #16181B;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: 3.375rem;
    letter-spacing: 0rem;
    text-transform: uppercase;
    line-height: 1.1;
  }

  .story-services__inner-label-copy {
    display: inline;
    width: 47.9167vw;
    max-width: 690.0px;
    height: auto;
  }

  .story-services__controls {
    margin-left: min(466px, 32.3611vw);
    margin-top: min(9px, 0.625vw);
    grid-column: 2;
    grid-row: 1;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    gap: min(18px, 1.25vw);
    align-items: center;
    z-index: 2;
    width: max-content;
    height: max-content;
    position: relative;
  }

  .story-services__previous {
    background-image: linear-gradient(#343543, #343543);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-blend-mode: normal;
    border-radius: 48.0px;
    display: flex;
    flex-direction: row;
    gap: min(10px, 0.694444vw);
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    z-index: 0;
    width: 3.61111vw;
    max-width: 52.0px;
    height: 3.61111vw;
    max-height: 52.0px;
    position: relative;
    min-height: min(52px, 3.61111vw);
  }

  .story-services__previous-icon {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    align-items: start;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 0;
    width: 1.66667vw;
    max-width: 24.0px;
    height: 1.66667vw;
    max-height: 24.0px;
    position: relative;
    min-height: min(24px, 1.66667vw);
  }

  .story-services__previous-art {
    margin-left: min(3px, 0.208333vw);
    margin-top: min(4.1792px, 0.290222vw);
    grid-column: 1;
    grid-row: 1;
    margin-bottom: min(4.8208px, 0.334778vw);
    z-index: 0;
    width: 1.25vw;
    max-width: 18.0px;
    height: 1.04167vw;
    max-height: 15.0px;
    position: relative;
    background-color: #FFFFFF;
  }

  .story-services__next {
    background-image: linear-gradient(#343543, #343543);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-blend-mode: normal;
    border-radius: 48.0px;
    display: flex;
    flex-direction: row;
    gap: min(10px, 0.694444vw);
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    z-index: 1;
    width: 3.61111vw;
    max-width: 52.0px;
    height: 3.61111vw;
    max-height: 52.0px;
    position: relative;
    min-height: min(52px, 3.61111vw);
  }

  .story-services__next-icon {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: column;
    align-items: start;
    transform: rotate(180.0deg) scaleY(-1);
    overflow: hidden;
    flex-shrink: 0;
    z-index: 0;
    width: 1.66667vw;
    max-width: 24.0px;
    height: 1.66667vw;
    max-height: 24.0px;
    position: relative;
    min-height: min(24px, 1.66667vw);
  }

  .story-services__next-art {
    margin-left: min(3px, 0.208333vw);
    margin-top: min(4.1792px, 0.290222vw);
    grid-column: 1;
    grid-row: 1;
    margin-bottom: min(4.8208px, 0.334778vw);
    z-index: 0;
    width: 1.25vw;
    max-width: 18.0px;
    height: 1.04167vw;
    max-height: 15.0px;
    position: relative;
    background-color: #FFFFFF;
  }


}

@media (max-width: 767px) {

  .mobile-our-story {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: max-content;
    background-color: var(--color-cream);
  }

  /* Hero */
  .story-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6.15385vw;
    padding: 12.3077vw 6.41026vw;
    width: 100%;
    height: max-content;
    background-color: var(--color-cream);
  }

  .story-hero__heading {
    width: max(255px, 87.1795vw);
    text-align: center;
    color: var(--color-dark);
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: clamp(46.5px, calc(31px + 7.94872vw), 82.6667px);
    text-transform: uppercase;
    line-height: clamp(51.15px, calc(34.1px + 8.74359vw), 90.9333px);
  }

  .story-hero__intro {
    display: flex;
    flex-direction: column;
    gap: 5.12821vw;
    width: max(255px, 87.1795vw);
    text-align: center;
    font-family: "Archivo";
  }

  .story-hero__intro-lead {
    color: var(--color-teal);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: clamp(21.6px, calc(14.4px + 3.69231vw), 38.4px);
  }

  .story-hero__intro-body {
    color: var(--color-slate);
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .story-hero__image {
    display: block;
    width: max(255px, 87.1795vw);
    max-width: 100%;
    aspect-ratio: 1206 / 579;
    object-fit: cover;
    border: 2.05128vw solid var(--color-white);
  }

  /* Shared photo-stack (mobile) */
  .photo-stack {
    display: grid;
    width: max(235.543px, 80.5276vw);
    height: max(220px, 75.2vw);
    align-self: center;
  }

  .photo-stack__back,
  .photo-stack__front {
    grid-area: 1 / 1;
    display: flex;
    border-radius: 0.873081vw;
    padding: 2.79386vw;
    width: 96%;
    height: 88%;
    background-color: var(--color-cream-light);
  }

  .photo-stack__back {
    align-self: center;
    justify-self: center;
    transform: rotate(-1deg);
  }

  .photo-stack__front {
    align-self: center;
    justify-self: center;
    transform: rotate(7.6deg);
  }

  .photo-stack__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .photo-stack--single {
    border-radius: 2.05128vw;
    transform: rotate(-2.5deg);
    display: flex;
    align-items: center;
    padding: 3.07692vw;
    width: max(255px, 87.1795vw);
    height: max-content;
    background-color: var(--color-cream-light);
    align-self: center;
  }

  .photo-stack--single .photo-stack__image {
    width: 100%;
    height: max(200px, 68.3vw);
    object-fit: cover;
  }

  /* Built on Partnership */
  .partnership {
    display: flex;
    flex-direction: column;
    gap: 7.17949vw;
    padding: 12.3077vw 6.41026vw;
    background-color: var(--color-cream);
  }

  .partnership__heading {
    text-align: left;
    color: var(--color-dark);
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: clamp(22.5px, calc(15px + 3.84615vw), 40px);
    text-transform: uppercase;
    line-height: clamp(27.75px, calc(18.5px + 4.74359vw), 49.3333px);
  }

  .partnership__body {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    text-align: left;
    color: var(--color-dark);
    font-family: "Archivo";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  /* A Smarter Operating Model */
  .operating-model {
    display: flex;
    flex-direction: column;
    gap: 9.23077vw;
    padding: 14.359vw 6.41026vw;
    background-color: var(--color-dark);
  }

  .operating-model__header {
    display: flex;
    flex-direction: column;
    gap: 4.10256vw;
    text-align: left;
    color: var(--color-white);
    font-family: "Archivo";
  }

  .operating-model__heading {
    font-family: "txc-pearl";
    font-size: clamp(22.5px, calc(15px + 3.84615vw), 40px);
    text-transform: uppercase;
    line-height: clamp(27.75px, calc(18.5px + 4.74359vw), 49.3333px);
  }

  .operating-model__body {
    opacity: 0.8;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .operating-model__team-label {
    text-align: center;
    color: var(--color-white);
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: clamp(22.5px, calc(15px + 3.84615vw), 40px);
    text-transform: uppercase;
    line-height: clamp(27.75px, calc(18.5px + 4.74359vw), 49.3333px);
  }

  /* Flexible by Design */
  .flexible-design {
    display: flex;
    flex-direction: column;
    gap: 7.17949vw;
    padding: 14.359vw 6.41026vw 0vw;
    background-color: var(--color-cream);
  }

  .flexible-design__content {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    color: var(--color-dark);
  }

  .flexible-design__heading {
    text-align: left;
    font-family: "txc-pearl";
    font-weight: 400;
    font-size: clamp(22.5px, calc(15px + 3.84615vw), 40px);
    text-transform: uppercase;
    line-height: clamp(27.75px, calc(18.5px + 4.74359vw), 49.3333px);
  }

  .flexible-design__body {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    text-align: left;
    font-family: "Archivo";
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .flexible-design__cta { align-self: center; width: 100%}

  /* Key services */


}

/* Align every desktop biography link with the bottom of its portrait. */
@media (width > 767px) {
  .story-team__viewport [data-team-cards="slider"] > .team-card {
    align-items: stretch;
  }
  .story-team__viewport .team-card__photo-link {
    align-self: flex-end;
  }
  .story-team__viewport .team-card__content > .site-button {
    margin-top: auto;
  }
}