.junecommerce-retailer-case{--jc-case-ink: var(--theme-dark, #07111f);--jc-case-muted: rgba(7, 17, 31, .64);--jc-case-line: rgba(42, 63, 76, .12);--jc-case-accent: var(--theme-secondary, #1fb692);--jc-case-accent-soft: color-mix(in srgb, var(--jc-case-accent) 14%, #fff 86%);--jc-case-core: #213844;position:relative;overflow:hidden;padding-block:clamp(42px,5vw,68px);background:#fff;color:var(--jc-case-ink)}.junecommerce-retailer-case--soft{background:linear-gradient(180deg,#fff,#f5faf9)}.is-admin-editor-preview .junecommerce-retailer-case{padding-block:42px}.junecommerce-retailer-case__container{width:min(100% - 64px,1540px);padding-inline:0}.junecommerce-retailer-case__panel{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.72fr);gap:clamp(32px,4vw,54px);align-items:center;min-height:430px;padding:clamp(34px,4vw,52px);overflow:hidden;border:1px solid var(--jc-case-line);border-radius:24px;background:linear-gradient(90deg,rgba(31,182,146,.08),transparent 42%),linear-gradient(180deg,#fffffffa,#fffffff0);box-shadow:0 32px 86px #16242c1a,inset 0 1px #ffffffeb}.junecommerce-retailer-case__visual{position:relative;min-width:0;min-height:330px;display:grid;align-items:center}.junecommerce-retailer-case__device{position:relative;z-index:1;width:min(100%,680px);justify-self:center}.junecommerce-retailer-case__macbook{position:relative;width:100%;aspect-ratio:1972/1282;isolation:isolate}.junecommerce-retailer-case__macbook:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url(/build-theme/junecommerce/assets/macbook-pro-14-frame-eFMExX_j.png);background-repeat:no-repeat;background-position:center;background-size:contain}.junecommerce-retailer-case__screen{position:absolute;z-index:1;left:11.48%;top:11.54%;width:77.05%;height:76.92%;overflow:hidden;border-radius:0;background:#07111f}.junecommerce-retailer-case__screen-video{display:block;width:100%;height:100%;object-fit:cover}.junecommerce-retailer-case__main-image,.junecommerce-retailer-case__main-image img,img.junecommerce-retailer-case__main-image,.junecommerce-retailer-case__logo-image,.junecommerce-retailer-case__logo-image img,img.junecommerce-retailer-case__logo-image{display:block;width:100%;height:auto}.junecommerce-retailer-case__main-image img,img.junecommerce-retailer-case__main-image{object-fit:contain}.junecommerce-retailer-case__logo-card{position:absolute;z-index:2;left:4%;bottom:3%;width:min(20%,132px);min-width:92px;padding:12px;border:1px solid rgba(255,255,255,.86);border-radius:16px;background:#fffffff0;box-shadow:0 18px 48px #16242c24}.junecommerce-retailer-case__logo-image img,img.junecommerce-retailer-case__logo-image{object-fit:contain}.junecommerce-retailer-case__content{min-width:0;max-width:500px}.junecommerce-retailer-case__device,.junecommerce-retailer-case__logo-card,.junecommerce-retailer-case__content{will-change:transform,opacity}.junecommerce-retailer-case__device{transform-origin:center bottom;animation:junecommerce-retailer-case-device-in .68s cubic-bezier(.22,1,.36,1) both;transition:transform .3s cubic-bezier(.22,1,.36,1),filter .22s ease}.junecommerce-retailer-case__content{animation:junecommerce-retailer-case-content-in .62s cubic-bezier(.22,1,.36,1) 90ms both}.junecommerce-retailer-case__logo-card{animation:junecommerce-retailer-case-logo-in .68s cubic-bezier(.22,1,.36,1) .18s both,junecommerce-retailer-case-logo-float 5.4s ease-in-out .98s infinite}.junecommerce-retailer-case__eyebrow-icon{animation:junecommerce-retailer-case-icon-pulse 4.6s ease-in-out 1.1s infinite}@keyframes junecommerce-retailer-case-device-in{0%{opacity:0;transform:translate3d(-24px,18px,0) scale(.965);filter:blur(6px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes junecommerce-retailer-case-content-in{0%{opacity:0;transform:translate3d(24px,16px,0);filter:blur(6px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes junecommerce-retailer-case-logo-in{0%{opacity:0;transform:translate3d(-16px,16px,0) scale(.9) rotate(-2deg)}to{opacity:1;transform:translateZ(0) scale(1) rotate(0)}}@keyframes junecommerce-retailer-case-logo-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-7px,0) rotate(-.7deg)}}@keyframes junecommerce-retailer-case-icon-pulse{0%,to{box-shadow:0 0 #1fb69200}48%{box-shadow:0 0 0 9px #1fb69214}}.junecommerce-retailer-case__eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;color:color-mix(in srgb,var(--jc-case-accent) 72%,var(--jc-case-core) 28%);font-family:var(--theme-font-menu);font-size:.8rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.junecommerce-retailer-case__eyebrow-icon{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:999px;background:var(--jc-case-accent-soft);color:color-mix(in srgb,var(--jc-case-core) 62%,var(--jc-case-accent) 38%)}.junecommerce-retailer-case__eyebrow-icon i{font-size:1.08rem;line-height:1}.junecommerce-retailer-case__title{margin:0;color:var(--jc-case-ink);font-size:clamp(2.45rem,3.35vw,3.45rem);line-height:1.04;letter-spacing:0}.junecommerce-retailer-case__title span{display:block}.junecommerce-retailer-case__rule{display:block;width:58px;height:3px;margin:22px 0 28px;border-radius:999px;background:color-mix(in srgb,var(--jc-case-accent) 76%,#fff 24%)}.junecommerce-retailer-case__quote{margin:0}.junecommerce-retailer-case__quote-mark{display:block;height:26px;color:color-mix(in srgb,var(--jc-case-accent) 46%,#fff 54%);font-family:Georgia,serif;font-size:3.4rem;font-weight:700;line-height:.8}.junecommerce-retailer-case__quote blockquote{margin:0;color:color-mix(in srgb,var(--jc-case-core) 88%,transparent);font-size:clamp(1.08rem,1.25vw,1.18rem);line-height:1.62}.junecommerce-retailer-case__quote figcaption{margin-top:16px;color:color-mix(in srgb,var(--jc-case-core) 86%,transparent);font-size:1rem;line-height:1.4}.junecommerce-retailer-case__button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:28px;padding:0 26px;border:1px solid color-mix(in srgb,var(--jc-case-core) 92%,#fff 8%);border-radius:8px;background:var(--jc-case-core);color:#fff;font-family:var(--theme-font-menu);font-size:1rem;font-weight:850;line-height:1;text-decoration:none;box-shadow:0 18px 38px #16242c2e;transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.junecommerce-retailer-case__button i{font-size:1.12rem;line-height:1;transition:transform .22s ease}.junecommerce-retailer-case__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:24px 0 0;padding:0;color:#2138448a;font-size:.88rem;line-height:1.4;list-style:none}.junecommerce-retailer-case__meta li{display:inline-flex;align-items:center;gap:9px}.junecommerce-retailer-case__meta li+li:before{content:"";width:4px;height:4px;margin-right:4px;border-radius:999px;background:currentColor}.junecommerce-retailer-case__meta i{color:color-mix(in srgb,var(--jc-case-accent) 52%,#fff 48%);font-size:1.12rem}@media(hover:hover)and (pointer:fine){.junecommerce-retailer-case__panel:hover .junecommerce-retailer-case__device{transform:translate3d(0,-5px,0) scale(1.01);filter:saturate(1.03)}.junecommerce-retailer-case__button:hover,.junecommerce-retailer-case__button:focus-visible{border-color:color-mix(in srgb,var(--jc-case-accent) 42%,var(--jc-case-core) 58%);background:color-mix(in srgb,var(--jc-case-core) 82%,var(--jc-case-accent) 18%);color:#fff;box-shadow:0 22px 46px #16242c38;transform:translate3d(0,-2px,0);outline:none}.junecommerce-retailer-case__button:hover i,.junecommerce-retailer-case__button:focus-visible i{transform:translate3d(4px,0,0)}}@media(max-width:1399.98px){.junecommerce-retailer-case__panel{gap:36px;padding:42px}.junecommerce-retailer-case__title{font-size:clamp(2.4rem,3.2vw,3.2rem)}.junecommerce-retailer-case__quote blockquote{font-size:1.12rem}}@media(max-width:1199.98px){.junecommerce-retailer-case__panel{grid-template-columns:minmax(0,1fr);min-height:0}.junecommerce-retailer-case__visual{min-height:0}.junecommerce-retailer-case__device{width:min(100%,620px)}.junecommerce-retailer-case__content{max-width:720px}}@media(max-width:767.98px){.junecommerce-retailer-case{padding-block:42px}.junecommerce-retailer-case__container{width:min(100% - 28px,1540px)}.junecommerce-retailer-case__panel{gap:22px;padding:20px;border-radius:18px}.junecommerce-retailer-case__device{width:min(100%,560px)}.junecommerce-retailer-case__logo-card{left:4%;bottom:4%;width:24%;min-width:78px;padding:10px;border-radius:14px}.junecommerce-retailer-case__eyebrow{gap:12px;margin-bottom:16px;font-size:.78rem}.junecommerce-retailer-case__eyebrow-icon{width:38px;height:38px}.junecommerce-retailer-case__title{font-size:clamp(2rem,11vw,2.36rem)}.junecommerce-retailer-case__rule{margin:18px 0 22px}.junecommerce-retailer-case__quote-mark{height:22px;font-size:3rem}.junecommerce-retailer-case__quote blockquote{font-size:1.02rem;line-height:1.58}.junecommerce-retailer-case__quote figcaption{margin-top:14px;font-size:1rem}.junecommerce-retailer-case__button{width:100%;min-height:52px;margin-top:22px;padding-inline:22px}.junecommerce-retailer-case__meta{margin-top:16px;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.junecommerce-retailer-case__device,.junecommerce-retailer-case__logo-card,.junecommerce-retailer-case__content,.junecommerce-retailer-case__eyebrow-icon{animation:none!important;transform:none!important;filter:none!important;transition:none!important}}