.text-with-diagram{position:relative;display:flex;flex-direction:column;gap:3.2rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));padding-inline:1.6rem}@media screen and (min-width: 750px){.text-with-diagram{padding-inline:max(6rem,(100% - 132rem)/2)}}@media screen and (min-width: 750px){.text-with-diagram{flex-direction:row;align-items:center;justify-content:space-between;gap:4.8rem}}@media screen and (min-width: 750px){.text-with-diagram-wrapper:has(+.shopify-section>.color-scheme-1) .text-with-diagram{margin-block-end:50px}}.text-with-diagram-wrapper:has(+.shopify-section>.color-scheme-1) .text-with-diagram::after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:1;height:8rem;background:linear-gradient(to bottom, rgb(var(--color-background)), transparent);transform:translateY(100%);pointer-events:none}.text-with-diagram__content{display:contents}@media screen and (min-width: 750px){.text-with-diagram__content{display:flex;flex-direction:column;gap:1.6rem;flex:0 1 53.8rem}}.text-with-diagram__header{display:flex;flex-direction:column;gap:2.4rem;order:1}@media screen and (min-width: 750px){.text-with-diagram__header{order:0}}.text-with-diagram__eyebrow{display:block;width:-moz-fit-content;width:fit-content;margin:0;padding:.6rem 2rem;font-size:1.6rem;font-weight:500;line-height:1.3;letter-spacing:0;text-align:center;text-transform:uppercase;color:#212024;background-color:#fff;border-radius:10rem}@media screen and (max-width: 749.98px){.text-with-diagram__eyebrow{font-size:1.3rem}}.text-with-diagram__heading{font-size:var(--font-size-h1, 3.8rem);line-height:1.06;font-weight:400;letter-spacing:-0.01em}@media screen and (min-width: 750px){.text-with-diagram__heading{font-size:var(--font-size-h1, 4.4rem)}}@media screen and (max-width: 749.98px){.text-with-diagram__heading{--font-size-h1: 3.2rem}}.text-with-diagram__heading p{margin:0}.text-with-diagram__text{display:flex;flex-direction:column;gap:.8rem;order:3;font-size:1.5rem;line-height:1.3;opacity:.7}@media screen and (min-width: 750px){.text-with-diagram__text{order:0}}.text-with-diagram__text p{margin:0}.text-with-diagram__figure{order:2}@media screen and (min-width: 750px){.text-with-diagram__figure{order:0;flex:0 1 76.3rem}}.text-with-diagram__image,.text-with-diagram__video{display:block;width:100%;height:auto}.text-with-diagram__image--placeholder{aspect-ratio:763/469}