/* BLOG */
.blog-page{padding-bottom:40px}
.blog__items{display:flex;flex-direction:column;gap:32px;margin-top:32px}
.blog__hero{display:flex;max-width:1000px;gap:0;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;min-height:380px;margin:0 auto;width:100%}
.blog__hero-img{flex:0 0 49%;overflow:hidden}
.blog__hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s ease}
.blog__hero:hover .blog__hero-img img{transform:scale(1.04)}
.blog__hero-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px 36px;background:#f8f0eb}
.blog__hero-title{font-size:20px;line-height:1.25;margin:0;margin-bottom:30px}
.blog__hero-excerpt{font-weight:300;line-height:1.65;font-size:14px;margin:0}
.blog__grid{display:flex;flex-wrap:wrap;gap:20px;max-width:860px;margin:0 auto;width:100%;justify-content:center}
.blog__card{flex:0 0 calc(50% - 10px);display:block;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;border:2px solid #f8f0eb}
.blog__card-img{aspect-ratio:16/9;overflow:hidden}
.blog__card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s ease}
.blog__card:hover .blog__card-img img{transform:scale(1.05)}
.blog__card-body{padding:14px;display:flex;flex-direction:column;gap:8px}
.blog__card-title{font-size:15px;font-weight:600;line-height:1.35}
.blog__date{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.6}
.blog__date svg{flex-shrink:0;opacity:.7}
@media (max-width:760px){
.blog__hero{flex-direction:column;min-height:auto}
.blog__hero-img{flex:none;height:240px}
.blog__hero-body{padding:24px 20px}
.blog__card{flex:0 0 100%}
}

/* Single post */
.single__wrap{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.single__header{display:flex;flex-direction:column;gap:12px}
.single__title{margin:0;font-size:28px;margin-bottom:30px}
.single__meta{display:flex;align-items:center;justify-content:center;gap:20px}
.single__img{border-radius:16px;overflow:hidden;aspect-ratio:16/9}
.single__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}
.single__content{line-height:1.65;font-size:15px}
.single__content p{margin-bottom:1.2em;font-size:16px;font-weight:300}
.single__content h2{font-size:22px;margin:2em 0 .6em}
.single__content h3{font-size:18px;margin:1.6em 0 .5em}
.single__content img{max-width:100%;border-radius:10px}
.single__share{display:flex;align-items:center;gap:14px;padding-top:24px;font-size:13px;opacity:.7;background:#f8f0eb;padding:15px;border-radius:5px}
.single__share img{width:28px;height:28px;transition:opacity .2s}
.single__share a:hover img{opacity:.7}
.single__related{padding:48px 0 10px}
.blog__grid--related{max-width:100%;margin-top:24px}
.blog__grid--related .blog__card{flex:1 1 calc(33.333% - 14px)}
.single__related-footer{margin-top:32px;text-align:center}

@media (max-width:760px){
.blog__grid--related .blog__card{flex:0 0 100%}
.single__title{margin:0;font-size:20px;margin-bottom:20px}
}