/* Scoped styles imported from the October Webflow export. */
:root { --overlay:#040912cc; --error:#ff5353; }
.button.project-modal__button {

  align-self: stretch;
  width: 100%;

}
.button.cons-modal__submit, .button.brochure-modal__submit {

  align-self: stretch;
  width: 100%;
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);

}
.cons-modal {

  z-index: 1000;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;

}
.cons-modal__wrapper {

  z-index: 1;
  background-color: var(--white);
  opacity: 0;
  width: 60rem;
  max-width: calc(100% - 4rem);
  height: auto;
  max-height: calc(100dvh - 4rem);
  color: var(--black);
  transform-style: preserve-3d;
  flex-direction: column;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 2rem, 0);

}
.cons-modal__cross-btn {

  z-index: 3;
  cursor: pointer;
  background-color: #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;

}
.cons-modal__cross-btn:hover {

  background-color: var(--accent-low);

}
.cons-modal__cross-icon {

  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;

}
.cons-modal__bg {

  background-color: var(--overlay);
  opacity: 0;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;

}
.brochure-modal {

  z-index: 1000;
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;

}
.brochure-modal__bg {

  background-color: var(--overlay);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;

}
.brochure-modal__wrapper {

  z-index: 1;
  background-color: var(--white);
  flex-direction: row;
  width: 60rem;
  max-width: calc(100% - 4rem);
  max-height: calc(100dvh - 4rem);
  display: flex;
  position: relative;
  overflow: hidden;

}
.brochure-modal__cross-btn {

  z-index: 3;
  cursor: pointer;
  background-color: #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: background-color .25s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;

}
.brochure-modal__cross-btn:hover {

  background-color: var(--accent-low);

}
.brochure-modal__cross-icon {

  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;

}
.project-modal {

  z-index: 1000;
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: none;
  position: fixed;
  inset: 0%;

}
.project-modal._1 {

  justify-content: center;
  align-items: center;
  display: none;

}
.project-modal._2, .project-modal._3, .project-modal._4, .project-modal._5, .project-modal._6, .project-modal._7, .project-modal._8, .project-modal._9, .project-modal._10, .project-modal._11, .project-modal._12, .project-modal._13, .project-modal._14, .project-modal._15, .project-modal._16, .project-modal._17, .project-modal._18, .project-modal._19, .project-modal._20 {

  display: none;

}
.project-modal__bg {

  background-color: var(--overlay);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;

}
.project-modal__bg._1 {

  background-color: var(--overlay);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);

}
.project-modal__wrapper {

  background-color: var(--white);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  width: 85rem;
  height: 45rem;
  display: grid;
  position: relative;

}
.project-modal__wrapper._1 {

  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: 40rem minmax(0, 1fr);
  grid-auto-columns: 1fr;
  width: calc(100% - 4rem);
  max-width: 90rem;
  height: min(100dvh - 4rem, 54.6875rem);
  min-height: 0;
  max-height: none;
  display: grid;
  overflow: hidden;

}
.project-modal__cross-btn {

  z-index: 10;
  background-color: var(--accent);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--white);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;

}
.project-modal__cross-btn.mob-only {

  display: none;

}
.project-modal__cross-btn.desk-only {

  top: 2rem;
  right: 2rem;

}
.project-modal__cross-icon {

  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;

}
.project-modal__content {

  flex-flow: column;
  grid-area: 1 / 1 / 2 / 2;
  justify-content: flex-start;
  height: 100%;
  min-height: 0;
  padding: 0;

}
.project-modal__content.last {

  display: none;

}
.project-modal__content.first {

  display: flex;
  overflow: hidden;

}
.project-modal__about {

  overflow: auto visible;

}
.project-modal__header {

  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;

}
.project-modal__location {

  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--accent);
  font-size: var(--_typography---body_m);
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 500;
  line-height: 140%;
  display: flex;

}
.project-modal__icon {

  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;

}
.project-modal__logo {

  filter: invert();
  max-width: 7rem;
  max-height: 1.25rem;
  margin-left: auto;

}
.project-modal__logo.invert {

  filter: invert();

}
.project-modal__title {

  color: var(--accent);
  font-size: var(--_typography---h3);
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 110%;

}
.project-modal__price {

  color: var(--accent);
  font-size: var(--_typography---body_l);
  margin-bottom: 0;
  font-weight: 500;
  line-height: 120%;

}
.project-modal__tags {

  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-bottom: 0;
  display: flex;

}
.project-modal__tag {

  background-color: var(--accent-low);
  font-size: var(--_typography---body_s);
  border-radius: .5rem;
  padding: .125rem .5rem .125rem .4rem;
  line-height: 150%;

}
.project-modal__details {

  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  border-bottom: 1px none var(--accent-low);
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;

}
.project-modal__detail {

  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--accent);
  font-size: var(--_typography---body_m);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  line-height: 140%;
  display: flex;

}
.project-modal__descr {

  color: var(--black);
  font-size: var(--_typography---body_m);
  margin-bottom: 0;
  font-weight: 300;
  line-height: 160%;

}
.project-modal__info {

  grid-column-gap: 2.5rem;
  grid-row-gap: 1rem;
  border-bottom: 1px none var(--accent-low);
  flex-flow: wrap;
  padding-bottom: 0;
  display: flex;

}
.project-modal__info-item {

  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  flex: none;
  display: flex;

}
.project-modal__info-subtitle {

  color: var(--black);
  font-size: var(--_typography---caption_m);
  font-weight: 400;
  line-height: 160%;

}
.project-modal__info-text {

  color: var(--accent);
  font-size: var(--_typography---body_m);
  font-weight: 500;
  line-height: 140%;

}
.project-modal__slider {

  height: 100%;
  position: relative;

}
.project-modal__slider-nav {

  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  justify-content: flex-start;
  align-items: center;
  padding: .625rem;
  display: flex;
  position: absolute;
  inset: auto auto 2rem 2rem;

}
.project-modal__arrow {

  background-color: var(--white);
  width: 3.5rem;
  height: 3.5rem;
  color: var(--accent);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  inset: auto 2rem 2rem auto;

}
.project-modal__arrow:hover {

  background-color: var(--accent);
  color: var(--white);

}
.project-modal__arrow.left {

  right: 6rem;

}
.back.project-modal__back {

  color: var(--accent);
  font-size: var(--_typography---body_m);
  align-self: auto;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;

}
.back.project-modal__back.is-bar {

  display: none;

}
.back__btn.project-modal__back-icon {

  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  color: var(--accent);
  background-color: #0000;
  border-radius: 0;
  flex: none;

}
.project-modal__content-inner {

  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  flex: auto;
  justify-content: flex-start;
  height: auto;
  min-height: 0;
  padding: 2.5rem 3rem 1.5rem;
  display: flex;
  overflow-y: auto;

}
.project-modal__content-inner.is-form {

  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  padding-top: 2rem;

}
.project-modal__next {

  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  align-items: stretch;
  max-width: none;
  display: flex;

}
.project-modal__next.full {

  max-width: none;

}
.project-modal__form {

  height: auto;
  min-height: 0;
  color: var(--accent);
  flex-direction: column;
  flex: 1;
  margin-bottom: 0;
  display: flex;

}
.project-modal-form__inner {

  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  height: 100%;
  min-height: 0;
  color: var(--accent-mid);
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  display: flex;

}
.project-modal__payment-plan-list ul {

  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;

}
.project-modal__payment-plan-list strong {

  color: var(--accent);
  font-weight: 500;

}
.project-modal__payment-plan-list li {

  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--beige--base);
  border-radius: .25rem;
  padding: .5rem;

}
.project-modal__payment-plan {

  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-top: 1px solid var(--accent-low);
  flex-flow: column;
  margin-top: 0;
  padding-top: 1.5rem;
  display: flex;

}
.project-modal__payment-title {

  color: var(--accent);
  font-size: var(--_typography---body_descr);
  letter-spacing: .03em;
  font-weight: 600;
  line-height: 138%;

}
.project-modal__swiper {

  grid-area: 1 / 2 / 2 / 3;
  width: auto;
  min-width: 0;
  height: 100%;
  max-height: none;
  position: relative;
  overflow: hidden;

}
.project-modal__navigation {

  z-index: 10;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;

}
.project-modal__swiper-nav {

  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: flex-end;
  margin-left: auto;
  display: flex;

}
.project-modal__swiper-image {

  object-fit: cover;
  width: 100%;
  height: 100%;

}
.project-modal__button-root {

  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white);
  color: var(--black);
  border-top-style: none;
  flex-direction: column;
  flex: none;
  margin-top: auto;
  padding: 1rem 3rem;
  display: flex;
  position: sticky;
  bottom: 0;

}
.project-modal__button-root.is-form {

  border-top-style: none;

}
.cons-modal__layout {

  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: auto;
  grid-template-rows: minmax(0, 1fr);
  grid-template-columns: 33.75rem 1fr;
  width: 100%;
  height: auto;
  min-height: 0;
  display: grid;

}
.cons-modal__advisor {

  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--surface);
  flex-direction: column;
  grid-area: 1 / 2 / 2 / 3;
  padding: 4rem 2rem 0;
  display: flex;
  position: relative;
  overflow: hidden;

}
.cons-modal__portrait {

  object-fit: contain;
  object-position: 50% 100%;
  flex: 1;
  align-self: center;
  width: 100%;
  max-width: 22.125rem;
  height: auto;
  min-height: 15rem;
  max-height: 31.25rem;
  margin-top: auto;
  position: static;

}
.cons-modal__advisor-text {

  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
  position: relative;

}
.cons-modal__quote-icon {

  width: 1.25rem;
  height: 1rem;
  color: var(--accent);
  display: flex;

}
.cons-modal__quote {

  color: var(--accent);
  font-size: var(--_typography---body_m);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;

}
.cons-modal__author {

  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-direction: column;
  display: flex;

}
.cons-modal__name {

  color: var(--accent);
  font-size: var(--_typography---body_m);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 140%;

}
.cons-modal__role {

  color: var(--black);
  font-size: var(--_typography---caption_m);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 160%;

}
.cons-modal__form {

  background-color: var(--white);
  flex-direction: column;
  grid-area: 1 / 1 / 2 / 2;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow-y: auto;

}
.cons-modal__form-inner {

  display: contents;

}
.cons-modal__body {

  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1 0 auto;
  order: 1;
  padding: 2rem 2rem 1.5rem;
  display: flex;

}
.cons-modal__header {

  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;

}
.cons-modal__title {

  max-width: 21.25rem;
  color: var(--accent);
  font-size: var(--_typography---h3);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 110%;

}
.cons-modal__descr {

  color: var(--black);
  font-size: var(--_typography---body_m);
  font-weight: 300;
  line-height: 160%;

}
.cons-modal__purpose {

  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;

}
.cons-modal__question {

  color: var(--accent);
  font-size: var(--_typography---body_m);
  font-weight: 500;
  line-height: 140%;

}
.cons-modal__segmented {

  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--surface);
  border-radius: 999px;
  padding: .25rem;
  display: flex;

}
.cons-modal__option {

  transition: background-color .25s cubic-bezier(.25, .46, .45, .94), box-shadow undefined undefined;
  color: var(--accent);
  font-size: var(--_typography---caption_m);
  text-align: center;
  cursor: pointer;
  border-radius: 999px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: .5rem 1rem;
  font-weight: 400;
  line-height: 160%;
  display: flex;
  position: relative;

}
.cons-modal__option:hover {

  background-color: var(--accent-low);

}
.cons-modal__option-input {

  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;

}
.cons-modal__fields {

  flex-direction: column;
  display: flex;

}
.cons-modal__input {

  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--accent-low);
  height: auto;
  color: var(--accent);
  font-size: var(--_typography---body_m);
  background-color: #0000;
  margin-bottom: 0;
  padding: 1.25rem 0;
  font-weight: 500;
  line-height: 140%;
  transition: border-color .25s cubic-bezier(.25, .46, .45, .94);

}
.cons-modal__input:focus {

  border-bottom-color: var(--accent);

}
.cons-modal__input::placeholder {

  color: var(--accent-mid);

}
.cons-modal__footer {

  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white);
  color: var(--black);
  flex-direction: column;
  flex: none;
  order: 3;
  padding: 1rem 2rem;
  display: flex;
  position: sticky;
  bottom: 0;

}
.cons-modal__error {

  background-color: var(--surface);
  color: var(--error);
  font-size: var(--_typography---caption_m);
  text-align: center;
  border-radius: 2rem;
  order: 2;
  margin: 1.25rem 2rem 0;
  padding: .5rem 1rem;
  line-height: 160%;

}
.cons-modal__success {

  background-color: var(--white);
  color: var(--black);
  text-align: center;
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2.5rem 2rem;

}
.cons-modal__success-inner {

  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 29.75rem;
  display: flex;

}
.cons-modal__success-badge {

  background-color: var(--accent-low);
  width: 4.5rem;
  height: 4.5rem;
  color: var(--accent);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;

}
.cons-modal__success-text {

  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;

}
.cons-modal__success-title {

  color: var(--accent);
  font-size: var(--_typography---h3);
  letter-spacing: -.01em;
  font-weight: 500;
  line-height: 110%;

}
.cons-modal__success-descr {

  opacity: .7;
  color: var(--black);
  font-size: var(--_typography---body_m);
  font-weight: 300;
  line-height: 160%;

}
.brochure-modal__form {

  background-color: var(--white);
  flex-direction: column;
  flex: none;
  width: 33.75rem;
  min-height: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow-y: auto;

}
.brochure-modal__form-inner {

  display: contents;

}
.brochure-modal__body {

  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  flex: 1 0 auto;
  padding: 2rem 2rem 1.5rem;
  display: flex;

}
.brochure-modal__header {

  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  max-width: none;
  margin-bottom: 0;
  display: flex;

}
.brochure-modal__title {

  max-width: 26.25rem;
  color: var(--accent);
  font-size: var(--_typography---h3);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 110%;

}
.brochure-modal__descr {

  color: var(--black);
  font-size: var(--_typography---body_m);
  font-weight: 300;
  line-height: 160%;

}
.brochure-modal__fields {

  flex-direction: column;
  display: flex;

}
.brochure-modal__input {

  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--accent-low);
  height: auto;
  color: var(--accent);
  font-size: var(--_typography---body_m);
  background-color: #0000;
  margin-bottom: 0;
  padding: 1.25rem 0;
  font-weight: 500;
  line-height: 140%;
  transition: border-color .25s cubic-bezier(.25, .46, .45, .94);

}
.brochure-modal__input:focus {

  border-bottom-color: var(--accent);

}
.brochure-modal__input::placeholder {

  color: var(--accent-mid);

}
.brochure-modal__footer {

  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--white);
  flex-direction: column;
  flex: none;
  padding: 1rem 2rem;
  display: flex;
  position: sticky;
  bottom: 0;

}
.brochure-modal__agreement {

  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 500;
  line-height: 160%;

}
.brochure-modal__media {

  background-color: var(--surface);
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: 2rem;
  display: flex;
  overflow: hidden;

}
.brochure-modal__cover {

  width: 20.25rem;
  max-width: 100%;
  height: auto;
  box-shadow: 0 32px 80px 16px #0020471a;

}
.brochure-modal__success {

  background-color: var(--white);
  color: var(--black);
  text-align: center;
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  padding: 2.5rem 2rem;

}
.brochure-modal__success-inner {

  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  width: 100%;
  max-width: 29.75rem;
  color: var(--accent);
  flex-direction: column;
  align-items: center;
  display: flex;

}
.brochure-modal__success-text {

  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--black);
  font-size: var(--_typography---body_m);
  flex-direction: column;
  font-weight: 300;
  line-height: 160%;
  display: flex;

}
.brochure-modal__success-title {

  color: var(--accent);
  font-size: var(--_typography---h3);
  letter-spacing: -.01em;
  font-weight: 500;
  line-height: 110%;

}
.brochure-modal__error {

  background-color: var(--surface);
  color: var(--error);
  font-size: var(--_typography---caption_m);
  text-align: center;
  border-radius: 2rem;
  margin: 0 2rem 1rem;
  padding: .5rem 1rem;
  line-height: 160%;

}
.brochure-modal__success-badge {

  background-color: var(--accent-low);
  width: 4.5rem;
  height: 4.5rem;
  color: var(--accent);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: flex;

}
.project-modal__summary {

  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;

}
.project-modal__overview {

  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;

}
.project-modal__investment {

  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;

}
.project-modal__more {

  color: var(--accent);
  font-size: var(--_typography---body_m);
  cursor: pointer;
  background-color: #0000;
  padding: 0;
  font-weight: 500;
  line-height: 140%;
  text-decoration: underline;

}
.project-modal__titles {

  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;

}
.project-modal__advisor {

  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;

}
.project-modal__avatar {

  background-color: var(--accent-low);
  object-fit: contain;
  object-position: 50% 100%;
  border-radius: 999px;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  padding-top: .375rem;

}
.project-modal__advisor-text {

  grid-column-gap: .125rem;
  grid-row-gap: .125rem;
  flex-direction: column;
  flex: 1;
  display: flex;

}
.project-modal__fields-row {

  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-columns: 1fr 1fr;
  display: grid;

}
.project-modal__bar {

  background-color: var(--white);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding: 2.5rem 3rem 0;
  display: flex;

}
.project-modal__topbar {

  display: contents;

}
@media screen and (max-width: 991px) {
.button.project-modal__button {

    margin-top: 0;
  
}
.cons-modal {

    justify-content: center;
    align-items: stretch;
  
}
.cons-modal__wrapper {

    opacity: 1;
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    transform: translate3d(0, 100%, 0);
  
}
.cons-modal__bg {

    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  
}
.brochure-modal {

    height: 100%;
  
}
.brochure-modal__bg {

    background-color: var(--overlay);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  
}
.brochure-modal__wrapper {

    background-color: var(--white);
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
  
}
.project-modal {

    justify-content: center;
    align-items: stretch;
    height: 100%;
    padding-top: 0;
  
}
.project-modal._1 {

    justify-content: center;
    align-items: stretch;
  
}
.project-modal__bg, .project-modal__bg._1 {

    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  
}
.project-modal__wrapper {

    flex-flow: column;
    width: 100%;
    height: 100%;
    min-height: 100svh;
    display: block;
    overflow: auto;
  
}
.project-modal__wrapper._1 {

    flex-flow: column;
    width: 100%;
    max-width: none;
    height: 100dvh;
    display: flex;
    overflow: hidden auto;
  
}
.project-modal__cross-btn {

    width: 2.75rem;
    height: 2.75rem;
    color: var(--accent);
    background-color: #0000;
    position: relative;
    top: auto;
    right: auto;
  
}
.project-modal__cross-btn.mob-only {

    display: none;
  
}
.project-modal__content {

    flex: 1 0 auto;
    height: auto;
    padding: 0;
  
}
.project-modal__content.last {

    min-height: 100dvh;
  
}
.project-modal__content.first {

    height: auto;
    min-height: auto;
    overflow: visible;
  
}
.project-modal__details, .project-modal__descr {

    margin-bottom: 0;
  
}
.project-modal__slider {

    order: -9999;
    height: 32rem;
  
}
.back.project-modal__back.is-bar {

    display: flex;
  
}
.project-modal__content-inner {

    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 2rem 2rem 1.5rem;
    overflow-y: visible;
  
}
.project-modal__content-inner.is-form {

    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    padding-top: 1.25rem;
  
}
.project-modal__next {

    max-width: none;
  
}
.project-modal__form {

    flex: 1 0 auto;
    height: auto;
  
}
.project-modal-form__inner {

    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    flex: 1 0 auto;
    height: auto;
  
}
.project-modal__swiper {

    flex: none;
    order: -1;
    width: 100%;
    height: 27rem;
  
}
.project-modal__swiper-nav {

    display: none;
  
}
.project-modal__button-root {

    padding-left: 2rem;
    padding-right: 2rem;
  
}
.cons-modal__layout {

    flex-direction: column;
    display: flex;
    overflow-y: auto;
  
}
.cons-modal__advisor {

    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    flex-shrink: 0;
    align-items: flex-start;
    padding: 1.5rem 4rem 1.5rem 2rem;
    overflow: visible;
  
}
.cons-modal__portrait {

    background-color: var(--surface);
    object-fit: cover;
    object-position: 50% 0%;
    border-radius: 999px;
    flex: none;
    align-self: flex-start;
    width: 3.5rem;
    max-width: none;
    height: 3.5rem;
    min-height: 0;
    max-height: none;
    margin-top: 0;
    position: static;
  
}
.cons-modal__advisor-text {

    flex: 1;
  
}
.cons-modal__quote-icon {

    display: none;
  
}
.cons-modal__quote {

    max-width: 25rem;
  
}
.cons-modal__form {

    flex: 1 0 auto;
    height: auto;
    overflow-y: visible;
  
}
.cons-modal__title, .cons-modal__success-title {

    font-size: var(--_typography---h2);
  
}
.brochure-modal__form {

    flex: 1 0 auto;
    width: 100%;
    overflow-y: visible;
  
}
.brochure-modal__title {

    max-width: none;
  
}
.brochure-modal__media {

    flex: none;
    order: -1;
    height: 32.5rem;
    padding: 2.75rem 0;
  
}
.brochure-modal__cover {

    width: 20rem;
  
}
.project-modal__fields-row {

    grid-template-columns: 1fr;
  
}
.project-modal__bar {

    z-index: 3;
    border-bottom: 1px solid var(--accent-low);
    min-height: 3.3125rem;
    padding: .25rem .75rem .25rem 2rem;
    display: none;
    position: sticky;
    top: 0;
  
}
.project-modal__topbar {

    z-index: 5;
    border-bottom: 1px solid var(--accent-low);
    background-color: var(--white);
    flex: none;
    order: -2;
    justify-content: space-between;
    align-items: center;
    min-height: 3.3125rem;
    padding: .25rem .75rem .25rem 2rem;
    display: flex;
    position: sticky;
    top: 0;
  
}
}
@media screen and (max-width: 767px) {
.button.project-modal__button {

    height: 3.5rem;
    margin-top: 0;
  
}
.button.cons-modal__submit, .button.brochure-modal__submit {

    height: 3.5rem;
    padding-left: 1.75rem;
  
}
.cons-modal {

    justify-content: center;
    align-items: stretch;
  
}
.cons-modal__wrapper {

    width: 100%;
    padding: 0;
  
}
.cons-modal__cross-btn {

    width: 2.75rem;
    height: 2.75rem;
    top: 1rem;
    right: 1rem;
  
}
.brochure-modal {

    justify-content: center;
    align-items: flex-end;
  
}
.brochure-modal__wrapper {

    width: 100%;
  
}
.brochure-modal__cross-btn {

    width: 2.75rem;
    height: 2.75rem;
    top: 1rem;
    right: 1rem;
  
}
.project-modal {

    justify-content: center;
    align-items: flex-end;
  
}
.project-modal._1 {

    display: none;
  
}
.project-modal__wrapper._1 {

    height: 100dvh;
    max-height: none;
  
}
.project-modal__cross-btn.desk-only {

    top: 1rem;
    right: 1rem;
  
}
.project-modal__details, .project-modal__descr {

    margin-bottom: 0;
  
}
.project-modal__info {

    flex-flow: wrap;
  
}
.project-modal__info-item {

    flex: none;
  
}
.project-modal__slider {

    width: 100%;
    max-width: 60rem;
    height: 16rem;
  
}
.project-modal__slider-nav {

    justify-content: center;
    align-items: center;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%);
  
}
.project-modal__arrow {

    display: none;
  
}
.project-modal__content-inner {

    padding-top: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  
}
.project-modal__content-inner.is-form {

    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-top: 1.25rem;
  
}
.project-modal__payment-plan-list ul {

    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  
}
.project-modal__payment-plan-list li {

    justify-content: space-between;
    min-height: 4.375rem;
  
}
.project-modal__swiper {

    height: 18.25rem;
    min-height: 18.25rem;
  
}
.project-modal__navigation {

    justify-content: center;
    align-items: flex-end;
    bottom: .75rem;
    left: 1.25rem;
    right: 1.25rem;
  
}
.project-modal__button-root {

    background-color: var(--white);
    margin-left: 0;
    margin-right: 0;
    padding-top: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  
}
.cons-modal__advisor {

    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem 1.25rem 1.25rem;
  
}
.cons-modal__portrait {

    align-self: center;
    width: 3rem;
    height: 3rem;
  
}
.cons-modal__advisor-text {

    display: contents;
  
}
.cons-modal__quote {

    width: 100%;
    max-width: none;
    font-size: var(--_typography---caption_m);
    order: 3;
    font-weight: 400;
    line-height: 160%;
  
}
.cons-modal__author {

    flex: 1;
    order: 2;
    padding-right: 3rem;
  
}
.cons-modal__role {

    font-size: .75rem;
    font-weight: 500;
  
}
.cons-modal__body {

    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  
}
.cons-modal__title {

    max-width: none;
    line-height: 102%;
  
}
.cons-modal__footer {

    padding-left: 1.25rem;
    padding-right: 1.25rem;
  
}
.cons-modal__error {

    margin-left: 1.25rem;
    margin-right: 1.25rem;
  
}
.cons-modal__success {

    padding-left: 1.25rem;
    padding-right: 1.25rem;
  
}
.brochure-modal__body {

    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    padding-top: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  
}
.brochure-modal__title {

    line-height: 102%;
  
}
.brochure-modal__descr {

    max-width: 18.75rem;
  
}
.brochure-modal__footer {

    padding-left: 1.25rem;
    padding-right: 1.25rem;
  
}
.brochure-modal__media {

    height: 20rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  
}
.brochure-modal__cover {

    width: auto;
    max-width: none;
    height: 100%;
    box-shadow: 0 32px 80px 16px #0020471a, 0 32px 36px 16px #0020471a;
  
}
.brochure-modal__success {

    padding-left: 1.25rem;
    padding-right: 1.25rem;
  
}
.brochure-modal__error {

    margin-left: 1.25rem;
    margin-right: 1.25rem;
  
}
.project-modal__bar, .project-modal__topbar {

    padding-left: 1.25rem;
  
}
}
@media screen and (max-width: 479px) {
.button.project-modal__button {

    margin-top: 0;
  
}
.project-modal {

    display: flex;
  
}
.project-modal__wrapper {

    height: 100%;
    min-height: 100svh;
    max-height: none;
    display: flex;
  
}
.project-modal__wrapper._1 {

    flex-flow: column;
  
}
.project-modal__cross-btn {

    z-index: 100;
  
}
.project-modal__content.last {

    order: 9999;
    height: auto;
    min-height: 100dvh;
  
}
.project-modal__content.first {

    order: 9999;
    height: auto;
    min-height: auto;
  
}
.project-modal__title {

    font-size: var(--_typography---body_x);
  
}
.project-modal__info {

    grid-column-gap: 2.5rem;
    grid-row-gap: 1rem;
  
}
.project-modal__slider {

    max-width: none;
    height: auto;
    min-height: 16rem;
  
}
.project-modal__next {

    flex: 1;
  
}
.project-modal__swiper {

    height: 18.25rem;
    display: flex;
  
}
.project-modal__navigation {

    justify-content: center;
    align-items: flex-end;
  
}
}

/* Тень над фиксированным футером модалок.
   [data-sticky-shadow]          — только мобилка (≤767px): cons, brochure.
   [data-sticky-shadow="always"] — на всех устройствах: project-modal.
   Видна, пока под футером есть контент; у конца прокрутки гаснет. */
[data-sticky-shadow="always"] { isolation: isolate; }
[data-sticky-shadow="always"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 250ms cubic-bezier(.25, .1, .25, 1);
  pointer-events: none;
}
[data-sticky-shadow="always"][data-shadow]::before { opacity: 1; }
@media (max-width: 767px) {
  [data-sticky-shadow] { isolation: isolate; }
  [data-sticky-shadow]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    box-shadow: 0 -1px 12px rgba(0, 0, 0, 0.2);   /* из Figma: modal-consultation__footer */
    opacity: 0;
    transition: opacity 250ms cubic-bezier(.25, .1, .25, 1);
    pointer-events: none;
  }
  [data-sticky-shadow][data-shadow]::before { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  [data-sticky-shadow]::before { transition: none; }
}


/* =====================================================================
   Формы и модалки Home: состояния, которые не задать в Designer.
   Блоки: brochure-modal, cons-modal, project-modal, section-consultation.
   Тень sticky-футера — в embed со скриптом sticky-shadow.
   ===================================================================== */
/* ---------- Тема поля телефона: светлая (модалки) / тёмная (секция) ---------- */
:is(.brochure-modal,.cons-modal,.project-modal){--iti-line:var(--accent-low);--iti-line-focus:var(--accent);--iti-arrow:var(--accent-mid);--iti-text:var(--accent);}
.section-consultation{--iti-line:var(--white-low);--iti-line-focus:var(--white);--iti-arrow:var(--white-mid);--iti-text:var(--white);}
/* ---------- intl-tel-input: флаг и код страны в одной строке с инпутом ----------
   (без абсолютного оверлея — отступ не зависит от padding, который плагин
   считает, пока модалка скрыта) */
:is(.brochure-modal,.cons-modal,.project-modal,.section-consultation) .iti{display:flex;align-items:stretch;width:100%;border-bottom:1px solid var(--iti-line);}
:is(.brochure-modal,.cons-modal,.project-modal,.section-consultation) .iti:focus-within{border-bottom-color:var(--iti-line-focus);}
:is(.brochure-modal,.cons-modal,.project-modal,.section-consultation) .iti__country-container{position:static;display:flex;align-items:stretch;flex:0 0 auto;padding:0;}
:is(.brochure-modal,.cons-modal,.project-modal,.section-consultation) .iti__selected-country{display:flex;align-items:center;height:100%;padding:0;background:transparent;font:inherit;}
:is(.brochure-modal,.cons-modal,.project-modal,.section-consultation) .iti__selected-country-primary{display:flex;align-items:center;padding:0 1rem 0 0;border-right:1px solid var(--iti-line);height:1.25rem;}
:is(.brochure-modal,.cons-modal,.project-modal,.section-consultation) .iti__arrow{border-top-color:var(--iti-arrow);}
:is(.brochure-modal,.cons-modal,.project-modal,.section-consultation) .iti__selected-dial-code{margin-left:1rem;color:var(--iti-text);font-family:inherit;font-size:var(--_typography---body_m);line-height:140%;font-weight:500;}
:is(.brochure-modal,.cons-modal,.project-modal,.section-consultation) .iti > :is(.brochure-modal__input,.cons-modal__input,.section-consultation__input){flex:1 1 auto;min-width:0;width:auto;padding-left:0.5rem!important;border-bottom:none;}
.section-consultation .iti{transition:border-color 250ms cubic-bezier(.25,.46,.45,.94);}
/* список стран — поверх sticky-футера (z-index:2) */
:is(.brochure-modal__fields,:is(.cons-modal,.project-modal) [data-cons-fields]):focus-within{position:relative;z-index:3;}
:is(.brochure-modal,.cons-modal,.project-modal,.section-consultation) .iti__dropdown-content{z-index:10;}
.section-consultation .iti__dropdown-content{color:var(--accent);}
body > .iti--container{z-index:1100;}
/* ---------- Success: Webflow показывает его inline display:block, вёрстка на flex ---------- */
:is(.brochure-modal__success,.cons-modal__success,.section-consultation__success)[style*="block"]{display:flex!important;}
/* ---------- Segmented radio (активная опция ставит data-checked скрипт segmented) ---------- */
/* cons-modal + project-modal: текст 72%, выбранная — белая с тенью (hover — в Designer) */
.cons-modal__option .cons-modal__option-input{z-index:2;float:none;}
.cons-modal__option .w-form-label{position:relative;z-index:1;margin:0;pointer-events:none;opacity:.72;transition:opacity 250ms cubic-bezier(.25,.46,.45,.94);}
.cons-modal__option[data-checked],
.cons-modal__option:has(.cons-modal__option-input:checked){background-color:var(--white);box-shadow:0 2px 6px rgba(0,32,71,.1);}
.cons-modal__option[data-checked] .w-form-label,
.cons-modal__option:has(.cons-modal__option-input:checked) .w-form-label{opacity:1;}
/* brochure-modal: настоящий radio накрывает всю опцию; !important перебивает inline-стили Webflow */
.brochure-modal [data-brochure-option]{position:relative;cursor:pointer;}
.brochure-modal [data-brochure-option] input[type="radio"]{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;z-index:2!important;cursor:pointer;pointer-events:auto!important;}
.brochure-modal [data-brochure-option] .w-form-formradioinput--inputType-custom{display:none;}
/* section-consultation (тёмная тема) */
.section-consultation__option .w-form-label{position:relative;z-index:1;margin:0;pointer-events:none;}
.section-consultation__option[data-checked],
.section-consultation__option:has(.section-consultation__option-input:checked){background-color:var(--white);box-shadow:0 2px 6px rgba(0,32,71,.1);color:var(--accent);}
/* ---------- Фокус с клавиатуры ---------- */
.cons-modal__option:has(.cons-modal__option-input:focus-visible),
.brochure-modal [data-brochure-option]:has(input:focus-visible),
:is(.cons-modal__cross-btn,.cons-modal__submit,.brochure-modal__cross-btn,.brochure-modal__submit,.project-modal__cross-btn):focus-visible,
:is([data-project-more],[data-project-back],[data-project-open]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.section-consultation__option:has(.section-consultation__option-input:focus-visible),
.section-consultation__submit:focus-visible{outline:2px solid var(--white);outline-offset:2px;}
/* ---------- cons-modal: кавычки цитаты на tablet/mobile ---------- */
@media (max-width:991px){.cons-modal__quote::before{content:"\201C";}.cons-modal__quote::after{content:"\201D";}}
/* ---------- project-modal: дети RichText, clamp описания, шаг формы ---------- */
/* Property Types (RichText ul) → чипы */
.project-modal__tags ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;}
.project-modal__tags li{margin:0;padding:.25rem .75rem;border-radius:.5rem;background:var(--accent-low);color:var(--accent);font-size:var(--_typography---caption_m);line-height:160%;font-weight:400;}
/* Payment Plan (RichText «On Booking <strong>20%</strong>») → карточки этапов */
.project-modal__payment-plan-list ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;}
.project-modal__payment-plan-list li{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:.75rem 1rem;border-radius:.5rem;background:var(--surface);color:var(--black);font-size:var(--_typography---caption_m);line-height:160%;font-weight:400;}
.project-modal__payment-plan-list strong{display:block;color:var(--accent);font-size:var(--_typography---body_descr);line-height:138%;letter-spacing:.03em;font-weight:600;}
/* About: 4 строки, раскрытие по [data-expanded] (скрипт project-modal) */
[data-project-overview] > :not([data-project-more]){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
[data-project-overview][data-expanded] > :not([data-project-more]){display:block;-webkit-line-clamp:unset;overflow:visible;}
[data-project-more][hidden]{display:none;}
/* tablet/mobile, шаг формы: под общей шапкой галерея не показывается */
@media (max-width:991px){
  [data-project-modal][data-step="form"] [data-modal-el="panel"] > :not([data-project-view]):not(.project-modal__topbar){display:none;}
}
/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .cons-modal__option,.cons-modal__option .w-form-label,.cons-modal__cross-btn,.cons-modal__submit,.cons-modal__input,
  .brochure-modal__input,.brochure-modal__submit,.brochure-modal__cross-btn,
  .section-consultation__option,.section-consultation__input,.section-consultation .iti{transition:none;}
}