/**
 * MDW typography scale → henge.moscow
 * https://mdw.henge07.com/ (html root 10px → 1rem = 10px)
 *
 * Desktop ≥1024: d-h1 64 · d-h2 48 · d-h3 32 · d-h4 28
 * Mobile:         s-h1 48 · s-h2 32 · s-h3 28 · s-h4 22
 * Body 16/300/150% · Label 18/400 · Footer 14/400/130%
 */

/* —— Base —— */
body {
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
}

/* —— Hero H1 = d-h1 / s-h1 (MDW: 64 / 48) —— */
.main-title,
.main-page__title {
  font-size: 48px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 0;
  text-transform: none;
}

/*
 * Homepage hero — letter heights like MDW “2026 COLLECTION” / “RITUAL GRAVITY” (~2:1).
 * Measured cap-height ratio ≈ 2.07.
 */
.is-home .main-page__title,
.is-home .main-title {
  font-family: "Roboto Condensed", "Barlow Condensed", sans-serif !important;
  font-size: clamp(42px, 7.2vw, 100px) !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 0 !important;
}

.is-home .main-page__subtitle {
  font-family: "Roboto Condensed", "Barlow Condensed", sans-serif !important;
  font-size: clamp(22px, 3.6vw, 50px) !important;
  font-weight: 400 !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
}

/* Homepage about titles = same MDW condensed scale as collection titles */
.is-home .sec-1__title {
  font-size: 48px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 0 !important;
}

.is-home .sec-1__subtitle {
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 0 !important;
}

/* Ritual Gravity form — Condensed via variable wght axis (no synthetic bold) */
.is-home .sec-4__formbox,
.is-home .sec-4__formbox * {
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.is-home .sec-4__title {
  font-family: "Roboto Condensed", "Barlow Condensed", sans-serif !important;
  font-size: clamp(28px, 7.2vw, 40px) !important;
  font-weight: 400 !important;
  line-height: 110% !important;
  letter-spacing: 0 !important;
  text-transform: none;
  font-style: normal !important;
}

.is-home .sec-4__title span {
  display: block;
  margin-top: 0.08em;
  font-family: "Roboto Condensed", "Barlow Condensed", sans-serif !important;
  font-size: 0.72em !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-style: normal !important;
}

.is-home .sec-4__subtitle {
  margin-top: 16px !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 140% !important;
  font-style: normal !important;
}

.is-home .sec-4 .sec-form {
  margin-top: 28px !important;
}

.is-home .sec-4 .sec-form__phone {
  font-family: "Inter", system-ui, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.is-home .sec-4 button.sec-form__button,
.is-home .sec-4 .sec-form__button._main-btn._white-btn,
.sec-9 .sec-form__button,
._sec-9modal .sec-form__button {
  font-family: "Roboto Condensed", "Barlow Condensed", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em;
}

.is-home .sec-4 .sec-form__checkbox-label,
.sec-9 .sec-form__checkbox-label,
._sec-9modal .sec-form__checkbox-label {
  font-family: "Inter", system-ui, sans-serif !important;
  font-style: normal !important;
}

.is-home .about-story__heading,
.is-home .about-people__name {
  font-size: 48px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 0 !important;
}

/* Thanks page: slightly smaller so the two-column hero does not clip */
.thanks .main-page__title {
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 110% !important;
  letter-spacing: 0;
}

/* —— Section titles = d-h2 / s-h2 —— */
.title-1:not(.sec-5__adress):not(.sec-10__adress):not(._location),
.sec-2__title,
.sec-3__title,
.sec-4__title,
.sec-5__title,
.sec-6__title,
.sec-8__title,
.sec-9__title,
.sec-10__title,
.home-faq__title,
.landing__h1,
.landing__h2 {
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
}

/* Address lines (were wrongly on title-1) = d-h4 / s-h4 —— */
.sec-5__adress,
.sec-10__adress,
p._location,
.title-2._location {
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
}

/* —— Leads / subtitles = text-body —— */
.subtitle-1,
.main-page__subtitle,
.sec-2__subtitle,
.sec-5__contacts-title,
.sec-8__subtitle,
.sec-9__subtitle,
.landing__lead,
.landing__body,
.landing__form-note,
.landing__nap {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 150% !important;
}

.landing__body h2 {
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
}

/* Policy modal —— */
.modal-policy__title {
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
}

.modal-policy__text {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 150% !important;
}

/* —— Card / column / FAQ copy = text-body —— */
.card-title,
.sec-7__slide-title,
.sec-3__slide-info,
.landing-faq__item p,
.landing-faq__item summary,
.home-faq__links a,
.landing__links a {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 150% !important;
}

.landing__crumbs,
.landing__crumbs a,
.landing-nav,
.landing-nav a {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 130% !important;
}

.landing-faq__item summary {
  font-weight: 400 !important;
}

/* —— Product names = d-h4 / s-h4 —— */
.sec-3__slide-name,
.sec-3__slide-name a {
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
}

/* —— Buttons / CTA label = text-label —— */
._main-btn,
.sec-form__button,
.landing__cta,
.sec-2__button {
  font-family: "Roboto Condensed", "Barlow Condensed", sans-serif !important;
  font-style: normal !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 0.02em;
}

._main-btn,
.sec-form__button,
.landing__cta,
.sec-2__button {
  min-height: 50px !important;
}

/* —— Form fields = label —— */
.sec-form__phone,
.landing__form .sec-form__phone,
.sec-form__method-label {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
}

.sec-form__phone {
  min-height: 50px !important;
}

.sec-form__method-label {
  min-height: 50px !important;
}

/* Consent / checkbox = footer size —— */
.sec-form__checkbox-label,
.landing__form .sec-form__checkbox-label,
.cookie-consent__text {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 130% !important;
  letter-spacing: 0.2px;
}

.cookie-consent__btn {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  min-height: 0 !important;
}

/* —— Legal / policy pages —— */
.policy h1 {
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
}

.policy h2 {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 130% !important;
}

.policy p,
.policy li {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 150% !important;
}

@media (max-width: 1023.98px) {
  .policy h1 {
    font-size: 22px !important;
  }
}

/* —— Header / contacts phone = label —— */
.header__number,
.sec-10__phone,
.sec-5__contacts-phone {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
}

.sec-10__mail,
.sec-5__contacts-mail {
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 150% !important;
}

/* —— Ticker = s-h4 / d-h4 —— */
.ticker__item,
.ticker__sep {
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 0.04em;
}

/* —— End CTA banner = d-h3 —— */
.sec-10--cta .sec-10__cta-title {
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.sec-10--cta .sec-10__cta-btn {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  min-height: 50px;
  letter-spacing: 0.06em;
}

/* —— Footer = text-footer / label —— */
.footer__number {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 100% !important;
}

.footer__mail {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 130% !important;
}

.footer__legal a,
.footer__policy {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 130% !important;
  letter-spacing: 0.2px;
}

/* —— Desktop ≥ 1024 (MDW lg) —— */
@media (min-width: 1024px) {
  .main-title,
  .main-page__title {
    font-size: 64px !important;
  }

  .is-home .main-page__title,
  .is-home .main-title {
    font-size: 100px !important;
  }

  .is-home .main-page__subtitle {
    font-size: 50px !important;
  }

  .is-home .sec-1__title {
    font-size: 64px !important;
  }

  .is-home .sec-1__subtitle {
    font-size: 48px !important;
  }

  .is-home .sec-4__title {
    font-size: 48px !important;
    line-height: 110% !important;
  }

  .is-home .sec-4__title span {
    font-size: 0.68em !important;
  }

  .is-home .sec-4__subtitle {
    margin-top: 20px !important;
    font-size: 18px !important;
  }

  .is-home .sec-4 .sec-form {
    margin-top: 36px !important;
  }

  .is-home .about-story__heading,
  .is-home .about-people__name {
    font-size: 64px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
  }

  .thanks .main-page__title {
    font-size: 48px !important;
  }

  .title-1:not(.sec-5__adress):not(.sec-10__adress):not(._location),
  .sec-2__title,
  .sec-3__title,
  .sec-4__title,
  .sec-5__title,
  .sec-6__title,
  .sec-8__title,
  .sec-9__title,
  .sec-10__title,
  .home-faq__title,
  .landing__h1,
  .landing__h2 {
    font-size: 48px !important;
  }

  .landing__body h2 {
    font-size: 28px !important;
  }

  .modal-policy__title {
    font-size: 28px !important;
  }

  .sec-5__adress,
  .sec-10__adress,
  p._location,
  .title-2._location {
    font-size: 28px !important;
  }

  .sec-3__slide-name,
  .sec-3__slide-name a {
    font-size: 28px !important;
  }

  .ticker__item,
  .ticker__sep {
    font-size: 28px !important;
  }

  .sec-10--cta .sec-10__cta-title {
    font-size: 32px !important;
  }
}

/* —— Crush old responsive overrides —— */
@media (max-width: 1200px) {
  .main-page__title {
    font-size: 48px !important;
  }
  .title-1:not(.sec-5__adress):not(.sec-10__adress) {
    font-size: 32px !important;
  }
  .header__number,
  .footer__number {
    font-size: 18px !important;
  }
}

@media (max-width: 991px) {
  .main-page__title {
    font-size: 48px !important;
  }
  .title-1:not(.sec-5__adress):not(.sec-10__adress) {
    font-size: 32px !important;
  }
  .subtitle-1 {
    font-size: 16px !important;
  }
  .sec-5__contacts-phone,
  .sec-10__phone,
  .header__number {
    font-size: 18px !important;
  }
  .sec-5__contacts-mail,
  .sec-10__mail {
    font-size: 16px !important;
  }
}

@media (max-width: 767.98px) {
  .main-page__title,
  .main-title {
    font-size: 48px !important;
  }
  .title-1:not(.sec-5__adress):not(.sec-10__adress) {
    font-size: 32px !important;
  }
  .subtitle-1,
  .card-title,
  .sec-7__slide-title {
    font-size: 16px !important;
  }
  ._main-btn,
  .sec-form__button {
    font-size: 18px !important;
  }
  .cookie-consent__btn {
    font-size: 14px !important;
  }
  .sec-10--cta .sec-10__cta-title {
    font-size: 28px !important;
  }
  .ticker__item,
  .ticker__sep {
    font-size: 22px !important;
  }
  .sec-5__adress,
  .sec-10__adress,
  p._location {
    font-size: 22px !important;
  }
  .landing__h1 {
    font-size: 32px !important;
  }
}