.post-thumb{width:100%;display:flex}.post-thumb img{width:100%;height:auto}.post-info{flex-direction:column;gap:clamp(10px,1.042vw,20px);margin-top:clamp(12px,1.25vw,24px);display:flex}.post-info p{box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-date{font-size:clamp(12px,.729vw,14px)}.post-title{box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=1024px){.post-thumb{aspect-ratio:1;max-height:400px}}.blog .container{row-gap:clamp(40px,4.167vw,80px)}.blog .container-categories{margin-top:clamp(20px,1.25vw,24px)}.blog .container-categories .wrapper{gap:clamp(24px,1.875vw,36px)}.blog .container-categories .wrapper-title{color:var(--shades-40);padding:clamp(6px,.417vw,8px) 0}.blog .container-categories .wrapper ul a{padding:clamp(6px,.417vw,8px) clamp(8px,.625vw,12px);display:flex;position:relative}.blog .container-categories .wrapper ul a:after{content:"";inset-inline:clamp(8px,.625vw,12px);background-color:var(--content-content);transform-origin:0;height:1px;transition:transform var(--transition-button);position:absolute;bottom:clamp(4px,.313vw,6px);transform:scaleX(0)}@media (hover:hover){.blog .container-categories .wrapper ul a:hover:after{transform:scaleX(1)}}.blog .container-categories .wrapper ul a.active{pointer-events:none}.blog .container-categories .wrapper ul a.active:after{transform:scaleX(1)}@media (width<=1024px){.blog .container-categories .wrapper-title{display:none}.blog .container-categories ul{scrollbar-width:none;width:100vw;margin-left:-16px;padding-inline:16px;overflow:scroll}.blog .container-categories ul ::-webkit-scrollbar{width:0}.blog .container-categories ul{scroll-snap-type:x mandatory;flex:none;scroll-padding:0 16px}.blog .container-categories ul li{scroll-snap-align:start;flex:none}}.blog .container-posts{--cols:3;row-gap:clamp(32px,3.333vw,64px)}@media (width<=1024px){.blog .container-posts{--cols:2}}@media (width<=600px){.blog .container-posts{--cols:1}}.blog .container-pagination{transition:opacity var(--transition);gap:clamp(20px,4.167vw,80px)}.blog .container-pagination.loading{opacity:0;pointer-events:none}.blog .container-pagination.hidden{display:none}.blog .container-pagination a{aspect-ratio:1;width:clamp(30px,2.5vw,48px);transition:var(--transition);border:1px solid #0000;border-radius:2px;flex:none;justify-content:center;align-items:center;display:flex}.blog .container-pagination a.active{background:var(--content-content);border-color:var(--content-content);color:var(--content-inverted-content);pointer-events:none}.blog .container-pagination a:disabled{opacity:.24;pointer-events:none}@media (hover:hover){.blog .container-pagination a:hover{border-color:var(--content-content)}}.blog .container-pagination .ellipsis{aspect-ratio:1;background:url(../img/icons/dots.svg) 50%/clamp(20px,1.25vw,24px) no-repeat;width:clamp(30px,2.5vw,48px)}.blog .container-pagination .page{background:url(../img/icons/arrow.svg) 50%/clamp(20px,1.25vw,24px) no-repeat}.blog .container-pagination .page-prev{transform:rotate(180deg)}.blog .container-pagination .page-numbers{align-items:center;gap:clamp(4px,.417vw,8px);display:flex}.blog .container .post-item *{transition:var(--transition)}.blog .container.loading .post-item{pointer-events:none}.blog .container.loading .post-thumb,.blog .container.loading .post-info>*{background:var(--shades-8);color:#0000}.blog .container.loading .post-thumb img,.blog .container.loading .post-info>* img{opacity:0}