.services-title{width:calc(100% - calc(var(--margin-xxl) * 4));margin:var(--margin-l) calc(var(--margin-xxl) * 2);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:var(--gap-xl)}.services-title .title{font-size:var(--font-l);font-weight:var(--font-weight-bold);line-height:100%;opacity:0.3}.services-title .description{font-size:calc(var(--font-xxl) * 3);font-weight:var(--font-weight-bold);line-height:100%}.services-container{width:100vw;height:1200vh;min-height:1200vh;z-index:3}.services-container .services-scroll-container{position:sticky;top:0;width:100%;height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.services-container .services-scroll-container .services-sub-container{position:relative;width:calc(100% - var(--margin-xxl) * 4);height:calc(100% - var(--margin-xxl) * 4);margin:calc(var(--margin-xxl) * 2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--gap-xxl);background:var(--bg);z-index:2}.services-container .services-scroll-container .services-sub-container .service{position:absolute;left:0;top:0;width:calc(100% - var(--padding-xxl) * 2);height:calc(100% - var(--padding-xxl) * 2);box-shadow:0px 10px 40px 0px rgba(0,0,0,0.2);padding:var(--padding-xxl);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;background:var(--bg-inverted);border-radius:var(--border-radius-xxl);overflow:hidden;transition:opacity 1s cubic-bezier(0.24, 0, 0.06, 0.99)}.services-container .services-scroll-container .services-sub-container .service.hidden{opacity:0}.services-container .services-scroll-container .services-sub-container .service:nth-child(1){z-index:3}.services-container .services-scroll-container .services-sub-container .service:nth-child(2){z-index:4}.services-container .services-scroll-container .services-sub-container .service:nth-child(3){z-index:5}.services-container .services-scroll-container .services-sub-container .service:nth-child(4){z-index:6}.services-container .services-scroll-container .services-sub-container .service:nth-child(5){z-index:7}.services-container .services-scroll-container .services-sub-container .service:nth-child(6){z-index:8}.services-container .services-scroll-container .services-sub-container .service:nth-child(7){z-index:9}.services-container .services-scroll-container .services-sub-container .service:nth-child(8){z-index:10}.services-container .services-scroll-container .services-sub-container .service:nth-child(9){z-index:11}.services-container .services-scroll-container .services-sub-container .service:nth-child(10){z-index:12}.services-container .services-scroll-container .services-sub-container .service:nth-child(11){z-index:13}.services-container .services-scroll-container .services-sub-container .service:nth-child(12){z-index:14}.services-container .services-scroll-container .services-sub-container .service:nth-child(13){z-index:15}.services-container .services-scroll-container .services-sub-container .service:nth-child(14){z-index:16}.services-container .services-scroll-container .services-sub-container .service:nth-child(15){z-index:17}.services-container .services-scroll-container .services-sub-container .service:nth-child(16){z-index:18}.services-container .services-scroll-container .services-sub-container .service .service-sub-container{position:relative;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-background{position:absolute;top:calc(var(--padding-xxl) * -1);left:calc(var(--padding-xxl) * -1);width:calc(100% + var(--padding-xxl) * 2);height:calc(100% + var(--padding-xxl) * 2);z-index:1}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-background img,.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-background video{width:100%;height:100%;object-fit:cover;filter:brightness(0.7)}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-name{max-width:50%;font-size:calc(var(--font-xxl) * 3);font-weight:var(--font-weight-medium);color:var(--text-invert);line-height:100%;z-index:2}.services-container .services-scroll-container .services-sub-container .service .service-sub-container .service-description{max-width:70%;margin-top:auto;font-size:calc(var(--font-xxl) * 1);font-weight:var(--font-weight-medium);color:var(--text-invert);opacity:0.6;z-index:2}