:root{--cases-title-size:6.4rem;--case-title-size:2.7rem;--case-card-height:53rem;--case-tablet-size:40.5rem}
.b-cases-section{position:relative;padding:var(--space-25) 0 var(--space-75)}.b-cases-section::before{content:'';position:absolute;z-index:-1;right:-24rem;top:3rem;width:65rem;height:24rem;border:var(--thin) solid var(--purple);border-radius:50%;box-shadow:0 0 3rem rgba(87,191,156,.12);pointer-events:none}.b-cases-section>.container{width:135rem}.b-cases-section__breadcrumb{display:flex;gap:var(--space-10);margin-bottom:var(--space-30);color:var(--muted);font-size:var(--font-size-16)}.b-cases-section__breadcrumb a:hover{color:var(--accent)}.b-catalog__header .b-title{font-size:var(--cases-title-size)}.b-catalog__header .b-text{margin-bottom:var(--space-35);color:var(--muted);font-size:var(--font-size-24)}.b-catalog__filters{margin-bottom:var(--space-45)}.b-filter{padding:0;margin:0;border:0}.b-filter__list{display:flex;flex-wrap:wrap;gap:var(--space-20)}.b-radio{position:relative;cursor:pointer}.b-radio input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.b-radio>span{display:flex;align-items:center;justify-content:center;min-height:5.8rem;padding:var(--space-15) var(--space-30);border:var(--thin) solid var(--border-color);border-radius:var(--radius-30);background:var(--surface);font-size:var(--font-size-20);font-weight:700;transition:background .2s,border-color .2s}.b-radio input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--white)}.b-radio input:focus-visible+span{outline:.3rem solid var(--accent);outline-offset:.4rem}.b-catalog__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-30)}.b-case-card{position:relative;display:block;isolation:isolate;overflow:hidden;min-width:0;min-height:var(--case-card-height);padding:var(--space-30);border:var(--thin) solid var(--border-color);border-radius:var(--radius-30);background:linear-gradient(120deg,var(--surface),var(--ui-paper));transition:border-color .2s,box-shadow .2s}.b-case-card[hidden]{display:none}.b-case-card:hover{border-color:var(--purple);box-shadow:0 0 3rem rgba(87,191,156,.17)}.b-case-card h2{font-size:var(--case-title-size);font-weight:800;min-height:7rem;margin-bottom:var(--space-20);line-height:1.2}.b-case-card__tags{display:flex;gap:var(--space-15);font-size:var(--font-size-17)}.b-case-card__tags span{padding:.5rem var(--space-25);border:var(--thin) solid var(--line);border-radius:var(--radius-24);background:var(--glass)}.b-case-card__arrow{position:absolute;right:var(--space-25);bottom:var(--space-25);z-index:2;display:grid;place-items:center;width:6.2rem;height:6.2rem;border-radius:50%;background:var(--accent);color:var(--white);font-size:var(--font-size-30);transition:transform .2s}.b-case-card:hover .b-case-card__arrow{transform:translateX(.3rem)}.b-tablet{position:absolute;left:50%;top:15rem;width:var(--case-tablet-size);aspect-ratio:1;transform:translateX(-50%);overflow:hidden;pointer-events:none}.b-tablet__screen{position:absolute;top:0;left:0;transform-origin:0 0;overflow:hidden;background:var(--white);border-radius:.8rem;backface-visibility:hidden}.b-tablet__screen>img{width:100%;height:100%;object-fit:cover}.b-tablet__frame{position:absolute;left:0;top:0;width:300%;max-width:none;height:100%}.b-catalog__empty{text-align:center;padding:var(--space-75) var(--space-30);border:var(--thin) solid var(--line);border-radius:var(--radius-30);background:var(--surface)}.b-catalog__empty[hidden]{display:none}.b-catalog__empty h2{font-size:var(--font-size-30);margin-bottom:var(--space-20)}.b-catalog__empty p{margin-bottom:var(--space-30);color:var(--muted)}.b-cases-section__sr{position:absolute;width:var(--thin);height:var(--thin);padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.b-stage{min-height:0}
@media(max-width:991px){.b-catalog__list{grid-template-columns:repeat(2,minmax(0,1fr))}.b-catalog__header .b-title{font-size:var(--font-size-49)}.b-case-card{--case-tablet-size:100%;--case-card-height:56rem}.b-cases-section::before{opacity:.5}.b-catalog__header .b-text br{display:none}}
@media(max-width:767px){.b-cases-section>.container{max-width:calc(100% - 6rem)}.b-case-card{padding:var(--space-20)}.b-case-card h2{font-size:var(--font-size-24)}.b-case-card__tags{font-size:var(--font-size-16);gap:var(--space-5)}.b-case-card__tags span{padding:.5rem var(--space-15)}.b-filter__list{gap:var(--space-10)}.b-radio>span{font-size:var(--font-size-18);padding:var(--space-10) var(--space-20)}.b-case-card{--case-card-height:52rem}}
@media(max-width:479px){.b-cases-section>.container{max-width:calc(100% - 3rem)}.b-catalog__list{grid-template-columns:1fr;gap:var(--space-20)}.b-catalog__header .b-title{font-size:3.4rem}.b-catalog__header .b-text{font-size:var(--font-size-18)}.b-case-card{--case-card-height:39rem}.b-tablet{top:11rem}.b-case-card h2{min-height:5.5rem;font-size:var(--font-size-22);margin-bottom:var(--space-15)}.b-case-card__arrow{width:4.5rem;height:4.5rem;right:var(--space-15);bottom:var(--space-15)}.b-case-card__tags{font-size:1.3rem}.b-catalog__filters{margin-bottom:var(--space-30)}.b-radio>span{font-size:1.3rem;min-height:3.8rem;padding:var(--space-10) var(--space-15)}}
@media(prefers-reduced-motion:reduce){.b-case-card,.b-case-card__arrow,.b-radio>span{transition:none}}