.blog-main>.container{display:flex;flex-direction:column;align-items:center;padding-right:20px;padding-left:20px;padding-top:var(--padding-y-20-120);padding-bottom:var(--padding-y-20-120)}.blog-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-top:clamp(20px,4.5vw,40px);gap:clamp(20px,4.5vw,40px);width:100%;max-width:1920px}@media all and (max-width:1199px){.blog-head{flex-direction:column}}.blog-head h1{color:var(--gray-900);font-weight:400;font-size:var(--font-size-56)}.blog-nav ul{display:flex;gap:8px;padding:0}@media all and (min-width:1200px){.blog-nav{max-width:70%}.blog-nav ul{justify-content:flex-end;flex-wrap:wrap}}@media (max-width:1199px){.blog-nav{position:relative;width:100%;min-width:0}.blog-nav::before,.blog-nav::after{content:"";position:absolute;z-index:1;top:0;bottom:0;width:24px;opacity:0;pointer-events:none;transition:opacity var(--transition-duration-base) var(--transition-timing-function)}.blog-nav::before{left:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.blog-nav::after{right:0;background:linear-gradient(to left,#fff,rgba(255,255,255,0))}.blog-nav.can-scroll-left::before,.blog-nav.can-scroll-right::after{opacity:1}.blog-nav ul{width:100%;margin:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.blog-nav li{flex:0 0 auto}.blog-nav a{white-space:nowrap}.blog-nav ul::-webkit-scrollbar{display:none}}.blog-nav a{background-color:var(--gray-200);padding:8px 16px;border-radius:99px;color:var(--gray-900);font-weight:400;font-size:14px;display:inline-block;transition:background-color var(--transition-duration-base) var(--transition-timing-function) , color var(--transition-duration-base) var(--transition-timing-function)}.blog-nav a.filter-link.is-active{background-color:var(--gray-900);color:#fff}.posts-grid{z-index:2;background-color:#fff;width:100%;max-width:1920px;padding-top:var(--padding-y-60-100);padding-bottom:var(--padding-y-20-60);display:grid;gap:clamp(40px,4.167vw + 20px,120px) clamp(20px,2.083vw + 10px,60px)}@media all and (max-width:767px){.posts-grid{grid-template-columns:1fr}}@media all and (min-width:768px) and (max-width:991px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media all and (min-width:992px) and (max-width:1399px){.posts-grid{grid-template-columns:repeat(3,1fr)}}@media all and (min-width:1400px){.posts-grid{grid-template-columns:repeat(4,1fr)}}.post-card .post-card-inner{height:100%;display:flex;flex-direction:column}.post-card .post-card-link{display:flex;flex-direction:column;gap:clamp(40px,4.5vw,60px);padding-bottom:clamp(40px,4.5vw,60px);overflow:hidden}.post-card .img-container{border-radius:10px;aspect-ratio:3/2;flex-shrink:0;overflow:hidden}.post-card img{width:100%;height:100%;border-radius:10px;object-fit:cover;display:block;transition:transform var(--transition-duration-base) var(--transition-timing-function)}.post-card .post-title{color:var(--gray-900);font-weight:400;font-size:var(--wp--preset--font-size--x-large);margin-top:0;position:relative;padding:0;transition:padding var(--transition-duration-base) var(--transition-timing-function)}.post-card .post-title:before{content:"";background-image:url(../assets/svg/arrow-icon.svg);background-size:contain;width:30px;height:30px;position:absolute;top:6px;left:-30px;opacity:0;transform:scale(.1);transition:transform var(--transition-duration-base) var(--transition-timing-function) , opacity var(--transition-duration-base) var(--transition-timing-function)}.post-card .post-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.post-card .reading-time{color:var(--gray-900);font-weight:300;font-size:var(--wp--preset--font-size--medium);flex-shrink:0}.post-card .post-categories{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:8px;min-width:0}.post-card .post-category{background-color:var(--gray-200);padding:8px 16px;border-radius:99px;color:var(--gray-900);font-weight:400;font-size:13px;transition:background-color var(--transition-duration-base) var(--transition-timing-function) , color var(--transition-duration-base) var(--transition-timing-function)}@media (hover:hover) and (pointer:fine){.blog-nav a:hover,.post-card .post-category:hover{background-color:var(--gray-900);color:#fff}.post-card .post-card-link:hover img{transform:scale(1.02)}.post-card .post-card-link:hover .post-title{padding-left:40px}.post-card .post-card-link:hover .post-title:before{transform:translateX(30px) scale(1);opacity:1}}@media (hover:none),(pointer:coarse){.blog-nav a:active,.post-card .post-category:active{background-color:var(--gray-900);color:#fff}}