.use-cases{--accordion-interval: 45s;--accordion-initial-delay: 1.4s;--accordion-ease: var(--cubic);--accordion-fade: .3s;--accordion-icon-duration: .5s;--accordion-duration: 1s;--accordion-wipe-duration: 1.2s;--accordion-wipe-split: .5;--pad: 16px;padding-block:40px}.use-cases__eyebrow{display:block;margin-bottom:8px;font-family:var(--font-body);font-size:11px;font-weight:500;font-style:normal;line-height:normal;letter-spacing:.55px;text-transform:uppercase;color:var(--brand-black);opacity:.3}.use-cases__title{margin:0}.use-cases__title .fx-clip{height:28px}.use-cases__title-line{display:block;padding-left:var(--indent, 0);font-family:var(--font-heading);font-size:24px;font-weight:400;font-style:normal;line-height:26px;letter-spacing:-.48px;text-transform:uppercase;color:var(--brand-black);transition-delay:calc(var(--i, 0) * var(--fx-stagger, .1s)),calc(var(--i, 0) * var(--fx-stagger, .1s))}.use-cases__grid{display:grid;margin-top:32px;gap:0;grid-template-rows:240px 1fr;grid-template-columns:1fr}.use-cases__grid__image{position:relative;contain:paint;overflow:hidden;height:240px;margin:0;background:var(--brand-white)}.use-cases__grid__image .wipe{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand-white);transition:transform var(--accordion-wipe-duration) var(--accordion-ease);will-change:transform;pointer-events:none}.use-cases__grid__image .wipe-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:clip-path var(--accordion-wipe-duration) var(--accordion-ease),-webkit-clip-path var(--accordion-wipe-duration) var(--accordion-ease);will-change:clip-path}.use-cases__grid__image img{display:block;width:100%;height:100%;object-fit:cover}.use-cases__accordion__image-wrap{position:relative;display:grid;contain:paint;overflow:hidden;margin:0;place-items:center;background:var(--brand-white)}.use-cases__accordion__image-wrap .use-cases__accordion__image{display:none!important}.use-cases__accordion__image-wrap .panel-wipe-img{transition:clip-path var(--accordion-wipe-duration) var(--accordion-ease),-webkit-clip-path var(--accordion-wipe-duration) var(--accordion-ease);will-change:clip-path}.use-cases__grid__image .img-layer,.use-cases__accordion__image-wrap [data-panel-base],.use-cases__accordion__image-wrap .panel-wipe-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.use-cases__accordion{display:flex;height:100%;min-height:0;margin-top:32px;flex-direction:column;align-self:stretch;align-content:start;gap:8px}.use-cases__accordion-item{position:relative;background:var(--brand-white)}@property --timer-progress{syntax: "<number>"; inherits: false; initial-value: 0;}.use-cases__accordion-item.is-active{--timer-progress: 0;animation:who-acc-progress var(--accordion-interval) linear both}@keyframes who-acc-progress{to{--timer-progress: 1}}.use-cases__accordion:hover .use-cases__accordion-item.is-active{animation-play-state:paused}.use-cases__accordion-head{display:grid;width:100%;align-items:center;gap:16px;grid-template-columns:auto 1fr;text-align:left}.use-cases__accordion-icon{transition:transform var(--accordion-fade) var(--accordion-icon-duration) var(--accordion-ease)}.use-cases__accordion-icon path{transition:fill var(--accordion-fade) var(--accordion-ease)}.use-cases__accordion-item.is-active .use-cases__accordion-icon{transform:rotate(-45deg)}.use-cases__accordion-item.is-active .use-cases__accordion-icon path{fill:var(--brand-black)}.use-cases__accordion-title{font-family:var(--font-heading);font-size:20px;font-weight:400;font-style:normal;line-height:22px;letter-spacing:-.4px;color:var(--brand-black);opacity:.2;transition:opacity var(--accordion-fade) var(--accordion-ease)}.use-cases__accordion-item.is-active .use-cases__accordion-title{opacity:1}.use-cases__accordion-body{overflow:hidden;max-height:0;transition:max-height var(--accordion-duration) var(--accordion-ease)}.use-cases__accordion-item.is-active .use-cases__accordion-body{max-height:420px}.use-cases__accordion-body__inner{padding:8px 0 16px 46px;font-family:var(--font-body);font-size:15px;font-weight:500;font-style:normal;line-height:normal;color:var(--brand-black);opacity:0;transition:opacity var(--accordion-duration) var(--accordion-ease)}.use-cases__accordion-body__inner p{margin:0}.use-cases__accordion-item.is-active .use-cases__accordion-body__inner{opacity:.5}@media (width >= 1024px){.use-cases{--pad: 40px}.use-cases__eyebrow{margin-bottom:0;font-size:13px;line-height:15px;letter-spacing:.65px}.use-cases__title .fx-clip{height:36px}.use-cases__title-line{font-size:32px;line-height:34px;letter-spacing:-.64px}.use-cases__grid{margin-top:0;align-items:stretch;gap:48px;grid-template-rows:initial;grid-template-columns:4fr 3.5fr}.use-cases__accordion-wrapper{display:grid;min-height:642px;gap:16px;grid-template-rows:auto auto 1fr}.use-cases__accordion-head{padding:0}.use-cases__accordion-title{font-size:21px;letter-spacing:-1.05px}.use-cases__accordion-body__inner{max-width:508px;font-size:15px}.use-cases__accordion{margin-top:0;justify-content:flex-end;gap:8px}.use-cases__accordion-title{font-size:22px;line-height:24px;letter-spacing:-.44px}.use-cases__accordion__image-wrap{min-height:642px}}@media (width >= 1440px){.use-cases__title .fx-clip{height:44px}.use-cases__title-line{font-size:40px;line-height:42px;letter-spacing:-.8px}.use-cases__grid{grid-template-columns:1fr 1fr}.use-cases__accordion-title{font-size:24px;line-height:26px;letter-spacing:-.48px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-use-cases.css.map */