/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./_front/styles/pages/about.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
.about__hero {
  width: 100%;
  height: 420px;
}
.about__hero img,
.about__hero picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__up {
  padding-inline: 16px;
  padding-block: 120px 48px;
}
.about__row--one-first, .about__row--one-second {
  margin-bottom: 24px;
}
.about__row--one-third {
  margin-bottom: 80px;
}
.about__row--one-third img {
  width: 340px;
  height: 430px;
  object-fit: cover;
}
.about__row--two-first, .about__row--two-second {
  margin-bottom: 64px;
}
.about__row--two-third {
  margin-bottom: 0;
}
.about__row--two .text {
  width: 100%;
}
.about__row--three-first img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.about__row--three-second {
  margin-inline: -16px;
}
.about__row--three-second img {
  width: 100%;
  height: 245px;
  object-fit: cover;
}
.about__row--wrapper-first {
  margin-bottom: 120px;
}
.about__row--wrapper-second {
  margin-bottom: 80px;
}
.about__column {
  width: 100%;
}
.about__column--one {
  margin-bottom: 12px;
}
.about__column--one .title--large {
  margin-bottom: 24px;
}
.about__column--one .text {
  margin-bottom: 64px;
}
.about__column--one-second {
  padding-top: 12px;
}
.about__column--one-second-image {
  margin-bottom: 80px;
}
.about__column--two-first-image {
  padding-top: 12px;
}
.about__column--two-second .text {
  margin-bottom: 48px;
}
.about__column--wrapper-first {
  margin-bottom: 120px;
}
.about__column--wrapper-second {
  margin-bottom: 48px;
}
.about__column img {
  width: 100%;
}
.about__bottom {
  padding-block: 80px 40px;
  padding-inline: 16px;
  overflow: hidden;
  position: relative;
}
.about__bottom-top {
  width: 100%;
  margin-bottom: 60px;
  z-index: 5;
}
.about__bottom-mid {
  margin-bottom: 72px;
}
.about__bottom-mid .left-box {
  position: relative;
  margin-bottom: 72px;
}
.about__bottom-mid .left-box__title {
  margin-bottom: max(40px, 2.0833333333vw);
  z-index: 5;
}
.about__bottom-mid .left-box__text {
  z-index: 5;
}
.about__bottom-mid .right-box {
  position: relative;
}
.about__bottom-mid .right-box__title {
  margin-bottom: max(40px, 2.0833333333vw);
  z-index: 5;
}
.about__bottom-mid .right-box__text {
  z-index: 5;
}
.about__bottom-bottom .box__title {
  margin-bottom: max(40px, 2.0833333333vw);
  z-index: 5;
}
.about__bottom-bottom .box__text {
  z-index: 5;
}
.about__bottom-photos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about__bottom-photos .photo-container {
  width: max(120px, 14.5833333333vw);
  height: max(145px, 17.7083333333vw);
  flex-shrink: 0;
}
.about__bottom-photos .photo-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about__bottom-photos .photo-container:nth-child(3n+1) {
  margin-top: 27%;
  margin-left: 5%;
}
.about__bottom-photos .photo-container:nth-child(3n+2) {
  margin-top: 110%;
  margin-left: 19%;
}
.about__bottom-photos .photo-container:nth-child(3n+3) {
  margin-top: 23%;
  margin-left: 25%;
}

p:last-child {
  margin-bottom: 0;
}

.pin-spacer {
  background-color: var(--gray-light);
}

@media (min-width: 768px) {
  .about__hero {
    height: max(420px, 38.5416666667vw);
  }
  .about__up {
    padding-block: max(120px, 6.5625vw) max(48px, 12.5vw);
    padding-inline: max(16px, 3.125vw);
  }
  .about__row--one-first, .about__row--one-second {
    margin-bottom: max(24px, 8.3333333333vw);
  }
  .about__row--one-third {
    margin-bottom: max(80px, 7.8125vw);
  }
  .about__row--one-third img {
    width: max(340px, 38.5416666667vw);
    height: max(430px, 48.1770833333vw);
  }
  .about__row--two-first, .about__row--two-second {
    margin-bottom: max(64px, 8.0208333333vw);
  }
  .about__row--two .text {
    max-width: 40%;
  }
  .about__row--three-first img {
    padding-inline: max(50px, 2.6041666667vw);
  }
  .about__row--three-second {
    margin-inline: unset;
  }
  .about__row--three-second img {
    width: max(375px, 61.9791666667vw);
    height: max(245px, 40.625vw);
  }
  .about__row--wrapper-first {
    margin-bottom: max(120px, 13.0208333333vw);
  }
  .about__row--wrapper-second {
    margin-bottom: max(80px, 13.0208333333vw);
  }
  .about__column {
    max-width: 40%;
  }
  .about__column--one {
    margin-bottom: unset;
  }
  .about__column--one .title--large {
    margin-bottom: max(24px, 2.6041666667vw);
  }
  .about__column--one .text {
    margin-bottom: max(64px, 18.2291666667vw);
  }
  .about__column--one-second {
    padding-top: max(12px, 13.0208333333vw);
  }
  .about__column--one-second-image {
    margin-bottom: max(80px, 11.9791666667vw);
  }
  .about__column--two-first-image {
    padding-top: max(12px, 11.25vw);
  }
  .about__column--two-second .text {
    margin-bottom: max(48px, 12.7083333333vw);
  }
  .about__column--wrapper-first {
    margin-bottom: max(120px, 12.5vw);
  }
  .about__column--wrapper-second {
    margin-bottom: max(48px, 7.8125vw);
  }
  .about__column img {
    width: auto;
  }
  .about__bottom-top {
    width: 41.5%;
    max-width: max(340px, 22.65625vw);
    margin-left: auto;
    margin-right: 9.4791666667vw;
    margin-bottom: max(60px, 3.125vw);
  }
  .about__bottom-mid .left-box {
    padding-left: 6.5104166667vw;
    padding-bottom: 2.0833333333vw;
    margin-bottom: unset;
  }
  .about__bottom-mid .left-box__title {
    max-width: 19.84375vw;
  }
  .about__bottom-mid .left-box__text {
    max-width: max(340px, 22.65625vw);
  }
  .about__bottom-mid .right-box {
    padding-top: 6.7708333333vw;
    padding-right: 9.4791666667vw;
  }
  .about__bottom-mid .right-box__title {
    max-width: 14.7395833333vw;
  }
  .about__bottom-mid .right-box__text {
    max-width: max(340px, 22.65625vw);
  }
  .about__bottom-bottom {
    padding-left: 22.1354166667vw;
  }
  .about__bottom-bottom .box__text {
    max-width: max(340px, 17.7083333333vw);
  }
  .about__bottom-photos .photo-container:nth-child(3n+2) {
    margin-top: auto;
  }
}

@media (min-width: 992px) {
  .about__up {
    padding-inline: max(16px, 11.0416666667vw);
  }
  .about__row--two .text {
    max-width: 30.5729166667vw;
  }
  .about__row--wrapper {
    padding-inline: 7.8125vw;
  }
  .about__column {
    max-width: 30.5208333333vw;
  }
  .about__bottom {
    padding-block: max(80px, 7.5520833333vw) max(40px, 4.6875vw);
    padding-inline: max(16px, 4.6875vw) max(16px, 9.375vw);
  }
  .about__bottom-mid {
    gap: 20px;
    margin-bottom: max(72px, 5.4166666667vw);
  }
}

/*# sourceMappingURL=about.css.map*/