.blog-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:28px;}.blog-card{position:relative;display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;contain:layout style paint;content-visibility:auto;box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) cubic-bezier(0.16, 1, 0.3, 1),box-shadow var(--duration-normal) cubic-bezier(0.16, 1, 0.3, 1),border-color var(--duration-normal) cubic-bezier(0.16, 1, 0.3, 1),background var(--duration-normal) cubic-bezier(0.16, 1, 0.3, 1);}.blog-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;transition:opacity var(--duration-normal) ease;z-index:2;}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0, 0, 0, 0.3), 0 0 0 1px var(--gold-border);border-color:var(--gold-border);background:linear-gradient(to bottom, var(--paper-2), var(--paper-3));}.blog-card:hover::after{opacity:1;}.blog-img-wrap{position:relative;overflow:hidden;aspect-ratio:16/9;height:auto;border-top-left-radius:12px;border-top-right-radius:12px;}.blog-img-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background:linear-gradient(to top, rgba(4, 4, 6, 0.5), transparent);pointer-events:none;z-index:1;transition:opacity var(--duration-normal);}.blog-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) cubic-bezier(0.16, 1, 0.3, 1);}.blog-card:hover .blog-img{transform:scale(1.04);}.blog-card:hover .blog-img-wrap::after{opacity:0.7;}.blog-card-badges{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2;}.blog-category-badge-overlay,.blog-rating-badge-overlay{display:inline-flex;align-items:center;gap:6px;font-family:"DM Sans", sans-serif;font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;padding:6px 12px;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--duration-fast) ease;}.blog-category-badge-overlay{background:rgba(4, 4, 6, 0.75);color:var(--gold);border:1px solid var(--gold-border);}.blog-rating-badge-overlay{background:rgba(184, 146, 42, 0.18);color:var(--text-on-dark);border:1px solid var(--gold-border);margin-left:auto;}.blog-rating-badge-overlay i{color:var(--gold);font-size:0.7rem;}.blog-card:hover .blog-category-badge-overlay{background:rgba(184, 146, 42, 0.25);border-color:var(--gold-light);}.blog-card:hover .blog-rating-badge-overlay{background:rgba(184, 146, 42, 0.3);border-color:var(--gold-light);}.blog-content{padding:24px 24px 20px;display:flex;flex-direction:column;flex-grow:1;}.blog-title{font-family:"Cormorant Garamond", Georgia, serif;font-size:1.35rem;line-height:1.3;font-weight:600;color:var(--text-on-dark);margin-bottom:10px;letter-spacing:-0.01em;transition:color var(--duration-fast);}.blog-card:hover .blog-title{color:var(--gold-light);}.blog-card p{color:var(--text-muted);font-size:0.88rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}.blog-meta-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255, 255, 255, 0.05);font-size:0.76rem;font-family:"DM Sans", sans-serif;color:var(--text-muted);}.blog-meta-footer i{color:var(--gold);opacity:0.85;margin-right:4px;}.blog-views,.blog-read-time,.blog-meta-footer .blog-date{display:inline-flex;align-items:center;}.blog-meta-footer .blog-date{color:var(--text-muted);font-size:0.76rem;letter-spacing:0;text-transform:none;margin-bottom:0;font-weight:normal;}.read-link{font-family:"DM Sans", sans-serif;font-weight:600;text-transform:uppercase;font-size:0.68rem;letter-spacing:2px;color:var(--text);display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid var(--border);padding-bottom:2px;margin-top:16px;align-self:flex-start;transition:var(--transition);}.read-link i{font-size:0.65rem;transition:transform 0.3s;}.read-link:hover{color:var(--gold);border-color:var(--gold);}.read-link:hover i{transform:translateX(5px);}.read-link--card::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}.blog-card:hover .read-link--card{color:var(--gold);border-color:var(--gold);}.blog-card:hover .read-link--card i{transform:translateX(5px);}.blog-category-badge{display:none;}.blog-search-container{max-width:480px;margin:0 auto 2.5rem;}.search-input-wrapper{position:relative;width:100%;}.search-input-wrapper input{width:100%;padding:14px 20px 14px 46px;background:var(--paper-2);border:1px solid var(--border);border-radius:6px;font-family:"DM Sans", sans-serif;font-size:0.94rem;color:var(--text);outline:0;transition:var(--transition);}.search-input-wrapper input:focus{border-color:var(--gold);background:var(--paper-3);box-shadow:0 0 0 3px var(--gold-pale);}.search-input-wrapper .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:0.95rem;pointer-events:none;}.blog-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:3rem;justify-content:center;}.blog-filter-btn{background:var(--paper-2);border:1px solid var(--border);color:var(--text-muted);font-size:0.67rem;font-weight:600;letter-spacing:2.5px;padding:10px 22px;border-radius:4px;cursor:pointer;user-select:none;transition:border-color var(--duration-fast), color var(--duration-fast), background var(--duration-fast);}.blog-filter-btn.is-active,.blog-filter-btn:hover{color:var(--gold);border-color:var(--gold-border);background:var(--gold-pale);}.blog-card.is-hidden{opacity:0;pointer-events:none;transform:scale(0.96);position:absolute;visibility:hidden;}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2, 1fr);gap:24px;}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;gap:24px;}.blog-filter-btn{min-height:44px;display:inline-flex;align-items:center;}}[data-theme=dark] .blog-card{background:var(--paper-2);}[data-theme=dark] #blog-search-input{background:var(--paper-2);color:var(--text);border-color:var(--border);}[data-theme=dark] .blog-filter-btn{background:var(--paper-2);color:var(--text-muted);border-color:var(--border);}[data-theme=dark] .blog-filter-btn.is-active,[data-theme=dark] .blog-filter-btn:hover{color:var(--gold);border-color:var(--gold-border);background:var(--paper-3);}