.laux-path *{box-sizing:border-box}.laux-path{margin:0;color:#263f34;font-family:Nunito,sans-serif;background:#fff}.laux-path header{padding:23px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9eddf;font-size:13px}.laux-path header strong{font-family:Fredoka;font-size:26px}.laux-path header span{color:#607068}.laux-path{background:#fcf8ec;position:relative;padding:65px 5% 68px;overflow:hidden}.laux-path:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:#f5d96633;right:-160px;top:0}.laux-path .eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:800;text-align:center;color:#658176}.laux-path .path-title{font-family:Fredoka;font-weight:600;font-size:clamp(38px,4.8vw,68px);line-height:1.05;letter-spacing:-1px;text-align:center;margin:18px auto;max-width:900px}.laux-path .path-title em{font-style:normal;color:#287d9e}.laux-path .intro{text-align:center;font-size:18px;margin:0 0 40px}.laux-path .journey{position:relative;max-width:1190px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.laux-path .route{position:absolute;top:68px;width:100%;height:100px;z-index:0}.laux-path .step{position:relative;text-align:center}.laux-path .art{height:180px;position:relative;display:grid;place-items:center}.laux-path .art:before{content:'';width:142px;height:142px;background:var(--tone);border-radius:46% 54% 61% 39%/49% 40% 60% 51%;position:absolute;transform:rotate(-8deg)}.laux-path .art svg{position:relative;width:164px;height:145px;overflow:visible;filter:drop-shadow(0 8px 0 #263f340a)}.laux-path .num{position:absolute;left:calc(50% - 83px);top:8px;border-radius:50%;background:#fffef8;border:2px solid #284e43;width:33px;height:33px;display:grid;place-items:center;font-weight:800;font-size:12px;transform:rotate(-10deg)}.laux-path h3{font-family:Fredoka;font-weight:600;font-size:27px;margin:16px 0 10px;line-height:1.1}.laux-path .step p{font-size:16px;line-height:1.5;max-width:235px;margin:0 auto}.laux-path .cta{text-align:center;margin-top:43px}.laux-path .cta a{display:inline-flex;gap:22px;padding:17px 25px;border-radius:40px;background:#276841;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 5px 0 #163d2715;transition:transform .2s}.laux-path .cta a:hover{transform:translateY(-3px)}.laux-path .foot{text-align:center;font-size:13px;padding:22px;color:#647366}.laux-path svg{stroke:#2b5146;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.laux-path .spark{fill:#e8b832;stroke:none}@media(max-width:650px){header{padding:16px 6%}.laux-path header strong{font-size:22px}.laux-path header span{font-size:11px}.laux-path{padding:35px 6% 38px}.laux-path .path-title{font-size:40px}.laux-path .intro{font-size:16px;margin-bottom:26px}.laux-path .journey{grid-template-columns:1fr;gap:20px}.laux-path .route{display:none}.laux-path .journey:before{content:'';position:absolute;left:60px;top:50px;bottom:50px;border-left:2px dashed #b9cab2}.laux-path .step{display:grid;grid-template-columns:125px 1fr;gap:17px;text-align:left;align-items:center}.laux-path .art{height:132px}.laux-path .art:before{width:106px;height:106px}.laux-path .art svg{width:114px;height:114px}.laux-path .num{left:0;top:0;width:28px;height:28px;font-size:11px}.laux-path h3{font-size:24px;margin:0 0 7px}.laux-path .step p{font-size:14px;max-width:none}.laux-path .cta{margin-top:30px}}

@keyframes arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes draw{from{stroke-dashoffset:1100}to{stroke-dashoffset:0}}
@keyframes pencil{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg) translateY(-3px)}}
@keyframes truck{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}.laux-path .step{animation:arrive .65s both;animation-delay:var(--delay)}.laux-path .step:nth-of-type(1){--delay:.1s}.laux-path .step:nth-of-type(2){--delay:.5s}.laux-path .step:nth-of-type(3){--delay:.9s}.laux-path .step:nth-of-type(4){--delay:1.3s}.laux-path .step .art svg{animation:drift 4s ease-in-out 3;animation-delay:var(--delay);transform-origin:center}.laux-path .step:nth-of-type(2) .art svg{animation-name:pencil}.laux-path .step:nth-of-type(4) .art svg{animation:truck 1s .95s both}.laux-path .route{overflow:visible}.laux-path .route .ink{stroke:#e5b83b;stroke-width:3;stroke-dasharray:1100;stroke-dashoffset:1100;animation:draw 2s .25s forwards}.laux-path .replay{border:0;background:none;color:#476e61;font:inherit;font-size:13px;cursor:pointer;padding:14px;text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){.step,.step .art svg,.route .ink{animation:none;opacity:1;transform:none}.laux-path .route .ink{stroke-dashoffset:0}}

.laux-path:not(.path-playing) .step,.laux-path:not(.path-playing) .art svg,.laux-path:not(.path-playing) .ink{animation-play-state:paused}

.laux-path{scroll-margin-top:120px;padding-bottom:100px}.laux-path>.shape svg{stroke:none;stroke-width:0}
