.blog-list__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:var(--space-900);align-items:start}.blog-list__media{position:sticky;top:var(--space-700);align-self:start}.blog-list__media-frame{position:relative;aspect-ratio:1 / 1;width:70%;border-radius:.25rem;overflow:hidden;background:var(--gray-700)}.blog-list__media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .4s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.blog-list__media-img.is-active{opacity:1;transform:scale(1)}.blog-list__content{min-width:0}.blog-list__label{color:var(--text-muted);margin:0 0 var(--space-500)}.blog-list__heading{color:var(--text-primary);max-width:40ch;margin:0 0 var(--space-800)}.blog-list__empty{color:var(--text-muted);padding-block:var(--space-800)}.blog-list__rows{list-style:none;margin:0;padding:0}.blog-list__row{display:grid;grid-template-columns:6rem 1fr;gap:var(--space-500);align-items:start;text-decoration:none;color:inherit;padding-block:var(--space-500);transition:transform .35s var(--ease-out-expo)}.blog-list__date{color:var(--text-muted);padding-top:.35rem;transition:color .25s ease}.blog-list__row-body{min-width:0;padding-bottom:var(--space-400);border-bottom:1px solid var(--color-white);transition:border-color .25s ease}.blog-list__title{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-300);color:var(--text-primary);margin:0 0 var(--space-200)}.blog-list__title-text{min-width:0}.blog-list__title-bar{position:absolute;left:calc(-1 * var(--bar-offset, var(--space-400)));top:.15em;bottom:.15em;width:3px;border-radius:2px;background:var( --accent, var(--color-red) );transform:scaleY(0);transform-origin:50% 0;opacity:0;transition:transform .35s var(--ease-out-expo),opacity .25s ease}.blog-list__title-arrow{flex:none;display:inline-flex;color:var(--text-muted);transition:transform .3s var(--ease-out-expo),color .3s var(--ease-out-expo)}.blog-list__title-arrow svg{width:.85em;height:.85em;display:block}.blog-list__desc{color:var(--text-secondary);max-width:52ch;margin:0}.blog-list__row-thumb{display:none;width:100%;object-fit:cover;border-radius:.25rem;background:var(--gray-700)}@media(hover:hover){.blog-list__row:hover,.blog-list__row:focus-visible{transform:translate(var(--space-300))}.blog-list__row:hover .blog-list__row-body,.blog-list__row:focus-visible .blog-list__row-body{border-color:var( --accent, var(--color-red) )}.blog-list__row:hover .blog-list__date,.blog-list__row:focus-visible .blog-list__date{color:var(--text-primary)}.blog-list__row:hover .blog-list__title-bar,.blog-list__row:focus-visible .blog-list__title-bar{transform:scaleY(1);opacity:1}.blog-list__row:hover .blog-list__title-arrow,.blog-list__row:focus-visible .blog-list__title-arrow{color:var( --accent, var(--color-red) );transform:translate(.3rem,-.3rem)}}.blog-list__item{position:relative}.blog-list__reveal{position:absolute;inset:0;z-index:3;pointer-events:none;background:var( --accent, var(--color-red) );transform:scaleY(0);transform-origin:50% 100%}.blog-list__item.is-covered .blog-list__reveal{transform:scaleY(1)}.blog-list__item.is-covered.is-revealed .blog-list__reveal{transform:scaleY(0);transition:transform .72s var(--ease-out-expo) var(--reveal-delay, 0s)}.blog-list__media-frame{opacity:0;transform:translateY(1.5rem);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}.blog-list.is-revealed .blog-list__media-frame{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.blog-list__media-frame{opacity:1;transform:none;transition:none}.blog-list__reveal{display:none}.blog-list__title-bar,.blog-list__title-arrow{transition:none}}@media(max-width:1024px){.blog-list__inner{grid-template-columns:1fr;gap:var(--space-700)}.blog-list__media{display:none}.blog-list__row{position:relative;grid-template-columns:minmax(0,30%) minmax(0,1fr);grid-template-areas:"thumb date" "thumb body";grid-template-rows:auto 1fr;align-items:start;column-gap:var(--space-500);row-gap:var(--space-300)}.blog-list__row-thumb{display:block;grid-area:thumb;position:absolute;inset:0;height:100%}.blog-list__date{grid-area:date;padding-top:0}.blog-list__row-body{grid-area:body}}@media(max-width:640px){.blog-list__row{grid-template-columns:minmax(0,36%) minmax(0,1fr);column-gap:var(--space-400);row-gap:var(--space-200);--bar-offset: var(--space-300)}}@media(max-width:520px){.blog-list__row{grid-template-columns:minmax(0,1fr);grid-template-areas:"thumb" "date" "body";grid-template-rows:auto auto 1fr;column-gap:0;--bar-offset: var(--space-200)}.blog-list__row-thumb{position:static;height:auto;aspect-ratio:16 / 9}}