.tc-asm{--ink:#171717;--text:#f1eee7;--muted:#a9a59c;--gold:#f7b218;--rail:#ffffff33;--halo:#f7b21814;--ease:cubic-bezier(.16,1,.3,1);position:relative;height:var(--tc-asm-height,170vh);background:var(--ink);color:var(--muted)}.tc-asm--light{--ink:#ffffff;--text:#171717;--muted:#5f5b53;--rail:#17171733;--halo:#f7b2181f}.tc-asm ::selection{background:var(--gold);color:#171717}.tc-asm__sticky{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;row-gap:clamp(14px,2.6vh,30px);padding:calc(var(--tc-hdr,0px) + clamp(16px,3vh,36px)) 24px clamp(24px,4vh,48px);background:radial-gradient(ellipse 46% 56% at 50% 58%,var(--halo),transparent 72%),var(--ink)}.tc-asm__heading{text-align:center;max-width:820px}.tc-asm__heading h2{position:relative;margin:0;padding-bottom:16px;color:var(--text);font-family:Chakra Petch,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(26px,3.1vw,42px);line-height:1.08;text-wrap:balance}.tc-asm__heading h2:after{content:"";position:absolute;left:50%;bottom:0;width:64px;height:2px;transform:translate(-50%);background:var(--gold)}.tc-asm__gold{color:var(--gold)}.tc-asm__stage{--side:230px;--cg:clamp(20px,2.4vw,40px);display:grid;grid-template-columns:minmax(var(--side),1fr) auto minmax(var(--side),1fr);align-items:center;column-gap:var(--cg);width:min(1640px,100%)}.tc-asm__frame{position:relative;grid-column:2;grid-row:1;justify-self:center;width:min(calc(100vw - 2 * (var(--side) + var(--cg)) - 64px),calc((100dvh - var(--asm-head,210px) - var(--tc-hdr,0px)) * 960 / 822),1060px);aspect-ratio:960/822;isolation:isolate;container-type:size}.tc-asm__canvas{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(100cqw,100cqh * 960 / 822);height:min(100cqh,100cqw * 822 / 960);transform:scale(var(--zoom,1));transform-origin:50% 50%}.tc-asm__img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tc-asm__cv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.tc-asm.has-cv .tc-asm__cv{opacity:1}.tc-asm.has-cv .tc-asm__img{visibility:hidden}.tc-asm__hd{position:absolute;left:24.096%;top:1.035%;width:51.595%;height:97.93%;opacity:0;transition:opacity .45s ease;pointer-events:none}.tc-asm.is-final .tc-asm__hd{opacity:1}.tc-asm__glow{position:absolute;top:6%;right:24%;bottom:6%;left:24%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#f7b21859,#f7b21800 75%);opacity:0;transform:scale(.7);transition:opacity .8s var(--ease),transform 1s var(--ease)}.tc-asm__hint{position:absolute;left:50%;bottom:2%;margin:0;transform:translate(-50%);white-space:nowrap;display:flex;align-items:center;gap:10px;color:var(--muted);font-family:Poppins,sans-serif;font-size:12px;font-weight:500;letter-spacing:.08em;transition:opacity .5s var(--ease)}.tc-asm__hint:after{content:"";width:1px;height:22px;background:linear-gradient(var(--gold),transparent);animation:tc-asm-hint 1.8s var(--ease) infinite}.tc-asm.is-moving .tc-asm__hint{opacity:0}@keyframes tc-asm-hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.tc-asm__steps{--stop:13px;--gap:clamp(22px,4.4vh,40px);--c:11px;grid-column:1;grid-row:1;justify-self:end;position:relative;display:grid;gap:var(--gap);width:var(--side);margin:0 -40px 0 0;padding:0 0 0 34px;list-style:none;z-index:2}.tc-asm__steps li{position:relative;display:grid;gap:4px;opacity:.42;transition:opacity .5s var(--ease)}.tc-asm__steps strong{color:var(--text);font-family:Chakra Petch,sans-serif;font-size:17px;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.tc-asm__desc{color:var(--muted);font-family:Poppins,sans-serif;font-size:14px;line-height:1.45}.tc-asm__node{position:absolute;left:-34px;top:calc(var(--c) - var(--stop) / 2);z-index:1;width:var(--stop);height:var(--stop);border-radius:50%;border:1px solid var(--rail);background:var(--ink);transition:background-color .4s var(--ease),border-color .4s var(--ease),box-shadow .6s var(--ease)}.tc-asm__steps li:not(:last-child):before,.tc-asm__steps li:not(:last-child):after{content:"";position:absolute;left:calc(-34px + var(--stop) / 2);top:var(--c);width:1px;height:calc(100% + var(--gap));background:var(--rail)}.tc-asm__steps li:not(:last-child):after{background:var(--gold);transform-origin:top}.tc-asm__steps li:nth-child(1):after{transform:scaleY(clamp(0,(var(--p,0) - .125) / .275,1))}.tc-asm__steps li:nth-child(2):after{transform:scaleY(clamp(0,(var(--p,0) - .4) / .35,1))}.tc-asm__steps li.is-on{opacity:1}.tc-asm__steps li.is-on .tc-asm__node{border-color:var(--gold);background:var(--gold);box-shadow:0 0 0 5px #f7b21826}.tc-asm__finale{grid-column:3;grid-row:1;justify-self:start;width:var(--side);margin-left:-110px;position:relative;z-index:2;opacity:0;transform:translateY(14px);visibility:hidden;transition:opacity .6s var(--ease),transform .8s var(--ease),visibility 0s .6s}.tc-asm__done{position:relative;margin:0 0 24px;padding-top:20px;color:var(--text);font-family:Chakra Petch,sans-serif;font-size:clamp(24px,2.3vw,32px);font-weight:700;line-height:1.1;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}.tc-asm__done:before{content:"";position:absolute;left:0;top:0;width:44px;height:2px;background:var(--gold)}.tc-asm__cta.tc-home__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.tc-asm__sparkles{position:absolute;top:2%;right:22%;bottom:2%;left:22%;pointer-events:none}.tc-asm__sparkles i{position:absolute;width:18px;height:18px;background:var(--gold);opacity:0;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);filter:drop-shadow(0 2px 6px #ffd76a99)}.tc-asm__sparkles i:nth-child(1){top:4%;left:4%}.tc-asm__sparkles i:nth-child(2){top:10%;right:2%;width:24px;height:24px;animation-delay:.15s!important}.tc-asm__sparkles i:nth-child(3){top:44%;left:-4%;width:12px;height:12px;animation-delay:.3s!important}.tc-asm__sparkles i:nth-child(4){top:54%;right:-4%;width:14px;height:14px;animation-delay:.45s!important}.tc-asm__sparkles i:nth-child(5){bottom:10%;left:2%;width:20px;height:20px;animation-delay:.2s!important}.tc-asm__sparkles i:nth-child(6){bottom:3%;right:8%;animation-delay:.35s!important}.tc-asm__sparkles i:nth-child(7){top:-1%;left:54%;width:12px;height:12px;background:#fff;animation-delay:.5s!important}.tc-asm__sparkles i:nth-child(8){bottom:-1%;left:34%;width:14px;height:14px;animation-delay:.1s!important}.tc-asm.is-done .tc-asm__glow{opacity:1;transform:scale(1)}.tc-asm.is-done .tc-asm__sparkles i{animation:tc-asm-star 1.8s var(--ease) forwards}.tc-asm.is-done .tc-asm__finale{opacity:1;transform:none;visibility:visible;transition-delay:.15s,.15s,0s}@keyframes tc-asm-star{0%{opacity:0;transform:scale(0) rotate(0)}30%{opacity:1;transform:scale(1.3) rotate(25deg)}to{opacity:0;transform:scale(.4) rotate(90deg)}}@media(max-width:1279px)and (min-width:990px){.tc-asm__stage{--side:200px}.tc-asm__desc{font-size:13px}}@media(max-width:989px){.tc-asm__sticky{grid-template-rows:auto minmax(0,1fr);align-content:stretch;padding:calc(var(--tc-hdr,0px) + 14px) 16px 132px;row-gap:14px}.tc-asm__stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;row-gap:16px;width:100%;height:100%}.tc-asm__frame{grid-column:1;grid-row:1;justify-self:stretch;width:auto;height:100%;max-width:none;max-height:none;aspect-ratio:auto}.tc-asm__canvas{will-change:transform}.tc-asm__steps{grid-column:1;grid-row:2;justify-self:stretch;grid-auto-flow:column;grid-auto-columns:1fr;gap:12px;max-width:560px;width:100%;margin:0 auto;padding:24px 0 0;transition:opacity .4s var(--ease)}.tc-asm__steps li:before,.tc-asm__steps li:after{display:none}.tc-asm__steps:before,.tc-asm__steps:after{content:"";position:absolute;left:calc(var(--stop) / 2);right:calc(var(--stop) / 2);top:6px;height:1px;background:var(--rail)}.tc-asm__steps:after{background:var(--gold);transform-origin:left;transform:scaleX(var(--p,0))}.tc-asm__node{left:0;top:-24px}.tc-asm__steps li:nth-child(2) .tc-asm__node{left:calc(50% - var(--stop) / 2)}.tc-asm__steps li:nth-child(3) .tc-asm__node{left:auto;right:0}.tc-asm__steps li:nth-child(2){text-align:center}.tc-asm__steps li:nth-child(3){text-align:right}.tc-asm__steps strong{font-size:13px}.tc-asm__desc{font-size:12px;line-height:1.35}.tc-asm__finale{grid-column:1;grid-row:2;justify-self:center;align-self:end;width:auto;margin-left:0;text-align:center}.tc-asm__done{margin-bottom:14px;padding-top:0;font-size:22px}.tc-asm__done:before{display:none}.tc-asm.is-done .tc-asm__steps{opacity:0}}@media(max-width:749.98px){.tc-asm__heading h2{font-size:24px;padding-bottom:12px}.tc-asm__steps{padding-top:22px}.tc-asm__node{top:-22px}}@media(prefers-reduced-motion:reduce){.tc-asm *,.tc-asm *:before,.tc-asm *:after{transition:none!important;animation:none!important}}.tc-asm__stage{position:relative}.tc-asm__gl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .7s var(--ease)}.tc-asm.is-3d-ready .tc-asm__gl{opacity:1}.tc-asm.is-3d-ready .tc-asm__canvas{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}.tc-asm.is-3d .tc-asm__steps{visibility:hidden}.tc-asm__hint{z-index:2}.tc-asm__labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:none;pointer-events:none;opacity:var(--lab,1)}.tc-asm.is-3d-ready .tc-asm__labels{display:block}.tc-asm__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tc-asm__line path{fill:none;stroke:var(--gold);stroke-width:1;stroke-linejoin:round;opacity:.8;stroke-dasharray:1 1;stroke-dashoffset:1}.tc-asm__dot{fill:var(--gold);opacity:0}.tc-asm__halo{fill:none;stroke:var(--gold);stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}.tc-asm__layers{margin:0;padding:0;list-style:none}.tc-asm__label{position:absolute;left:0;top:0;display:grid;gap:3px;width:max-content;max-width:min(220px,42vw);color:var(--muted);will-change:transform}.tc-asm__label>*{opacity:0;transform:translateY(8px)}.tc-asm__label.is-left{text-align:right;justify-items:end}.tc-asm__num{color:var(--gold);font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1}.tc-asm__label strong{color:var(--text);font-family:Chakra Petch,sans-serif;font-size:16px;font-weight:700;letter-spacing:.05em;line-height:1.15;text-transform:uppercase}.tc-asm__text{font-family:Poppins,sans-serif;font-size:13px;line-height:1.4}.tc-asm.is-seen .tc-asm__line path{animation:tc-asm-draw .9s calc(.25s + var(--d,0s)) var(--ease) forwards}.tc-asm.is-seen .tc-asm__dot{animation:tc-asm-fade .4s calc(.15s + var(--d,0s)) ease forwards}.tc-asm.is-seen .tc-asm__halo{animation:tc-asm-fade .4s calc(.15s + var(--d,0s)) ease forwards,tc-asm-pulse 2.4s calc(1.2s + var(--d,0s)) ease-out infinite}.tc-asm.is-seen .tc-asm__label>*{animation:tc-asm-rise .7s calc(.55s + var(--i,0) * .09s) var(--ease) forwards}.tc-asm__line:nth-child(2){--d:.09s}.tc-asm__line:nth-child(3){--d:.18s}.tc-asm__line:nth-child(4){--d:.27s}.tc-asm__line:nth-child(5){--d:.36s}@keyframes tc-asm-draw{to{stroke-dashoffset:0}}@keyframes tc-asm-fade{to{opacity:1}}@keyframes tc-asm-rise{to{opacity:1;transform:none}}@keyframes tc-asm-pulse{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.9);opacity:0}}.tc-asm__done-sub{margin:-12px 0 24px;color:var(--muted);font-family:Poppins,sans-serif;font-size:14px;line-height:1.55;max-width:30ch}@media(max-width:989px){.tc-asm.is-3d .tc-asm__steps{display:none}.tc-asm__label{gap:2px;max-width:46vw;padding:6px 9px 7px;border:1px solid #f7b21840;border-radius:3px;background:#171717d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tc-asm--light .tc-asm__label{background:#ffffffe0}.tc-asm__num{font-size:10px}.tc-asm__label strong{font-size:12px;letter-spacing:.04em}.tc-asm__text{display:none}.tc-asm__done-sub{margin:-6px auto 14px;font-size:13px}}@media(prefers-reduced-motion:reduce){.tc-asm__line path{stroke-dashoffset:0}.tc-asm__dot,.tc-asm__label>*{opacity:1;transform:none}}@media(max-width:989px){.tc-asm.is-3d .tc-asm__sticky{padding-bottom:104px}.tc-asm.is-3d .tc-asm__stage{grid-template-rows:minmax(0,1fr);row-gap:0}.tc-asm.is-3d .tc-asm__finale{grid-row:1;align-self:end;z-index:4}.tc-asm.is-3d .tc-asm__sparkles{display:none}}@media(min-width:990px){.tc-asm{height:calc(var(--asm-h,100vh) + var(--tc-asm-height,170vh) - 100vh)}.tc-asm__sticky{top:var(--asm-top,0px);height:calc(100vh - var(--tc-hdr,0px));padding-top:clamp(40px,6vh,72px);padding-bottom:clamp(28px,4.5vh,52px);grid-template-rows:auto minmax(0,1fr);align-content:stretch}.tc-asm.is-3d .tc-asm__stage{height:100%;min-height:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) min(var(--comp-w,760px),100%) minmax(0,1fr)}.tc-asm.is-3d .tc-asm__frame{grid-column:1 / -1;width:100%;height:100%;aspect-ratio:auto}.tc-asm.is-3d .tc-asm__sparkles{display:none}}.tc-asm.is-3d .tc-asm__frame{transform:translate(var(--asm-shift,0px))}@media(min-width:990px){.tc-asm__heading h2{font-size:clamp(24px,2.4vw,34px)}.tc-asm.is-3d .tc-asm__frame{height:var(--asm-fh,84%);align-self:center}.tc-asm__num{font-size:11px}.tc-asm__label strong{font-size:14px}.tc-asm__text{font-size:12px;line-height:1.4}}@media(max-width:989px){.tc-asm{height:auto!important}.tc-asm__sticky,.tc-asm.is-3d .tc-asm__sticky{position:relative;top:auto;height:auto;min-height:0;overflow:hidden;grid-template-rows:auto auto;align-content:start;row-gap:14px;padding:26px 16px 30px}.tc-asm__stage,.tc-asm.is-3d .tc-asm__stage{height:var(--asm-sh,min(150vw, calc(100svh - 190px) ))}.tc-asm.is-3d .tc-asm__frame{width:var(--asm-fw,76%);height:100%;justify-self:center;align-self:stretch}.tc-asm__hint{display:none!important}.tc-asm__label{padding:5px 8px 6px}.tc-asm__num{font-size:9px}.tc-asm__label strong{font-size:11px}}@media(max-width:749.98px){.tc-asm__heading h2{font-size:22px}}html.tc-asm-immersive :is(shopify-chat,#to-top,.cky-btn-revisit-wrapper){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .3s ease,visibility 0s linear .3s!important}
/*# sourceMappingURL=/cdn/shop/t/28/assets/tc-assemble.css.map */