/* ============================================================
   bufet — split-блок «Мастерская»: фото и текст в две колонки.
   Перенос из docs/02/design_2/assets/home-c.css (строки 314–325)
   плюс относящиеся к секции правила блока RESPONSIVE.
   ============================================================ */
.feature { padding-block: var(--section-y); }
.feature__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px, 5vw, 84px); align-items: center; }
.feature__media { position: relative; aspect-ratio: 5 / 6; border-radius: var(--r-3); overflow: hidden; }
.feature__media .plate { position: absolute; inset: 0; border-radius: var(--r-3); }
.feature__text .sec-title { margin: 16px 0 24px; }
.feature__text p { color: var(--ink-2); max-width: 44ch; margin: 0 0 30px; }
.feature__facts { display: flex; gap: 40px; flex-wrap: wrap; padding-top: 26px; border-top: 1px solid var(--line); }
.feature__fact b { font-family: var(--font-display); font-weight: 800; font-size: clamp(1.6rem, 2.6vw, 2.4rem); color: var(--ink); display: block; line-height: 1; }
.feature__fact span { color: var(--ink-3); font-size: .86rem; }

@media (max-width: 1024px) {
  .feature__grid { grid-template-columns: 1fr; }
}