.science-bit{background-color:var(--colour-cherrywood);color:var(--colour-bianca);padding:var(--science-bit-padding-top-mobile) var(--page-margin-side-mobile) var(--science-bit-padding-bottom-mobile)}.science-bit-inner{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"eyebrow eyebrow" "heading heading" "body    body" "cta     cta" "prev    next" "dots    dots";max-width:1280px;margin:0 auto}.science-eyebrow{grid-area:eyebrow;margin:0 0 16px;font-size:16px;text-align:center}.science-heading{grid-area:heading;margin:0 0 40px;font-size:32px;text-align:center}.science-nav{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;cursor:pointer;transition:opacity .2s ease}.science-nav:hover{opacity:.7}.science-nav-prev{grid-area:prev;justify-self:start}.science-nav-next{grid-area:next;justify-self:end}.science-nav-icon{display:flex;flex-shrink:0;width:15px;height:13px}.science-nav-icon svg{width:100%;height:100%}.science-nav-icon svg path{fill:currentColor}.science-nav-prev .science-nav-icon{transform:scaleX(-1)}.science-body{grid-area:body;display:grid;grid-template-columns:1fr;row-gap:40px;margin:0 0 40px}.science-stage{position:relative;z-index:1;grid-row:3;justify-self:center;width:100%;max-width:252px;aspect-ratio:252 / 241}.science-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.science-media{width:100%;height:100%;object-fit:contain}.science-features{display:contents}.science-feature{--science-line: 40px;position:relative;min-height:48px}.science-feature:nth-child(1),.science-feature:nth-child(4),.science-feature:nth-child(6){text-align:left}.science-feature:nth-child(2),.science-feature:nth-child(5){text-align:right}.science-feature:nth-child(3){text-align:center}.science-feature-text{margin:0;max-width:240px}.science-feature:nth-child(2) .science-feature-text,.science-feature:nth-child(5) .science-feature-text{margin-left:auto}.science-feature:nth-child(3) .science-feature-text{max-width:175px;margin:0 auto}.science-leader{display:none}.science-route{position:absolute;width:var(--science-reach);height:var(--science-run);pointer-events:none}.science-route:before,.science-route:after{content:"";position:absolute;background-color:currentColor}.science-route:before{top:0;bottom:0;width:1px}.science-route:after{left:0;right:0;height:1px}.science-route-dot{position:absolute;width:5px;height:5px;border-radius:50%;background-color:currentColor}.science-feature:nth-child(1) .science-route,.science-feature:nth-child(2) .science-route{top:calc(100% + 8px)}.science-feature:nth-child(1) .science-route:after,.science-feature:nth-child(2) .science-route:after{bottom:0}.science-feature:nth-child(1) .science-route-dot,.science-feature:nth-child(2) .science-route-dot{top:-2px}.science-feature:nth-child(3) .science-route,.science-feature:nth-child(4) .science-route,.science-feature:nth-child(5) .science-route,.science-feature:nth-child(6) .science-route{bottom:calc(100% + 9px)}.science-feature:nth-child(3) .science-route:after,.science-feature:nth-child(4) .science-route:after,.science-feature:nth-child(5) .science-route:after,.science-feature:nth-child(6) .science-route:after{top:0}.science-feature:nth-child(3) .science-route-dot,.science-feature:nth-child(4) .science-route-dot,.science-feature:nth-child(5) .science-route-dot,.science-feature:nth-child(6) .science-route-dot{bottom:-2px}.science-feature:nth-child(1) .science-route,.science-feature:nth-child(4) .science-route,.science-feature:nth-child(6) .science-route{left:2px}.science-feature:nth-child(1) .science-route:before,.science-feature:nth-child(4) .science-route:before,.science-feature:nth-child(6) .science-route:before{left:0}.science-feature:nth-child(1) .science-route-dot,.science-feature:nth-child(4) .science-route-dot,.science-feature:nth-child(6) .science-route-dot{left:-2px}.science-feature:nth-child(2) .science-route,.science-feature:nth-child(5) .science-route{right:3px}.science-feature:nth-child(2) .science-route:before,.science-feature:nth-child(5) .science-route:before{right:0}.science-feature:nth-child(2) .science-route-dot,.science-feature:nth-child(5) .science-route-dot{right:-2px}.science-feature:nth-child(3) .science-route{left:50%}.science-feature:nth-child(3) .science-route:before{left:0}.science-feature:nth-child(3) .science-route:after{display:none}.science-feature:nth-child(3) .science-route-dot{left:-2px}.science-feature:nth-child(1){--science-run: 168px;--science-reach: 67px}.science-feature:nth-child(2){--science-run: 113px;--science-reach: 85px}.science-feature:nth-child(3){--science-run: 99px;--science-reach: 0px}.science-feature:nth-child(4){--science-run: 256px;--science-reach: 95px}.science-feature:nth-child(5){--science-run: 275px;--science-reach: 93px}.science-feature:nth-child(6){--science-run: 363px;--science-reach: 95px}.science-leader-dot{width:5px;height:5px;border-radius:50%;background-color:currentColor}.science-leader-line{width:var(--science-line);height:1px;background-color:currentColor}.science-cta{grid-area:cta;display:flex;justify-content:center;margin:0 0 40px}.science-dots{grid-area:dots;display:flex;justify-content:center;gap:.5rem;margin:40px 0 0}.science-dot{width:4px;height:4px;padding:0;border:0;border-radius:100px;background-color:var(--colour-white-40);cursor:pointer;transition:background-color .2s ease,width .2s ease}.science-dot.is-selected{width:60px;background-color:var(--colour-bianca)}.science-cursor{position:fixed;top:0;left:0;z-index:3;display:none;width:74px;height:74px;pointer-events:none;will-change:transform}.science-cursor-disc{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--colour-white-40);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--colour-dark);opacity:0;transform:scale(.2);transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .16s ease}.science-cursor.is-visible .science-cursor-disc{opacity:1;transform:scale(1)}.science-cursor-icon{display:flex;width:24px;height:24px}.science-cursor-icon svg{width:100%;height:100%}.science-cursor-icon svg path{fill:currentColor}.science-cursor.is-prev .science-cursor-icon{transform:scaleX(-1)}.science-slide,.science-heading,.science-cta,.science-nav,.science-feature{transition:opacity .26s ease,transform .26s cubic-bezier(.22,1,.36,1)}.is-leaving-next .science-slide,.is-leaving-next .science-heading,.is-leaving-next .science-cta{opacity:0;transform:translate(-32px) scale(.98)}.is-leaving-prev .science-slide,.is-leaving-prev .science-heading,.is-leaving-prev .science-cta{opacity:0;transform:translate(32px) scale(.98)}.is-entering-next .science-slide,.is-entering-next .science-heading,.is-entering-next .science-cta{opacity:0;transform:translate(32px) scale(.98);transition:none}.is-entering-prev .science-slide,.is-entering-prev .science-heading,.is-entering-prev .science-cta{opacity:0;transform:translate(-32px) scale(.98);transition:none}.is-leaving-next .science-nav,.is-leaving-prev .science-nav,.is-leaving-next .science-feature,.is-leaving-prev .science-feature{opacity:0}.is-entering-next .science-nav,.is-entering-prev .science-nav,.is-entering-next .science-feature,.is-entering-prev .science-feature{opacity:0;transition:none}@media screen and (min-width:1000px){.science-bit{padding:var(--science-bit-padding-top-desktop) var(--page-margin-side-desktop) var(--science-bit-padding-bottom-desktop)}.science-bit-inner{grid-template-columns:1fr auto 1fr;grid-template-areas:"eyebrow eyebrow eyebrow" "prev    heading next" "body    body    body" "cta     cta     cta" "dots    dots    dots";align-items:center}.science-eyebrow{margin-bottom:24px;font-size:18px}.science-heading{min-width:0;margin-bottom:0;padding:0 40px;font-size:60px}.science-body{position:relative;margin-top:80px;margin-bottom:80px;grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr);column-gap:80px;row-gap:120px;align-content:center;min-height:400px}.science-stage{position:absolute;grid-row:auto;justify-self:auto;top:50%;left:50%;width:400px;max-width:none;aspect-ratio:1;transform:translate(-50%,-50%)}.science-route{display:none}.science-leader{display:flex;align-items:center;gap:4px}.science-feature{--science-line: 130px}.science-feature:nth-child(odd){grid-column:1;text-align:right;transform:translateY(-31px)}.science-feature:nth-child(2n){grid-column:3;text-align:left;transform:translateY(32px)}.science-feature:nth-child(odd) .science-feature-text{max-width:266px;margin-left:auto;margin-right:0}.science-feature:nth-child(2n) .science-feature-text{max-width:266px;margin-left:0;margin-right:auto}.science-leader{position:absolute;top:9.5px}.science-feature:nth-child(odd) .science-leader{left:100%;margin-left:10px;flex-direction:row}.science-feature:nth-child(2n) .science-leader{right:100%;margin-right:10px;flex-direction:row-reverse}.science-feature:nth-child(1){--science-line: 110px}.science-feature:nth-child(2){--science-line: 151px}.science-feature:nth-child(3){--science-line: 162px}.science-feature:nth-child(4){--science-line: 161px}.science-cta{margin-bottom:0}.science-dots{margin-top:60px}.science-bit-inner.cursor-next,.science-bit-inner.cursor-prev{cursor:none}.science-cursor{display:block}.science-nav-prev,.science-nav-next{align-self:center}}@media(prefers-reduced-motion:reduce){.science-slide,.science-heading,.science-cta,.science-nav,.science-feature,.science-dot,.science-cursor-disc{transition:none}.is-leaving-next .science-slide,.is-leaving-prev .science-slide,.is-entering-next .science-slide,.is-entering-prev .science-slide,.is-leaving-next .science-heading,.is-leaving-prev .science-heading,.is-entering-next .science-heading,.is-entering-prev .science-heading,.is-leaving-next .science-cta,.is-leaving-prev .science-cta,.is-entering-next .science-cta,.is-entering-prev .science-cta{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/159/assets/science-bit.css.map */
