.page.page--archive .archive-content__desc{max-width:600px;margin:0 auto}.page.page--archive .archive-content__desc p{font-family:Georgia,"Times New Roman",serif;font-size:2rem}.page.page--archive .article{display:block;width:100%;padding:0;margin-bottom:20px;background-color:var(--accent);border-radius:10px;border:1px solid var(--primary)}.page.page--archive .article-link{position:relative}.page.page--archive .article-image{position:relative;width:100%;margin:0}.page.page--archive .article-image .image__container{margin:10px}.page.page--archive .article-image .image__wrapper{position:relative;height:0;padding-bottom:100%;overflow:hidden}.page.page--archive .article-image .image__wrapper img{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.page.page--archive .article-image figcaption{display:none}.page.page--archive .article .headline{font-size:2.2rem;padding:10px 20px;margin:0}.page.page--archive .article-info{display:flex;flex-direction:column-reverse;padding:0 20px 30px}.page.page--archive .article-info__meta{font-size:1rem;margin-top:5px;margin-bottom:0}.page.page--archive .article-info__byline{padding:0}.page.page--archive .article .dek,.page.page--archive .article .rubric{display:none}@media (min-width:768px){.page.page--archive main{padding-bottom:60px}.page.page--archive .articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:25px}.page.page--archive .article{margin:0;transition:width .3s cubic-bezier(.19,1,.22,1),transform .3s cubic-bezier(.19,1,.22,1)}.page.page--archive .article-info{display:none;font-size:1.4rem;background-color:var(--accent)}.page.page--archive .article:hover{transform:scale(1.1);overflow:visible;border:none;z-index:2}.page.page--archive .article:hover .byline,.page.page--archive .article:hover .byline a,.page.page--archive .article:hover .date,.page.page--archive .article:hover .headline{color:#000}.page.page--archive .article:hover>.article-link{border-radius:10px 10px 0 0;border:1px solid var(--primary);border-bottom:none}.page.page--archive .article:hover .article-image,.page.page--archive .article:hover .article-info{box-shadow:1px 1px 30px -5px rgba(0,0,0,.3)}.page.page--archive .article:hover .headline{position:relative;background:var(--accent);z-index:1}.page.page--archive .article:hover .article-info{display:flex;position:relative;color:var(--black,#000);border-radius:0 0 10px 10px;border:1px solid var(--primary);border-top:none}}