/* Фирменный стиль homely space с 30.09.2026 — как на главной.
   Слой поверх /blog/blog.css и стилей страницы: подключать последним.
   Noto Serif (тонкая, суженная антиква) — заголовки; Inter Tight — текст и подписи.
   Бумажный поддон #EEECE4 с фактурой, кремовые плашки #FFFDF4, акцент — терракота #B85C38,
   на графите кнопки глубже — #8F4529. Подписи разделов в скобках: «( О нас )».
   Тонкие начертания 100–200 — только для крупных заголовков; смысловые пункты — 400. */

@font-face { font-family: "Noto Serif"; font-style: normal; font-weight: 100 900; font-stretch: 62.5% 100%; font-display: swap;
  src: url("/fonts/noto-serif-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Noto Serif"; font-style: normal; font-weight: 100 900; font-stretch: 62.5% 100%; font-display: swap;
  src: url("/fonts/noto-serif-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Noto Serif"; font-style: italic; font-weight: 100 900; font-stretch: 62.5% 100%; font-display: swap;
  src: url("/fonts/noto-serif-italic-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Noto Serif"; font-style: italic; font-weight: 100 900; font-stretch: 62.5% 100%; font-display: swap;
  src: url("/fonts/noto-serif-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/inter-tight-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter Tight"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("/fonts/inter-tight-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --cream-1: #EEECE4;            /* бумажный поддон */
  --cream-card: #E4E1D8;         /* подложка под картинками, пока они грузятся */
  --plate: #FFFDF4;              /* кремовые плашки и шапка */
  --ink-1: #383838;              /* тёмные блоки — как «Услуги» и контакты на главной */
  --ink-text: #242424;
  --accent: #B85C38; --accent-hover: #A34F2E;
  --orange-1: #B85C38; --orange-2: #B85C38; --orange-3: #B85C38;
  --accent-deep: #8F4529;        /* кнопки на графите */
  --serif: "Noto Serif", Georgia, serif;
  --sans: "Inter Tight", Arial, sans-serif;
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .25 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
body { background: var(--cream-1) var(--noise); font-family: var(--sans); color: var(--ink-text) }
::-webkit-scrollbar-track { background: var(--cream-1) }
::-webkit-scrollbar-thumb { border-color: var(--cream-1) }

/* Общий рисунок заголовков: суженная антиква, лёгкий трекинг внутрь, акцент — курсивом. */
.ser { font-family: var(--serif); font-stretch: 87.5% }

/* ——— шапка как на главной: кремовая плашка 64px, логотип по центру ——— */
.top { background: var(--plate) var(--noise); border-bottom: 1px solid rgba(36, 36, 36, .08) }
.top-in { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 64px }
.top .menu { display: flex; align-items: center; gap: 40px; margin: 0 }
.top .menu-r { justify-content: flex-end }
.top .menu a { font-size: 12px; line-height: 14px; letter-spacing: .02em; text-transform: uppercase; color: var(--ink-text); padding: 8px 0 }
.top .menu a.is-current { color: var(--accent) }
.top .brand { margin: 0; justify-self: center }
.top .brand img { width: 72px; height: 32px }
.top .m-contact { display: none; font-size: 12px; line-height: 14px; letter-spacing: .02em; text-transform: uppercase; color: var(--ink-text) }
.top .burger { justify-self: end }

.drawer nav a { font-family: var(--serif); font-stretch: 87.5%; font-weight: 200; font-size: 32px; line-height: 34px; letter-spacing: -.03em; text-transform: none }
.drawer .plate { background: var(--accent-deep); border-radius: 24px 0 0 0 }

/* ——— кнопки: на светлом — терракота со скруглённым углом, как «Рассчитать бюджет» на главной ——— */
.plate { background: var(--accent); color: var(--plate); border-radius: 0 0 0 24px }
.plate:hover { background: var(--accent-hover) }
.mb .plate, .mb .hero-cta .plate { border-radius: 0 0 0 24px }

/* ——— тёмная форма «Обсудим ваш объект» и подвал — как контакты на главной ——— */
.talk h2 { font-family: var(--serif); font-stretch: 87.5%; font-weight: 200; font-size: clamp(52px, 5.6vw, 80px); line-height: .98; letter-spacing: -.035em }
.talk h2 span { font-style: italic }
.talk .plate, .drawer .plate { background: var(--accent-deep); border-radius: 24px 0 0 0 }
.talk .plate:hover, .drawer .plate:hover { background: #9C4E2F }
.talk-form input, .talk-form textarea { font-family: var(--sans) }

/* ——— страницы услуг (.mb — «Меблировка») ——— */
.mb { --paper: var(--plate) }
.mb .eyebrow { font-size: 12px; line-height: 14px; letter-spacing: .02em; color: var(--ink-text) }
.mb .eyebrow::before { content: "(\00a0" }
.mb .eyebrow::after { content: "\00a0)" }
.mb .eyebrow span { color: inherit }
.mb .hero h1 {
  max-width: 12em; margin-top: 30px;
  font-family: var(--serif); font-stretch: 87.5%; font-weight: 200;
  font-size: clamp(46px, 4.7vw, 68px); line-height: 1; letter-spacing: -.04em; text-wrap: balance;
}
.mb .hero h1 .a { font-style: italic; white-space: nowrap }
.mb .hero .lede { font-size: 18px; line-height: 28px; color: var(--ink-1) }
.mb .facts dt { font-size: 11px; line-height: 11px; letter-spacing: .08em }
.mb .facts dd { font-family: var(--serif); font-stretch: 87.5%; font-weight: 300; font-size: 26px; line-height: 30px; letter-spacing: -.02em }
.mb .facts small { font-family: var(--sans) }

/* Подпись раздела → заголовок раздела крупной антиквой, как «Весь проект — на нас». */
.mb .lbl {
  margin-bottom: 56px;
  font-family: var(--serif); font-stretch: 87.5%; font-weight: 200;
  font-size: clamp(44px, 4.2vw, 60px); line-height: 1; letter-spacing: -.035em;
  text-transform: none; color: var(--ink-text);
}
.mb .lbl .sl { display: none }
.mb .row-head { align-items: flex-end }

.mb .st-num { font-family: var(--serif); font-stretch: 87.5%; font-weight: 100; font-size: clamp(64px, 6.6vw, 96px); letter-spacing: -.045em }
.mb .st-num .a { font-style: italic }
.mb .st-num .pre { font-family: var(--sans); font-weight: 400; font-size: .2em; letter-spacing: .02em; text-transform: uppercase; vertical-align: .9em; margin-right: .25em }
.mb .st-txt { font-size: 17px; line-height: 26px }

.mb .devs { background: var(--ink-1) var(--noise) }
.mb .devs h2 { font-size: 12px; letter-spacing: .02em }
.mb .devs h2::before { content: "(\00a0" }
.mb .devs h2::after { content: "\00a0)" }
.mb .devs li { font-family: var(--serif); font-stretch: 87.5%; font-weight: 300; font-size: 28px; line-height: 34px; letter-spacing: -.02em }

.mb .plan { background: var(--plate) var(--noise) }
.mb .plan h3 { font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 22px; line-height: 26px; letter-spacing: .01em }
.mb .plan-price strong { font-family: var(--serif); font-stretch: 87.5%; font-weight: 300; font-size: 28px; line-height: 30px; letter-spacing: -.02em }
.mb .budget h3 { font-family: var(--sans); font-weight: 500; font-size: 12px; letter-spacing: .06em }
.mb .budget .op { font-family: var(--serif); font-weight: 200; font-size: 26px }

.mb .tg { font-size: 11px; letter-spacing: .08em }

.mb .quiz-cuts { display: none }
.mb .quiz { background: var(--plate) var(--noise) }
.mb .q-step legend, .mb .q-contact legend { font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 26px; line-height: 32px; letter-spacing: -.015em }
.mb .n { font-family: var(--sans); font-size: 12px; letter-spacing: .02em }
.mb .q-done-title { font-family: var(--serif); font-stretch: 87.5%; font-weight: 200; font-style: italic; font-size: 44px }

.mb .rev { background: var(--plate) var(--noise) }
.mb .rev p { font-size: 15px; line-height: 24px }

.mb .faq summary h3 { font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 21px; line-height: 28px; letter-spacing: -.01em }
.mb .faq details p { font-size: 16px; line-height: 26px }

@media (max-width: 900px) {
  .top-in { height: 56px }
  .top .menu { display: none }
  .top .m-contact { display: block; justify-self: start; grid-column: 1; grid-row: 1 }
  .top .brand { grid-column: 2; grid-row: 1 }
  .top .burger { grid-column: 3; grid-row: 1 }
  .top .brand img { width: 62px; height: 28px }
  .mb .hero h1 { font-size: 42px; line-height: 1.02 }
  .mb .lbl { font-size: 40px; margin-bottom: 36px }
  .mb .st-num { font-size: 72px }
}
@media (max-width: 480px) {
  .svc .plan { padding: 24px 20px 26px }
  .svc .plan h3 { font-size: 24px; line-height: 28px }
  .mb .facts { flex-wrap: wrap; gap: 18px 28px }
  .mb .facts dd { font-size: 22px; line-height: 26px }
}

/* ══════════ Блог: лента, статья, 404 — журнальная подача ══════════ */
.back, .more, .cards-head a { letter-spacing: .08em }
.back { font-size: 12px; color: var(--ink-1) }

/* Лента: «Блог.» тонкой антиквой во всю ширину, подпись в скобках. */
.bhero { padding-top: 88px; padding-bottom: 88px }
.bhero h1 {
  font-family: var(--serif); font-stretch: 87.5%; font-weight: 100;
  font-size: clamp(120px, 15vw, 224px); line-height: .84; letter-spacing: -.055em;
  text-transform: lowercase; color: var(--ink-text);
}
.bhero h1::first-letter { text-transform: uppercase }
.bhero h1 span { color: var(--accent) }
.h1-sub { margin-top: clamp(52px, 5vw, 76px); font: 400 12px/18px var(--sans); letter-spacing: .02em; text-transform: uppercase; color: var(--ink-text); max-width: 50ch }
.h1-sub::before { content: "(\00a0" }
.h1-sub::after { content: "\00a0)" }

.lead { padding-top: 32px; padding-bottom: 112px }
.lead-body h2 {
  text-transform: none; font-family: var(--serif); font-stretch: 87.5%; font-weight: 200;
  font-size: clamp(38px, 3.5vw, 52px); line-height: 1.04; letter-spacing: -.035em; text-wrap: balance;
}
.lead-body h2 .accent { font-style: italic }
.lead-body p { font-size: 17px; line-height: 27px }

.cards-head { border-top-color: rgba(36, 36, 36, .12) }
.cards-head h2 {
  font-family: var(--serif); font-stretch: 87.5%; font-weight: 200;
  font-size: clamp(44px, 4.2vw, 60px); letter-spacing: -.035em; text-transform: lowercase;
}
.cards-head h2::first-letter { text-transform: uppercase }
.card { background: var(--plate) var(--noise) }
.card-body h3 { text-transform: none; font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 23px; line-height: 29px; letter-spacing: -.015em }

/* Статья: крупный заголовок, лид-абзац антиквой, текст — книжной антиквой. */
.ahero { padding-top: 48px }
.ahero h1 {
  margin-top: 48px; max-width: 17ch; text-transform: none;
  font-family: var(--serif); font-stretch: 87.5%; font-weight: 200;
  font-size: clamp(50px, 5.6vw, 84px); line-height: 1; letter-spacing: -.042em; color: var(--ink-text);
}
.ahero h1 span { font-style: italic }
.ameta { margin-top: 56px; border-top-color: rgba(36, 36, 36, .12) }
.ameta .lede { padding: 32px 0 64px; font-family: var(--serif); font-weight: 400; font-size: 24px; line-height: 36px; letter-spacing: -.005em; color: var(--ink-text); max-width: 36ch }
.cover figcaption, .prose figcaption { font-family: var(--sans); font-size: 12px; line-height: 18px; letter-spacing: .01em; color: var(--ink-1) }

.abody { padding-top: 104px; padding-bottom: 88px }
.toc p { font-size: 12px; line-height: 14px; letter-spacing: .02em; color: var(--ink-text) }
.toc p::before { content: "(\00a0" }
.toc p::after { content: "\00a0)" }
.toc ol { counter-reset: toc; border-top-color: rgba(36, 36, 36, .12) }
.toc li { counter-increment: toc; border-bottom-color: rgba(36, 36, 36, .12) }
.toc a { grid-template-columns: 52px 1fr; font-size: 14px; line-height: 20px }
.toc a .n { font-size: 0 }
.toc a .n::before, .toc a.is-on .n::before {
  content: "(\00a0" counter(toc, decimal-leading-zero) " )";
  display: inline; width: auto; height: auto; margin: 0; background: none; vertical-align: baseline;
  font-size: 11px; line-height: 20px; letter-spacing: .02em; color: var(--ink-1);
}
.toc a.is-on .n::before { color: var(--accent) }

.prose {
  counter-reset: sec;
  font-family: var(--serif); font-weight: 400; font-size: 19px; line-height: 33px; color: #2e2c29;
  font-feature-settings: "kern", "liga";
}
.prose > * { max-width: 650px }
.prose p { margin: 0 0 22px }
.prose strong { font-weight: 600; color: var(--ink-text) }
/* Буквица у первого абзаца — как в журнале. */
.prose > p:first-of-type::first-letter, .prose > section:first-child > p:first-of-type::first-letter {
  float: left; margin: 6px 12px 0 -2px;
  font-family: var(--serif); font-stretch: 87.5%; font-weight: 200; font-size: 88px; line-height: 70px; color: var(--accent);
}
.prose section + section { margin-top: 88px }
.prose h2 {
  margin: 0 0 30px; font-family: var(--serif); font-stretch: 87.5%; font-weight: 300;
  font-size: clamp(32px, 2.7vw, 40px); line-height: 1.12; letter-spacing: -.028em; color: var(--ink-text);
}
.prose h2 .n { counter-increment: sec; font-size: 0; left: -84px; top: 14px }
.prose h2 .n::before { content: "(\00a0" counter(sec, decimal-leading-zero) " )"; font: 400 12px/12px var(--sans); letter-spacing: .02em; color: var(--accent) }
.prose h3 { margin: 40px 0 14px; font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 23px; line-height: 30px; letter-spacing: -.01em }
.prose ul > li { padding-left: 24px; margin-bottom: 12px }
.prose ul > li::before { top: 14px; width: 5px; height: 5px; border-radius: 0; background: var(--accent) }
.prose ol.steps { border-top-color: rgba(36, 36, 36, .12) }
.prose ol.steps > li { grid-template-columns: 76px 1fr; padding: 22px 0; border-bottom-color: rgba(36, 36, 36, .12) }
.prose ol.steps > li::before { content: "(\00a0" counter(s, decimal-leading-zero) " )"; font: 400 12px/32px var(--sans); letter-spacing: .02em; color: var(--accent) }
.prose ol.steps strong { font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 22px; line-height: 30px; letter-spacing: -.01em; margin-bottom: 4px }
.check button { font-family: var(--serif); font-size: 18px; line-height: 29px }
.check .txt small { font-family: var(--sans) }
.note { margin: 40px 0; padding: 34px 38px 36px; background: var(--plate) var(--noise); border-radius: 24px 0 0 0 }
.note b { font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 22px; line-height: 28px; letter-spacing: -.012em }
.note p { font-size: 18px; line-height: 30px }
.prose figure { margin: 56px 0 }
.afoot { font-family: var(--sans); border-top-color: rgba(36, 36, 36, .12) }

.nf-links { font-family: var(--serif); font-stretch: 87.5%; font-weight: 300; font-size: 30px; line-height: 40px; letter-spacing: -.02em }

@media (max-width: 1240px) {
  .prose h2 .n { font-size: 0; margin-right: 0 }
  .prose h2 .n::before { display: block; margin-bottom: 14px }
}
@media (max-width: 640px) {
  .bhero { padding-top: 48px; padding-bottom: 56px }
  .bhero h1 { font-size: 30vw }
  .lead { padding-top: 36px; padding-bottom: 64px }
  .lead-body h2 { font-size: 32px; line-height: 36px }
  .cards-head h2 { font-size: 38px }
  .ahero h1 { margin-top: 32px; font-size: 40px; line-height: 42px }
  .ameta .lede { font-size: 20px; line-height: 31px }
  .prose { font-size: 18px; line-height: 31px }
  .prose > p:first-of-type::first-letter, .prose > section:first-child > p:first-of-type::first-letter { font-size: 72px; line-height: 58px }
  .prose h2 { font-size: 28px }
  .prose section + section { margin-top: 64px }
  .prose ol.steps > li { grid-template-columns: 60px 1fr }
  .note { padding: 26px 22px 28px }
}

/* ══════════ Портфолио: список объектов и страница объекта ══════════ */
.phero h1 { font-size: clamp(96px, 11.2vw, 168px) }
.filters button { border-color: rgba(36, 36, 36, .18); font-size: 12px; letter-spacing: .04em; color: var(--ink-text) }
.filters button[aria-pressed="true"] { background: var(--ink-1); border-color: var(--ink-1); color: var(--plate) }
.pf-cat .cards-head .count { letter-spacing: .04em; color: var(--ink-1) }
.pf-card .card-body h3 { font-size: 22px; line-height: 28px }

.pf-hero h1 { max-width: none }
.ameta dt { letter-spacing: .08em; color: var(--ink-1) }
.ameta dd { font-family: var(--serif); font-stretch: 87.5%; font-size: 19px; line-height: 24px }
.pf-pager a { border-top-color: rgba(36, 36, 36, .12) }
.pf-pager .caps { letter-spacing: .08em; color: var(--ink-1) }
.pf-pager .name { font-family: var(--serif); font-stretch: 87.5%; font-weight: 300; font-size: clamp(26px, 2.4vw, 36px); line-height: 1.1; letter-spacing: -.025em; text-transform: none }
.pf-pager a:hover .name { color: var(--accent) }

@media (max-width: 640px) {
  .phero h1 { font-size: calc((100vw - 48px) / 5.2) }
  .pf-hero h1 { font-size: 36px; line-height: 40px }
}

/* ══════════ Страницы услуг: Хоумстейджинг, Хоумстейджинг плюс, Консультация (.svc) ══════════ */
/* Слова в заголовках не переносим — ни дефисом, ни мягким переносом (просьба заказчицы 30.09). */
h1, h2, h3, .sh, .lbl { hyphens: none; -webkit-hyphens: none; overflow-wrap: normal; word-break: normal }

.svc .eyebrow { font-size: 12px; line-height: 14px; letter-spacing: .02em; color: var(--ink-text) }
.svc .eyebrow::before { content: "(\00a0" }
.svc .eyebrow::after { content: "\00a0)" }
.svc .shero h1 {
  margin-top: 30px; font-family: var(--serif); font-stretch: 87.5%; font-weight: 200;
  font-size: clamp(56px, 5.8vw, 84px); line-height: 1; letter-spacing: -.045em; color: var(--ink-text);
}
.svc .shero h1 .dot { color: var(--accent) }
.svc .shero h1 .h1-sub::before, .svc .shero h1 .h1-sub::after { content: none }
.svc .shero h1 .h1-sub { max-width: none; text-transform: none; margin-top: 18px; font-family: var(--serif); font-weight: 300; font-size: clamp(22px, 2vw, 28px); line-height: 1.2; letter-spacing: -.015em; font-style: italic; color: var(--accent) }
.svc .shero .lede { font-size: 19px; line-height: 29px; color: var(--ink-1) }
.svc .shero-facts { border-top-color: rgba(36, 36, 36, .12) }
.svc .shero-facts span { letter-spacing: .08em; color: var(--ink-1) }
.svc .shero-facts strong { font-family: var(--serif); font-stretch: 87.5%; font-weight: 300; font-size: 26px; line-height: 30px; letter-spacing: -.02em }
.svc .shero-facts em { font-family: var(--sans) }
.svc .hero-img img { border-radius: 0 }

/* Заголовки разделов: антиква в регистре предложения, вторая часть — курсивом терракотой. */
.svc .sh {
  font-family: var(--serif); font-stretch: 87.5%; font-weight: 200;
  font-size: clamp(44px, 4.3vw, 62px); line-height: 1.02; letter-spacing: -.035em;
  text-transform: lowercase; color: var(--ink-text);
}
.svc .sh::first-letter { text-transform: uppercase }
.svc .sh span { font-style: italic; color: var(--accent) }
.svc .sec-head, .svc .what, .svc .when .sh, .svc .faq, .svc .stats ul { border-top-color: rgba(36, 36, 36, .12) }
.svc .sec-head p { font-size: 15px }
.svc .n { font-size: 12px; letter-spacing: .02em }

.svc .stats .pre { letter-spacing: .08em; color: var(--ink-1) }
.svc .stats .num { font-family: var(--serif); font-stretch: 87.5%; font-weight: 100; color: var(--ink-text); letter-spacing: -.05em }
.svc .stats .num small { font-style: italic; color: var(--accent) }
.svc .stats li + li { border-left-color: rgba(36, 36, 36, .12) }

.svc .what-body .big { font-family: var(--serif); font-size: 23px; line-height: 34px; color: var(--ink-text) }
.svc .what-body h3 { font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 24px; line-height: 30px; letter-spacing: -.01em }

.svc .when li { background: var(--plate) var(--noise) }
.svc .when li p { font-family: var(--serif); font-size: 19px; line-height: 28px; color: var(--ink-text) }

.svc .ba-tag { letter-spacing: .08em }
.svc .inc-grid, .svc .inc-grid li { border-color: rgba(36, 36, 36, .12) }
.svc .inc-grid li:hover { background: var(--plate) }
.svc .inc-grid h3 { font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 22px; line-height: 27px; letter-spacing: -.01em; text-transform: none }

.svc .plan { background: var(--plate) var(--noise) }
.svc .plan.is-hit { background: var(--ink-1) var(--noise) }
.svc .plan .term { letter-spacing: .08em }
.svc .plan h3 { font-family: var(--serif); font-stretch: 87.5%; font-weight: 300; font-size: 30px; line-height: 32px; letter-spacing: -.025em }
.svc .plan-price strong { font-family: var(--serif); font-stretch: 87.5%; font-weight: 300; font-size: 32px; line-height: 36px; letter-spacing: -.02em }
.svc .plan.is-hit .plan-price strong { color: #D98A68 }

.svc .step-list li { border-top-color: var(--ink-1) }
.svc .step-list li:first-child { border-top-color: var(--accent) }
.svc .step-list h3 { font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 21px; line-height: 26px; letter-spacing: -.01em; text-transform: none }

.svc .cards-wrap .card-body p { letter-spacing: .04em }
.svc .rev { background: var(--plate) var(--noise) }
.svc .faq summary h3 { font-family: var(--serif); font-stretch: 87.5%; font-weight: 400; font-size: 21px; line-height: 28px; letter-spacing: -.01em }
.svc .faq details p { font-size: 16px; line-height: 26px }

@media (max-width: 640px) {
  /* «Хоумстейджинг.» ≈ 6,64 кегля в ширину (замерено) — кегль от ширины строки с запасом, чтобы слово не рвалось. */
  .svc .shero h1 { font-size: min(52px, calc((100vw - 48px) / 7.2)) }
  .svc .sh { font-size: 36px }
}