.rea-motion-chapters{--rmc-bg:#06030D;--rmc-mid:#0A0518;--rmc-panel:#0D0817;--rmc-text:#FFFFFF;--rmc-muted:#B7AED1;--rmc-border:#3A2F52;--rmc-accent:#812AFD;--rmc-accent-bright:#6f2cff;--rmc-accent-soft:#A855F7;--rmc-max:1200px;--rmc-vh:900px;--rmc-radius:18px;--rmc-font:Poppins,"Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;isolation:isolate;overflow:hidden;color:var(--rmc-text);background-color:var(--rmc-bg);background-image:linear-gradient(to bottom,var(--rmc-bg) 0,transparent 180px),linear-gradient(to top,var(--rmc-bg) 0,transparent 180px),linear-gradient(to bottom,color-mix(in srgb,var(--rmc-mid) 62%,var(--rmc-bg)) 0%,var(--rmc-mid) 44%,color-mix(in srgb,var(--rmc-mid) 70%,var(--rmc-bg)) 100%);padding:96px 0 100px;font-family:var(--rmc-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.rea-motion-chapters *,.rea-motion-chapters *:before,.rea-motion-chapters *:after{box-sizing:border-box}.rea-motion-chapters__inner{position:relative;z-index:1;width:min(var(--rmc-max),calc(100% - 80px));margin:0 auto}.rea-motion-chapters__layout{display:grid;grid-template-columns:auto minmax(0,460px);grid-template-rows:auto auto;justify-content:center;justify-items:start;column-gap:80px;row-gap:0;align-items:center}.rea-motion-chapters__video-wrap{grid-column:1;grid-row:1 / span 2;position:relative;margin:0;padding:0;height:calc(var(--rmc-vh) * .8);width:calc(var(--rmc-vh) * .8 * 9 / 16);aspect-ratio:9/16;border-radius:var(--rmc-radius);overflow:hidden;background:#0b0518;box-shadow:0 12px 32px #110c2224;border:1px solid rgba(17,12,34,.18)}.rea-motion-chapters__video-wrap video,.rea-motion-chapters__video-wrap img.rea-motion-chapters__poster{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#0b0518}.rea-motion-chapters__chip{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 8px;border-radius:999px;background:#06030d9e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#efe8ff;font-size:11px;font-weight:600;letter-spacing:.02em}.rea-motion-chapters__chip svg{width:13px;height:13px;display:block;opacity:.95}.rea-motion-chapters__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:none;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:#06030d47;cursor:pointer;color:#fff}.rea-motion-chapters__play span{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,var(--rmc-accent-bright) 0%,var(--rmc-accent-soft) 100%);font-family:var(--rmc-font);font-size:14px;font-weight:600}.rea-motion-chapters.is-reduced .rea-motion-chapters__play{display:flex}.rea-motion-chapters.is-reduced.is-playing .rea-motion-chapters__play{display:none}.rea-motion-chapters__copy{grid-column:2;grid-row:1;max-width:460px;min-width:0}.rea-motion-chapters__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rmc-accent-soft)}.rea-motion-chapters__dot{width:7px;height:7px;border-radius:50%;background:var(--rmc-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--rmc-accent) 18%,transparent)}.rea-motion-chapters__headline{font-size:clamp(34px,3.4vw,56px);font-weight:800;letter-spacing:-.05em;line-height:1.08;max-width:16ch;color:var(--rmc-text);margin:0}.rea-motion-chapters__headline em{font-style:normal;background:linear-gradient(100deg,#d6a2ff 4%,#9e5fff 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rea-motion-chapters__lede{margin:18px 0 0;max-width:38ch;font-size:17px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--rmc-muted)}.rea-motion-chapters__chapters{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0;border-left:1px solid color-mix(in srgb,var(--rmc-accent) 28%,transparent)}.rea-motion-chapters__chapter{position:relative;padding:16px 0 16px 22px}.rea-motion-chapters__tick{position:absolute;left:-5px;top:22px;width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--rmc-muted) 50%,transparent);border:1px solid color-mix(in srgb,var(--rmc-border) 80%,transparent)}.rea-motion-chapters__chapter.is-active .rea-motion-chapters__tick{background:var(--rmc-accent);border-color:var(--rmc-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--rmc-accent) 22%,transparent);width:10px;height:10px;left:-5.5px}.rea-motion-chapters__kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--rmc-muted) 80%,transparent);margin:0 0 4px}.rea-motion-chapters__chapter.is-active .rea-motion-chapters__kicker{color:var(--rmc-accent-soft)}.rea-motion-chapters__title{font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:color-mix(in srgb,var(--rmc-text) 55%,var(--rmc-muted));margin:0}.rea-motion-chapters__chapter.is-active .rea-motion-chapters__title{color:var(--rmc-text)}.rea-motion-chapters__note{display:none;margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--rmc-muted)}.rea-motion-chapters__chapter.is-active .rea-motion-chapters__note{display:block}.rea-motion-chapters__chapter.is-active{background:linear-gradient(90deg,color-mix(in srgb,var(--rmc-accent) 12%,transparent),transparent 86%);border-radius:0 14px 14px 0;margin-left:-1px;padding-left:23px;max-width:100%}.rea-motion-chapters__progress{display:none}.rea-motion-chapters__cta{grid-column:2;grid-row:2;justify-self:start;align-self:start;margin-top:28px;width:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border-radius:999px;border:1px solid transparent;font-family:var(--rmc-font);font-size:15px;font-weight:600;letter-spacing:.01em;color:#fff;text-decoration:none;background-image:linear-gradient(135deg,var(--rmc-accent-bright) 0%,var(--rmc-accent-soft) 100%)}.rea-motion-chapters__cta svg{width:17px;height:17px;flex:0 0 auto}.rea-motion-chapters__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:700px){.rea-motion-chapters{padding:48px 0 56px}.rea-motion-chapters__inner{width:calc(100% - 32px)}.rea-motion-chapters__headline{font-size:32px;letter-spacing:-.045em;max-width:none}.rea-motion-chapters__lede{font-size:15px;line-height:1.5;margin-top:14px;max-width:none}.rea-motion-chapters__eyebrow{font-size:11px;margin-bottom:14px}.rea-motion-chapters__layout{display:flex;flex-direction:column;align-items:stretch;gap:18px}.rea-motion-chapters__copy{order:1;max-width:none}.rea-motion-chapters__video-wrap{order:2;width:86vw;height:auto;aspect-ratio:9/16;margin:0 auto}.rea-motion-chapters__chapters{display:none}.rea-motion-chapters__progress{display:block;order:3;width:100%;margin-top:2px;pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none}.rea-motion-chapters__bars{display:flex;gap:6px;width:100%;height:3px}.rea-motion-chapters__seg{flex:1;height:3px;border:0;border-radius:999px;background:color-mix(in srgb,var(--rmc-muted) 28%,transparent);overflow:hidden}.rea-motion-chapters__seg-fill{display:block;height:100%;width:100%;border:0;border-radius:999px;background:var(--rmc-accent);transform:scaleX(0);transform-origin:left center}.rea-motion-chapters__progress-labels{display:flex;gap:6px;width:100%;margin-top:10px}.rea-motion-chapters__plab{flex:1;text-align:center;padding:4px 2px 6px;border:0;border-radius:8px;background:transparent;cursor:default}.rea-motion-chapters__plab.is-active{background:color-mix(in srgb,var(--rmc-accent) 14%,transparent)}.rea-motion-chapters__now{display:none;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rmc-accent-soft);margin:0 0 2px;line-height:1.2}.rea-motion-chapters__plab.is-active .rea-motion-chapters__now{display:block}.rea-motion-chapters__plab strong{display:block;font-size:11px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--rmc-muted)}.rea-motion-chapters__plab.is-active strong{color:var(--rmc-accent-soft)}.rea-motion-chapters__mobile-note{display:none;margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--rmc-muted);text-align:center}.rea-motion-chapters__mobile-note.is-active{display:block}.rea-motion-chapters__cta{order:4;margin-top:2px;width:100%}}@media(prefers-reduced-motion:reduce){.rea-motion-chapters *,.rea-motion-chapters *:before,.rea-motion-chapters *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.rea-motion-chapters__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/24/assets/rea-motion-chapters.css.map */