/* ЖК HAYAT — блог. Дополняет landing.css: те же токены, шрифты, шапка и подвал. */
.blog-body { background: var(--bg); }
.blog { padding-top: var(--hdr-h); }
.blog .section { padding-block: clamp(40px, 5vw, 80px) clamp(72px, 8vw, 130px); }

.crumbs { display: flex; gap: 10px; align-items: center; font-size: 12.5px; color: var(--tx-3); margin-bottom: clamp(22px, 3vw, 40px); }
.crumbs a:hover { color: var(--gold-lt); }
.crumbs b { color: var(--tx-2); font-weight: 600; }

.blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
.blog__grid--3 { margin-top: 26px; }
@media (max-width: 1100px) { .blog__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .blog__grid { grid-template-columns: 1fr; } }

.card {
  display: flex; flex-direction: column; gap: 0; background: var(--panel); border-radius: var(--r-lg); overflow: hidden;
  box-shadow: inset 0 0 0 1px var(--hair-2); transition: transform .4s var(--ease-out), box-shadow .4s var(--ease-out);
}
.card:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px var(--gold), 0 30px 60px -42px #000; }
.card--lead { grid-column: 1 / -1; display: grid; grid-template-columns: 1.25fr 1fr; align-items: stretch; }
@media (max-width: 900px) { .card--lead { display: flex; } }
.card .post__ph { aspect-ratio: 16 / 10; }
.card--lead .post__ph { aspect-ratio: auto; min-height: 340px; }
.card__tx { display: flex; flex-direction: column; gap: 12px; padding: clamp(20px, 2.2vw, 32px); }
.card--lead .card__tx { justify-content: center; gap: 16px; }
.card__meta { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--gold); font-weight: 700; }
.card__t { font-size: clamp(17px, 1.5vw, 22px); font-weight: 800; line-height: 1.25; text-transform: uppercase; }
.card--lead .card__t { font-size: clamp(22px, 2.4vw, 36px); }
.card__d { font-size: 14.5px; line-height: 1.65; color: var(--tx-2); }
.card .link-arrow { margin-top: auto; padding-top: 6px; }

.post__ph { position: relative; overflow: hidden; border-radius: var(--r); background: var(--bg-3); }
.post__ph img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1s var(--ease-out); }
.card:hover .post__ph img { transform: scale(1.05); }
.post__ph--empty img { opacity: .6; }

.post { padding-block: clamp(36px, 4vw, 64px) clamp(72px, 8vw, 130px); }
.post__wrap { max-width: 960px; }
.post__h1 { font-size: clamp(30px, 4vw, 56px); font-weight: 800; line-height: 1.1; letter-spacing: .005em; margin: 14px 0 18px; text-wrap: balance; }
.post__lead { font-size: clamp(16px, 1.3vw, 20px); line-height: 1.6; color: var(--tx-2); max-width: 70ch; margin-bottom: 30px; font-family: var(--ff-serif); font-style: italic; font-size: clamp(19px, 1.5vw, 24px); }
.post > .wrap > .post__ph, .post__wrap > .post__ph { aspect-ratio: 16 / 9; margin-bottom: clamp(30px, 4vw, 52px); border-radius: var(--r-lg); }

.post__body { font-size: clamp(16px, 1.1vw, 18px); line-height: 1.8; color: var(--tx-2); max-width: 72ch; }
.post__body > * + * { margin-top: 1.1em; }
.post__body h2 { color: var(--tx); font-size: clamp(22px, 2vw, 30px); font-weight: 800; line-height: 1.2; margin-top: 2em; text-transform: uppercase; letter-spacing: .005em; }
.post__body h3 { color: var(--tx); font-size: clamp(18px, 1.5vw, 22px); font-weight: 700; margin-top: 1.6em; }
.post__body p strong, .post__body li strong { color: var(--tx); font-weight: 700; }
.post__body ul, .post__body ol { padding-left: 1.3em; }
.post__body li + li { margin-top: .45em; }
.post__body li::marker { color: var(--gold); }
.post__body blockquote { border-left: 2px solid var(--gold); padding: 6px 0 6px 22px; font-family: var(--ff-serif); font-style: italic; font-size: 1.2em; color: var(--tx); }
.post__body a { color: var(--gold-lt); text-decoration: underline; text-underline-offset: 3px; }
.post__body img { max-width: 100%; border-radius: var(--r); }
.post__body table { width: 100%; border-collapse: collapse; font-size: .92em; }
.post__body td, .post__body th { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.post__body th { color: var(--tx); font-weight: 700; }

.post__cta {
  margin-top: clamp(44px, 5vw, 72px); padding: clamp(26px, 3vw, 44px); border-radius: var(--r-lg);
  background: var(--panel); box-shadow: inset 0 0 0 1px var(--hair);
  display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;
}
.post__cta .body { margin-top: 10px; max-width: 52ch; }
.post__more { margin-top: clamp(44px, 5vw, 72px); }
.post__back { margin-top: 36px; }

.ftr--blog { padding-block: 22px 26px; border-top: 1px solid var(--line); }
.ftr--blog .ftr__bot { margin-top: 0; padding-top: 0; border-top: 0; }

/* блок на главной: три свежие статьи */
.blog-strip__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
@media (max-width: 1000px) { .blog-strip__grid { grid-template-columns: 1fr; } }