/* ===== О проекте и Мише, стиль «Тёплый зин» ===== */
/* Powder вешает margin-block-start на прямых детей .wp-site-blocks,
   из-за чего появляется пустота после шапки и между блоками.
   Скоупим по реальным классам DOM (не по body-классу, он ненадёжен). */
.wp-site-blocks > .ym-home-chrome,
.wp-site-blocks > .ym-about,
.wp-site-blocks .ym-home-chrome,
.wp-site-blocks .ym-about{margin-block-start:0 !important;margin-top:0 !important}

.ym-about{
  --ink:#221d1a;--ink-soft:#5b5049;--cream:#f3e9d8;--paper:#fbf6ec;
  --terra:#cf6a36;--terra-deep:#a8511f;--plum:#5a2a44;--sage:#6f8b6e;--rye:#c9a24b;
  --line:rgba(29,23,20,.1);
  font-family:'Manrope',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;font-size:17px
}
.ym-about *{margin:0;padding:0;box-sizing:border-box}
.ym-about h1,.ym-about h2{font-family:'Unbounded',sans-serif;line-height:1.04;letter-spacing:-.02em}
.ym-about a{color:inherit;text-decoration:none}
.ym-about img{display:block;max-width:100%}
.ym-about .wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* HERO */
.ymab-hero{padding:60px 0 64px}
.ymab-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.ymab-kicker{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);color:var(--plum);padding:9px 17px;border-radius:30px;font-size:.76rem;font-weight:800;letter-spacing:.06em;margin-bottom:26px;text-transform:uppercase}
.ymab-kicker .pin{width:7px;height:7px;border-radius:50%;background:var(--terra)}
.ymab-h1{font-size:clamp(2.4rem,4.2vw,3.6rem);font-weight:800;margin-bottom:26px}
.ymab-h1 .u{color:var(--terra)}
.ymab-lead{font-size:1.18rem;color:var(--ink-soft);margin-bottom:18px;max-width:48ch}
.ymab-lead a{color:var(--terra-deep);font-weight:700;text-decoration:underline;text-decoration-color:rgba(168,81,31,.35);text-underline-offset:3px;transition:text-decoration-color .2s}
.ymab-lead a:hover{text-decoration-color:var(--terra-deep)}
.ymab-hero-photo{position:relative;justify-self:end}
.ymab-hero-photo img{width:300px;height:370px;object-fit:cover;border-radius:20px;transform:rotate(2.5deg);box-shadow:0 20px 50px rgba(34,29,26,.24);border:6px solid #fff}
.ymab-hero-tag{position:absolute;bottom:22px;left:-16px;transform:rotate(-3deg);background:var(--terra);color:#fff;font-family:'Unbounded',sans-serif;font-weight:700;font-size:14px;padding:9px 18px;border-radius:999px;box-shadow:0 8px 22px rgba(217,102,63,.45)}

/* SECTIONS with numbered structure */
.ymab-divide{height:1px;background:var(--line);max-width:1120px;margin:0 auto}
.ymab-sec{padding:60px 0}
.ymab-sec-inner{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:start}
.ymab-num{font-family:'Fraunces',serif;font-style:italic;font-size:2.2rem;color:var(--terra);font-weight:400;line-height:1;padding-top:6px;min-width:56px}
.ymab-eyebrow{font-family:'Unbounded',sans-serif;font-weight:600;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--sage);margin-bottom:16px}
.ymab-h2{font-size:clamp(1.7rem,2.8vw,2.3rem);margin-bottom:24px;max-width:20ch}
.ymab-p{color:var(--ink-soft);max-width:68ch;margin-bottom:16px;font-size:1.05rem}

/* PRINCIPLES */
.ymab-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:8px}
.ymab-principle{background:#fff;border:1px solid var(--line);border-top:4px solid var(--terra);border-radius:16px;padding:26px 28px;transition:transform .18s,box-shadow .18s}
.ymab-principle:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(34,29,26,.4)}
.ymab-principle.p-plum{border-top-color:var(--plum)}
.ymab-principle.p-sage{border-top-color:var(--sage)}
.ymab-principle.p-rye{border-top-color:var(--rye)}
.ymab-principle .pic{font-size:1.7rem;display:block;margin-bottom:14px}
.ymab-principle b{font-family:'Unbounded',sans-serif;font-weight:700;font-size:1.1rem;display:block;margin-bottom:10px}
.ymab-principle span{color:var(--ink-soft);font-size:1rem}

/* CONTACTS */
.ymab-contacts-sec{padding:20px 0 72px}
.ymab-contacts{background:var(--ink);color:var(--cream);border-radius:28px;padding:52px 48px;position:relative;overflow:hidden;scroll-margin-top:90px}
.ymab-contacts::before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;border-radius:50%;background:rgba(207,106,54,.16)}
.ymab-ct-head{position:relative;z-index:1}
.ymab-ct-h2{font-family:'Unbounded',sans-serif;color:#fff;font-size:clamp(1.8rem,2.8vw,2.4rem);margin-bottom:10px;line-height:1.04}
.ymab-ct-sub{color:rgba(243,233,216,.72);margin-bottom:32px;font-size:1.08rem}
.ymab-ct-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:1}
.ymab-contact{display:flex;align-items:center;gap:16px;background:rgba(243,233,216,.06);border:1px solid rgba(243,233,216,.13);border-radius:16px;padding:18px 22px;color:var(--cream);transition:background .2s,border-color .2s,transform .15s}
.ymab-contact:hover{background:rgba(243,233,216,.12);border-color:var(--terra);transform:translateY(-2px)}
.ymab-contact .ic{width:44px;height:44px;flex:none;border-radius:12px;background:rgba(207,106,54,.4);display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.ymab-contact .tx{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.ymab-contact .tx b{font-weight:800;font-size:1.05rem}
.ymab-contact .tx small{color:rgba(243,233,216,.6);font-size:.86rem}
/* Карточка телефона: номер сверху, мини-кнопки мессенджеров снизу */
.ymab-contact-phone{flex-direction:column;align-items:stretch;gap:12px}
.ymab-contact-phone .ymab-ct-main{display:flex;align-items:center;gap:16px;color:var(--cream)}
.ymab-msgrow{display:flex;gap:8px;flex-wrap:wrap;padding-left:60px}
.ymab-msg{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;background:rgba(207,106,54,.16);border:1px solid rgba(207,106,54,.35);color:#f3e9d8;font-weight:800;font-size:.9rem;padding:9px 8px;border-radius:10px;transition:background .18s,border-color .18s,transform .12s}
.ymab-msg:hover{background:var(--terra);border-color:var(--terra);color:#fff;transform:translateY(-2px)}
.ymab-ct-fine{margin-top:28px;color:rgba(243,233,216,.5);position:relative;z-index:1;font-family:'Fraunces',serif;font-style:italic;font-size:1rem}

@media(max-width:860px){
  .ymab-hero{padding:44px 0 48px}
  .ymab-hero-grid{grid-template-columns:1fr;gap:32px}
  .ymab-hero-photo{justify-self:start}
  .ymab-hero-photo img{width:220px;height:270px}
  .ymab-sec{padding:44px 0}
  .ymab-sec-inner{grid-template-columns:1fr;gap:0}
  .ymab-num{display:none}
  .ymab-principles,.ymab-ct-grid{grid-template-columns:1fr}
  .ymab-contacts{padding:36px 26px}
  .ymab-msgrow{padding-left:0;gap:7px}
  .ymab-msg{font-size:.82rem;padding:9px 6px}
}

/* ===== Тихие вкладки навигации (единый язык меню) =====
   about.css грузится после ymhome-style, прямой скоуп перебивает. */
.ym-home-chrome .ym-navtabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;margin-left:auto;margin-right:22px}
.ym-home-chrome .ym-navtabs a{color:#544a42;font-weight:700;font-size:.95rem;line-height:1.2;padding-bottom:3px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}
.ym-home-chrome .ym-navtabs a:hover{color:#cf6a36}
.ym-home-chrome .ym-navtabs a.on{color:#1d1714}
.ym-home-chrome .ym-navtabs a.t-flats.on{border-bottom-color:#cf6a36}
.ym-home-chrome .ym-navtabs a.t-rent.on{border-bottom-color:#5a2a44}
.ym-home-chrome .ym-navtabs a.t-tours.on{border-bottom-color:#7f8f6e}
.ym-home-chrome .ym-navtabs a.t-blog.on{border-bottom-color:#c9a24b}
.ym-home-chrome .ym-navtabs .tab-mob-only{display:none}
.ym-home-chrome .nav-cta-desk{flex:0 0 auto}

/* Мобила: шапка не-sticky, вкладки полосой под логотипом, CTA прячется */
@media(max-width:840px){
  .ym-home-chrome nav{position:static}
  .ym-home-chrome .nav-in{flex-wrap:wrap;height:auto;align-items:center}
  .ym-home-chrome .logo{height:70px;display:flex;align-items:center}
  .ym-home-chrome .ym-navtabs{
    order:4;flex-basis:100%;width:100%;
    margin:0;padding:10px 0 12px;gap:6px 16px;
    border-top:1px solid rgba(29,23,20,.1)
  }
  .ym-home-chrome .ym-navtabs a{font-size:.92rem;display:inline-flex}
  .ym-home-chrome .ym-navtabs .tab-mob-only{display:inline-flex}
  .ym-home-chrome .nav-cta-desk{display:none}
}