.blog-hero{padding:clamp(6rem,10vw,9rem) 1.25rem 3.5rem;background:linear-gradient(135deg,#071927 0%,#0d3041 58%,#145469 100%);color:#fff;overflow:hidden;position:relative}.blog-hero:after{content:"";position:absolute;width:28rem;height:28rem;border:1px solid rgba(88,208,190,.25);border-radius:50%;right:-8rem;top:-12rem;box-shadow:0 0 0 4rem rgba(88,208,190,.035),0 0 0 8rem rgba(88,208,190,.025)}.blog-hero__inner{width:min(1160px,100%);margin:auto;position:relative;z-index:1}.blog-hero .eyebrow{color:#7de0cf}.blog-hero h1{max-width:780px;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.02;margin:.75rem 0 1rem}.blog-hero p{max-width:670px;color:#d3e2e8;font-size:1.08rem}.blog-shell{width:min(1160px,calc(100% - 2.5rem));margin:0 auto;padding:3.25rem 0 5rem}.category-filter{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:2rem}.category-filter a{padding:.6rem .9rem;border:1px solid #d9e4e7;border-radius:999px;color:#29424c;font-size:.88rem;font-weight:700;transition:.2s}.category-filter a:hover,.category-filter a.active{background:#0c3a4b;border-color:#0c3a4b;color:#fff;transform:translateY(-1px)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e1eaec;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(14,49,61,.07);transition:transform .28s ease,box-shadow .28s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(14,49,61,.13)}.blog-card__image{aspect-ratio:16/9;background:#dbe7e9;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover img{transform:scale(1.045)}.blog-card__body{padding:1.3rem;display:flex;flex:1;flex-direction:column}.blog-card__meta{color:#397168;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:800}.blog-card h2{font-size:1.3rem;line-height:1.25;margin:.55rem 0}.blog-card p{color:#586d74;font-size:.94rem}.blog-card__link{margin-top:auto;padding-top:1rem;color:#0a675b;font-weight:800}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2.5rem}.pagination a,.pagination span{min-width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid #dbe5e7;border-radius:9px}.pagination .current{background:#0c3a4b;color:#fff;border-color:#0c3a4b}.empty-state{text-align:center;padding:4rem 1rem;border:1px dashed #cbdadd;border-radius:18px;color:#5b7078}.article-shell{width:min(820px,calc(100% - 2.5rem));margin:0 auto;padding:clamp(7rem,11vw,9rem) 0 5rem}.article-back{display:inline-block;margin-bottom:2rem;color:#17695f;font-weight:800}.article-meta{color:#397168;font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.article-shell h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.06;margin:.75rem 0 1rem;color:#0b2936}.article-excerpt{font-size:1.2rem;color:#526a73;line-height:1.7}.article-image{width:100%;margin:2rem 0;border-radius:20px;box-shadow:0 18px 48px rgba(13,46,58,.13)}.article-content{font-size:1.05rem;line-height:1.82;color:#304a54}.article-content h2,.article-content h3{color:#0b2936;margin-top:2.2rem}.article-content a{color:#087568;text-decoration:underline}.article-content img{max-width:100%;height:auto;border-radius:12px}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-shell{width:min(100% - 1.4rem,1160px)}.article-shell{width:min(100% - 1.5rem,820px)}}