.blog__header{height:30rem;background:var(--mid-dark);position:relative}@media (min-width: 768px){.blog__header{height:44rem}}.blog__header h1{margin:0}.blog__header img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog__header .header-title{width:100%;position:absolute;z-index:1;display:flex;justify-content:center;text-align:center;bottom:var(--edge);padding:0 var(--edge)}.blog__header .header-title h1{color:var(--white)}.blog__header.no-image{height:auto;padding:var(--spacing-md) 0}.blog__header.no-image .header-title{position:static}.blog__content{background:var(--off-white);padding:var(--spacing-md) 0}.blog__content .blog-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}@media (min-width: 768px){.blog__content .blog-list{grid-template-columns:1fr 1fr 1fr}}.blog__content .blog-list .article-item{display:flex;align-items:stretch}.blog__pagination{margin-top:var(--spacing-md)}.blog .article-card{width:100%;background:var(--white);border:var(--sand-border);border-radius:1rem;overflow:hidden;display:flex;align-items:stretch;transition:var(--transition-speed)}.blog .article-card a{width:100%;display:flex;flex-direction:column}.blog .article-card__image{width:100%;padding-bottom:65%;position:relative;border-bottom:var(--sand-border);overflow:hidden}.blog .article-card__image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:5s;z-index:2}.blog .article-card__image .image-placeholder{background:var(--sand);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.blog .article-card__image .image-placeholder .wh-icon{width:4rem;opacity:.5}.blog .article-card__content{text-align:center;padding:var(--edge);height:100%;display:flex;align-items:center}.blog .article-card__content a{color:var(--brand-dark)}.blog .article-card__content h4{margin:0;width:100%;color:var(--brand-dark)}@media (min-width: 768px){.blog .article-card:hover{box-shadow:var(--hover-shadow)}.blog .article-card:hover img{transform:scale(1.1)}}