@import url("/assets/exmodule/home-hero-premium-v1.css?v=20260815-3");

:root {
  --ex-green: #0d2e25;
  --ex-green-2: #173f34;
  --ex-sand: #f1aa4b;
  --ex-cream: #f7f3ed;
  --ex-ink: #10241e;
  --ex-muted: #61706a;
  --ex-line: #dce3df;
  --ex-shadow: 0 22px 60px rgba(13, 46, 37, .12);
}

body[data-page-id="94345186"] {
  overflow-x: hidden;
  color: var(--ex-ink);
  background: #fff;
  font-family: "TildaSans", Arial, Helvetica, sans-serif !important;
}

body[data-page-id="94345186"] #t-header .t967,
body[data-page-id="94345186"] #t-header .t228 {
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 8px 28px rgba(13, 46, 37, .08) !important;
  backdrop-filter: blur(16px);
}

body[data-page-id="94345186"] #t-header a.t-menu__link-item {
  color: var(--ex-green) !important;
  font-weight: 700 !important;
}

body[data-page-id="94345186"] #exmodule-main-hero {
  --exm-orange: var(--ex-sand) !important;
  --exm-orange-bright: var(--ex-sand) !important;
  height: clamp(690px, calc(100svh - 92px), 790px) !important;
  min-height: 690px !important;
  color: #fff !important;
  background: var(--ex-green) !important;
}

body[data-page-id="94345186"] .exm-hero-v4__bg {
  object-position: center 56% !important;
  filter: saturate(1.04) contrast(1.02);
}

body[data-page-id="94345186"] .exm-hero-v4__fade {
  background: linear-gradient(90deg, rgba(5, 25, 20, .86) 0%, rgba(5, 25, 20, .62) 38%, rgba(5, 25, 20, .10) 70%, rgba(5, 25, 20, .02) 100%) !important;
}

body[data-page-id="94345186"] .exm-hero-v4__content {
  max-width: 1180px !important;
}

body[data-page-id="94345186"] .exm-hero-v4__title {
  max-width: 720px !important;
  color: #fff !important;
  font-size: clamp(48px, 5.2vw, 76px) !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .28);
}

body[data-page-id="94345186"] .exm-hero-v4__subtitle,
body[data-page-id="94345186"] .exm-hero-v4__proof-item,
body[data-page-id="94345186"] .exm-hero-v4__badge {
  color: #fff !important;
}

body[data-page-id="94345186"] .exm-hero-v4__badge,
body[data-page-id="94345186"] .exm-hero-v4__panel,
body[data-page-id="94345186"] .exm-hero-v4__dop {
  border-color: rgba(255,255,255,.25) !important;
  background: rgba(255,255,255,.91) !important;
  box-shadow: var(--ex-shadow) !important;
  backdrop-filter: blur(18px);
}

body[data-page-id="94345186"] .exm-hero-v4__badge {
  color: var(--ex-green) !important;
}

/* 2026-08-29: make the production marker readable and intentional on the dark hero. */
body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #exmodule-main-hero .exm-hero-v4__badge {
  width: max-content !important;
  max-width: min(100%, 560px) !important;
  min-height: 46px !important;
  padding: 6px 18px 6px 7px !important;
  gap: 11px !important;
  color: #082f26 !important;
  border: 1px solid rgba(255, 255, 255, .54) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f2b254 0%, #eca044 100%) !important;
  box-shadow: 0 16px 34px rgba(3, 24, 18, .22), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
  backdrop-filter: blur(14px) !important;
}

body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #exmodule-main-hero .exm-hero-v4__badge svg {
  width: 32px !important;
  height: 32px !important;
  padding: 7px !important;
  flex: 0 0 32px !important;
  stroke: #082f26 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .68) !important;
}

body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #exmodule-main-hero .exm-hero-v4__badge span {
  color: #082f26 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  letter-spacing: .105em !important;
  white-space: nowrap !important;
}

@media (max-width: 640px) {
  body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #exmodule-main-hero .exm-hero-v4__badge {
    width: auto !important;
    max-width: 100% !important;
    min-height: 42px !important;
    padding: 5px 12px 5px 6px !important;
    justify-content: flex-start !important;
  }

  body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #exmodule-main-hero .exm-hero-v4__badge svg {
    width: 29px !important;
    height: 29px !important;
    flex-basis: 29px !important;
  }

  body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #exmodule-main-hero .exm-hero-v4__badge span {
    font-size: 9px !important;
    letter-spacing: .075em !important;
    white-space: normal !important;
  }
}

body[data-page-id="94345186"] .exm-hero-v4__cta,
body[data-page-id="94345186"] .exp-btn-main,
body[data-page-id="94345186"] .exm-mount-wide__btn_main,
body[data-page-id="94345186"] .exm-mortgage-btn-main,
body[data-page-id="94345186"] .em-sergey-btn-primary,
body[data-page-id="94345186"] .ex-btn-main,
body[data-page-id="94345186"] .ex-gallery-btn-main,
body[data-page-id="94345186"] .t-submit,
body[data-page-id="94345186"] .t-btn {
  color: var(--ex-green) !important;
  background: var(--ex-sand) !important;
  border-color: var(--ex-sand) !important;
  border-radius: 14px !important;
  box-shadow: 0 15px 34px rgba(197, 129, 38, .22) !important;
}

body[data-page-id="94345186"] .exp-section,
body[data-page-id="94345186"] .exm-mount-wide,
body[data-page-id="94345186"] .exm-mortgage,
body[data-page-id="94345186"] .xm-techwall,
body[data-page-id="94345186"] .xm-metal-mobilefix,
body[data-page-id="94345186"] .em-sergey-wrap,
body[data-page-id="94345186"] .ex-advantage-faq,
body[data-page-id="94345186"] .ex-gallery {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

body[data-page-id="94345186"] .exp-section,
body[data-page-id="94345186"] .xm-techwall,
body[data-page-id="94345186"] .em-sergey-wrap,
body[data-page-id="94345186"] .ex-gallery {
  background: var(--ex-cream) !important;
}

body[data-page-id="94345186"] .exm-mount-wide,
body[data-page-id="94345186"] .xm-metal-mobilefix,
body[data-page-id="94345186"] .ex-advantage-faq {
  background: #fff !important;
}

body[data-page-id="94345186"] :is(.exp-wrap,.exm-mount-wide__wrap,.exm-mortgage-wrap,.xm-techwall__box,.xm-metal-mobilefix__box,.em-sergey-wrap,.ex-advantage-wrap,.ex-gallery-wrap) {
  max-width: 1180px !important;
}

body[data-page-id="94345186"] :is(.exp-head h2,.exm-mount-wide__head h2,.exm-mortgage-title,.xm-techwall__title,.xm-metal-mobilefix__title,.em-sergey-title,.ex-advantage-head h2,.ex-gallery-head h2) {
  color: var(--ex-green) !important;
  font-size: clamp(40px, 4.4vw, 62px) !important;
  line-height: 1 !important;
  letter-spacing: -.05em !important;
}

body[data-page-id="94345186"] :is(.exp-card,.exp-complex,.exm-mount-wide__video-box,.exm-mount-wide__step,.exm-mortgage-card,.xm-techwall__box,.xm-metal-mobilefix__box,.em-sergey-photo-card,.em-sergey-content-card,.em-sergey-tech-card,.ex-side-card,.ex-mini-card,.ex-faq-item,.ex-gallery-card) {
  border-color: var(--ex-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 42px rgba(13, 46, 37, .08) !important;
}

body[data-page-id="94345186"] .exm-mount-wide__video-box {
  overflow: hidden !important;
  background: var(--ex-green) !important;
}

body[data-page-id="94345186"] .exm-mount-wide__video {
  width: 100% !important;
  max-height: 650px !important;
  object-fit: cover !important;
}

body[data-page-id="94345186"] .em-sergey-photo-card img,
body[data-page-id="94345186"] .exm-mortgage-photo img,
body[data-page-id="94345186"] .xm-techwall img,
body[data-page-id="94345186"] .xm-metal-mobilefix img,
body[data-page-id="94345186"] .ex-gallery-card img {
  border-radius: 20px !important;
}

body[data-page-id="94345186"] .em-sergey-quote,
body[data-page-id="94345186"] .ex-side-card-main,
body[data-page-id="94345186"] .exm-mount-wide__cta {
  color: #fff !important;
  background: var(--ex-green) !important;
  border-radius: 22px !important;
}

/* Dark cards need explicit child colors because their component rules set
   dark text directly on headings and paragraphs. */
body[data-page-id="94345186"] .ex-side-card-main > strong {
  color: #fff !important;
}

body[data-page-id="94345186"] .ex-side-card-main > p {
  color: rgba(255, 255, 255, .78) !important;
}

/* The real-projects gallery is intentionally dark; keep its heading legible. */
body[data-page-id="94345186"] .ex-gallery-title-row h2 {
  color: #fff !important;
}

body[data-page-id="94345186"] .exm-mortgage-wrap {
  color: #fff !important;
  background: var(--ex-green) !important;
  border-radius: 34px !important;
  box-shadow: var(--ex-shadow) !important;
}

body[data-page-id="94345186"] .exm-mortgage-title,
body[data-page-id="94345186"] .exm-mortgage-text,
body[data-page-id="94345186"] .exm-mortgage-stat,
body[data-page-id="94345186"] .exm-mortgage-note {
  color: #fff !important;
}

body[data-page-id="94345186"] .exm-mortgage-title em,
body[data-page-id="94345186"] .exm-mortgage-stat strong,
body[data-page-id="94345186"] .em-sergey-kicker,
body[data-page-id="94345186"] .exm-mount-wide__label,
body[data-page-id="94345186"] .ex-gallery-kicker {
  color: var(--ex-sand) !important;
}

@media (max-width: 820px) {
  body[data-page-id="94345186"] #exmodule-main-hero {
    height: auto !important;
    min-height: 760px !important;
  }
  body[data-page-id="94345186"] .exm-hero-v4__bg {
    object-position: 58% center !important;
  }
  body[data-page-id="94345186"] .exm-hero-v4__fade {
    background: linear-gradient(180deg, rgba(5,25,20,.20) 0%, rgba(5,25,20,.86) 54%, rgba(5,25,20,.94) 100%) !important;
  }
  body[data-page-id="94345186"] .exm-hero-v4__title {
    font-size: clamp(43px, 12vw, 62px) !important;
  }
  body[data-page-id="94345186"] .exp-section,
  body[data-page-id="94345186"] .exm-mount-wide,
  body[data-page-id="94345186"] .exm-mortgage,
  body[data-page-id="94345186"] .xm-techwall,
  body[data-page-id="94345186"] .xm-metal-mobilefix,
  body[data-page-id="94345186"] .em-sergey-wrap,
  body[data-page-id="94345186"] .ex-advantage-faq,
  body[data-page-id="94345186"] .ex-gallery {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

/* 2026-08-29: keep the whole homepage header light and clearly separated. */
html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header,
html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header > .r,
html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #nav1549291661,
html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #nav1560055791,
html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #nav1571385431 {
  background: #fbfaf7 !important;
  background-color: #fbfaf7 !important;
  border-bottom-color: rgba(13, 46, 37, .12) !important;
  box-shadow: 0 10px 30px rgba(13, 46, 37, .10) !important;
}

html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header :is(.t-menu__link-item, .t228__right_descr, .t967__additional-descr),
html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header :is(.t228__right_descr, .t967__additional-descr) a,
html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header :is(.t228__right_descr, .t967__additional-descr) strong {
  color: #0d2e25 !important;
  opacity: 1 !important;
}

html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header :is(.t967__imglogo, .t967__imglogomobile, .t228__imglogo, .t228__imglogomobile) {
  filter: brightness(0) saturate(100%) invert(14%) sepia(23%) saturate(986%) hue-rotate(112deg) brightness(91%) contrast(95%) !important;
}

html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header :is(.t-btn, .t-btnflex_type_button) {
  color: #0d2e25 !important;
  background: #e9a14a !important;
  box-shadow: 0 10px 24px rgba(233, 161, 74, .25) !important;
}

@media (max-width: 980px) {
  html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header .tmenu-mobile,
  html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header .tmenu-mobile__container {
    background: #fbfaf7 !important;
  }

  html body[data-page-id="94345186"] #allrecords[data-tilda-page-id="94345186"] #t-header .t-menuburger span {
    background: #0d2e25 !important;
  }
}

/* Tilda can move the header outside #allrecords after initialization. */
html body[data-page-id="94345186"] #t-header,
html body[data-page-id="94345186"] #t-header > .r,
html body[data-page-id="94345186"] #t-header #nav1549291661,
html body[data-page-id="94345186"] #t-header #nav1560055791,
html body[data-page-id="94345186"] #t-header #nav1571385431,
html body[data-page-id="94345186"] #t-header :is(.t967__maincontainer, .t967__top, .t967__bottom, .t228__maincontainer) {
  background: #fbfaf7 !important;
  background-color: #fbfaf7 !important;
  border-bottom-color: rgba(13, 46, 37, .12) !important;
}

html body[data-page-id="94345186"] #t-header :is(.t-menu__link-item, .t228__right_descr, .t967__additional-descr),
html body[data-page-id="94345186"] #t-header :is(.t228__right_descr, .t967__additional-descr) :is(a, strong, span) {
  color: #0d2e25 !important;
  opacity: 1 !important;
}

html body[data-page-id="94345186"] #t-header * {
  color: #0d2e25 !important;
}

html body[data-page-id="94345186"] #t-header :is(.t-sociallinks__svg path, .t-sociallinks__svg circle) {
  fill: #0d2e25 !important;
}

@media (min-width: 981px) {
  html body[data-page-id="94345186"] #t-header #rec1560055791,
  html body[data-page-id="94345186"] #t-header #rec1560055791 #nav1560055791,
  html body[data-page-id="94345186"] #t-header #rec1560055791 .t228__maincontainer {
    background: #fbfaf7 !important;
    background-color: #fbfaf7 !important;
  }

  html body[data-page-id="94345186"] #t-header #rec1560055791 :is(.t-menu__link-item, .t228__right_descr, .t228__right_descr *, .t228__right_descr a) {
    color: #0d2e25 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

html body[data-page-id="94345186"] #t-header :is(.t967__imglogo, .t967__imglogomobile, .t228__imglogo, .t228__imglogomobile) {
  filter: brightness(0) saturate(100%) invert(14%) sepia(23%) saturate(986%) hue-rotate(112deg) brightness(91%) contrast(95%) !important;
}

@media (max-width: 980px) {
  html body[data-page-id="94345186"] #t-header :is(.tmenu-mobile, .tmenu-mobile__container) {
    background: #fbfaf7 !important;
  }

  html body[data-page-id="94345186"] #t-header .t-menuburger span {
    background: #0d2e25 !important;
  }
}