.bkr.s-explainer,.bkr.s-explainer-mini{--disc: rgba(223, 212, 173, .07)}.s-explainer{background:var(--navy);color:var(--cream);padding-top:var(--section-y)}.s-explainer .h2{color:inherit}.s-explainer :focus-visible,.s-explainer-mini :focus-visible{outline-color:var(--gold)}.s-explainer .xp-ch__h em,.s-explainer-mini .mx__h em{font-family:var(--font-brand-display);font-weight:400;font-size:1.08em;letter-spacing:-.01em}.s-explainer .h2 em,.s-explainer-mini .h2 em,.s-explainer .xp-ch__h em,.s-explainer-mini .mx__h em{color:var(--champagne)}.s-explainer .xp-lead{margin-top:20px;max-width:40ch;font:400 19px/1.5 var(--font-brand-text);color:var(--on-dark)}.s-explainer .xp-stage{padding:clamp(48px,6vw,88px) 0 var(--section-y)}.s-explainer .xp-nav ol{list-style:none;margin:0 0 clamp(48px,6vw,80px);padding:0;display:flex;flex-wrap:wrap;gap:0 24px}.s-explainer .xp-nav a{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding-top:10px;text-decoration:none;font:500 14px/1 var(--font-brand-text);color:var(--on-dark);transition:color .3s}.s-explainer .xp-nav a:hover,.s-explainer .xp-nav a[aria-current=step]{color:var(--cream)}.s-explainer .xp-nav__n{font:400 20px/1 var(--font-brand-display);color:var(--gold)}.s-explainer .xp-nav__bar,.s-explainer .xp-disc{display:none}.s-explainer .xp-chapters{list-style:none;margin:0;padding:0;display:grid;gap:clamp(80px,11vw,140px)}.s-explainer .xp-ch{display:grid;gap:32px;scroll-margin-top:calc(var(--top) + 16px)}.s-explainer .xp-ch__num{display:flex;align-items:baseline;gap:10px;font:500 12px/1 var(--font-brand-text);letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark)}.s-explainer .xp-ch__n{font:400 52px/1 var(--font-brand-display);letter-spacing:0;color:var(--gold);text-transform:none}.s-explainer .xp-ch__h{margin-top:18px;font:700 clamp(30px,20.8px + 2vw,48px)/1.06 var(--font-brand-text);letter-spacing:-.035em;text-wrap:balance;padding-bottom:.05em}.s-explainer .xp-ch__p{margin-top:20px;max-width:38ch;font:400 clamp(17px,16px + .3vw,19px)/1.55 var(--font-brand-text);color:#e9e3d2f0}.s-explainer .xp-ch__detail{margin-top:22px;max-width:40ch;padding-left:16px;border-left:1px solid var(--gold);font-size:15.5px;line-height:1.55;color:var(--on-dark)}.bkr .xp-fig{position:relative;width:min(100%,520px);justify-self:center}.bkr .xp-svg{width:100%;height:auto;overflow:hidden}.s-explainer .xp-fig__cap{margin:16px auto 0;max-width:36ch;text-align:center;font:400 15px/1.45 var(--font-brand-text);color:var(--on-dark)}.bkr .xp-disclaimer{margin-top:64px;font-size:13px;line-height:1.5;color:var(--on-dark)}@media(min-width:1024px){.s-explainer .xp-ch{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(40px,5vw,96px)}}.s-explainer.xp--pin .xp-stage{height:100svh;padding:calc(var(--top) + 12px) 0 24px}.s-explainer.xp--pin .xp-inner{--fig: min(calc(100svh - var(--top) - 230px), 44vw);height:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"nav nav" "text fig" "disc cap";column-gap:clamp(40px,5vw,96px)}.s-explainer.xp--pin .xp-nav{grid-area:nav;padding-bottom:8px}.s-explainer.xp--pin .xp-nav ol{justify-content:space-between;margin-bottom:0}.s-explainer.xp--pin .xp-nav__bar{display:block;position:relative;height:1px;background:#e9e3d238;margin-top:8px}.s-explainer.xp--pin .xp-nav__bar span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);transform-origin:0 50%;transform:scaleX(.2)}.s-explainer.xp--pin .xp-chapters,.s-explainer.xp--pin .xp-ch,.s-explainer.xp--pin .xp-ch__fig{display:contents}.s-explainer.xp--pin .xp-ch__text{grid-area:text;align-self:center;max-width:544px}.s-explainer.xp--pin .xp-svg{grid-area:fig;align-self:center;justify-self:center;width:var(--fig);height:var(--fig)}.s-explainer.xp--pin .xp-bgc{display:none}.s-explainer.xp--pin .xp-fill5,.s-explainer.xp--pin .xp-week{transition:none}.s-explainer.xp--pin .xp-disc{display:block;grid-area:fig;align-self:center;justify-self:center;position:relative;width:calc(var(--fig) * .95);height:calc(var(--fig) * .95);border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(223,212,173,.12) 0%,var(--disc) 62%)}.s-explainer .xp-orbit{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;border:1px solid rgba(208,191,144,.3)}.s-explainer .xp-orbit:after{content:"";position:absolute;top:-4px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--gold)}.s-explainer.xp--pin .xp-fig__cap{grid-area:cap;align-self:end;margin:0 auto}.s-explainer.xp--pin .xp-disclaimer{grid-area:disc;align-self:end;margin:0}.bkr .xp-bgc{fill:var(--disc)}.bkr .xp-body{fill:#dfd4ad12;stroke:#e9e3d280;stroke-width:1.4}.bkr .xp-organ{fill:var(--champagne);transform-box:fill-box;transform-origin:center}.bkr .xp-organ--k{fill:var(--gold)}.bkr .xp-glow{transform-box:fill-box;transform-origin:center;opacity:.8}.bkr .xp-dash{fill:none;stroke:#e9e3d280;stroke-width:1.4;stroke-dasharray:1.5 6;stroke-linecap:round}.bkr .xp-aa circle{fill:var(--champagne)}.bkr .xp-lbl{font:500 13px var(--font-brand-text);fill:#e9e3d2e6;letter-spacing:.02em}.bkr .xp-trav,.bkr .xp-inflow{fill:var(--gold)}.bkr .xp-fish path{fill:none;stroke:var(--champagne);stroke-width:1.5;stroke-linejoin:round}.bkr .xp-fish .xp-eye{fill:var(--champagne)}.bkr .xp-leader{fill:none;stroke:#e9e3d273;stroke-width:1}.bkr .xp-num{font:400 58px var(--font-brand-display);fill:var(--cream);letter-spacing:0}.bkr .xp-num--s{font:400 30px var(--font-brand-display);fill:var(--champagne)}.bkr .xp-bundle{fill:#dfd4ad0d;stroke:#e9e3d280;stroke-width:1.4}.bkr .xp-fibre{fill:#dfd4ad24;stroke:#dfd4ad99;stroke-width:1.2}.bkr .xp-stri{stroke:#dfd4ad52;stroke-width:1.2}.bkr .xp-face{fill:#0a0b3c73;stroke:#e9e3d280;stroke-width:1.4}.bkr .xp-face-f{fill:#dfd4ad4d;stroke:#dfd4adb3;stroke-width:1}.bkr .xp-p{fill:var(--gold);transform-box:fill-box;transform-origin:center}.bkr .xp-bond{fill:none;stroke:#e9e3d28c;stroke-width:3;stroke-linecap:round}.bkr .xp-aden{fill:var(--champagne)}.bkr .xp-glyph{font:400 36px var(--font-brand-display);fill:var(--navy)}.bkr .xp-glyph--s{font-size:22px}.bkr .xp-P circle{fill:var(--gold)}.bkr .xp-P text{font:700 16px var(--font-brand-text);fill:var(--navy)}.bkr .xp-P3,.bkr .xp-Phop,.bkr .xp-t-atp,.bkr .xp-t-adp{transform-box:view-box}.bkr .xp-slot{fill:none;stroke:#e9e3d259;stroke-width:1.2;stroke-dasharray:3 5}.bkr .xp-kr{fill:var(--cream)}.bkr .xp-spark path{stroke:var(--champagne);stroke-width:2;stroke-linecap:round;opacity:0}.bkr .xp-t-adp{opacity:0}.bkr .xp-tank{fill:none;stroke:#e9e3d2cc;stroke-width:1.6}.bkr .xp-fill{transform-box:fill-box;transform-origin:50% 100%}.bkr .xp-fill4{transform:scaleY(.86)}.bkr .xp-pipe{fill:none;stroke:#e9e3d2cc;stroke-width:1.6}.bkr .xp-drop{fill:var(--champagne)}.bkr .xp-road path{stroke:#e9e3d229;stroke-width:1.2}.bkr .xp-ghost{fill:none;stroke:#e9e3d261;stroke-width:1.3;stroke-dasharray:5 7}.bkr .xp-tick{stroke:var(--gold);stroke-width:1.6}.bkr .xp-spoon ellipse{fill:var(--gold)}.bkr .xp-spoon path{stroke:var(--gold);stroke-width:5;stroke-linecap:round;fill:none}.bkr .xp-sdrop{fill:var(--champagne)}@media(max-width:599px){.bkr .xp-lbl{font-size:17px}.bkr .xp-num{font-size:60px}}@media(prefers-reduced-motion:no-preference){.js .bkr .xp-trav,.js .bkr .xp-drop,.js .bkr .xp-sdrop,.js .bkr .xp-inflow{opacity:0}.bkr .xp-aa,.bkr .xp-organ,.bkr .xp-p,.bkr .xp-week,.bkr .xp-s2 .xp-num,.bkr .xp-fill5{transition:opacity .7s var(--ease) var(--d, 0s),transform .9s var(--ease) var(--d, 0s)}.js .bkr .xp-fig:not(.is-on) .xp-aa{opacity:0;transform:translate(-16px)}.js .bkr .xp-fig:not(.is-on) .xp-organ{opacity:0;transform:scale(.7)}.js .bkr .xp-fig:not(.is-on) .xp-p{opacity:0;transform:scale(.1)}.js .bkr .xp-fig:not(.is-on) .xp-s2 .xp-num{opacity:0;transform:translateY(12px)}.js .bkr .xp-fig:not(.is-on) .xp-week{opacity:.2}.bkr .xp-fill4{transition:transform 2.6s var(--ease-io) .2s}.js .bkr .xp-fig:not(.is-on) .xp-fill4{transform:scaleY(.94)}.bkr .xp-fill5{transition:transform 3.4s cubic-bezier(.45,.05,.35,1) .3s}.js .bkr .xp-fig:not(.is-on) .xp-fill5{transform:scaleY(.44)}.bkr .xp-fig.is-live .xp-glow{animation:bkr-xp-glow 2.6s ease-in-out infinite alternate}.bkr .xp-fig.is-live .xp-trav{animation:bkr-xp-trav 3.4s cubic-bezier(.45,0,.3,1) var(--d) infinite}.bkr .xp-fig.is-live .xp-P3{animation:bkr-xp-p3 6s var(--ease) infinite}.bkr .xp-fig.is-live .xp-Phop{animation:bkr-xp-hop 6s var(--ease) infinite}.bkr .xp-fig.is-live .xp-t-atp{animation:bkr-xp-atp 6s ease infinite}.bkr .xp-fig.is-live .xp-t-adp{animation:bkr-xp-adp 6s ease infinite}.bkr .xp-fig.is-live .xp-spark path{animation:bkr-xp-spark 6s ease infinite}.bkr .xp-fig.is-live .xp-drop{animation:bkr-xp-drop 2.7s cubic-bezier(.5,0,.9,.6) var(--d) infinite}.bkr .xp-fig.is-live .xp-inflow{animation:bkr-xp-inflow 2.2s ease-in infinite}.bkr .xp-fig.is-live .xp-sdrop{animation:bkr-xp-sdrop 2.1s cubic-bezier(.5,0,.9,.6) var(--d) infinite}}@keyframes bkr-xp-glow{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}@keyframes bkr-xp-trav{0%{opacity:0;transform:translate(0)}14%{opacity:1}55%{transform:translate(var(--x1),var(--y1))}86%{opacity:1}to{opacity:0;transform:translate(var(--x2),var(--y2))}}@keyframes bkr-xp-p3{0%,18%{opacity:1;transform:translate(0)}36%{opacity:0;transform:translate(52px,-60px)}37%,88%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes bkr-xp-hop{0%{opacity:0;transform:translate(0)}8%,40%{opacity:1;transform:translate(0)}52%{transform:translate(18px,-56px)}64%{transform:translate(-14px,-108px)}74%,90%{opacity:1;transform:translate(-44px,-120px)}to{opacity:0;transform:translate(-44px,-120px)}}@keyframes bkr-xp-atp{0%,22%{opacity:1}30%,70%{opacity:0}78%,to{opacity:1}}@keyframes bkr-xp-adp{0%,22%{opacity:0}30%,70%{opacity:1}78%,to{opacity:0}}@keyframes bkr-xp-spark{0%,20%{opacity:0}28%{opacity:1}42%,to{opacity:0}}@keyframes bkr-xp-drop{0%{opacity:0;transform:translateY(-6px)}18%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(46px)}}@keyframes bkr-xp-inflow{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(44px)}}@keyframes bkr-xp-sdrop{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(58px)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/bkr-explainer.css.map */