.blogx__head{width:var(--container);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin:0 auto 48px;display:flex}.blogx__head .head{max-width:640px;margin:0}.blogx__all{color:var(--ink-2);white-space:nowrap}.blogx__all:hover{color:var(--gold-text)}.blogx__all .ico{transition:translate .24s var(--e-out)}.blogx__all:hover .ico{translate:2px -2px}.blogx__list{width:var(--container);border-top:1px solid var(--line-2);margin:0 auto;padding:0;list-style:none}.blogx__item{border-bottom:1px solid var(--line-2);position:relative}.blogx__item:before{content:"";background:var(--gold-2);transform-origin:0;height:1px;transition:transform .4s var(--e-out);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.blogx__item:hover:before,.blogx__item:focus-within:before{transform:scaleX(1)}.blogx__row{color:inherit;outline:none;grid-template-columns:148px minmax(0,1fr) 180px 24px;align-items:baseline;column-gap:clamp(20px,3vw,48px);padding:28px 0 30px;text-decoration:none;display:grid}.blogx__row:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:4px}.blogx__date{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:14px}.blogx__main{gap:8px;display:grid}.blogx__title{letter-spacing:-.015em;color:var(--ink);margin:0;font-size:clamp(20px,1.8vw,24px);font-weight:500;line-height:1.3}.blogx__title span{transition:background-size .45s var(--e-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:2px}.blogx__row:hover .blogx__title span,.blogx__row:focus-visible .blogx__title span{background-size:100% 1px}.blogx__excerpt{max-width:620px;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.blogx__meta{color:var(--ink-2);gap:2px;font-size:14px;display:grid}.blogx__by{color:var(--ink-3);font-size:13px}.blogx__go{color:var(--ink-3);transition:color .24s var(--e-out), translate .24s var(--e-out);justify-self:end}.blogx__row:hover .blogx__go,.blogx__row:focus-visible .blogx__go{color:var(--gold-text);translate:2px -2px}@media (max-width:900px){.blogx__row{grid-template-columns:minmax(0,1fr) 24px;row-gap:10px;padding:24px 0 26px}.blogx__date{grid-area:1/1}.blogx__main{grid-area:2/1/auto/-1}.blogx__meta{grid-area:3/1/auto/-1;gap:12px;display:flex}.blogx__go{grid-area:1/2}}@media (max-width:720px){.blogx__head{margin-bottom:32px}}@media (prefers-reduced-motion:reduce){.blogx__item:before,.blogx__title span,.blogx__go,.blogx__all .ico{transition:none}}