.template__highlights .inner {
  padding-top: clamp(120px, 24svh, 2000px);
  padding-bottom: 100px; }

.article-grid {
  row-gap: 65px; }
  .article-grid article {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 7px;
    opacity: 0; }
    .article-grid article .image .aspectholder {
      height: 30vw;
      overflow: hidden; }
      .article-grid article .image .aspectholder img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        transition: all .2s ease-in-out;
        z-index: -1;
        position: relative;
        filter: brightness(100%); }
    .article-grid article a {
      z-index: 5; }
      .article-grid article a:hover {
        opacity: 1; }
    .article-grid article:hover .aspectholder img {
      filter: brightness(110%); }
  .article-grid article.type__Event {
    grid-column: span 12; }
  .article-grid article .lower .sub-text {
    padding-top: 2px;
    color: var(--text2); }
    .article-grid article .lower .sub-text span {
      padding: 0 4px; }
    .article-grid article .lower .sub-text .location {
      padding-top: 2px; }
  .article-grid article .lower {
    padding-top: 3px; }

.template__highlights .paginate-menu {
  padding-bottom: 100px; }
  .template__highlights .paginate-menu ul {
    display: flex;
    gap: 7px; }
  .template__highlights .paginate-menu ul li {
    background-color: var(--grey2);
    border-radius: 4px; }
    .template__highlights .paginate-menu ul li.link-active {
      background-color: var(--black);
      color: white; }
    .template__highlights .paginate-menu ul li a {
      padding: 7px 15px;
      display: inline-block; }
  .template__highlights .paginate-menu a.inactive {
    opacity: 0.3; }

@media (max-width: 960px) {
  .article-grid article .image .aspectholder {
    height: 26svh;
    min-height: 290px; }
  .article-grid {
    row-gap: 40px; }
  .template__highlights .inner {
    padding-top: 35svh;
    padding-bottom: 100px; } }

@media (max-width: 390px) {
  .article-grid article .image .aspectholder {
    min-height: unset;
    height: 28svh;
    min-height: 235px; } }