/* Blog shell: approved banner and empty article area from the reference. */
.blog-page .b-hero h1{top:21px;left:115px;font-size:157.06px;letter-spacing:36.12px}
.blog-page .b-hero-copy h2,.blog-page .b-hero-copy h2 em{letter-spacing:-3.76px}
.blog-page .b-hero-copy{width:650px}
.blog-page .b-hero-photo{left:704px;top:92px;width:669px;height:584px}
.blog-page .b-hero-photo>img{width:669px;height:584px;object-fit:contain}
.blog-page .b-credentials{left:755px;width:567px}
.bl-posts{min-height:917px;max-width:1440px;margin:auto}
@media(min-width:1251px) and (max-width:1439px){
 .blog-page .b-hero h1{left:7.986111vw;font-size:10.906944vw;letter-spacing:2.508333vw}
 .blog-page .b-hero-copy{margin-left:8.541667vw}
 .blog-page .b-hero-photo{left:48.888889vw;width:46.458333vw}
 .blog-page .b-hero-photo>img{width:100%;height:100%}
}
@media(max-width:1439px){
 .blog-page .b-hero h1{left:7vw;font-size:10.906944vw;letter-spacing:2.508333vw}
 .blog-page .b-hero-copy{margin-left:7vw;width:65%}
 .blog-page .b-hero-copy h2{font-size:6.527778vw;line-height:1.032}
 .blog-page .b-hero-copy h2,.blog-page .b-hero-copy h2 em{letter-spacing:-.26vw}
 .blog-page .b-hero-photo{left:48.89%;width:46.46%}
 .blog-page .b-hero-photo>img{width:100%;height:100%}
 .blog-page .b-credentials{left:53%;width:40%}
 .bl-posts{min-height:600px}
}
@media(max-width:760px){
 .blog-page .b-hero h1{top:20px;left:20px;font-size:10vw;letter-spacing:1.6vw}
 .blog-page .b-hero-copy{width:auto;margin:0;padding:100px 20px 0}
 .blog-page .b-hero-copy h2{font-size:10vw;line-height:1.06;white-space:normal}
 .blog-page .b-hero-copy h2,.blog-page .b-hero-copy h2 em{letter-spacing:-.3vw}
 .blog-page .b-hero-description{font-size:17px;line-height:21px;margin-top:25px;max-width:420px}
 .blog-page .b-hero-actions{margin-top:27px}
 .blog-page .b-hero .hero-rating{margin-top:30px}
 .blog-page .b-hero-photo{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:669/584;margin-top:24px}
 .blog-page .b-hero-photo>img{width:100%;height:auto}
 .blog-page .b-credentials{position:relative;left:auto;top:auto;width:82%;height:110px;margin:-105px auto 30px}
 .blog-page .b-hero-content{height:auto}
 .bl-posts{min-height:320px}
}