section.archive .article-entry {
  overflow: hidden;
}
section.archive .article-entry a {
  text-decoration: none;
  color: inherit;
  height: 100%;
  width: 100%;
}
section.archive .article-entry a .img-wrapper {
  overflow: hidden;
  position: relative;
  aspect-ratio: 646/290;
}
section.archive .article-entry a .img-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
section.archive .article-entry a h3 {
  font: var(--h3-font);
  text-wrap: pretty;
  padding: 0.5rem 0.9375rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
section.archive .article-entry a h3.article {
  font: var(--h2-font);
}
section.archive .article-entry a .excerpt {
  font: var(--body-font);
  color: var(--color-text-secondary);
  padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
}
section.archive .article-entry a:hover .img-wrapper img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
@container main (min-width: 85.4375rem) {
  section.archive .article-entry a h3 {
    padding-right: 3.125rem;
  }
}
@container main (min-width: 64.0625rem) and (max-width: 85.375rem) {
  section.archive .article-entry a h3 {
    padding-right: 2.8125rem;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.archive .article-entry a h3 {
    padding-right: 2.1875rem;
  }
}
section.archive .button-wrap.hide {
  display: none;
}
section.archive .button-wrap .load-more.loading .txt {
  display: none;
}
section.archive .button-wrap .load-more.loading:before {
  content: "";
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: var(--spinner);
          mask-image: var(--spinner);
  background-color: #000;
  height: 1.25rem;
  width: 1.25rem;
  display: block;
  margin: 0 auto;
}
section.archive .output-grid.loading:after {
  content: "";
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: var(--spinner);
          mask-image: var(--spinner);
  background-color: #000;
  width: 1.875rem;
  height: 1.875rem;
  display: block;
  grid-column: 1/-1;
  margin: 0 auto;
}
section.archive .output-grid .loader-cell {
  grid-column: 1/-1;
}
section.archive .wrapper-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: -webkit-max-content;
  -ms-grid-rows: max-content;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
}
section.archive .wrapper-link.article {
  padding: 1.5625rem 1.25rem 0.9375rem 1.25rem;
}