.mm.mm-helix{background:linear-gradient(180deg,#f5f8fb,#fff 38%,#f5f8fb)}.mm.mm-helix .mm-helix-grid{display:grid;gap:24px}.mm.mm-helix .mm-helix-stage{position:relative;z-index:0}.mm.mm-helix .mm-helix-host{position:relative;height:340px;height:min(40svh,340px);min-height:260px;border:1px solid var(--mm-line);border-radius:28px;overflow:hidden;background-color:#eef3f8;background-image:radial-gradient(closest-side,#1ab3c62e,#1ab3c600 78%),linear-gradient(rgba(10,31,61,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(10,31,61,.055) 1px,transparent 1px);background-size:100% 100%,32px 32px,32px 32px;background-position:center,center,center}.mm.mm-helix .mm-helix-host:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:18px;border:1px dashed rgba(10,31,61,.12);pointer-events:none}.mm.mm-helix .mm-helix-still,.mm.mm-helix .mm-helix-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mm.mm-helix .mm-helix-still{padding:6% 10%;object-fit:contain;transition:opacity .8s var(--mm-ease)}.mm.mm-helix .mm-helix-canvas{display:block;opacity:0;transition:opacity .9s var(--mm-ease)}.mm.mm-helix .mm-helix-host.is-3d .mm-helix-canvas{opacity:1}.mm.mm-helix .mm-helix-host.is-3d .mm-helix-still{opacity:0}.mm.mm-helix .mm-helix-cap{margin-top:12px;text-align:center}.mm.mm-helix .mm-helix-steps{display:grid;gap:16px;margin:0;padding:0;list-style:none;position:relative;z-index:1}.mm.mm-helix .mm-helix-card{padding:26px 24px 28px;border:1px solid var(--mm-line);border-radius:22px;background:#fffffff7;box-shadow:0 24px 48px -28px #0a1f3d47;transition:opacity .5s var(--mm-ease),transform .5s var(--mm-ease),border-color .5s var(--mm-ease)}.mm.mm-helix .mm-helix-kicker{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-teal-d)}.mm.mm-helix .mm-helix-idx{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid currentColor;font-size:16px;letter-spacing:0}.mm.mm-helix .mm-helix-card .mm-text{margin-top:12px}@media(min-width:990px){.mm.mm-helix .mm-helix-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:start}.mm.mm-helix .mm-helix-host{height:560px;height:min(72vh,640px)}.mm.mm-helix .mm-helix-card{padding:34px 34px 36px}}@media(prefers-reduced-motion:no-preference){.mm.mm-helix{background:#f7fafc}.mm.mm-helix .mm-helix-stage{position:sticky;top:0;z-index:2;margin-top:calc(-1 * (var(--mm-hdr) - 18px));padding-top:calc(var(--mm-hdr) + 6px);padding-bottom:14px;background:#f7fafc;box-shadow:0 14px 14px -10px #f7fafc}.mm.mm-helix .mm-head{margin-bottom:calc(var(--mm-hdr) - 8px)}.mm.mm-helix .mm-helix-step{min-height:58svh;display:flex;align-items:center}.mm.mm-helix .mm-helix-step:first-child{min-height:44svh;align-items:flex-start}.mm.mm-helix .mm-helix-step:last-child{min-height:46svh}.mm.mm-helix.mm-motion .mm-helix-step:not(.is-active) .mm-helix-card{border-color:transparent}@media(min-width:990px){.mm.mm-helix{background:linear-gradient(180deg,#f5f8fb,#fff 38%,#f5f8fb)}.mm.mm-helix .mm-head{margin-bottom:clamp(40px,6vw,72px)}.mm.mm-helix .mm-helix-stage{top:calc(var(--mm-hdr) + (100vh - var(--mm-hdr) - min(72vh,640px)) / 2);z-index:0;margin-top:0;padding-top:0;padding-bottom:0;background:none;box-shadow:none}.mm.mm-helix .mm-helix-step,.mm.mm-helix .mm-helix-step:first-child,.mm.mm-helix .mm-helix-step:last-child{min-height:76vh;align-items:center;padding-top:0}.mm.mm-helix.mm-motion .mm-helix-step:not(.is-active) .mm-helix-card{opacity:.38;transform:scale(.97)}.mm.mm-helix.mm-motion .mm-helix-step.is-active .mm-helix-card{border-color:#0e8c9e73}}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-motion-matrix-helix.css.map */