.craft-blog-hero { padding: 30px 0 54px; background: linear-gradient(90deg, rgba(250, 246, 240, .96), rgba(250, 246, 240, .88) 48%, rgba(250, 246, 240, .35)), url('../images/products/wooden-home-banner-v1.webp') center 55% / cover no-repeat; border-bottom: 1px solid #e8dfd5; }
.craft-blog-eyebrow { display: block; margin: 28px 0 14px; color: #9d6d43; font-size: 11px; font-weight: 700; letter-spacing: .22em; }
.craft-blog-hero h1, .craft-blog-article h1 { max-width: 900px; color: #45280e; font-family: 'Hind Siliguri', sans-serif; font-size: clamp(30px, 4vw, 46px); font-weight: 700; line-height: 1.35; }
.craft-blog-hero p { max-width: 650px; margin: 16px 0 0; color: #786b5e; font-size: 17px; line-height: 1.8; }
.craft-blog-list { padding-top: 48px; padding-bottom: 60px; }
.craft-blog-card { display: flex; flex-direction: column; min-width: 0; height: 100%; overflow: hidden; border: 1px solid #e8dfd5; border-radius: 14px; background: #fff; overflow-wrap: anywhere; }
.craft-blog-card-image { display: block; overflow: hidden; aspect-ratio: 3 / 2; background: #faf6f0; }
.craft-blog-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.craft-blog-placeholder { display: grid; place-items: center; height: 100%; color: #a58058; font-size: 56px; }
.craft-blog-card-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 24px; }
.craft-blog-card-body .craft-blog-read { margin-top: auto; }
.craft-blog-card-body time, .craft-blog-byline { color: #8b7a67; font-size: 13px; }
.craft-blog-card h2 { margin: 14px 0 12px; font-family: 'Hind Siliguri', sans-serif; font-size: 23px; font-weight: 600; line-height: 1.5; }
.craft-blog-card h2 a, .craft-blog-related a { color: #45280e; text-decoration: none; }
.craft-blog-card p { color: #786b5e; line-height: 1.8; }
.craft-blog-read { display: inline-flex; align-items: center; min-height: 44px; gap: 10px; color: #865b34; font-weight: 600; text-decoration: none; }
.craft-blog-read:hover, .craft-blog-card h2 a:hover { color: #b8793b; }
.craft-blog-empty { padding: 52px 20px; text-align: center; }
.craft-blog-empty > i { display: block; margin-bottom: 20px; color: #a58058; font-size: 48px; }
.craft-blog-empty h2 { color: #45280e; font-size: 26px; }
.craft-blog-empty p { margin: 16px auto 28px; max-width: 500px; color: #786b5e; line-height: 1.8; }
.craft-blog-article { max-width: 920px; padding-top: 30px; padding-bottom: 64px; }
.craft-blog-byline { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 20px; }
.craft-blog-lead { margin: 22px 0; color: #786b5e; font-size: 19px; line-height: 1.9; }
.craft-blog-cover { display: block; width: 100%; height: auto; max-height: 560px; margin-top: 30px; border-radius: 16px; object-fit: cover; }
.craft-blog-content { padding: 32px 0; color: #594c3e; font-size: 18px; line-height: 1.95; overflow-wrap: anywhere; }
.craft-blog-content h2, .craft-blog-content h3, .craft-blog-content h4 { margin: 30px 0 14px; color: #45280e; font-family: 'Hind Siliguri', sans-serif; font-weight: 600; line-height: 1.5; }
.craft-blog-content a { color: #865b34; text-decoration: underline; }
.craft-blog-content blockquote { padding: 12px 24px; border-left: 3px solid #b98a57; background: #faf6f0; }
.craft-blog-content img, .craft-blog-content video { max-width: 100%; height: auto; }
.craft-blog-content iframe { max-width: 100%; }
.craft-blog-content pre { max-width: 100%; overflow-x: auto; }
.craft-blog-content table { display: block; max-width: 100%; overflow-x: auto; }
.craft-blog-article .lux-breadcrumbs, .craft-blog-article-header { overflow-wrap: anywhere; }
.craft-blog-list .site-pagination .page-link { min-height: 44px; min-width: 44px; }
.craft-blog-related { margin-top: 40px; padding-top: 28px; border-top: 1px solid #e8dfd5; }
.craft-blog-related h2 { margin-bottom: 20px; font-size: 24px; }
.craft-blog-related a { display: block; height: 100%; padding: 20px; border: 1px solid #e8dfd5; border-radius: 12px; line-height: 1.7; }
.craft-blog-card a:focus-visible, .craft-blog-article a:focus-visible { outline: 2px solid #865b34; outline-offset: 3px; }
@media (max-width: 767.98px) {
  .craft-blog-hero { padding: 24px 0 32px; background-image: linear-gradient(rgba(250, 246, 240, .9), rgba(250, 246, 240, .84)), url('../images/products/wooden-home-banner-v1.webp'); background-position: center, 65% center; }
  .craft-blog-hero > .container, .craft-blog-list, .craft-blog-article { padding-inline: 20px; }
  .craft-blog-eyebrow { margin-top: 22px; letter-spacing: .16em; }
  .craft-blog-hero h1, .craft-blog-article h1 { font-size: clamp(28px, 5vw, 36px); line-height: 1.45; }
  .craft-blog-hero p, .craft-blog-lead { font-size: 16px; line-height: 1.85; }
  .craft-blog-list { padding-top: 28px; padding-bottom: 36px; }
  .craft-blog-card-body { padding: 20px; }
  .craft-blog-card h2 { font-size: 22px; }
  .craft-blog-article { padding-top: 22px; padding-bottom: 36px; }
  .craft-blog-byline { gap: 10px 16px; }
  .craft-blog-cover { margin-top: 22px; border-radius: 12px; }
  .craft-blog-content { padding: 22px 0; font-size: 16px; }
  .craft-blog-content blockquote { padding: 12px 16px; }
  .craft-blog-related { margin-top: 28px; }
}
@media (max-width: 575.98px) {
  .craft-blog-list .site-pagination { align-items: center; text-align: center; }
  .craft-blog-list .site-pagination .pagination { padding: 2px; }
}
