.blog-list{display:flex;flex-direction:column;margin-top:2.75rem;position:relative;row-gap:3rem}.blog-list__item._full{grid-column:1/3}.blog-item._full,.blog-item__img{position:relative}.blog-item__img{display:block;height:18.75rem;overflow:hidden}.blog-item__img:before{box-shadow:inset 0 -56px 32px -15px #fff;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:box-shadow var(--blog-img-animation-duration-leave, 1s) ease-in-out;width:100%;z-index:5}.blog-item__img:focus:before,.blog-item__img:hover:before{box-shadow:inset 0 -56px 32px -15px #fff0;transition-duration:var(--blog-img-animation-duration-enter, 5s)}.blog-item__img img{display:block;height:auto;left:0;position:absolute;top:100%;transform:translateY(-18.75rem);transition-duration:var(--blog-img-animation-duration-leave, 1s);transition-property:transform,top;transition-timing-function:ease-in-out;width:100%;z-index:2}.blog-item__img:focus img,.blog-item__img:hover img{top:0;transform:translateY(calc(-100% + 18.75rem));transition-duration:var(--blog-img-animation-duration-enter, 5s)}.blog-item__content{align-items:flex-start;display:flex;flex-direction:column}.blog-item__title{color:#00192b;font-size:2rem;font-weight:500;line-height:1.0699588477;text-decoration:none}.blog-item__date{font-size:.625rem;font-weight:300;line-height:1.2;margin-top:1.2em;text-transform:uppercase}.blog-item__body,.blog-item__date{color:#343847;font-family:Gotham,sans-serif}.blog-item__body{font-size:.875rem;font-weight:500;line-height:1.5555555556;margin-top:1.4444444444em;width:100%}.blog-item__footer{align-items:center;-moz-column-gap:.9375rem;column-gap:.9375rem;display:flex;margin-top:1.125rem}.blog-item__avatar{border-radius:50%;display:block;font-size:3.5625rem;height:1em;line-height:0;overflow:hidden;width:1em}.blog-item__avatar img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.blog-item__user{color:#343847;font-family:Gotham,sans-serif;font-size:.875rem;font-weight:500;line-height:2}@media only screen and (min-width:36em){.blog-item._full,.blog-list{grid-gap:3rem 2.5rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:minmax(18.75rem,1fr) auto}.blog-item._full:before{content:"";display:block}.blog-item__img{left:-.9375rem;position:absolute;right:50%;top:.625rem}}@media only screen and (min-width:62em){.blog-item._full,.blog-list{grid-column-gap:5rem;grid-template-rows:minmax(23.125rem,1fr) auto}.blog-item__img{height:23.125rem}.blog-item__img img{transform:translateY(-23.125rem)}.blog-item__img:focus img,.blog-item__img:hover img{transform:translateY(calc(-100% + 23.125rem))}.blog-item__title{font-size:3.0375rem}.blog-item__body{font-size:1.125rem}}@media only screen and (min-width:70.375em){.blog-item._full,.blog-list{grid-column-gap:11.25rem}.blog-item__img{left:calc(-50vw + 34.25rem);right:calc(50% - 3.125rem)}}
