.blog-hero{background:var(--surface);padding:4rem 0 3rem;border-bottom:1px solid var(--border-color-card)}.blog-hero__content{text-align:center;max-width:700px;margin:0 auto}.blog-hero__title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--text);margin:0 0 1rem;letter-spacing:-.02em}.blog-hero__subtitle{font-size:1.125rem;color:var(--text);line-height:1.6;margin:0}.blog-grid-section{padding:4rem 0;background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem}.blog-card{background:#fff;border:1px solid var(--border-color-card);border-radius:1.25rem;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:100%;position:relative}.blog-card:hover{border-color:var(--brand)}.blog-card__link{display:block;text-decoration:none;color:inherit;width:100%;height:100%;position:relative;z-index:1}.blog-card__link:hover,.blog-card__link:focus{text-decoration:none}.blog-card__image{position:relative;aspect-ratio:16/10;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.blog-card:hover .blog-card__image img{transform:scale(1.1)}.blog-card__content{padding:1.5rem;display:flex;flex-direction:column;flex:1;gap:.75rem}.blog-card__title{margin:0;font-size:1.125rem;font-weight:700;line-height:1.3;color:var(--text);transition:color .2s ease}.blog-card:hover .blog-card__title{color:var(--brand)}.blog-card__excerpt{color:var(--text);line-height:1.5;margin:0;flex:1;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0;font-size:.75rem;color:var(--muted);gap:.5rem}.blog-card__date,.blog-card__read-time{display:flex;align-items:center;gap:.25rem;font-weight:500}.blog-card__date:before{content:"📅";font-size:.7rem}.blog-card__read-time:before{content:"⏱️";font-size:.7rem}.blog-card__read-more{color:var(--brand);text-decoration:none;font-weight:700;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);align-self:flex-start;padding:.5rem 0;border-radius:.5rem;position:relative}.blog-card:hover .blog-card__read-more{color:var(--brand);transform:translate(4px)}.blog-load-more{text-align:center;margin-top:4rem}.btn-load-more{background:transparent;color:var(--text);border:2px solid var(--border-color-card);padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn-load-more:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(-3px);box-shadow:0 10px 25px #3d6d5240}.stagger-child{opacity:0;transform:translateY(2rem) scale(.9);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.stagger-child.animate-in{opacity:1;transform:translateY(0) scale(1)}.navbar__actions--btn.active{color:var(--brand);position:relative;background:#3d6d521a}@media(min-width:1440px){.blog-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}}@media(max-width:1439px){.blog-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.blog-card__content{padding:1.25rem}}@media(max-width:1023px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:899px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.blog-hero{padding:2.5rem 0 2rem}.blog-grid-section{padding:3rem 0}}@media(max-width:767px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-hero{padding:2rem 0}.blog-hero__title{font-size:2rem}.blog-hero__subtitle{font-size:1rem}.blog-grid-section{padding:2rem 0}.blog-card__content{padding:1.25rem}.blog-card__excerpt{-webkit-line-clamp:4;font-size:.9rem}.stagger-child{transform:translateY(1rem) scale(.95)}.blog-load-more{margin-top:2.5rem}}@media(max-width:480px){.blog-card__image{aspect-ratio:16/9}.blog-card__meta{flex-direction:column;align-items:flex-start;gap:.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stagger-child{transform:none!important;opacity:1!important}.blog-card:hover,.blog-card:hover .blog-card__image img{transform:none}}@media(prefers-contrast:high){.blog-card{border:2px solid var(--text)}}.blog-card:focus-within{outline:2px solid var(--brand);outline-offset:2px}.blog-card__link:focus{outline:2px solid var(--brand);outline-offset:2px;border-radius:1.25rem}