.article{display:block;max-width:570px;width:100%}.article__header{display:block;margin-bottom:1em;position:relative;vertical-align:bottom;width:100%}.article__image{display:block;height:400px;max-height:400px;object-fit:cover;width:100%}.article__overlay{bottom:-.5em;max-width:65%;padding:0 2em;position:absolute;transition:all .4s ease-in-out}.article__title-container{background:var(--wp--preset--color--lightgrey);max-width:100%;padding:.5em 1em;width:max-content}.article__title{color:var(--wp--preset--color--text-darker);font-size:var(--wp--preset--font-size--25);letter-spacing:2px;line-height:1.2;text-transform:uppercase}.article__link{display:inline-block;height:0;margin-top:1em;overflow:hidden;transform:scaleY(0);transform-origin:bottom center;transition:all .35s ease-in-out}.article:focus-within .article__link,.article:hover .article__link{height:40px;transform:scaleX(1)}@media(width < 1024px){.article__link{height:40px;transform:scaleX(1)}}.article__content{padding:0 3em;position:relative;z-index:2}.article__date{color:var(--wp--preset--color--text-dark);display:inline-block;font-size:.875rem;margin-bottom:1em;opacity:.55}.article__excerpt{color:var(--wp--preset--color--text-grey);font-size:.9375rem;line-height:1.4666;max-width:50ch}
