.crftd-scroll-container{position:relative}.crftd-scroll-sticky{display:flex;width:100%;height:100vh;position:relative;background-color:var(--base-500);color:var(--base-100)}.crftd-scroll-col{flex:1 1;justify-content:center;gap:2rem;padding:4rem 2rem;overflow:hidden}.crftd-scroll-col,.crftd-scroll-services{display:flex;flex-direction:column;align-items:center}.crftd-scroll-services{position:relative}.crftd-scroll-indicator{position:absolute;top:0;left:0;width:100%;min-height:50px;transform:translateY(0);background-color:var(--base-100);border-radius:.5rem;z-index:0;transition:all .3s ease}.crftd-scroll-service{min-height:50px;display:flex;align-items:center;padding:0 1rem;position:relative;z-index:1;text-align:center;margin-bottom:10px}.crftd-scroll-service h4{text-transform:uppercase;font-size:1.75rem;font-weight:700;color:var(--base-300);transition:color .3s ease}.crftd-scroll-service.crftd-scroll-active h4{color:var(--base-500)}.crftd-scroll-service-img-wrapper{position:relative;width:60%;height:250px;overflow:hidden;border-radius:1rem;background-color:var(--base-450)}.crftd-scroll-service-img{width:100%;height:100%;transform:translateY(0);will-change:transform}.crftd-scroll-img{width:100%;height:250px}.crftd-scroll-img img{width:100%;height:100%;object-fit:cover;border-radius:1rem}.crftd-scroll-service-copy{width:80%;text-align:center}.crftd-scroll-service-copy p{font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.6;margin:0;color:var(--base-200)}.crftd-scroll-progress-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:60%;background-color:var(--base-400);border-radius:1rem}.crftd-scroll-progress{top:0;left:0;width:100%;height:100%;transform-origin:top;transform:scaleY(0);will-change:transform;border-radius:1rem}.crftd-scroll-index,.crftd-scroll-progress{position:absolute;background-color:var(--base-100)}.crftd-scroll-index{bottom:10%;left:50%;transform:translateX(-50%);min-width:4rem;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;color:var(--base-500);border-radius:2rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.crftd-scroll-index span{font-family:Manrope,sans-serif;font-size:1rem;font-weight:600;line-height:1;display:flex;justify-content:center;align-items:center}.crftd-scroll-separator{width:1rem;height:1px;background-color:var(--base-300);margin:0 .5rem}.crftd-scroll-light .crftd-scroll-sticky{background-color:transparent;color:var(--base-500)}.crftd-scroll-light .crftd-scroll-indicator{background-color:var(--base-500)}.crftd-scroll-light .crftd-scroll-service h4{color:var(--base-300)}.crftd-scroll-light .crftd-scroll-service.crftd-scroll-active h4{color:var(--base-100)}.crftd-scroll-light .crftd-scroll-service-img-wrapper{background-color:var(--base-200)}.crftd-scroll-light .crftd-scroll-service-copy p{color:var(--base-400)}.crftd-scroll-light .crftd-scroll-progress-bar{background-color:var(--base-250)}.crftd-scroll-light .crftd-scroll-progress{background-color:var(--base-500)}.crftd-scroll-light .crftd-scroll-index{background-color:var(--base-500);color:var(--base-100)}.crftd-scroll-light .crftd-scroll-separator{background-color:var(--base-350)}@media (max-width:1000px){.crftd-scroll-sticky{flex-direction:column;height:100svh;padding:0;gap:0}.crftd-scroll-col{padding:1rem;gap:1rem}.crftd-scroll-col:first-child{flex:0 0 auto;padding:2rem 1rem 1rem;justify-content:flex-end;min-height:40%}.crftd-scroll-col:last-child{flex:1 1;flex-direction:row;gap:1rem;padding:1rem;align-items:stretch}.crftd-scroll-services{width:100%;align-items:flex-start}.crftd-scroll-service h4{font-size:2rem;font-weight:600}.crftd-scroll-service{min-height:40px;margin:auto}.crftd-scroll-indicator{height:40px}.crftd-scroll-service-img-wrapper{width:45%;height:180px;flex-shrink:0}.crftd-scroll-img{height:180px}.crftd-scroll-service-copy{width:55%;text-align:left;display:flex;align-items:center}.crftd-scroll-service-copy p{font-size:.9rem;line-height:1.4}.crftd-scroll-progress-bar{top:20%;left:1rem;transform:none;width:2px;height:30%}.crftd-scroll-index{top:1rem;bottom:unset;right:1rem;left:unset;transform:none;padding:.5rem .75rem;min-width:3rem}.crftd-scroll-index span{font-size:.875rem}.crftd-scroll-separator{width:.75rem;margin:0 .25rem}}@media (max-width:767px){.crftd-scroll-col:last-child{flex-direction:column;gap:1rem}.crftd-scroll-service-img-wrapper{width:100%;height:160px}.crftd-scroll-img{height:160px}.crftd-scroll-service-copy{width:100%;text-align:center}.crftd-scroll-service h4{font-size:1.5rem}.crftd-scroll-service-copy p{font-size:.85rem}.crftd-scroll-progress-bar{top:1rem;left:1rem;height:25%}}@media (max-width:480px){.crftd-scroll-service h4{font-size:1.25rem}.crftd-scroll-col{padding:.75rem}.crftd-scroll-col:first-child{padding:1.5rem .75rem .75rem}.crftd-scroll-service-copy p{font-size:.8rem}.crftd-scroll-index{top:.75rem;right:.75rem;padding:.4rem .6rem}.crftd-scroll-index span{font-size:.8rem}}