/* About US Page
--------------------------------------------- */
.site-main > section:not(.hero) {
  margin: clamp(5rem, calc(3.1796116505rem + 7.7669902913vw), 12.5rem) 0;
}

.hero {
  display: flex;
  flex-direction: column;
  margin-bottom: clamp(2.5rem, calc(0.072815534rem + 10.355987055vw), 12.5rem);
}
.hero__title {
  position: relative;
  font-size: clamp(1.5rem, calc(0.6504854369rem + 3.6245954693vw), 5rem);
  text-transform: uppercase;
  font-family: var(--font-family-heading);
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: clamp(0.625rem, calc(0.3216019417rem + 1.2944983819vw), 1.875rem);
}
.hero__title br {
  display: none;
}
.hero__subtitle-block {
  width: 100%;
  margin: 0 auto;
}
.hero__subtitle {
  font-size: clamp(1rem, calc(0.8729674797rem + 0.5420054201vw), 1.125rem);
}
.hero__content-bottom {
  position: relative;
}
.hero__image-block {
  position: relative;
}
.hero__image--mobile {
  margin-top: 2.5rem;
}
.hero__image--tablet {
  margin-top: 2.5rem;
  display: none;
}
.hero__image--desktop {
  display: none;
}
.who-we-are__title {
  margin-bottom: clamp(0.625rem, calc(0.3216019417rem + 1.2944983819vw), 1.875rem);
}
.who-we-are__text {
  margin-bottom: clamp(0.625rem, calc(0.0182038835rem + 2.5889967638vw), 3.125rem);
}
.who-we-are__image {
  display: none;
  border-radius: clamp(1.375rem, calc(0.9502427184rem + 1.8122977346vw), 3.125rem);
  overflow: hidden;
}
.who-we-are__image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.who-we-are .button {
  display: none;
}

.timeline__title {
  margin-bottom: clamp(0.625rem, calc(0.4733009709rem + 0.6472491909vw), 1.25rem);
}
.timeline__content {
  margin-bottom: clamp(1.875rem, calc(1.4199029126rem + 1.9417475728vw), 3.75rem);
}
.timeline__steps {
  display: grid;
  grid-auto-rows: 1fr;
  gap: clamp(0.625rem, calc(0.0182038835rem + 2.5889967638vw), 3.125rem);
}
.timeline .step {
  flex: 1;
  padding: clamp(1.875rem, calc(1.4199029126rem + 1.9417475728vw), 3.75rem) clamp(0.9375rem, calc(0.7099514563rem + 0.9708737864vw), 1.875rem) clamp(1.875rem, calc(1.4199029126rem + 1.9417475728vw), 3.75rem) clamp(0.9375rem, calc(0.5582524272rem + 1.6181229773vw), 2.5rem);
  border-radius: clamp(1.375rem, calc(0.9502427184rem + 1.8122977346vw), 3.125rem);
  background-image: url(../img/icon_hiw-mobile-top.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-color: var(--color-light-2);
  background-size: contain;
}
.timeline .step__content {
  display: flex;
  flex-direction: column;
  gap: clamp(0.3125rem, calc(0.2366504854rem + 0.3236245955vw), 0.625rem);
}
.timeline .step:nth-child(2n) {
  background-position: right bottom;
  background-image: url(../img/icon_hiw-mobile-bottom.svg);
}
.timeline .step--active {
  background-image: url(../img/icon_hiw-mobile-top-active.svg);
  background-color: var(--color-primary);
  background-position: right top;
  color: var(--color-light-1);
}
.timeline .step--active:nth-child(2n) {
  background-image: url(../img/icon_hiw-mobile-bottom-active.svg);
  background-position: right bottom;
}
.timeline .step__num {
  font-size: var(--fs-site);
  font-family: var(--font-family-heading);
}
.timeline .step__title {
  font-size: var(--h4);
  font-family: var(--font-family-heading);
  text-transform: uppercase;
}
.timeline .step p:last-child {
  margin-bottom: 0;
}

.mission-promise__content {
  display: grid;
  gap: clamp(0.625rem, calc(0.0182038835rem + 2.5889967638vw), 3.125rem);
}
.mission-promise__column {
  padding: clamp(0.9375rem, calc(-0.0485436893rem + 4.2071197411vw), 5rem) clamp(1.875rem, calc(0.8131067961rem + 4.5307443366vw), 6.25rem);
  background-color: #f8f8f8;
  border-radius: clamp(1.375rem, calc(0.9502427184rem + 1.8122977346vw), 3.125rem);
}
.mission-promise__title {
  font-size: clamp(1rem, calc(0.7876213592rem + 0.9061488673vw), 1.875rem);
  margin-bottom: clamp(0.3125rem, calc(0.0849514563rem + 0.9708737864vw), 1.25rem);
}
@media (min-width: 46.5rem) {
  .hero__content {
    padding-inline: 1.875rem;
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
  }
  .hero__title {
    text-align: center;
    margin-inline: auto;
  }
  .hero__title br {
    display: block;
  }
  .hero__subtitle-block {
    width: 70%;
    max-width: 1000px;
  }
  .hero__subtitle {
    font-size: clamp(0.875rem, calc(0.1607142857rem + 1.1160714286vw), 1.5rem);
    text-align: center;
    color: #787878;
  }
  .hero__image--mobile {
    display: none;
  }
  .hero__image--tablet {
    display: block;
  }
  .timeline__steps {
    grid-template-columns: 1fr 1fr;
  }
  .timeline .step__content {
    padding-top: max(200px, 15%);
  }
}
@media (min-width: 64rem) {
  .site-main > section:not(.hero) {
    margin: clamp(3.75rem, calc(2.3847087379rem + 5.8252427184vw), 9.375rem) 0;
  }
  .hero {
    margin-bottom: clamp(1.875rem, calc(0.0546116505rem + 7.7669902913vw), 9.375rem);
  }
  .hero__content {
    max-width: 90rem;
    margin: 0 auto;
    padding-inline: 2.34375rem;
  }
  .hero__title {
    font-size: clamp(1.125rem, calc(0.4878640777rem + 2.7184466019vw), 3.75rem);
    margin-bottom: clamp(0.46875rem, calc(0.2412014563rem + 0.9708737864vw), 1.40625rem);
    margin-inline: auto;
  }
  .hero__subtitle-block {
    display: flex;
    justify-content: space-between;
  }
  .hero__subtitle {
    font-size: clamp(0.65625rem, calc(0.1205357143rem + 0.8370535714vw), 1.125rem);
  }
  .hero__image--tablet {
    display: none;
  }
  .hero__image--desktop {
    display: block;
  }
  .who-we-are__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(0.46875rem, calc(0.0136529126rem + 1.9417475728vw), 2.34375rem);
  }
  .who-we-are__title {
    margin-bottom: clamp(0.46875rem, calc(0.2412014563rem + 0.9708737864vw), 1.40625rem);
  }
  .who-we-are__text {
    margin-bottom: clamp(0.46875rem, calc(0.0136529126rem + 1.9417475728vw), 2.34375rem);
  }
  .who-we-are__image {
    display: block;
    border-radius: clamp(1.03125rem, calc(0.7126820388rem + 1.359223301vw), 2.34375rem);
  }
  .who-we-are .button {
    display: block;
  }
  .timeline__title {
    margin-bottom: clamp(0.46875rem, calc(0.3549757282rem + 0.4854368932vw), 0.9375rem);
  }
  .timeline__content {
    margin-bottom: clamp(1.40625rem, calc(1.0649271845rem + 1.4563106796vw), 2.8125rem);
  }
  .timeline__steps {
    gap: clamp(0.46875rem, calc(0.0136529126rem + 1.9417475728vw), 2.34375rem);
  }
  .timeline .step {
    background-size: 70%;
    padding: clamp(1.40625rem, calc(1.0649271845rem + 1.4563106796vw), 2.8125rem) clamp(0.703125rem, calc(0.5324635922rem + 0.7281553398vw), 1.40625rem) clamp(1.40625rem, calc(1.0649271845rem + 1.4563106796vw), 2.8125rem) clamp(0.703125rem, calc(0.4186893204rem + 1.213592233vw), 1.875rem);
    border-radius: clamp(1.03125rem, calc(0.7126820388rem + 1.359223301vw), 2.34375rem);
  }
  .timeline .step__content {
    gap: clamp(0.234375rem, calc(0.1774878641rem + 0.2427184466vw), 0.46875rem);
  }
  .timeline .step:nth-child(2n) {
    background-position: left bottom;
  }
  .mission-promise__content {
    grid-template-columns: 1fr 1fr;
    gap: clamp(0.46875rem, calc(0.0136529126rem + 1.9417475728vw), 2.34375rem);
  }
  .mission-promise__column {
    padding: clamp(0.703125rem, calc(-0.036407767rem + 3.1553398058vw), 3.75rem) clamp(1.40625rem, calc(0.6098300971rem + 3.3980582524vw), 4.6875rem);
    border-radius: clamp(1.03125rem, calc(0.7126820388rem + 1.359223301vw), 2.34375rem);
  }
  .mission-promise__title {
    font-size: clamp(0.75rem, calc(0.5907160194rem + 0.6796116505vw), 1.40625rem);
    margin-bottom: clamp(0.234375rem, calc(0.0637135922rem + 0.7281553398vw), 0.9375rem);
  }
}
@media (min-width: 75rem) {
  .timeline__steps {
    grid-template-columns: repeat(4, 1fr);
  }
  .timeline .step__content {
    padding-top: max(37.5px, 11.25%);
  }
}
@media (min-width: 87.5rem) {
  .hero__content {
    padding-inline: 3.125rem;
  }
  .timeline .step {
    background-size: 100%;
  }
  .timeline .step__content {
    padding-top: max(75px, 11.25%);
  }
}