:root {
  --header-height: min(98px, 18.6vw);
  --section-gap: min(100px, 21.3vw);
  --content-title-gap: min(48px, 12.8vw);
  --title-separator-gap: min(40px, 10.6vw);
  --container-size: min(24px, 3.125vw);
}
@media (width >= 768px) {
  :root {
    --header-height: min(110px, 12.7vw);
    --section-gap: 13vw;
    --content-title-gap: 6.25vw;
    --title-separator-gap: 5.2vw;
    --container-size: min(40px, 3.125vw);
  }
}
@media (width >= 1025px) {
  :root {
    --header-height: max(64px, 5vw);
    --section-gap: 10.4vw;
    --content-title-gap: 6.25vw;
    --title-separator-gap: 2.0833vw;
    --container-size: 2vw;
  }
}

@media screen and (width >= 768px) {
  .commercial-br-mobile {
    display: none;
  }
}

@media screen and (width >= 1025px) {
  .commercial-br-small {
    display: none;
  }
}

@media screen and (width < 1025px) {
  .commercial-br-desktop {
    display: none;
  }
}

.commercial {
  padding-bottom: var(--section-gap);
  background-color: #21332b;
}
@media screen and (width >= 768px) and (width < 1025px) {
  .commercial {
    padding-bottom: 19.53125vw;
  }
}
.commercial .primary-button {
  height: min(69.12px, 14.4vw);
  padding-block: 0;
}
@media screen and (width >= 768px) {
  .commercial .primary-button {
    height: 7.8125vw;
  }
}
@media screen and (width >= 1025px) {
  .commercial .primary-button {
    height: 3.125vw;
  }
}

.commercial-hero .page-hero__img img {
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}
@media screen and (width < 768px) {
  .commercial-hero .page-crumbs__link {
    text-decoration: none;
  }
}

/* ---------- intro panel ---------- */
.sc-intro {
  position: relative;
  z-index: 1;
  padding-bottom: var(--section-gap);
  margin-top: max(-20.48px, -4.2666666667vw);
  background-color: #21332b;
}
@media screen and (width >= 768px) {
  .sc-intro {
    margin-top: -3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .sc-intro {
    margin-top: -2.6041666667vw;
  }
}
@media screen and (width < 1025px) {
  .sc-intro .panel {
    gap: 0;
    align-items: center;
    text-align: center;
  }
}
@media screen and (width < 768px) {
  .sc-intro .panel {
    padding: min(61.44px, 12.8vw) min(20.48px, 4.2666666667vw);
    border-radius: min(30.72px, 6.4vw);
  }
}
@media screen and (width >= 768px) and (width < 1025px) {
  .sc-intro .panel {
    padding: 7.8125vw 3.125vw;
  }
}
@media screen and (width < 1025px) {
  .sc-intro .panel__head,
  .sc-intro .panel__aside {
    display: contents;
  }
}
@media screen and (width >= 768px) and (width < 1025px) {
  .sc-intro .panel__title {
    max-width: 83.0729166667vw;
  }
}
@media screen and (width < 768px) {
  .sc-intro .panel__text {
    margin-top: min(15.36px, 3.2vw);
    font-size: min(23.04px, 4.8vw);
  }
}
@media screen and (width >= 768px) and (width < 1025px) {
  .sc-intro .panel__text {
    margin-top: 3.6458333333vw;
    font-size: 2.34375vw;
  }
}
@media screen and (width < 1025px) {
  .sc-intro .primary-button {
    order: 1;
  }
}
@media screen and (width < 768px) {
  .sc-intro .primary-button {
    margin-top: min(61.44px, 12.8vw);
  }
}
@media screen and (width >= 768px) and (width < 1025px) {
  .sc-intro .primary-button {
    margin-top: 6.25vw;
  }
}

.sc-formats {
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
}
@media screen and (width < 1025px) {
  .sc-formats {
    align-self: stretch;
  }
}
@media screen and (width < 768px) {
  .sc-formats {
    display: grid;
    grid-auto-rows: 1fr;
    gap: min(20.48px, 4.2666666667vw);
    margin-top: min(61.44px, 12.8vw);
  }
}
@media screen and (width >= 768px) and (width < 1025px) {
  .sc-formats {
    gap: 2.6041666667vw;
    margin-top: 6.25vw;
  }
}
@media screen and (width >= 1025px) {
  .sc-formats {
    flex-direction: row;
  }
}

.sc-format-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: min(20.48px, 4.2666666667vw);
  align-items: center;
  padding: calc(min(51.2px, 10.6666666667vw) - 1px) calc(min(20.48px, 4.2666666667vw) - 1px);
  text-align: center;
  background-color: rgba(35, 52, 45, 0.4);
  border: 1px solid rgba(175, 144, 103, 0.2);
  border-radius: min(30.72px, 6.4vw);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
@media screen and (width >= 768px) {
  .sc-format-card {
    gap: 3.125vw;
    padding: calc(7.8125vw - 1px) calc(5.2083333333vw - 1px);
    border-radius: 3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .sc-format-card {
    gap: 1.25vw;
    padding: calc(3.125vw - 1px) calc(2.0833333333vw - 1px);
    border-radius: 1.25vw;
  }
}
.sc-format-card__title {
  font-family: "Actay Wide", sans-serif;
  font-size: min(20px, 4.2666666667vw);
  font-weight: 700;
  line-height: 120%;
  color: #f6f6f6;
  letter-spacing: -0.02em;
}
@media screen and (width >= 768px) {
  .sc-format-card__title {
    font-size: 3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .sc-format-card__title {
    font-size: max(16px, 1.25vw);
  }
}
@media screen and (width < 768px) {
  .sc-format-card__title {
    font-size: min(25.6px, 5.3333333333vw);
  }
}
.sc-format-card__text {
  font-family: "Actay", sans-serif;
  font-size: min(18px, 4.2666666667vw);
  font-weight: 400;
  line-height: 140%;
  color: #ccc;
  letter-spacing: -0.03em;
}
@media screen and (width >= 768px) {
  .sc-format-card__text {
    font-size: 2.0833333333vw;
  }
}
@media screen and (width >= 1025px) {
  .sc-format-card__text {
    font-size: max(14px, 0.9375vw);
  }
}
@media screen and (width < 768px) {
  .sc-format-card__text {
    font-size: min(23.04px, 4.8vw);
  }
}
@media screen and (width >= 768px) and (width < 1025px) {
  .sc-format-card__text {
    font-size: 2.34375vw;
  }
}

/* ---------- benefits mosaic ---------- */
.benefits {
  padding: min(102.4px, 21.3333333333vw) 0;
  background-color: #d1b38a;
}
@media screen and (width >= 768px) {
  .benefits {
    padding: 19.53125vw 0;
  }
}
@media screen and (width >= 1025px) {
  .benefits {
    padding: var(--section-gap) 0;
  }
}
.benefits .container {
  display: flex;
  flex-direction: column;
  gap: min(61.44px, 12.8vw);
}
@media screen and (width >= 768px) {
  .benefits .container {
    gap: 6.25vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits .container {
    gap: 6.25vw;
  }
}
.benefits__head {
  display: flex;
  flex-direction: column;
  gap: min(30.72px, 6.4vw);
}
@media screen and (width >= 768px) {
  .benefits__head {
    gap: 3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__head {
    gap: 2.0833333333vw;
  }
}
@media screen and (width >= 768px) and (width < 1025px) {
  .benefits__head .section-separator__text {
    font-size: 2.34375vw;
  }
}
.benefits__title {
  font-family: "Angst", sans-serif;
  font-size: min(72px, 13.8666666667vw);
  font-weight: 400;
  line-height: 90%;
  color: #f6f6f6;
  letter-spacing: normal;
}
@media screen and (width >= 768px) {
  .benefits__title {
    font-size: 9.375vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__title {
    font-size: max(54px, 5vw);
  }
}
.benefits__title {
  color: #21332b;
  text-transform: uppercase;
}
@media screen and (width < 768px) {
  .benefits__title {
    font-size: min(61.44px, 12.8vw);
  }
}
.benefits__body {
  display: flex;
  flex-direction: column;
  gap: min(20.48px, 4.2666666667vw);
}
@media screen and (width >= 768px) {
  .benefits__body {
    gap: 2.0833333333vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__body {
    flex-direction: row;
    -moz-column-gap: 1.0416666667vw;
         column-gap: 1.0416666667vw;
    height: 39.3229166667vw;
  }
}
.benefits__body img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.benefits__left, .benefits__right {
  display: flex;
  flex-direction: column;
  gap: min(20.48px, 4.2666666667vw);
  min-width: 0;
}
@media screen and (width >= 768px) and (width < 1025px) {
  .benefits__left, .benefits__right {
    flex-direction: row;
    gap: 2.0833333333vw;
    height: 42.8385416667vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__left, .benefits__right {
    flex: 573.33 1 0;
    gap: 1.0416666667vw;
    height: 100%;
  }
}
.benefits__center {
  min-width: 0;
}
@media screen and (width >= 768px) and (width < 1025px) {
  .benefits__center {
    height: 52.0833333333vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__center {
    flex: 653.33 1 0;
    height: 100%;
  }
}
@media screen and (width >= 768px) {
  .benefits__center .benefits__card {
    height: 100%;
  }
}
.benefits__card {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: min(30.72px, 6.4vw);
}
@media screen and (width < 768px) {
  .benefits__card {
    flex: none;
    height: min(409.6px, 85.3333333333vw);
  }
}
@media screen and (width >= 768px) {
  .benefits__card {
    border-radius: 3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__card {
    border-radius: 1.25vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__right .benefits__card:nth-child(1) {
    flex: 283 1 0;
  }
  .benefits__right .benefits__card:nth-child(2) {
    flex: 452 1 0;
  }
}
.benefits .benefits__img {
  position: relative;
  height: 100%;
}
.benefits .benefits__img picture {
  display: contents;
}
.benefits .benefits__img img {
  height: 100%;
}
.benefits .benefits__img::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(9, 16, 8, 0) 50%, rgba(9, 16, 8, 0.8) 100%);
}
@media screen and (width < 768px) {
  .benefits__left .benefits__card:nth-child(2) img {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}
@media screen and (width >= 768px) and (width < 1025px) {
  .benefits__left .benefits__card:nth-child(2) img {
    -o-object-position: 0% 100%;
       object-position: 0% 100%;
  }
}
@media screen and (width < 768px) {
  .benefits__center img {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}
@media screen and (width >= 768px) and (width < 1025px) {
  .benefits__center img {
    -o-object-position: 50% 82.9%;
       object-position: 50% 82.9%;
  }
}
@media screen and (width < 1025px) {
  .benefits__right img {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}
.benefits__bottom {
  position: absolute;
  right: min(30.72px, 6.4vw);
  bottom: min(30.72px, 6.4vw);
  left: min(30.72px, 6.4vw);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: min(5.12px, 1.0666666667vw);
}
@media screen and (width >= 768px) {
  .benefits__bottom {
    right: 3.125vw;
    bottom: 3.125vw;
    left: 3.125vw;
    gap: 1.0416666667vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__bottom {
    right: 2.0833333333vw;
    bottom: 2.0833333333vw;
    left: 2.0833333333vw;
    gap: 0.4166666667vw;
  }
}
.benefits__bottom span:nth-child(1) {
  color: var(--White, #fff);
  font-family: "Actay Wide", sans-serif;
  font-size: min(25.6px, 5.3333333333vw);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.02em;
}
@media screen and (width >= 768px) {
  .benefits__bottom span:nth-child(1) {
    font-size: 3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__bottom span:nth-child(1) {
    font-size: max(24px, 1.9791666667vw);
    text-transform: uppercase;
  }
}
.benefits__bottom span:nth-child(2) {
  color: var(--Cool-Gray, #ccc);
  font-family: "Actay", sans-serif;
  font-size: min(23.04px, 4.8vw);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.03em;
}
@media screen and (width >= 768px) {
  .benefits__bottom span:nth-child(2) {
    font-size: 2.34375vw;
  }
}
@media screen and (width >= 1025px) {
  .benefits__bottom span:nth-child(2) {
    font-size: max(14px, 0.9375vw);
  }
}
@media screen and (width >= 1025px) {
  .benefits__center .benefits__bottom {
    gap: 1.0416666667vw;
  }
}

/* ---------- CTA on a photo ---------- */
.ab-cta {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  min-height: min(960px, 200vw);
  margin-top: min(168.96px, 35.2vw);
  overflow: hidden;
  background-color: #21332b;
}
@media screen and (width >= 768px) {
  .ab-cta {
    min-height: 122.65625vw;
    margin-top: 19.53125vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-cta {
    min-height: 57.1354166667vw;
    margin-top: var(--section-gap);
  }
}
.ab-cta__img {
  position: absolute;
  top: min(117.76px, 24.5333333333vw);
  right: 0;
  left: 0;
  z-index: 0;
  height: min(842.24px, 175.4666666667vw);
  overflow: hidden;
}
@media screen and (width >= 768px) {
  .ab-cta__img {
    top: 19.921875vw;
    height: 102.734375vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-cta__img {
    inset: 0;
    height: auto;
  }
}
.ab-cta__img::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: min(332.8px, 69.3333333333vw);
  content: "";
  background: linear-gradient(180deg, #21332b 0%, rgba(33, 51, 43, 0.9) 40.385%, rgba(33, 51, 43, 0) 100%);
}
@media screen and (width >= 768px) {
  .ab-cta__img::before {
    height: 23.4375vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-cta__img::before {
    height: 24.2708333333vw;
  }
}
.ab-cta__img::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  height: min(179.2px, 37.3333333333vw);
  content: "";
  background: linear-gradient(180deg, rgba(33, 51, 43, 0) 0%, rgba(33, 51, 43, 0.9) 59.615%, #21332b 100%);
}
@media screen and (width >= 768px) {
  .ab-cta__img::after {
    height: 31.25vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-cta__img::after {
    height: 12.5vw;
  }
}
.ab-cta__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: min(30.72px, 6.4vw);
  align-items: center;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (width >= 768px) {
  .ab-cta__body {
    gap: 3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-cta__body {
    gap: 1.25vw;
    width: 47.3958333333vw;
  }
}
.ab-cta__title {
  font-family: "Actay Wide", sans-serif;
  font-size: min(32px, 6.4vw);
  font-weight: 700;
  line-height: 120%;
  color: #f6f6f6;
  letter-spacing: -0.02em;
}
@media screen and (width >= 768px) {
  .ab-cta__title {
    font-size: 4.1666666667vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-cta__title {
    font-size: max(24px, 1.9791666667vw);
  }
}
.ab-cta__title {
  text-transform: uppercase;
}

.ab-photo__sky, .ab-photo__front {
  position: absolute;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.ab-photo__sky {
  top: max(-434.688px, -90.56vw);
  left: max(-95.36px, -19.8666666667vw);
  z-index: 0;
  width: min(1457.536px, 303.6533333333vw);
  height: min(820.224px, 170.88vw);
}
@media screen and (width >= 768px) {
  .ab-photo__sky {
    top: -44.21875vw;
    left: -9.7005208333vw;
    width: 148.2682291667vw;
    height: 83.4375vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-photo__sky {
    top: -19.50625vw;
    left: -0.7598958333vw;
    width: 101.5197916667vw;
    height: 57.1354166667vw;
    will-change: transform;
  }
}
.ab-photo__front {
  top: min(167.68px, 34.9333333333vw);
  left: max(-77.44px, -16.1333333333vw);
  z-index: 3;
  width: min(1189.504px, 247.8133333333vw);
  height: min(674.56px, 140.5333333333vw);
}
@media screen and (width >= 768px) {
  .ab-photo__front {
    top: 0;
    left: -11.8098958333vw;
    width: 181.3802083333vw;
    height: 102.734375vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-photo__front {
    top: 4.1125vw;
    left: 0;
    width: 100%;
    height: 56.6666666667vw;
    will-change: transform;
  }
}
.ab-photo__glow {
  display: none;
}
@media screen and (width >= 1025px) {
  .ab-photo__glow {
    position: absolute;
    top: 37.9536458333vw;
    left: 49.4822916667vw;
    z-index: 2;
    display: block;
    width: 46.25vw;
    height: 17.1875vw;
    pointer-events: none;
    background: linear-gradient(180deg, #e59b41 0%, #dfac65 52.88%, #e59b41 100%);
    border-radius: 50%;
    filter: blur(14.0625vw);
    transform: translate(-50%, -50%) rotate(-15.66deg);
  }
}

/* ---------- business formats slider ---------- */
.ab-gallery {
  position: relative;
  z-index: 1;
  padding-bottom: min(102.4px, 21.3333333333vw);
  margin-top: max(-128px, -26.6666666667vw);
}
@media screen and (width >= 768px) {
  .ab-gallery {
    padding-bottom: 19.53125vw;
    margin-top: -26.0416666667vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-gallery {
    padding-bottom: var(--section-gap);
    margin-top: -11.9791666667vw;
  }
}
.ab-gallery__body {
  padding: 0 min(20.48px, 4.2666666667vw);
}
@media screen and (width >= 768px) {
  .ab-gallery__body {
    padding: 0 3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-gallery__body {
    padding: 0 2.0833333333vw 0 7.5vw;
  }
}
.ab-gallery__nav {
  display: flex;
  gap: min(10.24px, 2.1333333333vw);
  justify-content: center;
  margin-top: min(51.2px, 10.6666666667vw);
}
@media screen and (width >= 768px) {
  .ab-gallery__nav {
    gap: 1.0416666667vw;
    margin-top: 5.2083333333vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-gallery__nav {
    position: absolute;
    top: calc(11.9791666667vw - 1.6666666667vw);
    right: 0;
    left: 0;
    z-index: 2;
    justify-content: space-between;
    padding: 0 2.0833333333vw;
    margin-top: 0;
  }
}

.ab-gallery-card {
  display: flex;
  flex-direction: column;
  gap: min(30.72px, 6.4vw);
  align-items: center;
  width: min(409.6px, 85.3333333333vw);
  height: min(460.8px, 96vw);
  padding: calc(min(10.24px, 2.1333333333vw) - 1px) calc(min(10.24px, 2.1333333333vw) - 1px) calc(min(30.72px, 6.4vw) - 1px);
  background-color: #35463d;
  border: 1px solid rgba(175, 144, 103, 0.2);
  border-radius: min(30.72px, 6.4vw);
}
@media screen and (width >= 768px) {
  .ab-gallery-card {
    gap: 3.125vw;
    width: 45.8333333333vw;
    height: 52.0833333333vw;
    padding: calc(2.0833333333vw - 1px) calc(2.0833333333vw - 1px) calc(3.6458333333vw - 1px);
    border-radius: 3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-gallery-card {
    gap: 1.25vw;
    width: 21.875vw;
    height: 23.9583333333vw;
    padding: calc(1.0416666667vw - 1px) calc(1.0416666667vw - 1px) calc(2.0833333333vw - 1px);
    border-radius: 1.25vw;
  }
}
.ab-gallery-card__img {
  flex: 1;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  border-radius: min(15.36px, 3.2vw);
}
@media screen and (width >= 768px) {
  .ab-gallery-card__img {
    border-radius: 1.5625vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-gallery-card__img {
    border-radius: 0.625vw;
  }
}
.ab-gallery-card__img picture {
  display: contents;
}
.ab-gallery-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (width < 1025px) {
  .ab-gallery-card:nth-child(1) .ab-gallery-card__img img {
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
}
@media screen and (width < 768px) {
  .ab-gallery-card:nth-child(2) .ab-gallery-card__img img {
    -o-object-position: 50% 77.6%;
       object-position: 50% 77.6%;
  }
}
.ab-gallery-card__title {
  font-family: "Actay Wide", sans-serif;
  font-size: min(20px, 4.2666666667vw);
  font-weight: 700;
  line-height: 120%;
  color: #f6f6f6;
  letter-spacing: -0.02em;
}
@media screen and (width >= 768px) {
  .ab-gallery-card__title {
    font-size: 3.125vw;
  }
}
@media screen and (width >= 1025px) {
  .ab-gallery-card__title {
    font-size: max(16px, 1.25vw);
  }
}
.ab-gallery-card__title {
  width: 100%;
  text-align: center;
}
@media screen and (width < 768px) {
  .ab-gallery-card__title {
    font-size: min(25.6px, 5.3333333333vw);
  }
}

/* ---------- closing CTA ---------- */
.commercial-cta {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-end;
  height: min(947.2px, 197.3333333333vw);
  padding: 0 0 min(30.72px, 6.4vw);
  overflow: hidden;
  background-color: #35463d;
}
@media screen and (width >= 768px) {
  .commercial-cta {
    height: 117.1875vw;
    padding: 0 0 5.2083333333vw;
  }
}
@media screen and (width >= 1025px) {
  .commercial-cta {
    display: block;
    height: auto;
    padding: var(--section-gap) 0;
  }
}
.commercial-cta .container {
  width: 100%;
}
.commercial-cta__img {
  position: absolute;
  inset: 0;
}
.commercial-cta__img picture {
  display: contents;
}
.commercial-cta__img img {
  position: absolute;
  top: max(-135.168px, -28.16vw);
  left: max(-896.768px, -186.8266666667vw);
  width: min(1683.84px, 350.8vw);
  max-width: none;
  height: min(947.2px, 197.3333333333vw);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (width >= 768px) {
  .commercial-cta__img img {
    top: -22.7213541667vw;
    left: -91.640625vw;
    width: 208.3333333333vw;
    height: 117.1875vw;
  }
}
@media screen and (width >= 1025px) {
  .commercial-cta__img img {
    inset: 0;
    width: 100%;
    height: 100%;
  }
}
.commercial-cta__img::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(0deg, #35463d 0%, rgba(53, 70, 61, 0.9) 50%, rgba(53, 70, 61, 0) 100%) bottom/100% min(371.6224px, 77.4213333333vw) no-repeat, linear-gradient(0deg, #35463d 0%, rgba(53, 70, 61, 0.9) 50%, rgba(53, 70, 61, 0) 100%) bottom/100% min(428.8px, 89.3333333333vw) no-repeat;
}
@media screen and (width >= 768px) {
  .commercial-cta__img::after {
    background: linear-gradient(0deg, #35463d 0%, rgba(53, 70, 61, 0.9) 50%, rgba(53, 70, 61, 0) 100%) bottom/100% 48.3072916667vw no-repeat, linear-gradient(0deg, #35463d 0%, rgba(53, 70, 61, 0.9) 50%, rgba(53, 70, 61, 0) 100%) bottom/100% 48.3072916667vw no-repeat;
  }
}
@media screen and (width >= 1025px) {
  .commercial-cta__img::after {
    background: linear-gradient(90deg, #35463d 0%, rgba(53, 70, 61, 0.9) 50%, rgba(53, 70, 61, 0) 100%) left/49.4791666667vw 100% no-repeat, linear-gradient(90deg, #35463d 0%, rgba(53, 70, 61, 0.9) 50%, rgba(53, 70, 61, 0) 100%) left/61.6145833333vw 100% no-repeat;
  }
}
.commercial-cta__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}
@media screen and (width >= 768px) and (width < 1025px) {
  .commercial-cta__body {
    max-width: 89.5833333333vw;
  }
}
@media screen and (width >= 1025px) {
  .commercial-cta__body {
    gap: 2.0833333333vw;
    align-items: stretch;
    width: 35.3125vw;
    padding-right: 6.25vw;
    margin: 0;
    text-align: left;
  }
}
.commercial-cta__title {
  font-family: "Actay Wide", sans-serif;
  font-size: min(32px, 6.4vw);
  font-weight: 700;
  line-height: 120%;
  color: #f6f6f6;
  letter-spacing: -0.02em;
}
@media screen and (width >= 768px) {
  .commercial-cta__title {
    font-size: 4.1666666667vw;
  }
}
@media screen and (width >= 1025px) {
  .commercial-cta__title {
    font-size: max(24px, 1.9791666667vw);
  }
}
.commercial-cta__title {
  text-transform: uppercase;
}
@media screen and (width >= 768px) and (width < 1025px) {
  .commercial-cta__title {
    font-size: 4.9479166667vw;
  }
}
.commercial-cta__text {
  font-family: "Actay", sans-serif;
  font-size: min(18px, 4.2666666667vw);
  font-weight: 400;
  line-height: 140%;
  color: #ccc;
  letter-spacing: -0.03em;
}
@media screen and (width >= 768px) {
  .commercial-cta__text {
    font-size: 2.0833333333vw;
  }
}
@media screen and (width >= 1025px) {
  .commercial-cta__text {
    font-size: max(14px, 0.9375vw);
  }
}
.commercial-cta__text {
  margin-top: min(15.36px, 3.2vw);
  font-size: min(23.04px, 4.8vw);
}
@media screen and (width >= 768px) {
  .commercial-cta__text {
    margin-top: 3.125vw;
    font-size: 2.34375vw;
  }
}
@media screen and (width >= 1025px) {
  .commercial-cta__text {
    margin-top: 0;
    font-size: max(14px, 0.9375vw);
  }
}
.commercial-cta .primary-button {
  margin-top: min(40.96px, 8.5333333333vw);
}
@media screen and (width >= 768px) {
  .commercial-cta .primary-button {
    margin-top: 5.2083333333vw;
  }
}
@media screen and (width >= 1025px) {
  .commercial-cta .primary-button {
    margin-top: 0;
  }
}