.joyee-starting-points{padding-top:var(--jsp-pt, 36px);padding-bottom:var(--jsp-pb, 36px)}@media(min-width:768px){.joyee-starting-points{padding-top:var(--jsp-pt-d, 56px);padding-bottom:var(--jsp-pb-d, 56px)}}.joyee-starting-points .jsp__header{text-align:center;margin-bottom:clamp(24px,3vw,40px)}.joyee-starting-points .jsp__eyebrow{font-size:11px;font-weight:var(--font-body-bold-weight, 400);letter-spacing:.12em;text-transform:uppercase;color:var(--color-body, #000);opacity:.45;margin:0 0 12px}.joyee-starting-points .jsp__heading{margin:0 auto 12px;max-width:var(--jsp-content-w, 600px)}.joyee-starting-points .jsp__subtitle{font-size:var(--jsp-subtitle-fs, 17px)!important;line-height:1.6;color:var(--color-body, #000);opacity:.5;margin:0 auto;max-width:var(--jsp-content-w, 600px)}.joyee-starting-points .jsp__subtitle p{margin:0}.joyee-starting-points .jsp__grid{display:flex;gap:var(--jsp-gap, 20px);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.joyee-starting-points .jsp__grid::-webkit-scrollbar{display:none}.joyee-starting-points .jsp__card{flex:0 0 calc(25% - var(--jsp-gap, 20px) * 3 / 4);scroll-snap-align:start;text-decoration:none;color:inherit;display:block}.joyee-starting-points .jsp__card-img{aspect-ratio:4 / 5;overflow:hidden;margin-bottom:0}.joyee-starting-points .jsp__card-img img,.joyee-starting-points .jsp__card-img video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.joyee-starting-points .jsp__card-img video{pointer-events:none}.joyee-starting-points .jsp__card:hover .jsp__card-img img,.joyee-starting-points .jsp__card:hover .jsp__card-img video{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.joyee-starting-points .jsp__card-img img,.joyee-starting-points .jsp__card-img video{transition:none}}.joyee-starting-points .jsp__card-body{display:flex;flex-direction:column;padding:16px}.joyee-starting-points .jsp__card-title{margin:0}.joyee-starting-points .jsp__progress{margin-top:20px;height:2px;background:var(--color-border, #edeae6)}.joyee-starting-points .jsp__progress-bar{height:100%;width:25%;background:var(--color-heading, #000);transition:width .15s ease}.joyee-starting-points .jsp__label-row{display:flex;align-items:center;gap:16px;margin-bottom:clamp(20px,3vw,32px)}.joyee-starting-points .jsp__label-text{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-body, #000);opacity:.45;white-space:nowrap}.joyee-starting-points .jsp__label-line{flex:1;height:1px;background:var(--color-border, #edeae6)}.joyee-starting-points .jsp__label-sub{font-size:14px;line-height:1.5;color:var(--color-body, #000);opacity:.5;margin:-8px 0 clamp(16px,2vw,24px)}@media(max-width:999px){.joyee-starting-points .jsp__card{flex:0 0 calc(50% - var(--jsp-gap, 20px) / 2)}}@media(max-width:567px){.joyee-starting-points .jsp__card{flex:0 0 80%}.joyee-starting-points .jsp__subtitle{font-size:var(--jsp-subtitle-fs-m, 15px)!important}}.joyee-starting-points .jsp__card-subtitle{margin:4px 0 0;font-size:13px;line-height:1.4;font-weight:500;color:var(--color-body, #000);opacity:.55}.joyee-starting-points .jsp__card-desc{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--color-body, #000);opacity:.6}.joyee-starting-points .jsp__card-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:13px;font-weight:500;color:var(--color-heading, #000)}.joyee-starting-points .jsp__card-link svg{width:14px;height:14px}.joyee-starting-points .jsp__card-img{position:relative}.joyee-starting-points .jsp__card-scrim,.joyee-starting-points .jsp__card-overlay-title{display:none}.joyee-starting-points .jsp__card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--jsp-scrim, .4)),#0000 55%)}.joyee-starting-points .jsp__card-overlay-title{position:absolute;left:16px;right:16px;bottom:14px;margin:0;color:var(--jsp-overlay-color, #fff)}@media(max-width:567px){.joyee-starting-points.jsp--m-grid .jsp__grid{display:grid;grid-template-columns:repeat(2,1fr);overflow:visible;scroll-snap-type:none}.joyee-starting-points.jsp--m-grid .jsp__card{min-width:0;flex:none}.joyee-starting-points.jsp--m-stacked .jsp__grid{display:grid;grid-template-columns:repeat(2,1fr);overflow:visible;scroll-snap-type:none}.joyee-starting-points.jsp--m-stacked .jsp__card{min-width:0;flex:none}.joyee-starting-points.jsp--m-stacked .jsp__card:nth-child(3n+1){grid-column:1 / -1}.joyee-starting-points.jsp--m-stacked .jsp__card:last-child:nth-child(3n+2){grid-column:1 / -1}.joyee-starting-points.jsp--m-stacked .jsp__card:nth-child(3n+1) .jsp__card-img,.joyee-starting-points.jsp--m-stacked .jsp__card:last-child:nth-child(3n+2) .jsp__card-img{aspect-ratio:16 / 10}.joyee-starting-points.jsp--m-stacked .jsp__card-img{aspect-ratio:3 / 4}.joyee-starting-points.jsp--m-stacked .jsp__card-body{display:none}.joyee-starting-points.jsp--m-stacked .jsp__card-scrim,.joyee-starting-points.jsp--m-stacked .jsp__card-overlay-title{display:block}.joyee-starting-points.jsp--m-grid .jsp__progress,.joyee-starting-points.jsp--m-stacked .jsp__progress{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/239/assets/joyee-starting-points.css.map */