/* Баннеры и услуги только внутри детальных страниц блога. */
.blog-article .blog-article-banner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(150px,.7fr);position:relative;isolation:isolate;gap:12px;align-items:center;margin:38px 0;border:1px solid #f2dce1;border-radius:16px;background:#fcf1f3;overflow:hidden;overflow-wrap:anywhere}
.blog-article .blog-article-banner__body{position:relative;z-index:1;padding:30px 0 30px 30px;min-width:0}
.blog-article .blog-article-banner__eyebrow{display:block;margin:0 0 12px;color:#bd0920;font:700 12px/1.6 Manrope,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.blog-article .blog-article-banner .blog-article-banner__title{margin:0 0 14px;color:#17181d;font:750 clamp(23px,2.3vw,30px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.8px}
.blog-article .blog-article-banner .blog-article-banner__text{margin:0 0 22px;color:#61636d;font:14px/1.8 Manrope,Arial,sans-serif}
.blog-article .blog-article-banner .blog-article-banner__link{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;padding:11px 18px;border-radius:7px;background:#d90923;color:#fff;font:700 14px/1.5 Manrope,Arial,sans-serif;text-decoration:none;transition:background .2s}
.blog-article .blog-article-banner .blog-article-banner__link:hover{background:#b4071d;color:#fff}
.blog-article .blog-article-banner__link svg{width:19px;height:19px}
.blog-article .blog-article-banner__visual{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:radial-gradient(ellipse at center,#f8dce4,transparent 70%)}
.blog-article .blog-article-banner .blog-article-banner__visual img{display:block;width:100%;height:100%;max-height:310px;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
.blog-article .blog-article-banner__report{display:flex;flex-direction:column;gap:13px;width:195px;margin:25px 25px 25px 0;padding:22px 18px;border:1px solid #f0dce1;border-radius:12px;background:#fff;box-shadow:0 12px 25px #9313290b;transform:rotate(4deg);font:12px/1.5 Manrope,Arial,sans-serif}
.blog-article .blog-article-banner__report-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:2px;border-radius:9px;background:#fdf0f3;color:#d90923}
.blog-article .blog-article-banner__report strong{color:#17181d;font-size:16px;margin-bottom:4px}
.blog-article .blog-article-banner__report-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#696a73}
.blog-article .blog-article-banner__report-row i{display:block;flex-shrink:0;width:7px;height:7px;background:#d90923;border-radius:50%}
.blog-article .blog-article-banner__report-result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid #e6e7eb;color:#d90923;font-weight:700}
.blog-article .blog-article-banner__report-result svg{width:16px;height:16px}
.blog-article .blog-article-banner--project{margin:64px 0 0;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);background:#f7f7f9;border-color:#e6e7eb}
.blog-article .blog-article-banner--project .blog-article-banner__body{padding:42px 0 42px 42px;max-width:760px}
.blog-article .blog-article-banner--project .blog-article-banner__title{font-size:clamp(28px,3vw,39px);letter-spacing:-1.2px}
.blog-article .blog-article-banner--project .blog-article-banner__text{max-width:590px;font-size:16px}
.blog-article .blog-article-banner--project .blog-article-banner__visual{background:radial-gradient(ellipse at center,#f5e5e9,transparent 75%)}
.blog-article .blog-article-banner--project .blog-article-banner__visual img{max-height:350px;padding:15px}
.blog-article .blog-article-services{margin-top:68px;padding-top:54px;border-top:1px solid #e6e7eb}
.blog-article .blog-article-services__header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px}
.blog-article .blog-article-services__eyebrow{margin:0 0 12px;color:#696a73;font:700 12px/1.6 Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.blog-article .blog-article-services__header h2{margin:0;color:#17181d;font:750 clamp(28px,3vw,39px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-1.2px}
.blog-article .blog-article-services__header h2 span{color:#d90923}
.blog-article .blog-article-services__all{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;padding:7px 0;color:#17181d;font:700 14px/1.6 Manrope,Arial,sans-serif}
.blog-article .blog-article-services__all:hover{color:#d90923}
.blog-article .blog-article-services__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-article .blog-article-services__card{display:flex;position:relative;flex-direction:column;align-items:flex-start;min-width:0;min-height:224px;padding:25px 28px;border:1px solid #e6e7eb;border-radius:11px;background:#fff;transition:border-color .2s,background .2s}
.blog-article .blog-article-services__card:hover{border-color:#e9a7b3;background:#fffafb}
.blog-article .blog-article-services__icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:19px;border-radius:9px;background:#fdf0f3;color:#d90923}
.blog-article .blog-article-services__icon svg{width:22px;height:22px}
.blog-article .blog-article-services__card h3{margin:0 0 9px;color:#17181d;font:750 17px/1.5 Manrope,Arial,sans-serif;letter-spacing:-.25px}
.blog-article .blog-article-services__card p{margin:0;color:#696a73;font:14px/1.8 Manrope,Arial,sans-serif;max-width:290px}
.blog-article .blog-article-services__arrow{position:absolute;right:25px;top:32px;color:#90929a;transition:color .2s,transform .2s}
.blog-article .blog-article-services__arrow svg{width:18px;height:18px}
.blog-article .blog-article-services__card:hover .blog-article-services__arrow{color:#d90923;transform:translate(2px,-2px)}
@media(max-width:1099px){.blog-article .blog-article-banner--audit{grid-template-columns:minmax(0,1.5fr) minmax(160px,.7fr)}.blog-article .blog-article-banner__report{margin-right:18px;padding-inline:14px}.blog-article .blog-article-services__card{padding:23px 22px}.blog-article .blog-article-services__arrow{right:22px}}
@media(max-width:899px){.blog-article .blog-article-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article .blog-article-banner--project .blog-article-banner__body{padding:30px 0 30px 30px}}
@media(max-width:649px){
 .blog-article .blog-article-banner{grid-template-columns:minmax(0,1fr);margin-block:30px;gap:0;border-radius:12px}
 .blog-article .blog-article-banner__body,.blog-article .blog-article-banner--project .blog-article-banner__body{padding:25px 24px 0}
 .blog-article .blog-article-banner .blog-article-banner__title{font-size:26px;letter-spacing:-.6px}
 .blog-article .blog-article-banner .blog-article-banner__text{font-size:14px;margin-bottom:19px}
 .blog-article .blog-article-banner .blog-article-banner__link{width:100%;gap:12px;padding-inline:12px}
 .blog-article .blog-article-banner__visual{height:190px;margin-top:12px}
 .blog-article .blog-article-banner--audit .blog-article-banner__visual{height:auto;padding-block:12px 23px}
 .blog-article .blog-article-banner__report{width:220px;margin:10px 0 0;padding:20px;transform:rotate(3deg)}
 .blog-article .blog-article-banner .blog-article-banner__visual img{width:100%;height:100%;padding:0 20px;object-fit:contain}
 .blog-article .blog-article-banner--project{margin-top:42px}
 .blog-article .blog-article-services{margin-top:42px;padding-top:33px}
 .blog-article .blog-article-services__header{display:block;margin-bottom:23px}
 .blog-article .blog-article-services__header h2{font-size:29px;letter-spacing:-.8px}
 .blog-article .blog-article-services__all{margin-top:12px}
 .blog-article .blog-article-services__grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .blog-article .blog-article-services__card{min-height:0;padding:23px 24px}
 .blog-article .blog-article-services__icon{margin-bottom:14px}
 .blog-article .blog-article-services__card p{max-width:none}
}