.cases-archive__container{display:flex;flex-direction:column;gap:48px;padding-top:64px;padding-bottom:64px}@media (min-width:768px){.cases-archive__container{gap:64px}}@media (min-width:1920px){.cases-archive__container{gap:96px}}.cases-archive__header{display:flex;flex-direction:column-reverse;gap:8px;width:100%}@media (min-width:1240px){.cases-archive__header{flex-direction:row;align-items:flex-start;gap:32px}}.cases-archive__tabs{display:flex;flex-direction:column;padding:0 32px;width:100%}@media (min-width:768px){.cases-archive__tabs{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px 32px;width:auto}}@media (min-width:1240px){.cases-archive__tabs{flex-wrap:nowrap;flex:1 1 0%;padding:0}}.cases-archive__dropdown{position:relative}.cases-archive__dropdown-summary{display:inline-flex;align-items:center;gap:8px;padding:12px 0;font-family:var(--io-font-body);font-weight:600;font-size:16px;color:var(--io-ink);cursor:pointer;list-style:none;text-transform:capitalize}.cases-archive__dropdown-summary::-webkit-details-marker{display:none}.cases-archive__dropdown-summary .icon{width:24px;height:24px;transition:transform 0.15s ease}.cases-archive__dropdown[open] .cases-archive__dropdown-summary{color:var(--io-primary)}.cases-archive__dropdown[open] .cases-archive__dropdown-summary svg path{stroke:var(--io-primary)}.cases-archive__dropdown[open] .cases-archive__dropdown-summary .icon{transform:rotate(180deg)}.cases-archive__dropdown-panel{position:absolute;z-index:5;top:100%;left:0;margin-top:4px;min-width:260px;max-height:370px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--io-bg);border:1px solid var(--io-border);border-radius:16px;box-shadow:0 16px 32px rgb(20 27 39 / .12)}@media (min-width:1240px){.cases-archive__dropdown-panel{min-width:320px}}.cases-archive__dropdown-option{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--io-body);cursor:pointer}.cases-archive__dropdown-empty{color:var(--io-muted);font-size:14px;margin:0}.cases-archive__search{display:flex;align-items:center;gap:8px;width:100%;min-width:256px;background:var(--io-bg);border:1px solid var(--io-border);border-radius:var(--io-radius-btn);padding:4px}@media (min-width:1240px){.cases-archive__search{max-width:520px}}.cases-archive__search-input{flex:1 1 0%;min-width:0;border:none!important;background:#fff0;padding:8px 12px!important;font-family:var(--io-font-body);font-size:16px;color:var(--io-body)}.cases-archive__search-input:focus{outline:none}.cases-archive__search-input::placeholder{color:var(--io-muted)}.cases-archive__search-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:var(--io-radius-full);background:#fff0;border:none;cursor:pointer;flex-shrink:0}.cases-archive__search-btn .icon{width:24px;height:24px}.cases-archive__grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%}.cases-archive__grid[hidden]{display:none}@media (min-width:768px){.cases-archive__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1240px){.cases-archive__grid{grid-template-columns:repeat(3,1fr)}}.cases-archive__full-case{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:48px;padding:12px;border-radius:var(--io-radius-btn);background:var(--io-surface);color:var(--io-primary-dark);font-family:var(--io-font-body);font-weight:600;font-size:16px}.cases-archive__full-case .icon{width:24px;height:24px}.cases-archive__card--promo{position:relative;overflow:hidden;justify-content:space-between;gap:32px;padding:32px;background:var(--io-brand);border:none;color:#fff}.cases-archive__card--promo .icon{position:absolute;right:-50px;top:45%;transform:translateY(-50%);width:280px;height:120%;opacity:.6;pointer-events:none}.cases-archive__card--promo .icon svg{height:100%;width:100%}.cases-archive__promo-title{position:relative;display:flex;flex-direction:column;gap:32px}.cases-archive__promo-title h2{color:#fff;font-size:32px;max-width:290px}@media (min-width:414px){.cases-archive__promo-title h2{font-size:48px}}@media (min-width:1024px){.cases-archive__promo-title h2{font-size:48px}}.cases-archive__promo-title p{color:var(--io-border-dark);font-family:var(--io-font-body);font-weight:500;font-size:20px}.cases-archive__promo-cta{position:relative}.cases-archive__promo-spiral{position:absolute;top:0;right:0;z-index:-1}.cases-archive__bottom{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column-reverse;gap:16px;width:100%}@media (min-width:768px){.cases-archive__bottom{flex-direction:row}}.cases-archive__bottom[hidden]{display:none}.cases-archive__load-more[hidden]{display:none}.cases-archive__pagination{display:flex;flex-wrap:wrap;align-items:center;gap:0}.cases-archive__pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:12px;border-radius:var(--io-radius-btn);font-family:var(--io-font-body);font-weight:600;font-size:16px;color:var(--io-primary-dark);text-decoration:none}.cases-archive__pagination .page-numbers.current{color:var(--io-muted)}.cases-archive__pagination .page-numbers.dots{color:var(--io-muted)}.cases-archive__pagination .page-numbers.prev,.cases-archive__pagination .page-numbers.next{background:var(--io-primary);color:#fff}.cases-archive__pagination .page-numbers.prev.disabled,.cases-archive__pagination a.page-numbers.prev:not([href]),.cases-archive__pagination .page-numbers.next.disabled{background:#e2e6ec;color:var(--io-muted);pointer-events:none}.cases-archive__pagination .icon{width:24px;height:24px}.cases-archive__grid .cases-archive__card--collapsed{display:none}.cases-archive__pagination button.page-numbers{border:0;background:#fff0;cursor:pointer}.cases-archive__pagination button.page-numbers:disabled{cursor:default}.cases-archive__tabs[hidden],.cases-archive__dropdown[hidden],.cases-archive__dropdown-option[hidden]{display:none}