.sf3-difference{--sf3-brown: #34090e;--sf3-coral: #EB5F65;--sf3-lilac: #dadff9;--sf3-cream: #f2f2ed;--sf3-paper: #ffffff;--sf3-muted: rgba(52, 9, 14, .62);--sf3-progress: 0%;background:var(--sf3-paper);color:var(--sf3-brown);padding:clamp(72px,7vw,96px) 0 clamp(52px,6vw,82px);border-top:1px solid rgba(52,9,14,.1);scroll-margin-top:180px}.sf3-difference__inner{width:min(100% - 56px,1120px);margin:0 auto}.sf3-difference__header{position:relative;max-width:690px;margin:0 auto clamp(44px,4.5vw,62px);text-align:center}.sf3-difference__header h2{margin:0;font-family:inherit;font-size:clamp(36px,3.25vw,50px);line-height:1.08;font-weight:800;letter-spacing:0}.sf3-difference__header p{margin:22px 0 0;color:#34090eb8;font-size:16px;line-height:1.25;font-weight:700}.sf3-difference__link{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;color:#34090ec7;font-size:14px;line-height:1;font-weight:800;text-decoration:underline;text-underline-offset:3px}.sf3-difference__content{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.12fr);gap:clamp(42px,6vw,86px);align-items:start}.sf3-difference__timeline-wrap{display:grid;gap:34px}.sf3-difference__timeline{position:relative;display:grid;gap:34px;margin:0;padding:0 0 0 52px;list-style:none}.sf3-difference__timeline:before{content:"";position:absolute;top:14px;bottom:14px;left:12px;width:2px;background:linear-gradient(180deg,var(--sf3-brown) 0 var(--sf3-progress),rgba(52,9,14,.13) var(--sf3-progress) 100%)}.sf3-difference__milestone{position:relative;color:var(--sf3-brown);opacity:.42;transition:opacity .36s cubic-bezier(.22,.61,.36,1),color .32s ease}.sf3-difference__milestone.is-active,.sf3-difference__milestone.is-past{opacity:1}.sf3-difference__milestone:before{content:"";position:absolute;left:-43px;top:12px;width:9px;height:9px;border-radius:999px;background:#34090e2e;box-shadow:0 0 #eb5f6500;transform:scale(.85);transition:background-color .32s ease,background .32s ease,box-shadow .36s cubic-bezier(.22,.61,.36,1),transform .36s cubic-bezier(.22,.61,.36,1);will-change:background,box-shadow,transform}.sf3-difference__milestone.is-past:before{background:#34090e;transform:scale(1)}.sf3-difference__milestone.is-active:before{background:var(--sf3-coral);box-shadow:0 0 0 7px #eb5f6529;transform:scale(1.18)}.sf3-difference__milestone--muted{color:#34090e80}.sf3-difference__milestone--muted.is-active,.sf3-difference__milestone--muted.is-past{color:var(--sf3-brown)}.sf3-difference__milestone-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sf3-difference__milestone-head span{display:inline-flex;min-height:30px;align-items:center;justify-content:center;padding:0 15px;border-radius:999px;background:var(--sf3-brown);color:var(--sf3-paper);font-size:13px;line-height:1;font-weight:800}.sf3-difference__milestone--muted .sf3-difference__milestone-head span{background:#34090e1c;color:#34090e61}.sf3-difference__milestone--muted.is-active .sf3-difference__milestone-head span,.sf3-difference__milestone--muted.is-past .sf3-difference__milestone-head span{background:var(--sf3-brown);color:var(--sf3-paper)}.sf3-difference__milestone-head strong{color:currentColor;font-size:16px;line-height:1.15;font-weight:800}.sf3-difference__milestone ul{display:grid;gap:7px;margin:0;padding-left:18px}.sf3-difference__milestone li{color:currentColor;font-size:15px;line-height:1.22;font-weight:700}.sf3-difference__how{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin-top:4px;padding:16px 20px;border-radius:12px;background:var(--sf3-cream)}.sf3-difference__gummies{display:inline-flex;gap:6px}.sf3-difference__gummies span{width:20px;height:48px;border-radius:999px;background:radial-gradient(circle at 50% 30%,rgba(235,95,101,.45),transparent 32%),linear-gradient(180deg,#4b1415,#1f0709);box-shadow:inset 0 0 0 1px #ffffff2e,0 8px 18px #34090e2e}.sf3-difference__how img,.sf3-difference__how-img{display:block;width:96px;height:auto;max-width:96px;object-fit:contain;object-position:center;flex-shrink:0}.sf3-difference__how strong,.sf3-difference__how p{display:block;margin:0}.sf3-difference__how strong{margin-bottom:6px;font-size:17px;line-height:1.05;font-weight:800}.sf3-difference__how p{color:#34090ec2;font-size:15px;line-height:1.3;font-weight:700}.sf3-difference__media{display:grid;gap:14px;position:sticky;top:clamp(84px,12vh,130px);align-self:start}.sf3-difference__video,.sf3-difference__photo{position:relative;overflow:hidden;background-image:var(--sf3-gummies-url);background-repeat:no-repeat;background-size:cover;box-shadow:0 1px #34090e0a}.sf3-difference__video{min-height:300px;border-radius:26px;background-color:var(--sf3-cream);background-position:center 58%}.sf3-difference__video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#34090e42,#34090e05 58%),radial-gradient(circle at 72% 40%,rgba(235,95,101,.2),transparent 34%)}.sf3-difference__video-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0;color:#ffffffe6;font-size:12px;line-height:1;font-weight:700}.sf3-difference__video-top div{display:inline-flex;gap:8px}.sf3-difference__video-top div span{display:inline-flex;min-width:44px;height:34px;align-items:center;justify-content:center;border-radius:999px;background:#ffffff57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sf3-difference__video p{position:absolute;right:26%;bottom:22px;left:26%;margin:0;padding:12px 16px;border-radius:5px;background:#34090ec7;color:var(--sf3-paper);font-size:14px;line-height:1.24;font-weight:700;text-align:center}.sf3-difference__media-row{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:16px;align-items:stretch}.sf3-difference__photo--wide{height:200px;border-radius:14px;background-color:var(--sf3-cream);background-image:var(--sf3-packshot-url);background-position:center 34%;background-size:cover}.sf3-difference__photo--round{width:200px;height:200px;border-radius:999px;background-color:var(--sf3-cream);background-image:var(--sf3-kit-url);background-position:center;background-size:cover}@media(max-width:989px){.sf3-difference__content{grid-template-columns:1fr}.sf3-difference__media{order:-1;position:static;top:auto}}@media(max-width:640px){.sf3-difference{padding:48px 0 38px;scroll-margin-top:140px}.sf3-difference__inner{width:min(100% - 28px,1120px)}.sf3-difference__header{margin-bottom:30px}.sf3-difference__header h2{font-size:32px}.sf3-difference__header p{margin-top:16px;font-size:14px}.sf3-difference__media{gap:10px}.sf3-difference__video{min-height:230px;border-radius:18px}.sf3-difference__video-top{padding:16px 16px 0}.sf3-difference__video-top div span{min-width:38px;height:30px}.sf3-difference__video p{right:16px;bottom:16px;left:16px;font-size:12px}.sf3-difference__media-row{grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:start}.sf3-difference__photo--wide{height:150px;min-height:0;border-radius:12px}.sf3-difference__photo--round{width:150px;height:150px}.sf3-difference__timeline{gap:24px;padding-left:38px}.sf3-difference__timeline:before{left:11px}.sf3-difference__milestone:before{left:-31px}.sf3-difference__milestone-head{align-items:flex-start;flex-direction:column;gap:8px}.sf3-difference__milestone-head span{min-height:28px;padding:0 13px;font-size:12px}.sf3-difference__milestone-head strong{font-size:15px}.sf3-difference__milestone li{font-size:13px}.sf3-difference__how{padding:14px 16px;border-radius:10px}.sf3-difference__how img,.sf3-difference__how-img{width:84px;max-width:84px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sf3-difference-timeline.css.map */