/* Блок «Проекты» (kind: projects): фото и описание проекта рядом. Подключается только на страницах с этим блоком. */
.hmk-projects{display:grid;gap:28px}
.hmk-proj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border:1px solid var(--hmk-line);border-radius:var(--hmk-r);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.hmk-proj:hover{border-color:var(--hmk-accent);box-shadow:0 10px 30px rgba(17,27,38,.07)}
.hmk-proj-media{position:relative;margin:0;min-height:340px;background:var(--hmk-dark2)}
.hmk-proj-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hmk-proj:nth-child(even) .hmk-proj-media{order:2}
.hmk-proj-body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:34px 38px}
.hmk-proj-chip{align-self:flex-start;padding:5px 12px;border-radius:999px;background:var(--hmk-soft);color:var(--hmk-accent-d);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.hmk-proj-body h3{font-size:clamp(20px,2.2vw,24px);line-height:1.25;font-weight:700}
.hmk-proj-body h3 a{color:inherit;text-decoration:none}
.hmk-proj-body h3 a:hover{color:var(--hmk-accent-d)}
.hmk-proj-body p{color:var(--hmk-muted);font-size:16px;line-height:1.6}
.hmk-proj-more{align-self:flex-start;font-weight:600;color:var(--hmk-accent-d);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
.hmk-proj-more:hover{color:var(--hmk-accent)}
@media (max-width:760px){
 .hmk-projects{gap:20px}
 .hmk-proj{grid-template-columns:1fr}
 .hmk-proj:nth-child(even) .hmk-proj-media{order:0}
 .hmk-proj-media{min-height:0;aspect-ratio:4/3}
 .hmk-proj-body{padding:22px 20px 24px}
}