/* /blog: big images that breathe, text below */
html body .blog-section {
  background-color: #fff;
  background-image:
    radial-gradient(900px 340px at 50% 0, rgba(26,158,114,.09), transparent 70%),
    linear-gradient(rgba(11,61,46,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.05) 1px, transparent 1px);
  background-size: auto, 44px 44px, 44px 44px;
  background-repeat: no-repeat, repeat, repeat;
  padding-top: 64px;
  padding-bottom: 96px;
}
html body .blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 68px 40px;
  align-items: start;
}
html body .blog-card {
  display: flex; flex-direction: column; gap: 20px;
  background: transparent !important;
  border: 0 !important; box-shadow: none !important;
  border-radius: 0 !important; padding: 0 !important;
  overflow: visible !important; text-decoration: none;
  transform: none;
}
html body .blog-card .bc-thumb {
  position: relative; width: 100%; height: auto !important;
  aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(11,61,46,.08), 0 14px 32px -18px rgba(11,61,46,.4);
  transition: box-shadow .35s ease, transform .35s ease;
}
html body .blog-card:hover .bc-thumb {
  transform: translateY(-4px);
  box-shadow: 0 2px 4px rgba(11,61,46,.08), 0 24px 44px -20px rgba(11,61,46,.5);
}
html body .blog-card .bc-thumb img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  transition: transform .6s ease;
}
html body .blog-card:hover .bc-thumb img { transform: scale(1.035); }
html body .blog-card .bc-badge { position: absolute; top: 14px; left: 14px; z-index: 2; }

html body .blog-card .bc-body { padding: 0 !important; display: flex; flex-direction: column; gap: 10px; }
html body .blog-card .bc-meta { font-size: 13.5px; color: #5b6b65; margin: 0; }
html body .blog-card .bc-title {
  font-size: clamp(22px, 2.1vw, 28px);
  line-height: 1.3; font-weight: 400; letter-spacing: -.012em;
  color: #0f1f1a; transition: color .25s ease;
}
html body .blog-card:hover .bc-title { color: #1A9E72; }
html body .blog-card .bc-excerpt { display: none !important; }
html body .blog-card .bc-footer { border: 0 !important; padding: 0 !important; margin: 0 !important; }
html body .blog-card .bc-read { display: none !important; }

/* pagination */
html body .blog-pager {
  display: flex; justify-content: center; align-items: center; gap: 18px;
  margin-top: 72px; font-size: 16px;
}
html body .blog-pager a { color: #0f1f1a; text-decoration: none; padding: 4px 2px; transition: color .2s ease; }
html body .blog-pager a:hover { color: #1A9E72; }
html body .blog-pager .pg-cur { color: #9aa9a3; padding: 4px 2px; }

@media (max-width: 1000px) {
  html body .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 52px 28px; }
}
@media (max-width: 640px) {
  html body .blog-grid { grid-template-columns: 1fr; gap: 44px; }
  html body .blog-card .bc-title { font-size: 23px; }
}

/* no hover effects, bigger images */
html body .blog-card .bc-thumb { aspect-ratio: 3 / 2; transition: none !important; }
html body .blog-card .bc-thumb img { transition: none !important; }
html body .blog-card:hover .bc-thumb {
  transform: none !important;
  box-shadow: 0 1px 2px rgba(11,61,46,.08), 0 14px 32px -18px rgba(11,61,46,.4) !important;
}
html body .blog-card:hover .bc-thumb img { transform: none !important; }
html body .blog-card .bc-title { transition: none !important; }
html body .blog-card:hover .bc-title { color: #0f1f1a !important; }
html body .blog-grid { gap: 60px 32px; }

/* square images, flat */
html body .blog-card .bc-thumb { border-radius: 0 !important; box-shadow: none !important; }
html body .blog-card:hover .bc-thumb { box-shadow: none !important; }
html body .blog-card .bc-thumb img { border-radius: 0 !important; }

/* ===== Blog: hero, filter bar, premium box, bottom CTA (flat + grid) ===== */
html body .page-hero { min-height: 480px; padding: 88px 0 72px; }
html body .page-hero::after { display: none !important; }
html body .hero-overlay {
  background-color: rgba(7,38,29,.84) !important;
  background-image:
    radial-gradient(800px 320px at 15% 0, rgba(26,158,114,.30), transparent 70%),
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px) !important;
  background-size: auto, 44px 44px, 44px 44px !important;
  background-repeat: no-repeat, repeat, repeat !important;
}
html body .page-eyebrow {
  border-radius: 0 !important;
  background: rgba(26,158,114,.16) !important;
  border: 1px solid rgba(95,212,168,.45) !important;
  color: #bff0dc !important;
}
html body .page-eyebrow > div { border-radius: 0 !important; animation: none !important; }
html body .page-hero h1 { letter-spacing: -.03em; font-weight: 600; }
html body .page-hero h1 span { color: #5fd4a8 !important; }
html body .page-hero-desc { color: rgba(255,255,255,.82); }
html body .slide-dot { border-radius: 0 !important; height: 4px; width: 28px; background: rgba(255,255,255,.3); }
html body .slide-dot.active { background: #5fd4a8 !important; width: 44px; }

html body .filter-bar { padding: 26px 0; background: #f2f8f5; border-bottom: 1px solid #d5e2dc; }
html body .filter-tab { border-radius: 0 !important; border: 1px solid #cfdcd5; background: #fff; color: #3a4f47; font-weight: 600; }
html body .filter-tab:hover { border-color: #1A9E72; color: #0B3D2E; }
html body .filter-tab.active { background: #1A9E72 !important; border-color: #1A9E72 !important; color: #fff !important; }
html body .filter-count { border-radius: 0 !important; }
html body .premium-cta-pill {
  border-radius: 0 !important; background: #0B3D2E; border: 1px solid #0B3D2E; color: #fff;
}
html body .premium-cta-pill:hover { background: #1A9E72; border-color: #1A9E72; }

html body .premium-banner {
  display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap;
  border-radius: 0 !important; border: 1px solid #0B3D2E !important; box-shadow: none !important;
  padding: 36px 40px !important; margin-bottom: 36px !important;
  background-color: #07261d !important;
  background-image:
    radial-gradient(600px 260px at 0 0, rgba(26,158,114,.30), transparent 70%),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px) !important;
  background-size: auto, 40px 40px, 40px 40px !important;
  background-repeat: no-repeat, repeat, repeat !important;
}
html body .premium-banner .pb-eyebrow { color: #5fd4a8 !important; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 8px; }
html body .premium-banner .pb-title { color: #fff !important; font-size: 26px; font-weight: 600; letter-spacing: -.02em; margin-bottom: 8px; }
html body .premium-banner .pb-desc { color: rgba(255,255,255,.75) !important; max-width: 620px; line-height: 1.65; }
html body .premium-banner .btn { border-radius: 0 !important; background: #1A9E72 !important; color: #fff !important; border: 1px solid #1A9E72 !important; transform: none !important; }
html body .premium-banner .btn:hover { background: #20b585 !important; }

html body .cta-strip {
  background-color: #07261d !important;
  background-image:
    radial-gradient(700px 300px at 50% 0, rgba(26,158,114,.28), transparent 70%),
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) !important;
  background-size: auto, 40px 40px, 40px 40px !important;
  background-repeat: no-repeat, repeat, repeat !important;
}
html body .cta-strip::before { display: none !important; }
html body .cta-strip h2 { color: #fff !important; font-weight: 600; letter-spacing: -.025em; }
html body .cta-strip p { color: rgba(255,255,255,.74) !important; }
html body .cta-actions .btn { border-radius: 0 !important; transform: none !important; border: 1px solid #1A9E72 !important; background: #1A9E72 !important; color: #fff !important; }
html body .cta-actions .btn:hover { background: #20b585 !important; }
html body .cta-actions .btn:nth-child(2) { background: transparent !important; border-color: rgba(255,255,255,.45) !important; }
html body .cta-actions .btn:nth-child(2):hover { border-color: #fff !important; background: rgba(255,255,255,.08) !important; }

/* blog-wide */
html body .blog-card .bc-thumb{aspect-ratio:1.91 / 1 !important;height:auto !important;background:#EEF3F0 !important}
html body .blog-card .bc-thumb img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center !important}
/* end blog-wide */

/* blog-badge */
html body .blog-card .bc-badge{top:auto !important;left:auto !important;bottom:12px !important;right:12px !important}
/* end blog-badge */