/* «Наши работы»: галерея (works.php) и полоса на услугах. Один селектор — одна строка. */
.works-page{padding:20px 0 70px;}
.works-page h1{margin:10px 0 14px;}
.works-page__lead{max-width:860px;color:rgba(255,255,255,.75);line-height:1.6;margin-bottom:24px;}
.works-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;}
.works-filter__btn{background:#36393B;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:9px 16px;font:inherit;font-size:14px;cursor:pointer;transition:.2s;}
.works-filter__btn span{color:rgba(255,255,255,.5);margin-left:4px;}
.works-filter--brands{margin-top:-12px;}
.works-filter--brands .works-filter__btn{padding:7px 14px;font-size:13px;}
.works-filter__label{align-self:center;font-size:13px;color:rgba(255,255,255,.55);margin-right:4px;}
.works-filter__btn:hover{border-color:var(--color-green);}
.works-filter__btn.is-on{background:var(--color-green);border-color:var(--color-green);}
.works-filter__btn.is-on span{color:rgba(255,255,255,.8);}
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.work{margin:0;background:#36393B;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;transition:transform .2s,border-color .2s;}
.work:hover{transform:translateY(-3px);border-color:rgba(68,136,130,.6);}
.work.is-hidden{display:none;}
.work__pic{display:block;aspect-ratio:4/3;overflow:hidden;background:#2a2c2e;}
.work__pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.work:hover .work__pic img{transform:scale(1.03);}
.work__cap{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;}
.work__cap b{font-size:15px;line-height:1.35;color:#fff;}
.work__cap span{font-size:13px;line-height:1.5;color:rgba(255,255,255,.62);}
.work__cap em a{color:var(--color-green);text-decoration:none;}
.work__cap em{font-style:normal;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:4px;}
.works-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:center;margin-top:40px;padding:26px 30px;background:#36393B;border-radius:20px;border:1px solid rgba(68,136,130,.4);}
.works-cta b{display:block;font-size:20px;margin-bottom:6px;}
.works-cta p{margin:0;color:rgba(255,255,255,.7);line-height:1.5;}
.works-strip .vblock__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;max-width:none;flex-wrap:wrap;}
.works-strip__all{color:var(--color-green);text-decoration:none;font-weight:600;white-space:nowrap;}
.works-strip__all:hover{text-decoration:underline;}
.works-strip__lead{max-width:860px;margin:-12px 0 22px;}
.works-grid--strip .work__cap span{display:none;}
@media (max-width:991px){.works-grid{grid-template-columns:repeat(2,1fr);}.works-cta{grid-template-columns:1fr;}}
@media (max-width:560px){.works-grid{grid-template-columns:1fr;}.works-cta{padding:20px;}}