.blog-container{width:100%;max-width:1240px;color:var(--color-text);margin:0 auto;padding:9rem 2rem 6rem}.blog-container.rtl{direction:rtl}.blog-hero{text-align:center;margin-bottom:5rem}.blog-hero-title{font-family:var(--font-display);letter-spacing:.02em;margin-bottom:1.25rem;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:300;line-height:1.1}.blog-hero-subtitle{color:var(--color-text-secondary);max-width:540px;margin:0 auto;font-size:1.05rem;font-weight:300;line-height:1.7}.blog-featured{color:inherit;grid-template-columns:1.15fr 1fr;align-items:center;gap:4rem;margin-bottom:6rem;text-decoration:none;display:grid}.blog-featured-media{aspect-ratio:4/3;border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-bg-alt) 0%, var(--color-border-light) 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.blog-featured-media .blog-media-icon{stroke-width:1px;width:56px;height:56px;color:var(--color-text-muted);opacity:.6;transition:transform .8s var(--ease-out-expo), opacity .4s ease}.blog-featured:hover .blog-featured-media .blog-media-icon{opacity:.9;transform:scale(1.12)}.blog-featured-body{flex-direction:column;gap:1.25rem;display:flex}.blog-meta{letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.blog-meta .blog-category{color:var(--color-accent);align-items:center;gap:.45rem;font-weight:500;display:inline-flex}.blog-featured-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.9rem,3.2vw,2.75rem);font-weight:400;line-height:1.2;transition:color .3s}.blog-featured:hover .blog-featured-title{color:var(--color-accent)}.blog-featured-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;font-weight:300;line-height:1.75;display:-webkit-box;overflow:hidden}.blog-grid{grid-template-columns:repeat(3,1fr);gap:3.5rem 2.5rem;display:grid}.blog-card-link{color:inherit;text-decoration:none}.blog-card{flex-direction:column;height:100%;display:flex}.blog-card-media{aspect-ratio:3/2;border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-bg-alt) 0%, var(--color-border-light) 100%);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden}.blog-card-media .blog-media-icon{stroke-width:1px;width:36px;height:36px;color:var(--color-text-muted);opacity:.6;transition:transform .8s var(--ease-out-expo), opacity .4s ease}.blog-card:hover .blog-card-media .blog-media-icon{opacity:.9;transform:scale(1.15)}.blog-card-body{flex-direction:column;flex-grow:1;gap:.9rem;display:flex}.blog-card-title{font-family:var(--font-display);font-size:1.45rem;font-weight:400;line-height:1.3;transition:color .3s}.blog-card:hover .blog-card-title{color:var(--color-accent)}.blog-card-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;font-size:.925rem;font-weight:300;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-read-more{border-top:1px solid var(--color-border-light);letter-spacing:.2em;text-transform:uppercase;width:100%;color:var(--color-text);align-items:center;gap:.5rem;margin-top:.5rem;padding-top:1.25rem;font-size:.75rem;font-weight:500;display:inline-flex}.blog-read-more svg{transition:transform .4s var(--ease-out-expo)}.blog-card:hover .blog-read-more svg,.blog-featured:hover .blog-read-more svg{transform:translate(6px)}.rtl .blog-read-more svg{transform:scaleX(-1)}.rtl .blog-card:hover .blog-read-more svg,.rtl .blog-featured:hover .blog-read-more svg{transform:scaleX(-1)translate(6px)}.fade-up{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(24px)}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}@media (max-width:1024px){.blog-featured{grid-template-columns:1fr;gap:2.25rem;margin-bottom:4.5rem}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-container{padding:6.5rem 1.25rem 4rem}.blog-hero{margin-bottom:3.5rem}.blog-grid{grid-template-columns:1fr;gap:3rem}}