.insights-hero { padding-block: clamp(64px, 9vw, 112px) 65px; background: var(--off-white); }
.insights-hero h1 { max-width: 850px; margin: 0; font: 400 clamp(48px, 7vw, 82px)/1.05 var(--sans); letter-spacing: -.045em; text-wrap: balance; }
.insights-hero p { max-width: 660px; margin: 23px 0 0; color: var(--muted); font: 400 18px/1.7 var(--sans); }
.articles { padding-block: 70px 100px; }
.articles-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; margin-bottom: 30px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.articles-heading h2 { margin: 0; font: 500 24px/1.3 var(--sans); }
.articles-heading p { margin: 0; color: var(--muted); font: 14px/1.6 var(--sans); }
.archive-search { max-width: 480px; margin: 0 0 32px auto; }
.archive-search label { display: block; margin-bottom: 7px; font: 600 14px/1.4 var(--sans); }
.archive-search input { width: 100%;
      min-height: 48px;
      padding: 10px 13px;
      border: 1px solid #aeb1a8;
      border-radius: 0;
      background: white;
      color: var(--ink);
      font: 16px/1.4 var(--sans); }
.archive-search input::placeholder { color: #62665f; opacity: 1; }
.archive-language { margin: -17px 0 32px; text-align: right; }
.archive-language a { color: var(--green-dark); font: 700 14px/1.5 var(--sans); text-underline-offset: 3px; }
.article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px 26px; }
.article { min-width: 0; }
.article[hidden] { display: none; }
.article-image-link { display: block; overflow: hidden; background: #e8e5da; }
.article img { display: block; width: 100%; aspect-ratio: 1.38; object-fit: cover; transition: transform .35s ease; }
.article-image-link:hover img { transform: scale(1.035); }
.article time { display: block; margin-top: 18px; color: var(--green-dark); font: 700 13px/1.5 var(--sans); letter-spacing: .04em; }
.article-no-image time { margin-top: 0; }
.article-kind { display: inline-block; margin-top: 12px; color: var(--muted); font: 700 11px/1.4 var(--sans); letter-spacing: .08em; text-transform: uppercase; }
.article h3 { margin: 8px 0 0; font: 600 22px/1.3 var(--sans); text-wrap: pretty; }
.article h3 a { text-decoration: none; }
.article h3 a:hover { color: var(--green-dark); }
.article-read { display: inline-flex; align-items: center; gap: 9px; margin-top: 14px; color: var(--green-dark); font: 700 13px/1.5 var(--sans); text-decoration: none; }
.article-read:hover { color: var(--ink); }
.article-read svg { width: 15px; height: 15px; }
#empty-results { margin: 36px 0 0; color: var(--muted); font-size: 17px; line-height: 1.6; }
@media (max-width: 850px) {
  .article-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 22px;}
}
@media (max-width: 640px) {
  .insights-hero {padding-block: 58px 48px;}
  .insights-hero h1 {font-size: clamp(43px, 12vw, 62px);}
  .insights-hero p {margin-top: 18px; font-size: 16px;}
  .articles {padding-block: 48px 72px;}
  .articles-heading {align-items: flex-start; flex-direction: column; gap: 7px;}
  .archive-search {max-width: none; margin-left: 0;}
  .archive-language {margin-top: -18px; text-align: left;}
  .article-grid {grid-template-columns: 1fr; gap: 35px;}
  .article img {aspect-ratio: 1.55;}
  .article h3 {font-size: 21px;}
}