.n-joint-context{padding:48px 20px;background:#fff;border-top:1px solid #e9ede3;color:#26351a;font-family:var(--font-body-family)}.n-joint-context__shell{max-width:700px;margin:auto}.n-joint-context__header{margin:0 auto 32px;text-align:center}.n-joint-context__eyebrow{display:inline-flex;align-items:center;gap:5px;margin:0;color:#4b6037;font:700 var(--natunora-text-small)/1.4 var(--font-heading-family);text-transform:uppercase}.n-joint-context__eyebrow strong{padding:4px 7px;background:#e7eddb;border-radius:3px;font-weight:700}.n-joint-context h2{max-width:580px;margin:14px auto 0;font:900 var(--natunora-text-h2)/1.2 var(--font-heading-family);letter-spacing:-.02em;text-wrap:balance}.n-joint-context__intro{max-width:520px;margin:18px auto 0;color:#58604e;font:400 var(--natunora-text-h5)/1.5 var(--font-body-family);text-wrap:pretty}.n-joint-context__intro strong{color:inherit;font-family:var(--font-heading-family);font-weight:900}.n-joint-context__figure{max-width:620px;margin:0 auto}.n-joint-context__plot{--grid-color:#dfe5d7;--label-size:var(--natunora-text-body);--curve-inset:calc(var(--label-size)*1.25 + 20px);position:relative;height:240px;margin:0 12px;background-image:linear-gradient(to right,var(--grid-color) 2px,transparent 2px),linear-gradient(to bottom,var(--grid-color) 2px,transparent 2px);background-size:20% 25%;box-shadow:inset -2px 0 var(--grid-color),inset 0 -2px var(--grid-color)}.n-joint-context__plot svg{position:absolute;left:0;top:var(--curve-inset);width:100%;height:calc(100% - var(--curve-inset)*2);display:block;overflow:visible}.n-joint-context__plot path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.n-joint-context__collagen{stroke:#66833e;stroke-width:3.5}.n-joint-context__joints{stroke:#aa4f3d;stroke-width:3.5}.n-joint-context__endpoint{position:absolute;left:100%;top:var(--curve-inset);width:10px;height:10px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#aa4f3d;box-shadow:0 0 0 1px #aa4f3d}.n-joint-context__estimate{position:absolute;right:8px;top:var(--curve-inset);transform:translateY(calc(-100% - 8px));white-space:nowrap;color:#a34332;background:#fff;padding:3px 0 3px 6px;font:900 var(--natunora-text-h4)/1.1 var(--font-heading-family)}.n-joint-context__axis{margin:16px 0 0;color:#758069;text-align:center;font:400 var(--natunora-text-small)/1.4 var(--font-body-family)}.n-joint-context__source{max-width:620px;margin:20px auto 0;color:#737b69;font:400 var(--natunora-text-sales-footnote)/1.5 var(--font-body-family)}@media(min-width:750px){.n-joint-context{padding:64px 30px}.n-joint-context__intro{font-size:var(--natunora-text-h4)}}@media(max-width:749px){.n-joint-context h2{font-size:var(--natunora-text-story-intro)}.n-joint-context__plot{height:210px}}@media(max-width:359px){.n-joint-context{padding:36px 12px}}.n-joint-context h2 .n-context-accent{color:#a34332}.n-joint-context__label{position:absolute;z-index:1;left:-6px;top:-6px;padding:6px 9px;border-radius:4px;white-space:nowrap;color:#57733c;background:#edf2e6;font:700 var(--label-size)/1.25 var(--font-heading-family)}.n-joint-context__label--joints{top:auto;bottom:-6px;color:#a34332;background:#f7ebe6}@media(min-width:750px){.n-joint-context__plot{--label-size:var(--natunora-text-h5)}.n-joint-context__header{margin-bottom:38px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/natunora-sales-joint-context.css.map */