@media screen and (min-width:1024px){.cs.csx-page{--cs-hero-pad-top: 64px;--cs-hero-pad-bottom: 64px;--cs-hero-crumb-gap: 40px;--cs-hero-dek-gap: 20px;--cs-hero-slot-gap: 40px;--cs-cta-pad: 120px}.cs.csx-page--index{--cs-cta-title-max: 690px}.cs.csx-page--detail{--cs-cta-title-max: 640px}}@media screen and (max-width:719px){.cs.csx-page{--cs-cta-actions-gap: 24px}}.csx-page .cs-story:hover .cs-story__title{color:var(--cs-coral)}.csx-page .cs-story__title{transition:color var(--cs-fast) var(--cs-ease)}.csx-chips{position:sticky;top:72px;z-index:5;padding-block:16px;background:var(--cs-white);border-bottom:1px solid var(--cs-hairline)}@media screen and (min-width:1024px){.csx-chips{padding-block:24px}}@media screen and (max-width:1079px){.csx-chips{top:60px}}@media screen and (max-width:1023px){.csx-chips{position:static}.csx-page--index .cs-hero .cs-pills__list,.csx-chips .cs-pills__list{margin-right:calc(-4px - var(--cs-gutter));padding-right:calc(4px + var(--cs-gutter));scroll-snap-type:x proximity}}.csx-results{padding-block:40px 64px}.csx-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px var(--cs-col-gap)}.csx-grid>.cs-story--featured{grid-column:1 / -1}@media screen and (max-width:719px){.csx-grid>.cs-story--featured{margin-block:20px}.csx-grid>.cs-story--featured:first-child{margin-top:0}.csx-grid>.cs-story:not(.cs-story--featured){--cs-story-tags-gap: 6px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px}.csx-grid>.cs-story:not(.cs-story--featured) .cs-story__media{aspect-ratio:4 / 3;border-radius:var(--cs-radius-sm)}.csx-grid>.cs-story:not(.cs-story--featured) .cs-tag:not(:first-child),.csx-grid>.cs-story:not(.cs-story--featured) .cs-story__dek,.csx-grid>.cs-story:not(.cs-story--featured) .cs-story__more{display:none}.csx-grid>.cs-story:not(.cs-story--featured) .cs-story__title{font-size:16px;line-height:1.3}}@media screen and (min-width:720px){.csx-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:80px}}@media screen and (min-width:1024px){.csx-results{padding-block:80px 120px}}.csx-grid .cs-story__figure{display:none}.csx-more{display:grid;justify-items:center;gap:16px;margin-top:40px}.csx-more[hidden]{display:none}.csx-more__count{font-size:var(--cs-small);color:var(--cs-muted)}.csx-progress{width:240px;max-width:100%;height:2px;background:var(--cs-hairline);overflow:hidden}.csx-progress__bar{display:block;height:100%;width:calc(var(--csx-progress, 1) * 100%);background:var(--cs-ink);transition:width var(--cs-base) var(--cs-ease)}@media screen and (max-width:719px){.csx-more .cs-btn{width:100%}.csx-progress{display:none}}@media screen and (min-width:1024px){.csx-more{margin-top:80px}}.csx-empty{display:grid;gap:24px}.csx-empty__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.csx-empty__active{display:contents}.csx-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:var(--cs-radius-pill);background:var(--cs-ink);color:var(--cs-white);font-size:var(--cs-small);font-weight:500}.cs .csx-empty__clear{font-size:var(--cs-small);font-weight:500;color:var(--cs-ink);text-decoration:underline;text-underline-offset:3px}.csx-empty__box{display:grid;justify-items:center;gap:16px;padding:48px 24px;border-radius:var(--cs-radius);background:var(--cs-surface);text-align:center}.csx-empty__title{font-size:var(--cs-h3);font-weight:600;line-height:1.3}.csx-empty__body{max-width:420px;font-size:15px;color:var(--cs-body)}.csx-hero{position:relative;background:var(--cs-charcoal);color:var(--cs-on-dark)}.csx-hero__media{position:relative;aspect-ratio:3 / 2;overflow:hidden}.csx-hero__inner{display:grid;gap:16px;padding-block:28px 40px}.csx-hero__row,.csx-hero__copy{display:grid;gap:16px}.csx-hero__title{font-size:var(--cs-h1);font-weight:700;line-height:1.1;letter-spacing:var(--cs-h1-ls, 0);color:var(--cs-on-dark)}.csx-hero__dek{font-size:var(--cs-dek-size);line-height:1.6;color:var(--cs-on-dark-body)}.csx-highlight{display:grid;gap:8px;padding-top:20px;border-top:1px solid var(--cs-dark-line)}.csx-highlight__value{font-size:40px;font-weight:700;line-height:1.1;color:var(--cs-coral)}.csx-highlight__label{font-size:16px;line-height:1.5;color:var(--cs-on-dark)}@media screen and (max-width:719px){.csx-hero .cs-breadcrumb__item:first-child,.csx-hero .cs-breadcrumb__item:last-child:not(:nth-child(2)){display:none}.csx-hero .cs-breadcrumb__item:nth-child(2):before{display:none}}@media screen and (min-width:1024px){.csx-hero--image{display:flex;min-height:640px}.csx-hero--image .csx-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.csx-hero--image .csx-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,#1c1c1ccc 100%),linear-gradient(90deg,#1c1c1cf0,#1c1c1ca0 55%,#1c1c1c10),linear-gradient(#1c1c1c66,#1c1c1c66)}.csx-hero__inner{position:relative;align-content:space-between;gap:40px;padding-block:40px 72px}.csx-hero:not(.csx-hero--image) .csx-hero__inner{padding-block:40px 96px}.csx-hero__row{grid-template-columns:minmax(0,690px) minmax(0,384px);justify-content:space-between;align-items:end;gap:var(--cs-col-gap)}.csx-hero__row--solo{grid-template-columns:minmax(0,792px)}.csx-hero__copy{gap:20px}.csx-highlight{padding:4px 0 4px 32px;border-top:0;border-left:1px solid #ffffff40}.csx-highlight__value{font-size:56px}.csx-highlight__label{font-size:18px}}.csx-story{--cs-head-space: 32px;padding-bottom:64px}.csx-steps{display:grid}.csx-step{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px}.csx-step__rail{display:flex;flex-direction:column;align-items:center}.csx-step:not(:last-child) .csx-step__rail:after{content:"";flex:1;width:1px;background:var(--cs-hairline)}.csx-step__node{display:grid;flex:none;place-items:center;width:40px;height:40px;border:1px solid var(--cs-hairline);border-radius:50%;background:var(--cs-white)}.csx-step--result .csx-step__node{border:2px solid var(--cs-coral)}.csx-step__node img{width:20px;height:auto}.csx-step__content{display:grid;align-content:start;gap:16px;padding:8px 0 40px;min-width:0}.csx-step:last-child .csx-step__content{padding-bottom:0}.csx-step__title{font-size:var(--cs-h3);font-weight:600;line-height:1.3}.csx-step__media{aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--cs-radius);background:var(--cs-surface)}.csx-step__body{font-size:var(--cs-body-size);line-height:1.6;color:var(--cs-body)}.csx-step__body :where(p,ul,ol)+:where(p,ul,ol){margin-top:1em}.csx-step__body :where(ul){list-style:disc;padding-left:1.25em}.csx-step__body :where(ol){list-style:decimal;padding-left:1.25em}.csx-step__body a{color:var(--cs-coral);text-decoration:underline}.csx-story__fallback{max-width:792px}@media screen and (min-width:720px){.csx-step__media{height:auto;aspect-ratio:3 / 2}}@media screen and (min-width:1024px){.csx-step__media{aspect-ratio:1 / 1}}@media screen and (min-width:1024px){.csx-story{--cs-head-space: 56px;padding-bottom:96px}.csx-steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--cs-col-gap)}.csx-step{display:flex;flex-direction:column;gap:24px}.csx-step__rail{flex-direction:row}.csx-step:not(:last-child) .csx-step__rail:after{width:auto;height:1px;margin-left:16px}.csx-step__node{width:64px;height:64px}.csx-step__node img{width:32px}.csx-step__content{gap:24px;padding:0}}.csx-gallery__controls{display:none}.csx-gallery__counter{font-size:var(--cs-small);font-weight:500;color:var(--cs-muted)}.csx-icon{display:block;width:20px;height:20px}.csx-gallery__arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--cs-border);color:var(--cs-ink);font-size:18px;transition:opacity var(--cs-fast) var(--cs-ease)}.csx-gallery__arrow--next{border-color:var(--cs-ink);background:var(--cs-ink);color:var(--cs-white)}.csx-gallery__arrow:disabled{opacity:.35;cursor:default}.csx-gallery__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}@media screen and (max-width:1023px){.csx-gallery__track{margin-right:calc(-1 * var(--cs-gutter));padding-right:var(--cs-gutter);scroll-padding-inline:0}}.csx-gallery__track::-webkit-scrollbar{display:none}.csx-gallery__slide{display:grid;align-content:start;gap:12px;flex:none;width:318px;max-width:100%;scroll-snap-align:start}.csx-gallery__open{display:block;width:100%;overflow:hidden;border-radius:var(--cs-radius);background:var(--cs-surface);cursor:zoom-in}.csx-gallery__open img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.csx-gallery__caption{font-size:var(--cs-small);line-height:1.5;color:var(--cs-muted)}.csx-gallery__dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.csx-gallery__dot{width:8px;height:8px;border-radius:var(--cs-radius-pill);background:var(--cs-hairline)}.csx-gallery__dot.is-active{background:var(--cs-coral)}.csx-gallery--single .csx-gallery__slide{width:100%;max-width:none}.csx-gallery--single .csx-gallery__open img{aspect-ratio:auto}@media screen and (min-width:1024px){.csx-gallery{--cs-head-space: 40px}.csx-gallery__controls{display:flex;align-items:center;gap:12px}.csx-gallery__track{gap:var(--cs-col-gap)}.csx-gallery__slide{width:auto;max-width:none}.csx-gallery__open img{width:auto;height:360px;aspect-ratio:auto;max-width:none}.csx-gallery__dots{justify-content:flex-start}.csx-gallery__dot{width:56px;height:3px}.csx-gallery--single .csx-gallery__open img{width:100%;height:auto}}.csx-lightbox{max-width:min(92vw,1400px);max-height:92vh;padding:0;border:0;background:transparent;overflow:visible}.csx-lightbox::backdrop{background:#1c1c1ce6}.csx-lightbox__figure{display:grid;gap:12px}.csx-lightbox__figure img{max-width:100%;max-height:82vh;width:auto;margin-inline:auto;border-radius:var(--cs-radius-sm)}.csx-lightbox__caption{font-size:var(--cs-small);color:var(--cs-on-dark-body);text-align:center}.csx-lightbox__bar{display:flex;justify-content:center;gap:12px;margin-top:16px}.csx-lightbox__bar .csx-gallery__arrow{border-color:var(--cs-on-dark);background:transparent;color:var(--cs-on-dark)}.csx-built{padding-top:0}.csx-built__inner{display:grid;gap:32px;padding-top:40px;border-top:1px solid var(--cs-hairline)}.csx-built .cs-head{margin-bottom:0}.csx-built__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.csx-solution{display:grid;gap:20px}.csx-solution__media{aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--cs-radius);background:var(--cs-surface)}.csx-solution__copy{display:grid;align-content:start;justify-items:start;gap:16px}.csx-solution__body{font-size:var(--cs-body-size);line-height:1.6;color:var(--cs-body)}@media screen and (min-width:720px){.csx-built__products{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cs-col-gap)}.csx-solution{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.csx-solution__copy{padding-top:8px}}@media screen and (min-width:1024px){.csx-built__inner{grid-template-columns:minmax(0,384px) minmax(0,1fr);align-items:start;gap:var(--cs-col-gap);padding-top:96px}.csx-built__products{grid-template-columns:repeat(auto-fill,calc((100% + 408px - 3 * var(--cs-col-gap)) / 4))}.csx-built__inner--products .csx-built__products{grid-template-columns:repeat(4,minmax(0,1fr))}.csx-built__inner--products{grid-template-columns:minmax(0,1fr);gap:48px}.csx-solution{grid-template-columns:minmax(0,384fr) minmax(0,376fr)}}.csx-related .cs-tag{background:var(--cs-white)}.csx-related--same .cs-story__tags .cs-tag:first-child{display:none}.csx-related__track{display:grid;grid-auto-flow:column;grid-auto-columns:280px;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-right:calc(-1 * var(--cs-gutter));padding-right:var(--cs-gutter)}.csx-related__track::-webkit-scrollbar{display:none}.csx-related__track>.cs-story{scroll-snap-align:start}@media screen and (min-width:720px){.csx-related__track{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:48px var(--cs-col-gap);margin-right:0;padding-right:0;overflow:visible}}@media screen and (min-width:1024px){.csx-related{--cs-head-space: 56px}.csx-related__track{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:719px){.csx-page .cs-cta--dark{border-bottom:1px solid var(--cs-dark-line)}}
/*# sourceMappingURL=/cdn/shop/t/142/assets/cs-case-studies.css.map */