.filterable-news-container{gap:clamp(32px, 5vw, 80px);display:flex;flex-direction:column}@media (min-width:640px){.filterable-news-archive__header{display:grid;grid-template-columns:40% 1fr;align-items:end;gap:2rem}}.filterable-news-archive__title{font-family:var(--font-sans);font-size:56px;line-height:60px;text-transform:capitalize;background:linear-gradient(90deg,#242424 0%,rgb(77 77 77 / .9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;text-align:center}@media (min-width:640px){.filterable-news-archive__title{text-align:left}}.filterable-news-archive__filter{display:flex;align-items:center;width:100%;position:relative;z-index:10}.filterable-news-archive__filter>div:not(.filter-select){border-radius:99px;background:rgb(255 255 255 / .08);box-shadow:0 4px 24px 0 rgb(0 0 0 / .07);padding:6px;width:100%;gap:6px}.filter-toggle{font-family:var(--font-sans);font-size:16px;font-weight:500;padding:10px 20px;border:none;border-radius:100px;background:#fff0;color:var(--color-graphite);cursor:pointer;transition:all 0.2s ease;flex:1 1 0%;min-width:0;text-align:center}.filter-toggle:hover:not(.is-active):not(:disabled){color:var(--color-electric-purple)}.filter-toggle.is-active{border-radius:100px;background:rgb(236 226 255 / .4);color:var(--color-electric-purple)}.filter-select{font-family:var(--font-sans);font-size:16px;padding:10px 40px 10px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;width:100%}.filter-select:focus{outline:none;border-color:#502E91;box-shadow:0 0 0 3px rgb(80 46 145 / .1)}.filterable-news-archive__grid-wrapper{min-height:400px;position:relative}.filterable-news-archive__grid-wrapper.is-loading{opacity:.5;pointer-events:none}.filterable-news-archive .news-grid{gap:20px;grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.filterable-news-archive .news-card{transition:all 0.3s ease}@media (min-width:1280px){.filterable-news-archive .news-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.filterable-news-archive .news-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.filterable-news-archive .news-grid .news-grid__item.is-featured{grid-column:span 2/span 2}}@media (min-width:1536px){.filterable-news-archive .news-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.filterable-news-archive .news-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.filterable-news-archive .news-grid .news-grid__item.is-featured{grid-column:span 2/span 2}}.filterable-news-archive__empty{padding:3rem 0}.pagination-wrapper{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.pagination-btn{display:inline-flex;align-items:center;gap:.5rem;padding:10px 16px;font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--color-dark-gray);border-radius:8px var(--radius-md,8px) 8px 8px;background:rgb(255 255 255 / .08);box-shadow:0 4px 24px 0 rgb(0 0 0 / .07);border:none;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:.05em}.pagination-btn:hover:not(.is-disabled){background:rgb(255 255 255 / .12)}.pagination-btn.is-disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg{width:20px;height:20px}@media (max-width:639px){.pagination-btn span{display:none}.pagination-btn svg{display:block!important}}.pagination-pages{display:flex;align-items:center;justify-content:center;gap:.25rem}.pagination-page{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:16px;font-weight:500;color:var(--color-dark-gray);background:#fff0;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.pagination-page:hover:not(.is-active){color:var(--color-electric-purple)}.pagination-page.is-active{border-radius:8px var(--radius-md,8px) 8px 8px;background:rgb(255 255 255 / .08);box-shadow:0 4px 24px 0 rgb(0 0 0 / .07);color:var(--color-electric-purple)}.pagination-ellipsis{padding:0 .5rem;color:#6b7280;font-size:16px}@media (max-width:639px){.pagination-pages{max-width:calc(100vw - 200px);overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination-page{min-width:36px;height:36px;font-size:14px}.pagination-btn{padding:8px 12px;font-size:14px}.pagination-btn svg{width:16px;height:16px}}.filterable-news-archive__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.filterable-news-archive__grid-wrapper.is-loading .filterable-news-archive__loading{display:block}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#502E91;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}