/* homely space — веб-шрифты.
   Unbounded и Onest лежат на своём домене (SIL Open Font License): подмножества
   cyrillic и latin, переменное начертание 300–700. Раньше оба тянулись с
   fonts.googleapis.com вместе с неиспользуемым 42dot Sans — его корейские
   подмножества и давали 40 КБ лишнего CSS в отчёте PageSpeed.
   Twentytwelve Sans G — лицензионная гарнитура (ABSTRKT / MyFonts), встраивать
   нельзя: подхватывается из системы дизайнера, иначе подменяется Unbounded.
   Cygre убран: тянулся со стороннего db.onlinewebfonts.com и нигде не набран. */

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/unbounded-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/unbounded-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: "Onest";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/onest-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/onest-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: "Twentytwelve";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Twentytwelve Sans G"), local("TwentytwelveSansG"), local("Twentytwelve Sans G Regular");
}
:root {
  /* base — values taken verbatim from the Figma file */
  --ink-1: #383838;          /* rgb(56,56,56)    — headlines, dark sections */
  --ink-2: #777777;          /* rgb(119,119,119) — body copy */
  --ink-3: #7e7d7d;          /* rgb(126,125,125) — hero sub-copy over photography */
  --ink-mute: #d9d9d9;       /* rgb(217,217,217) — placeholder plates */
  --cream-1: #f0ebe0;        /* rgb(240,235,224) — page ground, cards */
  --cream-2: #efeadf;        /* rgb(239,234,223) */
  --cream-wash: #e7e4de;     /* rgb(231,228,222) — photo wash gradient */
  --cream-line: #dad6cc;     /* rgb(218,214,204) — hairlines on cream */
  --orange-1: #e95f10;       /* rgb(233,95,16)   — brand accent */
  --orange-2: #e85e0f;       /* rgb(232,94,15)   — nav links */
  --orange-3: #ef6516;       /* rgb(239,101,22)  — illustration fill */
  --yellow-1: #ffc803;       /* rgb(255,200,3)   — illustration fill */
  --green-1: #3e6756;        /* rgb(62,103,86)   — illustration fill */
  --green-2: #376150;        /* rgb(55,97,80) */
  --terracotta: #e19f65;     /* rgb(225,159,101) */
  --red-1: #da412c;          /* rgb(218,65,44) */
  --blue-1: #0974b0;         /* rgb(9,116,176) */
  --teal-1: #216785;         /* rgb(33,103,133) */
  --white: #ffffff;
  --black: #000000;

  /* редизайн 2026: значения, которыми фактически набрана вёрстка */
  --ink-secondary: #625e57;  /* вторичный текст, проходит 4.5:1 на кремовом и на карточках */
  --ink-quiet: #6f6a63;      /* подписи на кремовом */
  --ink-invert-quiet: #a9a49b; /* подписи на тёмном */
  --cream-card: #e6e0d3;     /* плашка карточки кейса */
  --cream-hair: #dfdbd1;     /* волосяные линии на кремовом */
  --dark-hair: #4c4a47;      /* линии на тёмном */
  --field-line-dark: #5e5c5a;/* подчёркивание полей формы на тёмном */
  --accent-hover: #d4530a;   /* нажатое состояние кнопок */
  --overlay-dark: #2e2d2c;   /* подложка галереи */

  /* semantic */
  --surface-page: var(--cream-1);
  --surface-dark: var(--ink-1);
  --surface-card: var(--cream-1);
  --surface-card-shadow: var(--ink-1);
  --text-strong: var(--ink-1);
  --text-body: var(--ink-2);
  --text-quiet: var(--ink-3);
  --text-invert: var(--cream-1);
  --text-accent: var(--orange-1);
  --link: var(--orange-2);
  --link-hover: var(--orange-1);
  --accent: var(--orange-1);
  --accent-ink: var(--cream-1);
  --border-hair: var(--cream-line);
  --border-hair-dark: rgba(240, 235, 224, 0.28);
  --field-line: rgba(56, 56, 56, 0.3);
  --field-line-focus: var(--orange-1);
}
:root {
  /* families — display is the licensed Twentytwelve Sans G with a fallback stack */
  --font-display: "Twentytwelve", "Unbounded", -apple-system, "Segoe UI", sans-serif;
  --font-body: "Onest", -apple-system, "Segoe UI", sans-serif;
  --font-alt: "Onest", -apple-system, "Segoe UI", sans-serif;

  /* sizes used in the file, verbatim */
  --text-100: 100px;   /* stat numerals */
  --text-80: 80px;     /* section headline */
  --text-40: 40px;     /* lede, form rows, big buttons */
  --text-30: 30px;
  --text-24: 24px;     /* card headings, FAQ */
  --text-20: 20px;
  --text-18: 18px;     /* body, nav, bullets */
  --text-14: 14px;
  --text-12: 12px;     /* footnotes */
  --text-9: 9px;       /* the "homestaging agency" line */

  --leading-display: 0.85;   /* 80px type sits on a 68px line */
  --leading-lede: 1.1;
  --leading-body: 1.4;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;

  --track-caps: 0.02em;      /* uppercase nav and buttons */

  /* the display face is set in CAPS everywhere it appears */
  --display-transform: uppercase;
}
:root {
  /* the file is laid out on a 1920 canvas with a 42px page margin */
  --canvas-width: 1920px;
  --page-margin: 42px;
  --header-height: 84px;

  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-14: 14px;
  --space-20: 20px;
  --space-25: 25px;
  --space-36: 36px;
  --space-42: 42px;
  --space-68: 68px;
  --space-73: 73px;   /* gutter between service cards */
  --space-84: 84px;

  /* service-card geometry */
  --card-width: 561px;
  --card-pitch: 634px;
  --card-inset: 6px 8px;

  --control-round: 88px;   /* carousel arrow button */
  --control-arrow: 48px;   /* arrow glyph width */

  --radius-card: 5px;
  --radius-plate: 24px;    /* header plate, bottom-left only */
  --radius-round: 50%;
}
:root {
  /* the design has no blur shadows — depth is a hard offset plate behind the card */
  --plate-offset-x: 14px;
  --plate-offset-y: 8px;
  --plate-color: var(--ink-1);

  /* the one soft shadow in the system: card hover in the carousel */
  --shadow-card-hover: 0 18px 34px rgba(0, 0, 0, 0.22);
  --wash-hero: linear-gradient(114.127deg, var(--cream-wash) 0%, rgba(238, 235, 229, 0) 86.37%);
}
:root {
  --ease-slide: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 0.15s;
  --dur-hover: 0.2s;
  --dur-control: 0.25s;
  --dur-slide: 0.55s;
  --dur-reveal: 0.38s;
}