.at-journey{--hl-plate: #F3F4F6;--jy-route: var(--at-green);--jy-glow: var(--at-teal);padding-bottom:clamp(64px,6.9vw,110px)}.at-journey__scene,.at-journey__next{display:none}.at-journey:not(.at-journey--3d) .at-hl__head{margin-bottom:clamp(32px,3.5vw,56px)}.at-journey__still{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--at-r-lg);background:var(--hl-plate)}.at-journey:not(.at-journey--3d) .at-journey__track{display:flex;flex-direction:column-reverse}.at-journey:not(.at-journey--3d) .at-journey__steps{display:grid;gap:32px;margin-top:clamp(32px,3.5vw,56px);padding:0;list-style:none}.at-journey:not(.at-journey--3d) .at-journey__track-line{display:none}.at-journey--3d.at-hl{padding-top:0}.at-journey--3d .at-journey__still{display:none}.at-journey--3d .at-journey__next{display:inline-flex}.at-journey--3d .at-journey__head{position:absolute;inset:0 0 auto 0;z-index:2;padding-top:clamp(64px,6.9vw,110px);pointer-events:none}.at-journey--3d .at-hl__head{margin-bottom:0;pointer-events:auto}.at-journey--3d .at-journey__track{position:relative;height:calc(var(--jy-screen, 100svh) * (1 + (var(--jy-steps, 4) + var(--jy-open, .4)) * var(--jy-step-run, 1.5)));overflow:clip}@media(max-width:1023px),(orientation:portrait){.at-journey--3d .at-journey__track{--jy-step-run: 1.7}}.at-journey--3d .at-journey__pin{position:sticky;top:0;height:calc(var(--jy-screen, 100svh) / var(--jy-zoom, 1));background:var(--hl-plate)}.at-journey--3d .at-journey__scene{position:absolute;top:0;left:0;width:100%;height:calc(var(--jy-pin, 100svh) / var(--jy-zoom, 1));display:block}.at-journey--3d .at-journey__ui{position:absolute;inset:auto 0 0 0;pointer-events:none;padding-bottom:clamp(40px,6svh,72px);transform:translateY(calc(100% + 16px + max(0px,var(--jy-pin, 100svh) - var(--jy-screen, 100svh)) / var(--jy-zoom, 1)));visibility:hidden;transition:transform .5s var(--at-ease-out),visibility 0s linear .5s}.at-journey--3d .at-journey__ui.is-open{transform:none;visibility:visible;transition:transform .7s var(--at-ease-out),visibility 0s}.at-journey--3d .at-journey__steps{display:grid;width:min(560px,42%);margin:0;padding:0;list-style:none}.at-journey--3d .at-journey__step{grid-area:1 / 1;display:flex;flex-direction:column;opacity:0;transform:translateY(14px);visibility:hidden;transition:opacity .45s var(--at-ease-out),transform .6s var(--at-ease-out),visibility 0s linear .6s}.at-journey--3d .at-journey__step.is-on{opacity:1;transform:none;visibility:inherit;pointer-events:auto;transition-delay:.1s,.1s,0s}.at-journey__step .at-stepper__row{cursor:default}.at-journey--3d .at-journey__step .at-stepper__row{align-items:flex-start;padding-bottom:24px}.at-journey--3d .at-journey__track-line{margin-top:auto}.at-journey--3d .at-journey__next--end{cursor:default;color:var(--at-navy)}.at-journey--3d .at-journey__next--end svg{color:var(--at-green);transition:none}.at-journey--3d .at-journey__next--blank{visibility:hidden}.at-journey__hint{display:none}.at-journey--3d .at-journey__hint{display:flex;align-items:center;gap:12px;width:max-content;margin-top:clamp(28px,3vw,44px);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--at-navy);pointer-events:none;opacity:0;transition:opacity .6s var(--at-ease-out),transform .6s var(--at-ease-out)}.at-journey--3d.is-ready .at-journey__hint{opacity:1}.at-journey--3d .at-journey__hint.is-gone{opacity:0;transform:translateY(10px)}.at-journey__hint svg{flex-shrink:0;color:var(--jy-route);animation:at-jy-bounce 1.6s var(--at-ease) infinite}@keyframes at-jy-bounce{0%,to{transform:translateY(-3px)}45%{transform:translateY(4px)}60%{transform:translateY(1px)}75%{transform:translateY(4px)}}.at-journey__step .at-stepper__step-desc a{color:var(--at-teal-deep);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;transition:color .2s var(--at-ease)}.at-journey__step .at-stepper__step-desc a:hover,.at-journey__step .at-stepper__step-desc a:focus-visible{color:var(--at-navy)}.at-journey__step .at-stepper__step-desc strong{font-weight:700}.at-journey__step .at-stepper__step-desc p{margin:0}.at-journey__step{--jy-indent: 115px}.at-journey__track-line,.at-journey__next{margin-left:var(--jy-indent)}.at-journey__track-line{position:relative;height:2px;margin-top:24px;background:#cdd1d7;border-radius:2px;overflow:hidden}.at-journey__bar{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--jy-route);transform:scaleX(var(--fl-p, 0));transform-origin:left center}.at-journey__next{align-items:center;gap:8px;margin-top:14px;padding:0;font-size:16px;font-weight:600;line-height:1.4;color:var(--at-muted);cursor:pointer;transition:color .2s var(--at-ease)}.at-journey__next b{color:var(--at-navy);font-weight:700}.at-journey__next svg{transition:transform .25s var(--at-ease)}.at-journey__next:hover,.at-journey__next:focus-visible{color:var(--at-teal-deep)}.at-journey__next:hover svg{transform:translateY(2px)}.at-journey__end{container:eco2 / inline-size;text-align:center;padding-top:clamp(64px,6.9vw,110px)}.at-journey__end .at-eco2__stats{margin-top:0}.at-journey__end .at-btn{margin-top:clamp(40px,3.5vw,56px)}.at-journey__end .at-eco2__stats{display:grid;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;max-width:900px;text-align:center}.at-journey__end .at-eco2__stat{padding:6px 22px;perspective:600px}.at-journey__end .at-eco2__stat+.at-eco2__stat{border-left:1px solid var(--at-gray-200)}.at-journey__end .at-eco2__stat-num{display:block;font-size:clamp(34px,4.8cqi,58px);font-weight:700;line-height:1.05;color:var(--at-green);font-variant-numeric:tabular-nums}.at-journey__end .at-eco2__stat-count{font-variant-numeric:tabular-nums}.at-journey__end .at-eco2__stat-label{display:block;margin-top:10px;font-size:clamp(13px,1.3cqi,16px);line-height:1.4;color:#5f6b78}.at-journey__end.at-eco2--js .at-eco2__stat-num{opacity:0;transform:translateY(16px) rotateX(-70deg);transform-origin:center bottom;backface-visibility:hidden;transition:opacity .7s var(--at-ease-out),transform .7s var(--at-ease-out)}.at-journey__end.at-eco2--js .at-eco2__stat:nth-child(2) .at-eco2__stat-num{transition-delay:.11s}.at-journey__end.at-eco2--js .at-eco2__stat:nth-child(3) .at-eco2__stat-num{transition-delay:.22s}.at-journey__end.at-eco2--js .at-eco2__stat.is-in .at-eco2__stat-num{opacity:1;transform:none}@container eco2 (max-width: 520px){.at-journey__end .at-eco2__stats{grid-template-columns:1fr}.at-journey__end .at-eco2__stat+.at-eco2__stat{border-left:0;border-top:1px solid var(--at-gray-200)}.at-journey__end .at-eco2__stat{padding:18px 0}}@media(prefers-reduced-motion:reduce){.at-journey__end .at-eco2__stat-num{opacity:1!important;transform:none!important;transition:none!important}}@media(max-width:1023px),(orientation:portrait){.at-journey--3d .at-journey__ui{padding-bottom:40px}.at-journey--3d .at-journey__steps{width:100%;padding:24px 24px 18px;background:var(--at-white);border:1px solid var(--at-gray-200);border-radius:var(--at-r-lg);box-shadow:var(--at-shadow-md)}}@media(min-width:1024px)and (orientation:landscape)and (pointer:coarse){.at-journey--3d .at-journey__steps{padding:24px 24px 18px;background:var(--at-white);border:1px solid var(--at-gray-200);border-radius:var(--at-r-lg);box-shadow:var(--at-shadow-md)}}@media(max-width:767px){.at-journey{padding-bottom:60px}.at-journey__end,.at-journey--3d .at-journey__head{padding-top:56px}.at-journey--3d .at-journey__hint{flex-direction:column-reverse;gap:10px;margin-inline:auto}.at-journey--3d .at-journey__ui{padding-bottom:32px}.at-journey--3d .at-journey__steps{padding:18px 16px 14px}.at-journey__steps{text-align:left}.at-journey__step .at-stepper__step-desc{content-visibility:visible}.at-journey__track-line{margin-top:18px}.at-journey__step{--jy-indent: 46px}.at-journey--3d .at-journey__step .at-stepper__row{padding-bottom:18px}.at-journey__next{font-size:14px;margin-top:12px}}@media(prefers-reduced-motion:reduce){.at-journey__step{transition:none;transform:none}.at-journey__hint svg{animation:none}.at-journey--3d .at-journey__ui,.at-journey--3d .at-journey__ui.is-open{transition:none}}.at-journey--3d .at-journey__scene{opacity:0;transition:opacity .6s var(--at-ease-out)}.at-journey.is-ready .at-journey__scene{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/14/assets/andatech-journey.css.map */