.cmp{--accent: #3E7A57;--cmp-st: 64px;--cmp-sb: 24px;--cmp-rows: 7;--cmp-rows-alt: 2;--cmp-gap: 2.4rem;--cmp-cols: minmax(9rem, .28fr) minmax(0, 1fr) minmax(0, 1fr) 1.6rem;position:relative;width:100%;box-sizing:border-box;padding:var(--cmp-st) 0 var(--cmp-sb);color:#222021}.cmp__inner{width:100%;box-sizing:border-box}.cmp__top{margin:0 auto 4rem;text-align:center}.cmp__eyebrow{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-weight:700;font-size:1.2rem;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;color:#6d6864}.cmp__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-style:normal;text-transform:uppercase;font-size:clamp(3.2rem,5vw,6rem);line-height:.98;letter-spacing:.01em;color:#222021;text-wrap:balance}.cmp__subline{margin:1.6rem auto 0;max-width:62ch;font-family:var(--font-body-family);font-size:1.7rem;line-height:1.5;color:#6d6864;text-wrap:pretty}.cmp__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem}.cmp__visual{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:2rem;overflow:hidden;isolation:isolate;background:#f1f0ee}.cmp__visual picture,.cmp__visual>.cmp__img--ph{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.cmp__img{display:block;width:100%;height:100%;object-fit:cover}.cmp__callouts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.cmp__callout{position:absolute;left:clamp(10rem,var(--x, 50%),calc(100% - 10rem));top:clamp(3rem,var(--y, 50%),calc(100% - 3rem));transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1.4rem .8rem 1rem;border-radius:999px;border:1px solid #E6E0DA;background:#fff;box-shadow:0 .8rem 2.4rem #2220211f;font:700 1.3rem/1 var(--font-heading-family);color:#222021;white-space:nowrap;box-sizing:border-box}.cmp__dot{position:relative;flex:0 0 auto;display:block;width:1rem;height:1rem;border-radius:50%;background:var(--accent)}.cmp__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent);animation:cmpPulse 2.2s ease-out infinite}@keyframes cmpPulse{0%{transform:scale(1);opacity:.55}80%,to{transform:scale(2.8);opacity:0}}.cmp__card{position:relative;background:#fff;border:1px solid #E6E0DA;border-radius:1rem;box-shadow:0 2rem 6rem #22202114;padding:2.4rem;box-sizing:border-box}.cmp__table{position:relative}.cmp__colbg{display:none}.cmp__heads,.cmp__row,.cmp__detail{position:relative;z-index:1}.cmp__heads{padding:.4rem 0 1.4rem;align-items:center}.cmp__head{position:relative;display:block;min-width:0;text-align:center}.cmp__head--ours{display:flex;align-items:center;justify-content:center;min-height:3.2rem}.cmp__logo{display:block;height:2rem;width:auto;max-width:100%;object-fit:contain;margin:0 auto}.cmp__logo-text{font:700 1.6rem/1 var(--font-heading-family);letter-spacing:.08em;text-transform:uppercase;color:#222021}.cmp__head--theirs{font:700 1.4rem/1.15 var(--font-heading-family);letter-spacing:.12em;text-transform:uppercase;color:#6d6864;overflow-wrap:break-word}.cmp__head--theirs[data-vs]:before{content:attr(data-vs);position:absolute;left:calc(var(--cmp-gap) / -2);top:50%;transform:translate(-50%,-50%);width:3.2rem;height:3.2rem;border-radius:50%;background:#222021;color:#fff;display:grid;place-items:center;font:700 1.1rem/1 var(--font-heading-family);letter-spacing:.06em;text-indent:.06em;z-index:3}.cmp__row{padding:1.4rem 0;border-top:1px solid #E6E0DA}.cmp .cmp__row-toggle{-webkit-appearance:none;appearance:none;width:100%;min-width:0;min-height:0;height:auto;margin:0;padding:1.4rem 0;background:none;border:0;border-top:1px solid #E6E0DA;border-radius:0;box-shadow:none;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;text-align:left;white-space:normal;color:inherit;cursor:pointer;justify-content:normal;transition:background-color .2s ease}.cmp .cmp__row-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cmp__label{display:block;min-width:0;font-family:var(--font-heading-family);font-weight:700;font-size:1.1rem;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:#6d6864;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cmp__cell{display:flex;align-items:center;gap:1rem;min-width:0;box-sizing:border-box;overflow-wrap:break-word}.cmp__cell--ours{font:700 1.6rem/1.3 var(--font-heading-family);color:#222021}.cmp__cell--theirs{font:400 1.6rem/1.35 var(--font-body-family);color:#6d6864}.cmp__chip{flex:0 0 auto;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%}.cmp__chip>svg{display:block;width:1.3rem;height:1.3rem}.cmp__chip--yes{background:color-mix(in srgb,var(--accent) 16%,#fff);color:var(--accent)}.cmp__chip--no{background:#efece9;color:#8a857f}.cmp__text{flex:1 1 0;min-width:0;text-wrap:pretty}.cmp__plus{display:grid;place-items:center;justify-self:end;width:1.6rem;height:1.6rem;color:#6d6864;transition:transform .25s ease,color .25s ease}.cmp__plus>svg{display:block;width:1.6rem;height:1.6rem}.cmp__row-toggle[aria-expanded=true] .cmp__plus{transform:rotate(45deg);color:#222021}.cmp__detail{padding:0 0 1.4rem;font-family:var(--font-body-family);font-size:1.5rem;line-height:1.5;color:#222021;text-wrap:pretty}.cmp__detail[hidden]{display:none!important}.cmp__cell--bar{flex-wrap:wrap;row-gap:.8rem}.cmp__meter{flex:1 0 100%;display:flex;align-items:center;gap:.8rem;padding-left:3.2rem;box-sizing:border-box}.cmp__bar{display:block;flex:1;height:.6rem;border-radius:999px;background:#22202114;overflow:hidden}.cmp__bar-fill{display:block;height:100%;width:var(--w);border-radius:999px;background:var(--accent)}.cmp__cell--theirs .cmp__bar-fill{background:#d9d4cf}.cmp__val{min-width:3.6rem;font:700 1.3rem/1 var(--font-heading-family);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.cmp__more{border-top:1px solid #E6E0DA}.cmp__more>summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.4rem 0;list-style:none;cursor:pointer;font-family:var(--font-body-family);font-size:1.5rem;line-height:1.4;color:#222021}.cmp__more>summary::-webkit-details-marker{display:none}.cmp__more>summary::marker{content:""}.cmp__more>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cmp__chev{flex:0 0 auto;display:block;width:1.6rem;height:1.6rem;color:#6d6864;transition:transform .25s ease}.cmp__more[open] .cmp__chev{transform:rotate(180deg)}.cmp__cta{margin-top:2.4rem}.cmp .cmp__btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:1rem;width:100%;min-width:0;min-height:0;height:5.2rem;margin:0;padding:0 2.4rem;border:0;border-radius:999px;background:#222021;color:#fff;box-shadow:none;font:700 1.4rem/1 var(--font-heading-family);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .25s,transform .25s}.cmp .cmp__btn:hover{background:#3a3738;transform:translateY(-1px)}.cmp .cmp__btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cmp__btn>svg{display:block;flex:0 0 auto;width:1.6rem;height:1.6rem}.cmp__trust{display:block;margin:1.2rem 0 0;font-family:var(--font-body-family);font-size:1.2rem;line-height:1.45;color:#6d6864;text-align:center}.cmp__trust>svg{display:inline-block;width:1.3rem;height:1.3rem;margin-right:.6rem;vertical-align:-.2rem;color:var(--accent)}.cmp__footnote{margin:1.6rem 0 0;font-family:var(--font-body-family);font-size:1.2rem;line-height:1.5;color:#6d6864;text-align:left}.cmp-pulse{animation:cmpBtnPulse 1.2s ease-out 1}@keyframes cmpBtnPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--cmp-pulse, #5B8DDC) 55%,transparent);transform:scale(1)}25%{transform:scale(1.03)}60%{transform:scale(1)}to{box-shadow:0 0 0 1.6rem color-mix(in srgb,var(--cmp-pulse, #5B8DDC) 0%,transparent);transform:scale(1)}}@media screen and (min-width:750px){.cmp__grid{gap:3.2rem}.cmp__visual{max-width:56rem;margin-inline:auto}.cmp__table{display:grid;grid-template-columns:var(--cmp-cols);grid-template-rows:repeat(var(--cmp-rows),auto);column-gap:var(--cmp-gap)}.cmp__table--alt{grid-template-rows:repeat(var(--cmp-rows-alt),auto)}.cmp__heads,.cmp__row{grid-column:1 / -1;display:grid;grid-template-columns:var(--cmp-cols);column-gap:var(--cmp-gap);align-items:center}.cmp__detail{grid-column:2 / 4;padding-left:1rem}.cmp__colbg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;grid-column:2 / 3;grid-row:1 / -1;margin:0 -1rem;border-radius:1rem;background:transparent;z-index:0}.cmp__head--ours,.cmp__row .cmp__cell--ours{padding-inline:1rem}}@media(hover:hover)and (min-width:750px){.cmp__row:hover{background-color:#22202106}}@media screen and (min-width:990px){.cmp__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4.8rem;align-items:stretch}.cmp__visual{max-width:none;margin-inline:0;aspect-ratio:auto;height:auto;min-height:56rem}.cmp__img{object-position:50% 25%}}.cmp--no-visual .cmp__side{width:100%;max-width:96rem;margin-inline:auto}@media screen and (min-width:990px){.cmp--no-visual .cmp__grid{grid-template-columns:minmax(0,1fr)}}.cmp--video{--cmp-var: 1;--cmp-vh: 80vh;--cmp-card-bg: #ECEBE6;--cmp-line: rgba(34, 32, 33, .1)}@supports (height: 1svh){.cmp--video{--cmp-vh: 80svh}}.cmp--video .cmp__visual--video{width:min(100%,calc(var(--cmp-vh) * var(--cmp-var)));max-width:none;height:auto;min-height:0;margin-inline:auto;aspect-ratio:auto;border-radius:1rem;background:#f1f0ee}.cmp__vmedia{position:relative;width:100%}.cmp__vmedia:before{content:"";display:block;padding-top:calc(100% / var(--cmp-var))}.cmp__vmedia>.cmp__vid{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.cmp--video .cmp__card{background:var(--cmp-card-bg);border:0;border-radius:1rem;box-shadow:none;padding:clamp(2.4rem,5vw,5.6rem)}.cmp--video .cmp__row,.cmp--video .cmp__row-toggle,.cmp--video .cmp__more{border-top-color:var(--cmp-line)}.cmp--video .cmp__chip--yes{background:#fff}.cmp--video .cmp__chip--no{background:#22202114;color:#6d6864}.cmp--video .cmp__bar{background:#fff}.cmp--video .cmp__cell--theirs .cmp__bar-fill{background:#a8a29d}@media screen and (min-width:990px){.cmp--video .cmp__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.4rem;row-gap:1.6rem;align-items:stretch}.cmp--video .cmp__side{display:contents}.cmp--video .cmp__card{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(3.2rem,3.6vw,5.6rem);container:cmp-card / inline-size}.cmp--video .cmp__visual--video{grid-column:2;grid-row:1;width:auto;margin-inline:0}.cmp--video .cmp__visual--video:before{content:"";display:block;padding-top:100%}.cmp--video .cmp__vmedia{position:absolute;top:0;right:0;bottom:0;left:0}.cmp--video .cmp__vmedia:before{content:none}.cmp--video .cmp__footnote{grid-column:1;grid-row:2;margin:0}}@container cmp-card (max-width: 52rem){.cmp--video .cmp__table{display:block}.cmp--video .cmp__colbg,.cmp--video .cmp__head--label{display:none}.cmp--video .cmp__heads,.cmp--video .cmp__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cmp--video .cmp__row{row-gap:.8rem}.cmp--video .cmp__label{grid-column:1 / -1;grid-row:1;padding-right:2.4rem}.cmp--video .cmp__plus{grid-column:2;grid-row:1;align-self:center}.cmp--video .cmp__row .cmp__cell--ours{padding-inline:0}.cmp--video .cmp__detail{padding-left:0}}@media screen and (min-width:750px){.cmp--video .cmp__head--theirs{padding-inline:1rem}}@media screen and (max-width:749px){.cmp--video .cmp__cell--ours{background:#fff;border-color:transparent}.cmp--video .cmp__cell--theirs{background:transparent;border-color:#22202124}.cmp--video .cmp__cell--ours .cmp__chip--yes{background:color-mix(in srgb,var(--accent) 16%,#fff)}.cmp--video .cmp__cell--ours .cmp__bar{background:#22202114}}@media screen and (max-width:749px){.cmp__card{padding:1.6rem}.cmp__callouts{inset:auto 1.2rem 1.2rem 1.2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.cmp__callout{position:static;transform:none;max-width:100%;font-size:1.2rem}.cmp__table{display:block}.cmp__heads{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3.2rem;padding:0 0 1.2rem}.cmp__head--label{display:none}.cmp__head--theirs{font-size:1.1rem;line-height:1.2;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;min-height:3.2rem}.cmp__head--theirs[data-vs]:before{left:-1.6rem;width:2.8rem;height:2.8rem;font-size:1rem}.cmp__logo{height:1.5rem;max-width:12.5rem}.cmp__head--ours{padding-right:0}.cmp__row,.cmp .cmp__row-toggle{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1.2rem;row-gap:.8rem;align-items:stretch;padding:1.2rem 0}.cmp__label{grid-column:1 / -1;grid-row:1;padding-right:2.4rem}.cmp__plus{grid-column:2;grid-row:1;align-self:center}.cmp__cell{align-items:flex-start;gap:.8rem;padding:1rem;border-radius:1rem;font-size:1.5rem}.cmp__cell--ours{background:#fff;border:1px solid #E6E0DA}.cmp__cell--theirs{background:#f6f4f3;border:1px solid transparent}.cmp__chip{width:2rem;height:2rem}.cmp__chip>svg{width:1.2rem;height:1.2rem}.cmp__meter{padding-left:0}}.cmp--js .cmp__cell,.cmp--js .cmp__label{opacity:0;translate:0 .8rem;transition:opacity .5s ease,translate .5s ease;transition-delay:calc(var(--i, 0) * 60ms)}.cmp--js .cmp__callout{opacity:0;translate:0 .8rem;transition:opacity .5s ease,translate .5s ease;transition-delay:calc(var(--i, 0) * .14s + .3s)}.cmp--js .cmp__bar-fill{width:0;transition:width .9s cubic-bezier(.2,.7,.2,1) .3s}.cmp--js.is-in .cmp__cell,.cmp--js.is-in .cmp__label,.cmp--js.is-in .cmp__callout{opacity:1;translate:none}.cmp--js.is-in .cmp__bar-fill{width:var(--w)}@media(prefers-reduced-motion:reduce){.cmp--js .cmp__cell,.cmp--js .cmp__label,.cmp--js .cmp__callout,.cmp--js .cmp__bar-fill,.cmp .cmp__btn,.cmp__plus,.cmp__chev{transition:none}.cmp--js .cmp__cell,.cmp--js .cmp__label,.cmp--js .cmp__callout{opacity:1;translate:none}.cmp--js .cmp__bar-fill{width:var(--w)}.cmp__dot:after{animation:none;opacity:0}.cmp-pulse{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-pdp-comparison.css.map */