:root{
  --ink:#25140C;
  --clay:#744C32;
  --clay-hover:#5E3D28;
  --blush:#F7E7DE;
  --white:#fff;
  --ink-muted:rgba(37,20,12,.6);
  --clay-soft:rgba(116,76,50,.15);
  --font-sans:"Onest",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-heading:"Bona Nova",Georgia,serif;
}

/* ---------- Глобально: фон, шрифты ---------- */
html,body,#allrecords,.t-records{background:var(--blush);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
.t-text,.t-descr,.t-name,.t-input,.t-menu__link-item,.t-btn,.t-submit{font-family:var(--font-sans)!important}
.t-text,.t-descr{line-height:1.6}

/* Заголовки: курсивная антиква, как у студии */
.t-title,.t-heading,.t-card__title,.t-name_xl,.lc-h{
  font-family:var(--font-heading)!important;
  font-style:italic;
  font-weight:400!important;
  letter-spacing:-.01em;
}

/* ---------- Кнопки Tilda ---------- */
.t-btn,.t-submit{border-radius:999px!important;font-weight:500!important;letter-spacing:0!important;transition:background-color .2s,color .2s,border-color .2s}
.t-btn:hover,.t-submit:hover{opacity:1!important}
/* Если в настройках блока кнопка тёмная - она станет коричневой при наведении */
.t-btn[style*="background-color: rgb(37, 20, 12)"]:hover{background-color:var(--clay)!important}

/* Поля форм */
.t-input{border-radius:14px!important;border-color:rgba(37,20,12,.2)!important}
.t-input:focus{border-color:var(--clay)!important}

/* Видимый фокус для клавиатуры */
a:focus-visible,button:focus-visible,.t-btn:focus-visible{outline:2px solid var(--clay);outline-offset:3px}

/* ---------- Классы для HTML-блоков (T123) ---------- */
.lc{max-width:1200px;margin:0 auto;padding:72px 24px;font-family:var(--font-sans);color:var(--ink)}
.lc *{box-sizing:border-box}
.lc-h{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:0 0 12px}
.lc-lead{font-size:18px;line-height:1.6;color:var(--ink-muted);margin:0 0 40px;max-width:640px}

/* кнопки */
.lc-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;border-radius:999px;background:var(--ink);color:var(--white)!important;font:500 16px/1 var(--font-sans);text-decoration:none!important;border:1px solid var(--ink);transition:background .2s,border-color .2s}
.lc-btn:hover{background:var(--clay);border-color:var(--clay)}
.lc-btn--ghost{background:transparent;color:var(--ink)!important}
.lc-btn--ghost:hover{background:var(--ink);color:var(--white)!important}

/* фильтры / теги */
.lc-pill{display:inline-block;padding:9px 18px;border-radius:999px;border:1px solid rgba(37,20,12,.2);background:transparent;color:var(--clay);font:500 14px/1 var(--font-sans);cursor:pointer;transition:all .2s}
.lc-pill:hover{border-color:var(--clay);color:var(--ink)}
.lc-pill.is-active{background:var(--clay);border-color:var(--clay);color:var(--white)}

/* цифры */
.lc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.lc-stat{border-top:2px solid var(--clay);padding-top:20px}
.lc-stat b{display:block;font:italic 400 clamp(44px,6vw,72px)/1 var(--font-heading);color:var(--ink)}
.lc-stat span{display:block;margin-top:10px;font-size:16px;line-height:1.5;color:var(--ink-muted)}

/* карточки услуг / программ */
.lc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lc-card{background:var(--white);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:14px;transition:background .2s}
.lc-card:hover{background:#fff8f4}
.lc-card .lc-ico{width:44px;height:44px;color:var(--clay)}
.lc-meta{font:500 13px/1.4 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}
.lc-card h3{font:italic 400 28px/1.15 var(--font-heading);margin:0}
.lc-card p{margin:0;font-size:16px;line-height:1.6;color:var(--ink-muted);flex:1}
.lc-link{font-weight:600;color:var(--ink)!important;text-decoration:none!important;display:inline-flex;gap:8px;align-items:center}
.lc-link:hover{color:var(--clay)!important}

/* тёмная секция */
.lc-dark{background:var(--ink);color:var(--white)}
.lc-dark .lc-lead{color:rgba(255,255,255,.7)}
.lc-dark .lc-ico{color:var(--blush)}
.lc-dark .lc-btn{background:var(--white);color:var(--ink)!important;border-color:var(--white)}
.lc-dark .lc-btn:hover{background:var(--blush);border-color:var(--blush)}
.lc-list{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:14px}
.lc-list li{display:flex;gap:14px;align-items:flex-start;font-size:18px;line-height:1.5}
.lc-list .lc-ico{flex:0 0 24px;width:24px;height:24px;margin-top:2px}

/* иконки */
.lc-ico{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lc-iconsheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px}
.lc-iconsheet div{background:var(--white);border-radius:16px;padding:20px 8px;text-align:center;font-size:12px;color:var(--ink-muted)}
.lc-iconsheet .lc-ico{width:32px;height:32px;color:var(--clay);display:block;margin:0 auto 10px}

/* ---------- Мобильная версия ---------- */
@media(max-width:960px){
  .lc-stats{grid-template-columns:repeat(2,1fr)}
  .lc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .lc{padding:48px 20px}
  .lc-grid,.lc-stats{grid-template-columns:1fr}
  .lc-card{padding:24px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.lc-fade .tn-atom{
  --fb:80%;   /* где начинается затухание снизу: больше число = резче переход */
  --fr:90%;   /* где начинается затухание справа: больше число = слабее эффект */
  -webkit-mask-image:linear-gradient(to bottom,#000 var(--fb),transparent 100%),linear-gradient(to right,#000 var(--fr),transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,#000 var(--fb),transparent 100%),linear-gradient(to right,#000 var(--fr),transparent 100%);
  mask-composite:intersect;
}