.venti-blog { color:#252522; text-align:right; }
.blog-hero { padding:100px 0; background:linear-gradient(90deg,rgba(26,25,23,.62),rgba(26,25,23,.8)),url('../img/home-banner-2.jpg') center/cover; color:#fff; }
.blog-hero h1 { font-size:clamp(2rem,4vw,3.5rem); font-weight:700; margin:16px 0; }
.blog-hero p { color:rgba(255,255,255,.85); margin:0; }
.blog-eyebrow { font-size:.85rem; color:#b99569; font-weight:700; }
.blog-heading { margin-bottom:28px; }.blog-heading h2 { font-size:1.8rem; margin:8px 0 0; }
.blog-sidebar { background:#f7f5f1; padding:28px; border-radius:12px; }.blog-sidebar h2 { font-size:1.2rem; margin:0 0 8px; }.blog-muted { color:#817d76; font-size:.9rem; }
.blog-suggestion { display:block; border-top:1px solid #e6e1d9; padding:18px 0; color:inherit; text-decoration:none; }.blog-suggestion strong { display:block; line-height:1.8; }.blog-suggestion span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:.85rem; color:#817d76; line-height:1.8; margin-top:5px; }
.blog-card { overflow:hidden; border:1px solid #eeeae4; border-radius:12px; background:#fff; box-shadow:0 8px 32px rgba(40,32,24,.05); transition:transform .2s,box-shadow .2s; }.blog-card:hover { transform:translateY(-4px); box-shadow:0 14px 38px rgba(40,32,24,.1); }.blog-card-image { display:block; overflow:hidden; }.blog-card-image img { width:100%; height:230px; object-fit:cover; }.blog-card-body { padding:24px; }.blog-card time { color:#a78359; font-size:.8rem; }.blog-card h3 { font-size:1.2rem; line-height:1.8; margin:10px 0; }.blog-card h3 a { color:inherit; text-decoration:none; }.blog-card p { color:#777; line-height:2; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }.blog-more,.blog-back { color:#987248; font-weight:700; text-decoration:none; }.blog-more span { margin-right:5px; }
.blog-empty { padding:40px; background:#f7f5f1; border-radius:12px; line-height:2; }.blog-article { margin-top:35px; }.blog-article h1 { line-height:1.6; margin:12px 0; }.blog-cover { width:100%; max-height:480px; object-fit:cover; border-radius:12px; margin:20px 0 30px; }.blog-lead { font-size:1.15rem; font-weight:700; line-height:2; }.blog-content { white-space:pre-wrap; line-height:2.2; color:#555; }
@media(max-width:767px) { .blog-hero { padding:65px 0; }.blog-card-image img { height:210px; } }