.blog-showcase{padding:4rem 0;direction:rtl}.blog-showcase-container{max-width:1400px;margin:0 auto;padding:0 2rem}.blog-showcase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;gap:1rem}.blog-showcase-header h2{margin:0;font-size:1.35rem;font-weight:600;color:#ffffffe6;font-family:var(--noqte-font)}.blog-showcase-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;font-size:.85rem;font-family:var(--noqte-font);text-decoration:none;transition:all .2s ease}.blog-showcase-link:hover{background:#64c8ff14;border-color:#64c8ff33;color:#64c8ffe6}.blog-showcase-link svg{transition:transform .2s ease}.blog-showcase-link:hover svg{transform:translate(-3px)}.blog-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.blog-showcase-card{border-radius:14px;overflow:hidden;text-decoration:none;background:#ffffff05;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.blog-showcase-card:hover{border-color:#64c8ff33;transform:translateY(-4px);box-shadow:0 16px 32px #0003}.blog-showcase-card-img{position:relative;aspect-ratio:16 / 10;background:#0000004d;overflow:hidden}.blog-showcase-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-showcase-card:hover .blog-showcase-card-img img{transform:scale(1.05)}.blog-showcase-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64c8ff40;background:linear-gradient(135deg,#64c8ff14,#6496ff08)}.blog-showcase-card-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.blog-showcase-card:hover .blog-showcase-card-overlay{opacity:1}.blog-showcase-card-overlay span{padding:.5rem 1.25rem;background:#64c8ff26;border:1px solid rgba(100,200,255,.3);border-radius:8px;color:#fff;font-size:.85rem;font-family:var(--noqte-font);transform:translateY(8px);transition:transform .3s ease}.blog-showcase-card:hover .blog-showcase-card-overlay span{transform:translateY(0)}.blog-showcase-card-body{padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.5rem}.blog-showcase-card-title{margin:0;font-size:.95rem;font-weight:600;color:#ffffffe6;font-family:var(--noqte-font);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-showcase-card-excerpt{margin:0;font-size:.82rem;color:#ffffff8c;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-showcase-card-meta{display:flex;gap:6px;align-items:center;font-size:.75rem;color:#fff6;margin-top:.25rem}.blog-showcase-card--skeleton{pointer-events:none}.blog-showcase-card--skeleton .blog-showcase-card-img{background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%;animation:blog-shimmer 1.5s infinite}.blog-showcase-card-title--skeleton{height:18px;width:80%;background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%;animation:blog-shimmer 1.5s infinite;border-radius:4px}.blog-showcase-card-excerpt--skeleton{height:14px;width:100%;background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%;animation:blog-shimmer 1.5s infinite;border-radius:4px}.blog-showcase-card-meta--skeleton{height:12px;width:50%;background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%;animation:blog-shimmer 1.5s infinite;border-radius:4px;margin-top:.25rem}@keyframes blog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1200px){.blog-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.blog-showcase{padding:3rem 0}.blog-showcase-container{padding:0 1.5rem}.blog-showcase-header h2{font-size:1.2rem}}@media (max-width: 600px){.blog-showcase{padding:2.5rem 0}.blog-showcase-container{padding:0 1rem}.blog-showcase-header{flex-wrap:wrap;margin-bottom:1.25rem}.blog-showcase-header h2{font-size:1.1rem}.blog-showcase-link{padding:.4rem .85rem;font-size:.8rem}.blog-showcase-grid{grid-template-columns:1fr;gap:1rem}.blog-showcase-card-body{padding:.85rem 1rem}.blog-showcase-card-title{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.blog-showcase-card--skeleton .blog-showcase-card-img,.blog-showcase-card-title--skeleton,.blog-showcase-card-excerpt--skeleton,.blog-showcase-card-meta--skeleton{animation:none;background:#ffffff0d}.blog-showcase-card:hover,.blog-showcase-card:hover .blog-showcase-card-img img{transform:none}}