.case-page{background-color:#fdf9f5;position:relative;overflow:hidden}.case-hero{position:relative}.case-hero:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#7c1a7017 7px,#0000 7.5px);background-size:36px 36px;width:min(46vw,720px);height:560px;position:absolute;top:0;right:0;-webkit-mask-image:radial-gradient(100% 100% at 100% 30%,#000 0%,#0006 45%,#0000 75%);mask-image:radial-gradient(100% 100% at 100% 30%,#000 0%,#0006 45%,#0000 75%)}.case-hero__inner{width:100%;margin-inline:auto;padding-inline:1rem}@media (min-width:64rem){.case-hero__inner{max-width:min(1420px,100% + -22.66vw + 14.5024rem)}}.case-hero__inner{z-index:1;padding-top:24px;position:relative}@media (min-width:1400px){.case-hero__inner{padding-inline:0}}.case-hero__title{color:#0000;letter-spacing:-.04em;background-image:linear-gradient(90deg,#2e1752 0%,#7f0d6c 100%);-webkit-background-clip:text;background-clip:text;width:fit-content;margin-top:40px;padding-bottom:.08em;font-size:24px;font-weight:400;line-height:1.1}@media (min-width:64rem){.case-hero__title{font-size:60px}}@media (min-width:1400px){.case-hero__title{margin-top:56px}}@media (min-width:1900px){.case-hero__title{font-size:64px}}.case-hero__description{color:#000;max-width:800px;margin-top:16px;font-size:14px;line-height:1.9}@media (min-width:64rem){.case-hero__description{font-size:18px;line-height:35px}}.case-filters{margin-top:36px}@media (min-width:1400px){.case-filters{margin-top:64px}}.case-filters__list{flex-wrap:wrap;gap:10px 8px;display:flex}@media (max-width:63.9375rem){.case-filters__list{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-inline:-1rem;padding-inline:1rem;scroll-padding-inline:1rem;overflow-x:auto}.case-filters__list::-webkit-scrollbar{display:none}.case-filters__list>li{flex-shrink:0}}@media (min-width:64rem){.case-filters__list{gap:18px 8px}}.case-filters__chip{white-space:nowrap;color:#2e1752;border:1px solid #bdaccc;border-radius:4px;align-items:center;height:35px;padding-inline:16px;font-size:14px;line-height:1;transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (min-width:64rem){.case-filters__chip{padding-inline:23px}}.case-filters__chip:hover{color:#7c1a70;border-color:#7c1a70}.case-filters__chip--active,.case-filters__chip--active:hover{color:#fff;background-image:linear-gradient(90deg,#2e1752 0%,#7f0d6c 100%);border-color:#0000;font-weight:600}.case-list{padding-block:40px 72px}@media (min-width:1400px){.case-list{padding-block:72px 120px}}.case-list__inner{width:100%;margin-inline:auto;padding-inline:1rem}@media (min-width:64rem){.case-list__inner{max-width:min(1420px,100% + -22.66vw + 14.5024rem)}}@media (min-width:1400px){.case-list__inner{padding-inline:0}}.case-list__grid{gap:20px;display:grid}@media (min-width:64rem){.case-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.case-list__grid>li{grid-row:span 5;grid-template-rows:subgrid;row-gap:0;display:grid}.case-list__empty{text-align:center;color:#4b4654;padding-block:48px;font-size:16px}.case-list__more{flex-direction:column;align-items:center;gap:12px;margin-top:48px;display:flex}@media (min-width:1400px){.case-list__more{margin-top:72px}}.case-list__button{color:#fff;background-image:linear-gradient(90deg,#2e1752 0%,#7f0d6c 100%);border-radius:4px;min-width:128px;height:38px;padding-inline:20px;font-size:16px;font-weight:600;transition:opacity .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.case-list__button:hover{box-shadow:0 12px 24px -12px #2e175299}.case-list__button:disabled{cursor:progress;opacity:.75}.case-list__error{color:#4b4654;font-size:14px}.case-card{grid-row:span 5;grid-template-rows:subgrid;background-color:#f4efeb;border-radius:10px;row-gap:0;width:100%;padding:12px;display:grid;position:relative}@media (min-width:64rem){.case-card{padding:16px 16px 40px}}.case-card__link{transition:color .2s cubic-bezier(.4,0,.2,1)}.case-card__link:after{content:"";z-index:1;position:absolute;inset:0}.case-card__link:hover{color:#7c1a70}.case-card__media{aspect-ratio:666/288;background-image:linear-gradient(120deg,#2e1752 0%,#7f0d6c 100%);border-radius:8px;position:relative;overflow:hidden}.case-card__image{object-fit:cover;object-position:right center}.case-card__body{grid-row:span 4;grid-template-rows:subgrid;row-gap:0;padding:20px 8px 8px;display:grid}@media (min-width:64rem){.case-card__body{padding:28px 24px 0}}.case-card__title{letter-spacing:-.02em;color:#2e1752;font-size:20px;font-weight:400;line-height:1.3}@media (min-width:64rem){.case-card__title{font-size:30px}}.case-card__summary{color:#000;margin-top:8px;font-size:15px;line-height:1.5}@media (min-width:64rem){.case-card__summary{font-size:16px;line-height:24px}}.case-card__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}@media (min-width:64rem){.case-card__metrics{grid-template-columns:repeat(3,minmax(0,185px));gap:10px;margin-top:20px}}.case-card__metric{background-color:#fff;border-radius:8px;flex-direction:column;gap:6px;padding:14px 12px;display:flex}@media (min-width:64rem){.case-card__metric{padding:16px 20px 18px}}.case-card__metric-value{letter-spacing:-.02em;color:#2e1752;font-size:22px;line-height:1.1}@media (min-width:64rem){.case-card__metric-value{font-size:28px}}.case-card__metric-label{color:#000;font-size:13px;line-height:1.3}@media (min-width:64rem){.case-card__metric-label{font-size:16px;line-height:20px}}.case-card__meta{gap:14px;margin-top:24px;display:grid}.case-card__row{flex-direction:column;gap:8px;display:flex}@media (min-width:40rem){.case-card__row{flex-direction:row;align-items:flex-start;gap:0}}.case-card__row-label{color:#0000;background-image:linear-gradient(90deg,#2e1752 0%,#7f0d6c 100%);-webkit-background-clip:text;background-clip:text;flex-shrink:0;width:fit-content;font-size:15px;font-weight:600;line-height:36px}@media (min-width:40rem){.case-card__row-label{width:104px}}@media (min-width:64rem){.case-card__row-label{font-size:16px}}.case-card__tags{flex-wrap:wrap;gap:8px 10px;display:flex}.case-card__tag{color:#333;border:1px solid #bdaccc;border-radius:4px;align-items:center;min-height:36px;padding:6px 14px;font-size:14px;line-height:1.3;display:inline-flex}@media (min-width:64rem){.case-card__tag{font-size:15px}}
