.case-study{--color-button: var(--color-foreground);--color-button-text: var(--color-background);--color-link: var(--color-foreground);color:rgb(var(--color-foreground))}.case-study .visually-hidden{white-space:nowrap}.case-study__head{display:grid;gap:1.2rem;margin-bottom:3.2rem;max-width:72rem}.case-study__eyebrow{margin:0;font-size:1.4rem;letter-spacing:.16rem;text-transform:uppercase}.case-study__heading{margin:0}.case-study__text>*{margin-top:0}.case-study__text>*+*{margin-top:1.2rem}.case-study__button{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:4.4rem;padding:.8rem 1.6rem;border:.2rem solid rgb(var(--color-foreground));border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;letter-spacing:.1rem;text-transform:uppercase;line-height:1.2;cursor:pointer}.case-study__button:hover{background:rgba(var(--color-foreground),.08)}.case-study__button[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.case-study__tick{display:none;width:1.4rem;height:1.4rem}.case-study__button[aria-pressed=true] .case-study__tick{display:block}@media(prefers-reduced-motion:no-preference){.case-study__button{transition:background-color .2s ease,color .2s ease}}@media(forced-colors:active){.case-study__button[aria-pressed=true]{background:Highlight;color:HighlightText;border-color:Highlight}}.case-study-intro__grid{display:grid;gap:4rem;margin-top:2.4rem}.case-study-intro .breadcrumb{font-size:1.3rem}.case-study-intro .breadcrumb__link{display:inline-flex;align-items:center;min-height:2.4rem}.case-study-intro.color-background-1,.case-study-intro.color-background-2{--case-study-muted: color-mix(in srgb, rgb(var(--color-foreground)) 80%, rgb(var(--color-background)))}.case-study-intro.color-background-1 .breadcrumb [aria-current=page],.case-study-intro.color-background-2 .breadcrumb [aria-current=page],.case-study-intro.color-background-1 .case-study-intro__lede,.case-study-intro.color-background-2 .case-study-intro__lede,.case-study-intro.color-background-1 .case-study-intro__fact dt,.case-study-intro.color-background-2 .case-study-intro__fact dt{color:var(--case-study-muted)}.case-study-intro.color-background-1 .case-study__eyebrow,.case-study-intro.color-background-2 .case-study__eyebrow{color:rgb(var(--color-brand-accent-text))}.case-study-intro .case-study__eyebrow{display:flex;align-items:center;gap:1.2rem;margin-top:1.6rem;font-weight:700}.case-study-intro .case-study__eyebrow:before{content:"";flex:none;width:3.2rem;border-top:.3rem solid currentColor}.case-study-intro__lede{max-width:68rem;font-size:1.8rem;line-height:1.6}@media screen and (min-width:750px){.case-study-intro__lede>p:first-child{font-size:2rem;line-height:1.55}}.case-study-intro__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2.4rem 3.2rem;margin:0;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-foreground),.25)}.case-study-intro__fact{display:grid;gap:.6rem;align-content:start}.case-study-intro__fact dt{font-size:1.3rem;letter-spacing:.12rem;text-transform:uppercase;font-weight:700}.case-study-intro__fact dd{margin:0;font-size:1.7rem;line-height:1.4;overflow-wrap:anywhere}.case-study.color-background-1>.page-width:has(>.case-study__head>h2):before,.case-study.color-background-2>.page-width:has(>.case-study__head>h2):before,body:has(.case-study-intro) .article-template__content:before,body:has(.case-study-intro) .collapsible-content-wrapper-narrow:before{content:"";display:block;margin-bottom:4rem;border-top:.1rem solid rgba(var(--color-foreground),.2)}@media screen and (min-width:750px){.case-study.color-background-1>.page-width:has(>.case-study__head>h2):before,.case-study.color-background-2>.page-width:has(>.case-study__head>h2):before,body:has(.case-study-intro) .article-template__content:before,body:has(.case-study-intro) .collapsible-content-wrapper-narrow:before{margin-bottom:5.6rem}}.shopify-section:has(.case-study-stats__list)+.shopify-section .page-width:has(>.case-study__head>h2):before{display:none}body:has(.case-study-intro) .article-template__content>*{max-width:72rem}case-study-compare{display:block;--pos: 50%;--knob: 2.6rem}.case-study-compare__figure{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}.case-study-compare__single{display:block;width:100%;height:auto}.case-study-compare__stage{position:relative}.case-study-compare__frame{position:relative;overflow:hidden;aspect-ratio:1440 / 900;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2)}.case-study-compare__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}.case-study-compare__before{z-index:1;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.case-study-compare__line{position:absolute;z-index:2;top:0;bottom:0;left:var(--pos);width:.4rem;margin-left:-.2rem;background:#fff;border-inline:.1rem solid #333333;pointer-events:none;forced-color-adjust:none}.case-study-compare__knob{position:absolute;z-index:3;top:50%;left:clamp(calc(var(--knob) + .6rem),var(--pos),calc(100% - var(--knob) - .6rem));width:calc(var(--knob) * 2);height:calc(var(--knob) * 2);margin:calc(var(--knob) * -1) 0 0 calc(var(--knob) * -1);border-radius:50%;background:#fff;color:#333;border:.2rem solid #333333;display:grid;place-items:center;pointer-events:none;forced-color-adjust:none}.case-study-compare__knob svg{width:2.4rem;height:2.4rem}case-study-compare:has(.case-study-compare__range:focus-visible) .case-study-compare__knob{box-shadow:0 0 0 .3rem #333,0 0 0 .6rem #fff}@media(forced-colors:active){case-study-compare:has(.case-study-compare__range:focus-visible) .case-study-compare__knob{outline:.3rem solid Highlight;outline-offset:.3rem}}.case-study-compare__label,.case-study-pin{position:absolute;z-index:3;background:#333;color:#fff;border:.2rem solid #ffffff;font-size:1.3rem;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;line-height:1.2;pointer-events:none;forced-color-adjust:none}.case-study-compare__label{top:1.2rem;padding:.5rem 1rem .4rem}.case-study-compare__label--before{left:1.2rem}.case-study-compare__label--after{right:1.2rem}.case-study-compare__range{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;-webkit-appearance:none;appearance:none;background:transparent}.case-study-compare__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:100%}.case-study-compare__range::-moz-range-thumb{width:1px;height:100%;border:0}@media(any-pointer:coarse){.case-study-compare__range{position:static;display:block;height:4.4rem;margin-top:.8rem;opacity:1;cursor:pointer;touch-action:auto;-webkit-appearance:auto;appearance:auto;accent-color:rgb(var(--color-foreground))}.case-study-compare__range::-webkit-slider-thumb{-webkit-appearance:auto;appearance:auto;width:auto;height:auto}.case-study-compare__range::-moz-range-thumb{width:auto;height:auto}}.case-study-compare__controls{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;align-items:center;justify-content:space-between}.case-study-compare__buttons{display:flex;flex-wrap:wrap;gap:.8rem}.case-study-compare__hint,.case-study-compare__figure figcaption{margin:0;font-size:1.4rem}case-study-compare:not(:defined) .case-study-compare__range,case-study-compare:not(:defined) .case-study-compare__controls,case-study-toggle:not(:defined) .case-study-toggle__button{visibility:hidden}case-study-toggle{display:block}.case-study-pair__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}@media screen and (min-width:750px){.case-study-pair__grid{gap:3.2rem}}.case-study-shot{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;align-content:start;min-width:0}.case-study-shot__label{justify-self:start;padding:.4rem .8rem .3rem;border:.1rem solid rgb(var(--color-foreground));font-size:1.3rem;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;line-height:1.3}.case-study-shot--after .case-study-shot__label{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.case-study-shot__frame{border:.1rem solid rgba(var(--color-foreground),.25);background:#fff}.case-study-shot__bar{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;border-bottom:.1rem solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-study-shot__bar:before{content:"";flex:none;width:.9rem;height:.9rem;border-radius:50%;border:.1rem solid currentColor}.case-study-shot__window{position:relative;overflow:hidden}.case-study-shot__window--capped{max-height:var(--case-study-cap, 83rem)}.case-study-shot__window--capped:after{content:"";position:absolute;inset:auto 0 0 0;height:8rem;background:linear-gradient(to bottom,rgba(var(--color-background),0),rgb(var(--color-background)));pointer-events:none}case-study-toggle[data-open=true] .case-study-shot__window{max-height:none}case-study-toggle[data-open=true] .case-study-shot__window--capped:after{display:none}.case-study-shot__img{position:relative}.case-study-shot__img img{display:block;width:100%;height:auto}.case-study-pin{right:.8rem;min-width:2.8rem;min-height:2.8rem;margin-top:.6rem;padding:.4rem .5rem .3rem;border-radius:99rem;display:grid;place-items:center;letter-spacing:0}.case-study-toggle{display:grid;gap:2rem;overflow-anchor:none}.case-study-toggle__button{justify-self:center}.case-study-steps{list-style:none;padding:0;margin:3.2rem 0 0;counter-reset:case-study-step;display:grid;gap:1.8rem 4rem}@media screen and (min-width:750px){.case-study-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.case-study-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-study-steps__item{counter-increment:case-study-step;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:1.2rem;align-items:start}.case-study-steps__item:before{content:counter(case-study-step);min-width:2.8rem;min-height:2.8rem;border-radius:99rem;border:.1rem solid transparent;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:700;font-size:1.3rem;display:grid;place-items:center}.case-study-steps__title{display:block;margin-bottom:.2rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.case-study-steps__text>*{margin:0}.case-study-pair-grid__list{display:grid;gap:4rem}@media screen and (min-width:750px){.case-study-pair-grid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4.8rem 5.6rem}.case-study-pair-grid__item--wide{grid-column:1 / -1}}.case-study-pair-grid__item{margin:0;display:grid;gap:1.6rem;align-content:start}.case-study-pair-grid__item figcaption{display:grid;gap:.4rem}.case-study-pair-grid__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.8rem}.case-study-pair-grid__text>*{margin:0}.case-study-phone{border:.7rem solid #222222;border-radius:2.4rem;overflow:hidden;background:#222}.case-study-phone .case-study-shot__window{--case-study-cap: 54rem;border-radius:1.6rem;background:#fff}.case-study-stats__list{list-style:none;margin:0;padding:0;display:grid;border-top:.1rem solid rgba(var(--color-foreground),.25)}@media screen and (min-width:750px){.case-study-stats__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.case-study-stats__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-study-stats__item{padding:2rem 2rem 2rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.25)}.case-study-stats__number{display:block;margin-bottom:.6rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:4rem;line-height:1.05;font-variant-numeric:tabular-nums}.case-study-timeline__list{list-style:none;margin:0;padding:0;max-width:72rem;border-left:.2rem solid rgb(var(--color-foreground))}.case-study-timeline__item{position:relative;display:grid;gap:.4rem;padding:0 0 2.4rem 2.4rem}@media screen and (min-width:750px){.case-study-timeline__item{grid-template-columns:11rem minmax(0,1fr);gap:1.6rem}}.case-study-timeline__item:before{content:"";position:absolute;left:-.7rem;top:.5rem;width:1.2rem;height:1.2rem;background:rgb(var(--color-background));border:.2rem solid rgb(var(--color-foreground));transform:rotate(45deg)}.case-study-timeline__item:last-child{padding-bottom:0}.case-study-timeline__date{font-weight:700;letter-spacing:.1rem;text-transform:uppercase;font-size:1.4rem}.case-study-timeline__text>*{margin:0}.case-study__editor-note{margin:.4rem 0 0;padding:.6rem 1rem;border:.1rem dashed rgb(var(--color-foreground));font-size:1.3rem}.case-study-demo{display:grid;gap:3.2rem;align-items:start}@media screen and (min-width:990px){.case-study-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4.8rem}}.case-study-demo__col{display:grid;gap:1.6rem;align-content:start;min-width:0}.case-study-demo__col>*{margin:0}.nfp{max-width:42rem;padding:.9rem 1.1rem 1.1rem;border:.1rem solid #000000;background:#fff;color:#111;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.44rem}.nfp .nfp__table{width:100%;table-layout:auto;border-collapse:collapse;color:#111;font-size:1em;line-height:1.3}.nfp .nfp__table caption{text-align:left;padding-bottom:.4em;border-bottom:.8rem solid #000000}.nfp .nfp__title{display:block;margin-bottom:.2em;font-size:2.3em;font-weight:900;line-height:1}.nfp .nfp__servings,.nfp .nfp__size{display:block}.nfp .nfp__size{font-weight:700}.nfp .nfp__table thead th{padding:.3em 0 .2em;font-size:.85em;font-weight:700;text-align:left;vertical-align:bottom}.nfp .nfp__table thead th:last-child{text-align:right}.nfp .nfp__table tbody th,.nfp .nfp__table tbody td{padding:.3em 0;border-top:.1rem solid #000000;text-align:left;vertical-align:top}.nfp .nfp__table tbody th{padding-right:.5em;font-weight:700}.nfp .nfp__table tbody td:nth-child(2){padding-right:.5em}.nfp .nfp__table tbody td:last-child{text-align:right;font-weight:700}.nfp .nfp__table .nfp__cal th,.nfp .nfp__table .nfp__cal td{border-top-width:.4rem;font-size:1.6em;font-weight:900;line-height:1.15}.nfp .nfp__table .nfp__sub th{padding-left:1.1em;font-weight:400}.nfp .nfp__table .nfp__sub2 th{padding-left:2.2em;font-weight:400}.nfp .nfp__table .nfp__rule th,.nfp .nfp__table .nfp__rule td{border-top-width:.8rem}.nfp .nfp__table .nfp__plain th{font-weight:400}.nfp .nfp__note{margin:.5em 0 0;padding-top:.4em;border-top:.4rem solid #000000;font-size:.85em;line-height:1.35;color:#111}.case-study-demo__qa{margin:0}.case-study-demo__qa dt{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.7rem}.case-study-demo__qa dt:not(:first-child){margin-top:1.6rem}.case-study-demo__qa dd{margin:.4rem 0 0}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-case-study.css.map */