.archive .main { 
    padding-top: calc(0.8rem - 2px);
}
.archiveMenuIsOpen .main {
    padding-top: calc(var(--archive-header-h) - 0.8rem);
}

.archive-header {
    position: fixed;
    left: 0;
    top: var(--header-h);
    width: calc(100vw - var(--x-l));
    margin: 0 var(--x-m);
    background-color: var(--color-bg-1);
    z-index: 1;
    font-size: 0.8rem;
}
.archive-header__top {
    display: flex;
    justify-content: space-between;
    margin: var(--x-xs) 0;
}
.archive-header__menu {
    height: 0px;
    transition: 0.5s ease;
    overflow: hidden;  
    border-bottom: var(--border);
}

.archiveMenuIsOpen .archive-header__menu {
    height: var(--archive-menu-h);
}

.archive-header__menu-inner {
    padding-top: var(--x-s);
    padding-bottom: var(--x-m);
    /* display: grid;
    grid-template-columns: repeat(12, 1fr); */
}
/* @media only screen and (max-width: 1280px) {
    .archive-header__menu-inner {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media only screen and (max-width: 640px) {
    .archive-header__menu-inner {
        grid-template-columns: repeat(2, 1fr);
    }
} */
 
.archive__menu__filter__group,
.archive__menu__sort__buttons,
.archive__menu__view__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--x-xs);
}


.archive__menu__filter--categories .button {
    text-transform: lowercase;
}


.archive-items {
    margin: var(--x-s) 0;
}
.archive-item__inner {
    display: flex;
    flex-direction: column;
    gap: var(--x-xs);
    border-top: var(--border);
}

.archive-items--list .entry-item__inner {
    display: grid;
    column-gap: var(--x-m);
    grid-template-columns: repeat(12, 1fr);
}
.archive-items--list .entry-item__heading {
    grid-column-end: span 6;
}
.archive-items--list .entry-item__cover {
    display: none;
}

.archive-items--list .entry-item__meta {
    grid-column-end: span 4;
}

.archive-items--list .entry-item__date {
    text-align: right;
    grid-column-end: span 2;
}

.archive-items--grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: var(--x-m);
    row-gap: var(--x-m);
}
@media only screen and (max-width: 1280px) {
    .archive-items--grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .archive-items--list .entry-item__heading {
        grid-column-end: span 12;
    }

    .archive-items--list .entry-item__meta {
        grid-column-end: span 8;
    }

    .archive-items--list .entry-item__date {
        grid-column-end: span 4;
    }
}
@media only screen and (max-width: 640px) {
    .archive-items--grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .archive-items--list .entry-item__meta {
        display: none;
    }

    .archive-items--list .entry-item__date {
        grid-column-end: span 12;
        text-align: left;
    }
}
.archive-items--grid .archive-item__inner {
    position: sticky;
    top: calc(var(--header-h) + var(--archive-header-h) - 1px);
    border-top: var(--border);
}
.archiveMenuIsOpen .archive-items--grid .archive-item__inner {
    top: calc(var(--header-h) + var(--archive-header-h) - 1px);
}

.results-count {
    display: flex;
    justify-content: end;
}

.entry-item__cover {
  position: relative;
  /* background-color: #f0f0f0; */
  overflow: hidden;
}

.entry-item__cover img {
  opacity: 0;
  transition: opacity 1s ease;
  width: 100%;
  height: auto;
}

.entry-item__cover img.loaded {
  opacity: 1;
}