.mn-faceoff.mn-faceoff--homepage{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:216px 4.5% 72px;background:linear-gradient(90deg,var(--macronova-ink) 50%,var(--macronova-surface) 50%);color:var(--macronova-ink);font-family:var(--font-body--family, Arial, sans-serif);line-height:1.2}.mn-faceoff *,.mn-faceoff *:before,.mn-faceoff *:after{box-sizing:border-box}.mn-faceoff__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mn-faceoff__transition{position:absolute;inset:0 0 auto;height:180px;pointer-events:none}.mn-faceoff__transition svg{display:block;width:100%;height:100%}.mn-faceoff__v{fill:var(--macronova-ink)}.mn-faceoff__v-rule{fill:none;stroke:var(--macronova-surface);stroke-opacity:.65;stroke-width:.9}.mn-faceoff__eyebrow{position:absolute;top:95px;left:0;right:0;color:var(--macronova-surface);text-align:center;font-size:11px;font-weight:700;letter-spacing:4px;line-height:1.2}.mn-faceoff__inner{width:100%;max-width:1440px;margin:0 auto}.mn-faceoff__heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin:0 0 44px;font-family:var(--font-heading--family, Arial, sans-serif);font-size:clamp(42px,4.6vw,76px);font-weight:800;letter-spacing:-.025em;line-height:1.04;text-align:center;text-transform:none}.mn-faceoff__heading span:first-child{color:var(--macronova-accent)}.mn-faceoff__heading span:last-child{color:var(--macronova-ink)}.mn-faceoff__names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center;min-height:28px;margin:0 0 14px;text-align:center}.mn-faceoff__brand-name{display:flex;justify-content:center;align-items:center}.mn-faceoff__brand-name img{display:block;width:195px;max-width:90%;height:auto;filter:brightness(0) invert(1)}.mn-faceoff__comparison-name{font-family:var(--font-heading--family, Arial, sans-serif);font-size:21px;font-weight:800;letter-spacing:-.03em}.mn-faceoff__comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.72fr) minmax(0,1fr);gap:26px;align-items:center}.mn-faceoff__metrics{min-width:0;margin:0;padding:0}.mn-faceoff__metrics--brand{color:var(--macronova-surface)}.mn-faceoff__metric{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:96px;border-top:1px solid rgb(var(--macronova-surface-rgb) / 22%)}.mn-faceoff__metric:last-child{border-bottom:1px solid rgb(var(--macronova-surface-rgb) / 22%)}.mn-faceoff__metric dt{max-width:128px;font-size:17px;font-weight:700;line-height:1.16}.mn-faceoff__metric dd{margin:0;font-family:var(--font-heading--family, Arial, sans-serif);font-size:58px;font-weight:800;letter-spacing:-.055em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.mn-faceoff__metric dd small{margin-left:2px;font-size:.4em;letter-spacing:-.02em}.mn-faceoff__metrics--brand .mn-faceoff__metric dd{color:var(--macronova-accent)}.mn-faceoff__metrics--comparison .mn-faceoff__metric{flex-direction:row-reverse;border-color:rgb(var(--macronova-ink-rgb) / 18%)}.mn-faceoff__metrics--comparison .mn-faceoff__metric:last-child{border-color:rgb(var(--macronova-ink-rgb) / 18%)}.mn-faceoff__metrics--comparison dt{text-align:right}.mn-faceoff__metric dd.mn-faceoff__symbol{display:grid;place-items:center;width:57px;height:57px;border-radius:14px;background:var(--macronova-accent);color:var(--macronova-ink);font-family:Arial,sans-serif;font-size:43px;font-weight:800;letter-spacing:0}.mn-faceoff__metrics--comparison .mn-faceoff__metric dd.mn-faceoff__symbol{background:rgb(var(--macronova-ink-rgb) / 9%)}.mn-faceoff__metric dd .mn-faceoff__reaction{display:inline-block;margin-left:7px;font-size:.5em;letter-spacing:0;vertical-align:middle}.mn-faceoff__bowl{position:relative;width:100%;min-width:0;aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 20px 18px rgb(0 0 0 / 15%))}.mn-faceoff__brand-picture{display:block;width:100%;height:100%}.mn-faceoff__brand-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain}.mn-faceoff__regular-half{position:absolute;top:3.5%;right:3.5%;bottom:3.5%;left:3.5%;overflow:hidden;border-radius:50%;clip-path:inset(0 0 0 50%)}.mn-faceoff__regular-half picture{display:block;width:100%;height:100%}.mn-faceoff__regular-half img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.4)}.mn-faceoff__bowl:after{content:"";position:absolute;top:1%;bottom:1%;left:50%;width:5px;border-radius:4px;background:var(--macronova-surface);transform:translate(-50%)}.mn-faceoff__vs{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:58px;height:58px;border:5px solid var(--macronova-surface);border-radius:50%;background:var(--macronova-ink);color:var(--macronova-surface);font-size:13px;font-weight:800;letter-spacing:1px;transform:translate(-50%,-50%)}.mn-faceoff__basis{margin:26px 0 0;text-align:center}.mn-faceoff__basis span{display:inline-block;padding:12px 22px;border-radius:9px;background:var(--macronova-accent);color:var(--macronova-ink);font-size:13px;font-weight:700;letter-spacing:.4px}@media(min-width:1500px){.mn-faceoff__metric{min-height:117px}.mn-faceoff__metric dt{font-size:19px}.mn-faceoff__metric dd{font-size:68px}}@media(min-width:1101px)and (max-width:1499px){.mn-faceoff__metric{min-height:96px}}@media(min-width:701px)and (max-width:1100px){.mn-faceoff.mn-faceoff--homepage{padding-left:3%;padding-right:3%}.mn-faceoff__comparison{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr);gap:18px}.mn-faceoff__metric{min-height:98px;gap:7px}.mn-faceoff__metric dt{max-width:96px;font-size:14px}.mn-faceoff__metric dd{font-size:44px}.mn-faceoff__metric dd.mn-faceoff__symbol{width:44px;height:44px;font-size:34px}}@media(max-width:700px){.mn-faceoff.mn-faceoff--homepage{padding:129px 16px 48px}.mn-faceoff__transition{height:105px}.mn-faceoff__eyebrow{top:53px;font-size:8px;letter-spacing:2px}.mn-faceoff__heading{gap:24px;margin:0 0 24px;font-size:clamp(23px,6.9vw,42px);letter-spacing:-.03em;line-height:1.08}.mn-faceoff__names{gap:24px;min-height:20px;margin-bottom:18px}.mn-faceoff__brand-name img{width:101px}.mn-faceoff__comparison-name{font-size:14px;line-height:1.2}.mn-faceoff__comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;align-items:start}.mn-faceoff__bowl{grid-column:1 / -1;grid-row:1;width:clamp(190px,54vw,280px);max-width:86%;margin:0 auto 20px;filter:drop-shadow(0 10px 12px rgb(0 0 0 / 13%))}.mn-faceoff__bowl:after{width:3px}.mn-faceoff__vs{width:36px;height:36px;border-width:3px;font-size:9px}.mn-faceoff__metrics{grid-row:2}.mn-faceoff__metrics--brand{grid-column:1}.mn-faceoff__metrics--comparison{grid-column:2}.mn-faceoff__metric,.mn-faceoff__metrics--comparison .mn-faceoff__metric{flex-direction:column;justify-content:center;align-items:center;min-height:74px;height:74px;gap:5px}.mn-faceoff__metric dt,.mn-faceoff__metrics--comparison dt{order:1;max-width:100%;font-size:13px;line-height:1.2;text-align:center}.mn-faceoff__metric dd{order:0;font-size:34px;letter-spacing:-.035em}.mn-faceoff__metric dd small{font-size:.44em}.mn-faceoff__metric dd .mn-faceoff__reaction{margin-left:5px;font-size:.53em}.mn-faceoff__metric dd.mn-faceoff__symbol{width:32px;height:32px;border-radius:8px;font-size:26px}.mn-faceoff__basis{margin-top:20px}.mn-faceoff__basis span{padding:10px 14px;font-size:10px;letter-spacing:.6px}}@media(max-width:350px){.mn-faceoff.mn-faceoff--homepage{padding:122px 12px 48px}.mn-faceoff__transition{height:99px}.mn-faceoff__eyebrow{top:50px;font-size:7px;letter-spacing:1.8px}.mn-faceoff__heading,.mn-faceoff__names{gap:20px}.mn-faceoff__heading{font-size:22px}.mn-faceoff__brand-name img{width:92px}.mn-faceoff__comparison-name{font-size:12px}.mn-faceoff__comparison{column-gap:20px}.mn-faceoff__metric,.mn-faceoff__metrics--comparison .mn-faceoff__metric{min-height:72px;height:72px}.mn-faceoff__metric dt,.mn-faceoff__metrics--comparison dt{font-size:12px}.mn-faceoff__metric dd{font-size:32px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/macronova-inside-the-bowl.css.map */