.all-posts-header{padding:max(16px,1.11vw) 0;display:flex}.all-posts-header::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background-color:var(--text-color);opacity:var(--lines-opacity)}.all-posts-header::before,.all-posts-item::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--text-color);opacity:var(--lines-opacity)}.all-posts-header-item{padding:0 max(24px,calc(1.67vw * var(--scale)))}.all-posts-header-item:nth-of-type(1){width:calc(100% / 3)}.all-posts-header-item:nth-of-type(2){width:50%}.all-posts-header-item:nth-of-type(3){width:calc(100% / 6)}.all-posts-item{padding:max(24px,calc(1.67vw * var(--scale))) 0;display:flex;align-items:flex-end;justify-content:space-between}.all-posts-item-title{width:calc(100% * 5 / 6);min-width:calc(100% * 5 / 6)}.all-posts-item-link{margin-left:calc(100% * 2 / 5);padding:0 max(24px,1.67vw);width:fit-content}.all-posts-container h4{line-height:100%;opacity:.4;transition:opacity .2s ease}.all-posts-item-link:hover h4{opacity:1}.all-posts-year{height:100%;position:absolute}.all-posts-year h4{position:sticky;padding:max(24px,1.67vw);top:0}.all-posts-item-image-wrapper{position:absolute;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:-1}.all-posts-item-link:hover .all-posts-item-image-wrapper{opacity:.6}.all-posts-item-image{aspect-ratio:4/5;width:max(170px,calc(11.8vw * var(--scale)));transform:rotateZ(7deg)}.all-posts-item-tags{display:flex;width:100%;padding:0 max(24px,1.67vw);flex-wrap:wrap;font-weight:500}.all-posts-item-tags a,.all-posts-item-tags>span{opacity:.4;transition:opacity .2s ease}.all-posts-item-tags a:hover{opacity:1}@media screen and (max-width:1080px){.all-posts-header-item:nth-of-type(1){width:calc(100% / 4)}.all-posts-header-item:nth-of-type(2){width:calc(100% * 3 / 4)}.all-posts-header-item:nth-of-type(3){display:none}.all-posts-item-title{width:100%;min-width:100%}.all-posts-item-link{margin-left:calc(100% / 4)}.all-posts-item-link:hover h4{opacity:.4}.all-posts-item-tags{display:none}.all-posts-item-link:hover .all-posts-item-image-wrapper{opacity:0}.all-posts-item-image{width:26vw}.all-posts-item.active .all-posts-item-image-wrapper,.all-posts-item.active h4{opacity:1}.all-posts-year h4{position:static}}@media screen and (max-width:767px){.all-posts-header-item{padding:0 16px}.all-posts-item-link{padding:0 16px;width:fit-content}.all-posts-item{padding:16px 0}.all-posts-year h4{padding:16px 18px}}