.sfh3-mech{display:block;position:relative;color:var(--sfh3-fg, #0c0c0e);background:#fff;font-family:var(--sfh3-font-body, var(--font-body-family, inherit));overflow:hidden;overflow:clip;isolation:isolate;scroll-margin-top:6rem}.sfh3-mech *,.sfh3-mech *:before,.sfh3-mech *:after{box-sizing:border-box}.sfh3-mech__anchor{position:absolute;inset:0 auto auto 0}.sfh3-mech__shell{width:min(calc(100% - 2rem),var(--sfh3-max, 82.5rem));margin-inline:auto;padding-block:var(--sfh3-space-section, clamp(4.5rem, 8vw, 8rem));display:grid;grid-template-columns:minmax(0,1.04fr) minmax(24rem,.8fr);align-items:center;gap:clamp(3rem,7vw,7rem)}.sfh3-mech__copy,.sfh3-mech__visual{min-width:0}.sfh3-mech__copy{position:relative;z-index:1;max-width:42rem}.sfh3-mech__eyebrow{margin:0 0 .875rem;color:var(--sfh3-accent-ink, #8e3a00);font-size:.75rem;font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.sfh3-mech__title{max-width:13ch;margin:0;color:var(--sfh3-fg, #0c0c0e);font-family:var(--sfh3-font-heading, var(--font-heading-family, inherit));font-size:clamp(2.7rem,4.8vw,4.8rem);font-weight:800;letter-spacing:-.055em;line-height:.98;text-wrap:balance}.sfh3-mech__intro{max-width:39rem;margin:1.5rem 0 0;color:var(--sfh3-muted, #686664);font-size:clamp(1.025rem,1.35vw,1.2rem);line-height:1.65}.sfh3-mech__sequence{margin:2rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .6rem;color:var(--sfh3-fg, #0c0c0e);font-size:.82rem;font-weight:760;letter-spacing:.01em;line-height:1.4}.sfh3-mech__sequence span{white-space:nowrap}.sfh3-mech__sequence svg{width:1rem;height:1rem;flex:0 0 auto;fill:none;stroke:var(--sfh3-accent, #fe6d00);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sfh3-mech__visual{position:relative;width:100%;margin:0}.sfh3-mech__media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none;isolation:isolate}.sfh3-mech__poster,.sfh3-mech__animation{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;background:#fff}.sfh3-mech__poster{z-index:0;opacity:1;transition:opacity .28s ease}.sfh3-mech__animation{z-index:1;opacity:0;transition:opacity .28s ease}.sfh3-mech.is-animation-ready .sfh3-mech__poster{opacity:0}.sfh3-mech.is-animation-ready .sfh3-mech__animation,.sfh3-mech.is-static .sfh3-mech__poster{opacity:1}.sfh3-mech.is-static .sfh3-mech__animation{opacity:0}.sfh3-mech.is-animation-error .sfh3-mech__poster{opacity:1}.sfh3-mech.is-animation-error .sfh3-mech__animation{display:none}.sfh3-mech__motion-toggle{position:absolute;z-index:3;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sfh3-mech__motion-toggle[hidden]{display:none}.sfh3-mech__motion-toggle:focus-visible{right:1rem;bottom:1rem;width:2.75rem;height:2.75rem;margin:0;display:grid;place-items:center;overflow:visible;clip:auto;clip-path:none;border:1px solid #fff;border-radius:999px;color:#fff;background:#0c0c0e;box-shadow:0 .5rem 1.5rem #0c0c0e29}.sfh3-mech__motion-toggle svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sfh3-mech__motion-toggle svg[hidden]{display:none}.sfh3-mech__caption{margin:1rem 0 0;display:grid;grid-template-columns:.55rem minmax(0,1fr);align-items:start;gap:.75rem}.sfh3-mech__caption>span{width:.55rem;height:.55rem;margin-top:.38rem;border-radius:999px;background:var(--sfh3-accent, #fe6d00)}.sfh3-mech__caption p,.sfh3-mech__static-note,.sfh3-mech__noscript{margin:0;color:var(--sfh3-muted, #686664);font-size:.8rem;line-height:1.55}.sfh3-mech__caption strong{color:var(--sfh3-fg, #0c0c0e)}.sfh3-mech__static-note{margin-top:.75rem;padding-left:1.3rem}.sfh3-mech__static-note[hidden]{display:none}.sfh3-mech__noscript{width:min(calc(100% - 2rem),var(--sfh3-max, 82.5rem));margin:-3rem auto 3rem}@media(max-width:61.99rem){.sfh3-mech__shell{grid-template-columns:minmax(0,1fr);gap:clamp(2.75rem,7vw,4.5rem)}.sfh3-mech__copy{max-width:45rem}.sfh3-mech__title{max-width:14ch}.sfh3-mech__visual{width:min(100%,35rem);justify-self:center}}@media(max-width:39.99rem){.sfh3-mech__shell{width:min(calc(100% - 1.25rem),var(--sfh3-max, 82.5rem));padding-block:clamp(4rem,16vw,5.5rem)}.sfh3-mech__title{font-size:clamp(2.45rem,12vw,3.55rem)}.sfh3-mech__intro{margin-top:1.25rem}.sfh3-mech__sequence{gap:.42rem}.sfh3-mech__sequence svg{width:.8rem;height:.8rem}}@media(prefers-reduced-motion:reduce){.sfh3-mech__poster,.sfh3-mech__animation,.sfh3-mech__motion-toggle{transition:none}}@media(forced-colors:active){.sfh3-mech__motion-toggle:focus-visible{border:2px solid ButtonText;color:ButtonText;background:ButtonFace;forced-color-adjust:none}.sfh3-mech__caption>span{background:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/sf-health-r3-mechanism.css.map */