.lb-workflow{min-height:1115px;margin:12px;padding:90px 0 115px;overflow:hidden;border-radius:40px;background:#fff;color:var(--lb-ink)}
.lb-workflow-head{padding:0 32px;text-align:center;transform:translate3d(0,calc(var(--lb-workflow-p,0) * 28px + (1 - var(--lb-workflow-enter,1)) * 32px),0)}
.lb-workflow-head h2{font-size:64px;font-weight:500;line-height:1;letter-spacing:-.055em}
.lb-workflow-actions{display:flex;justify-content:center;gap:12px;margin-top:32px}
.lb-carousel-track{display:flex;gap:18px;margin-top:24px;margin-bottom:-36px;padding:56px calc(50% - 207px) 56px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:calc(50% - 207px);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lb-carousel-track::-webkit-scrollbar{display:none}
.lb-carousel-track:focus-visible{outline:3px solid var(--lb-accent);outline-offset:-3px}
.lb-workflow-card{position:relative;flex:0 0 414px;width:414px;height:420px;overflow:hidden;border:1px solid var(--lb-ink);border-radius:26px;scroll-snap-align:center;scroll-snap-stop:always;background:#73cba3}
.lb-workflow-card.is-active{box-shadow:inset 0 0 0 2px var(--lb-ink)}
.lb-card-keyword{background:#f3d94e}
.lb-card-message{background:#d8c4f3}
.lb-card-activity{background:#6aa6e8}
.lb-card-label{position:absolute;z-index:2;left:30px;top:27px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.lb-workflow-card h3{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;font-family:var(--lb-display);font-size:96px;font-weight:400;line-height:.91;letter-spacing:-.025em;text-transform:uppercase}
.lb-card-art{position:absolute;left:30px;right:30px;top:62px;height:152px;transform:translate3d(calc(var(--lb-workflow-p,0) * 10px),calc(var(--lb-workflow-p,0) * -14px),0) rotate(calc(var(--lb-workflow-p,0) * -3.2deg))}
.lb-card-cover{position:absolute;right:12px;top:0;display:flex;flex-direction:column;width:132px;height:154px;padding:16px;border:2px solid var(--lb-ink);border-radius:8px;background:var(--lb-ink);color:#fff;box-shadow:7px 7px 0 #201b1e25;rotate:7deg;transform:translate3d(calc(var(--lb-workflow-p,0) * 10px),calc(var(--lb-workflow-p,0) * -8px),0)}
.lb-card-cover>span{font-size:20px;font-weight:700}
.lb-card-cover>strong{margin-top:auto;font-family:var(--lb-display);font-size:30px;font-weight:400;line-height:.9;text-transform:uppercase}
.lb-card-link{position:absolute;left:0;bottom:10px;padding:11px 15px;border:2px solid var(--lb-ink);border-radius:999px;background:#fff;font-size:12px;font-weight:700;rotate:-5deg;transform:translate3d(calc(var(--lb-workflow-p,0) * -10px),calc(var(--lb-workflow-p,0) * 10px),0)}
.lb-card-comment{position:absolute;left:0;top:12px;padding:13px 17px;border:2px solid var(--lb-ink);border-radius:14px;background:#fff;font-size:13px;font-weight:700;rotate:-4deg;transform:translate3d(calc(var(--lb-workflow-p,0) * -10px),calc(var(--lb-workflow-p,0) * -2px),0)}
.lb-card-key{position:absolute;right:4px;bottom:6px;padding:15px 22px;border:2px solid var(--lb-ink);border-radius:12px;background:var(--lb-ink);color:#fff;box-shadow:6px 6px 0 #201b1e25;font-family:var(--lb-display);font-size:52px;line-height:1;rotate:6deg;transform:translate3d(calc(var(--lb-workflow-p,0) * 10px),calc(var(--lb-workflow-p,0) * -8px),0)}
.lb-card-dm{padding:19px;border:2px solid var(--lb-ink);border-radius:18px 18px 4px 18px;background:var(--lb-accent);color:#fff;font-size:16px;line-height:1.45;rotate:-2deg;transform:translate3d(calc(var(--lb-workflow-p,0) * -6px),calc(var(--lb-workflow-p,0) * -2px),0)}
.lb-card-message .lb-card-art{top:68px}
.lb-card-mini-product{position:absolute;left:24px;right:-5px;bottom:4px;display:flex;align-items:center;gap:10px;padding:13px;border:2px solid var(--lb-ink);border-radius:10px;background:#fff;font-size:15px;font-weight:700;rotate:3deg;transform:translate3d(calc(var(--lb-workflow-p,0) * 10px),calc(var(--lb-workflow-p,0) * -6px),0)}
.lb-card-mini-product strong{font-size:12px}
.lb-card-activity .lb-card-art{top:56px;height:120px}
.lb-card-activity-list{display:flex;flex-direction:column;gap:8px;padding:12px;border:2px solid var(--lb-ink);border-radius:15px;background:#fff;rotate:2deg}
.lb-card-activity-list>span{display:flex;justify-content:space-between;gap:12px;padding:5px;border-bottom:1px solid #eae3e7;font-size:11px}
.lb-card-activity-list>span:last-child{border:0}
.lb-card-activity-list strong{color:#426650}
.lb-card-activity h3{bottom:72px}
.lb-card-note{position:absolute;left:30px;right:30px;bottom:24px;font-size:10px;line-height:1.35}
.lb-carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:42px}
.lb-carousel-dots{display:flex;align-items:center}
.lb-carousel-dots button{position:relative;width:30px;height:44px;padding:0;border:0;background:transparent}
.lb-carousel-dots button:before{content:'';position:absolute;left:11px;top:18px;width:8px;height:8px;border-radius:50%;background:#cec6cb;transition:background .18s,transform .18s}
.lb-carousel-dots button[aria-current="true"]:before{background:var(--lb-ink);transform:scale(1.25)}
.lb-carousel-dots button:hover:before{background:var(--lb-accent)}
.lb-carousel-arrow{flex:0 0 50px;width:50px;height:50px;border:2px solid var(--lb-ink);border-radius:50%;background:#fff;color:var(--lb-ink);font-size:20px;line-height:1;transition:background .18s,color .18s,transform .18s}
.lb-carousel-arrow:hover:not(:disabled),.lb-carousel-arrow:focus-visible{background:var(--lb-ink);color:#fff;transform:translateY(-2px)}
.lb-carousel-arrow:active:not(:disabled){transform:scale(.94)}
.lb-carousel-arrow:disabled{opacity:.25;cursor:default}
.lb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.lb-workflow{min-height:721px;margin:8px;padding:60px 0 77px;border-radius:26px}.lb-workflow-head h2{font-size:41px;line-height:1.02}.lb-workflow-actions{margin-top:24px}.lb-workflow-actions .lb-pill{min-height:52px}.lb-carousel-track{gap:16px;margin-top:18px;margin-bottom:-18px;padding:32px calc(50% - 135px) 38px;scroll-padding-inline:calc(50% - 135px)}.lb-workflow-card{flex-basis:270px;width:270px;height:300px;border-radius:24px}.lb-card-label{left:22px;top:20px;font-size:8px}.lb-card-art{left:22px;right:22px;top:48px;height:112px}.lb-workflow-card h3{left:22px;right:22px;bottom:21px;font-size:52px}.lb-card-cover{width:90px;height:105px;padding:10px;border-radius:6px;box-shadow:5px 5px 0 #201b1e25}.lb-card-cover>span{font-size:14px}.lb-card-cover>strong{font-size:21px}.lb-card-link{bottom:0;padding:8px 10px;font-size:9px}.lb-card-comment{padding:9px 11px;font-size:10px}.lb-card-key{padding:10px 15px;font-size:36px}.lb-card-dm{padding:12px;font-size:11px}.lb-card-mini-product{left:12px;padding:9px;font-size:10px}.lb-card-mini-product strong{font-size:9px}.lb-card-activity-list{gap:2px;padding:8px}.lb-card-activity-list>span{padding:5px 3px;font-size:9px}.lb-card-activity h3{bottom:55px}.lb-card-note{left:22px;right:22px;bottom:16px;font-size:8px}.lb-carousel-controls{margin-top:24px}}
@media(max-width:650px){.lb-workflow{min-height:902px;margin:12px;padding:54px 0 110px;border-radius:24px}.lb-workflow-head{padding:0 24px}.lb-workflow-head h2{font-size:30px;line-height:1.02}.lb-workflow-actions{flex-direction:column;align-items:center;gap:10px;margin-top:26px}.lb-workflow-actions .lb-pill{width:100%;max-width:290px;min-height:56px}.lb-carousel-track{gap:16px;margin-top:18px;margin-bottom:-18px;padding:32px calc(50% - 151px) 38px;scroll-padding-inline:calc(50% - 151px)}.lb-workflow-card{flex-basis:302px;width:302px;height:380px;border-radius:24px}.lb-card-label{left:24px;top:23px;font-size:9px}.lb-card-art{left:24px;right:24px;top:58px;height:142px}.lb-workflow-card h3{left:24px;right:24px;bottom:25px;font-size:80px}.lb-card-cover{width:112px;height:132px;padding:13px}.lb-card-cover>span{font-size:17px}.lb-card-cover>strong{font-size:25px}.lb-card-link{bottom:3px;padding:9px 12px;font-size:10px}.lb-card-comment{padding:11px 13px;font-size:11px}.lb-card-key{padding:12px 18px;font-size:43px}.lb-card-dm{padding:15px;font-size:13px}.lb-card-mini-product{left:18px;padding:10px;font-size:12px}.lb-card-mini-product strong{font-size:10px}.lb-card-activity-list{gap:5px;padding:10px}.lb-card-activity-list>span{padding:7px 4px;font-size:10px}.lb-card-activity h3{bottom:65px}.lb-card-note{left:24px;right:24px;bottom:20px;font-size:9px}.lb-carousel-controls{margin-top:24px}.lb-carousel-dots button{width:34px}.lb-carousel-dots button:before{left:13px}}
@media(max-width:370px){.lb-workflow{padding-bottom:90px}.lb-workflow-head{padding:0 20px}.lb-carousel-track{padding-left:calc(50% - 130px);padding-right:calc(50% - 130px);scroll-padding-inline:calc(50% - 130px)}.lb-workflow-card{flex-basis:260px;width:260px;height:360px}.lb-workflow-card h3{font-size:64px}.lb-card-art{height:132px}.lb-card-label{font-size:8px}.lb-card-note{font-size:8px}.lb-carousel-controls{gap:10px}}
@media(min-width:851px){.lb-card-message h3{font-size:92px}.lb-card-message .lb-card-art{top:78px}}
@media(max-width:850px){.lb-card-activity .lb-card-art{top:44px;height:96px}.lb-card-message .lb-card-art{top:56px}}
@media(max-width:650px){.lb-workflow-card h3{font-size:68px}.lb-card-message h3{font-size:60px}.lb-card-activity .lb-card-art{top:54px;height:132px}.lb-card-message .lb-card-art{top:66px}}
@media(max-width:370px){.lb-workflow-card h3{font-size:56px}.lb-card-message h3{font-size:50px}}
.lb-workflow-card{--card-i:0;transform:translate3d(0,calc(var(--lb-workflow-p,0) * (-24px - var(--card-i,0) * 5px)),0) rotate(calc(var(--lb-workflow-p,0) * (-3.2deg + var(--card-i,0) * 1.8deg)))}
.lb-workflow-card:nth-child(2){--card-i:1}
.lb-workflow-card:nth-child(3){--card-i:2}
.lb-workflow-card:nth-child(4){--card-i:3}
.lb-workflow[data-workflow-ready="true"]:not(.is-visible) .lb-workflow-head,.lb-workflow[data-workflow-ready="true"]:not(.is-visible) .lb-workflow-card{opacity:0;transform:translate3d(0,44px,0) scale(.95);transition:none}
.lb-workflow[data-workflow-ready="true"].is-visible .lb-workflow-head{opacity:1;transform:translate3d(0,calc(var(--lb-workflow-p,0) * 28px + (1 - var(--lb-workflow-enter,1)) * 32px),0);transition:opacity .5s ease}
.lb-workflow[data-workflow-ready="true"].is-visible .lb-workflow-card{opacity:1;transform:translate3d(0,calc(var(--lb-workflow-p,0) * (-24px - var(--card-i,0) * 5px) + (1 - var(--lb-workflow-enter,1)) * (28px + var(--card-i,0) * 10px)),0) rotate(calc(var(--lb-workflow-p,0) * (-3.2deg + var(--card-i,0) * 1.8deg)));transition:opacity .5s ease}
.lb-landing[data-motion="reduce"] .lb-workflow-head,.lb-landing[data-motion="reduce"] .lb-workflow-card,.lb-landing[data-motion="reduce"] .lb-card-art,.lb-landing[data-motion="reduce"] .lb-card-cover,.lb-landing[data-motion="reduce"] .lb-card-link,.lb-landing[data-motion="reduce"] .lb-card-comment,.lb-landing[data-motion="reduce"] .lb-card-key,.lb-landing[data-motion="reduce"] .lb-card-dm,.lb-landing[data-motion="reduce"] .lb-card-mini-product{transition:none!important;transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.lb-carousel-track{scroll-behavior:auto}.lb-carousel-dots button:before,.lb-carousel-arrow,.lb-workflow-head,.lb-workflow-card{transition:none!important}.lb-card-art,.lb-card-cover,.lb-card-link,.lb-card-comment,.lb-card-key,.lb-card-dm,.lb-card-mini-product,.lb-workflow-head,.lb-workflow-card{transform:none!important;opacity:1!important}}
