@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";
.career-section{opacity:1;color:#fff;background:#000;flex-direction:column;justify-content:center;place-items:center;width:100vw;max-width:100vw;height:auto;margin-bottom:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:120px 0 160px;display:flex;position:relative}.career-container{margin:auto}.career-section h2{text-align:center;-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(#fff,#3b9eff);-webkit-background-clip:text;background-clip:text;margin-top:50px;margin-bottom:90px;font-size:70px;font-weight:400;line-height:70px}.career-section h2>span{font-family:Geist,sans-serif;font-weight:300}.career-info{flex-direction:column;margin:0 auto;display:flex;position:relative}.career-info-box{opacity:0;justify-content:space-between;margin-bottom:50px;display:flex}.career-info-box p{color:#ffffffb3;width:40%;margin:0;font-size:14px;font-weight:300;line-height:20px}.career-info-in{justify-content:space-between;gap:50px;width:40%;display:flex}.career-info h3{color:#fff;margin:0;font-size:48px;font-weight:500;line-height:45px}.career-info h4{letter-spacing:.8px;color:#fff;margin:0;font-size:33px;font-weight:500;line-height:30px}.career-info h5{letter-spacing:.7px;text-transform:capitalize;color:var(--accentColor,#60caff);margin:10px 0;font-size:20px;font-weight:400}.career-timeline{opacity:0;background:#c2a4ff2e;width:3px;height:100%;position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.career-timeline-fill{background-image:linear-gradient(to bottom, transparent 0%, var(--accentColor) 15%, #3b9eff 100%);will-change:height;width:100%;height:0;position:absolute;top:0;left:0}.career-dot{will-change:top;z-index:2;background-color:#3b9eff;border-radius:50px;width:12px;height:12px;animation:.8s linear infinite forwards timeline;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px 2px #7ec2ff,0 0 15px 8px #5cadff,0 0 40px 12px #f2c0ffb3}@keyframes timeline{10%,20%,50%,70%,90%{box-shadow:0 0 5px 2px #7ec2ff}10%,30%,0%,to,64%,80%{box-shadow:0 0 5px 2px #7ec2ff,0 0 15px 5px #5cadff,0 0 40px 12px #f2c0ffb3}}@media only screen and (max-width:1400px){.career-section h2{font-size:50px;line-height:50px}.career-info h4{width:180px;font-size:22px;line-height:24px}.career-info h5{font-size:17px}.career-info h3{font-size:40px}.career-info-box p{font-size:14px}.career-info-in{gap:20px;width:45%}.career-info-box p{width:45%}}@media only screen and (min-width:600px) and (max-width:767px){.career-section h2{font-size:42px;line-height:44px}.career-info h3{font-size:36px}.career-info h4{font-size:20px}}@media only screen and (min-width:768px) and (max-width:1024px){.career-section h2{font-size:48px;line-height:48px}.career-info h3{font-size:38px}}@media only screen and (max-width:1025px){.career-section{padding:100px 0}}@media only screen and (max-width:900px){.career-info-box{flex-direction:column;gap:10px;margin-bottom:70px}.career-info-in,.career-info-box p{box-sizing:border-box;width:100%;padding-left:10%}.career-timeline{left:0%;transform:none}.career-dot{left:1.5px}.career-container{width:calc(100% - 25px)}}@media only screen and (max-width:600px){.career-info{margin:0}.career-section h2{width:100%;margin-top:0;font-size:45px;line-height:45px}.career-info-in{gap:0}.career-info h3{font-size:33px}.career-info-in,.career-info-box p{padding-left:5%}.career-section{align-items:start;place-items:inherit;justify-content:left;padding-top:90px}}
.work-section h2{color:#fff;margin-top:28px;margin-bottom:4px;font-size:52px;font-weight:500}.work-section h2>span{color:var(--accentColor)}.work-section{box-sizing:border-box;will-change:transform;color:#fff;background:#000;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);transition:all;position:relative}.work-pin{box-sizing:border-box;will-change:transform;background:#000;width:100%;overflow:hidden}.work-container{color:#fff;flex-direction:column;align-content:stretch;height:100%;margin:auto;display:flex}.work-flex{flex:1;width:100%;min-height:0;margin-left:-40px;padding-right:80px;display:flex;position:relative}.work-box{box-sizing:border-box;color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;gap:20px;width:440px;padding:28px 40px;display:flex}.work-flex .work-box:nth-child(2n){flex-direction:column-reverse}.work-title{justify-content:space-between;width:100%;margin-bottom:10px;display:flex}.work-title>div{text-align:right}.work-title h3{color:#fff;margin:0;font-size:40px;font-weight:600;line-height:40px}.work-title h4{color:#fff;-webkit-text-stroke:1px #000;text-stroke:1px #000}.work-click-hint{color:#fff;opacity:1;margin-top:5px;font-size:14px}.work-info h4{color:#fff;margin:0;font-size:20px;font-weight:500}.work-info p{color:#ffffffb3;margin:3px 0 0;font-size:13px;font-weight:200}.work-info>p{width:90%}.work-image{justify-content:center;width:100%;display:flex}.work-image-in{position:relative}.work-link{background-color:var(--backgroundColor);opacity:0;border-radius:50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:25px;transition:all .3s;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 0 10px #ffffff80,inset 0 0 10px #393939}.work-image a:hover{color:inherit}.work-image a:hover .work-link{opacity:1}.work-image video{object-fit:cover;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.work-image img{object-fit:cover;max-width:100%;max-height:220px}@media only screen and (max-height:900px){.work-image img{max-height:180px}.work-box{gap:16px;padding-top:20px;padding-bottom:20px}.work-section h2{margin-top:20px;margin-bottom:0;font-size:44px}}@media only screen and (max-width:1400px){.work-title h3{font-size:32px;line-height:32px}.work-info p{font-size:12px}.work-info h4{font-size:15px}.work-box{width:360px;padding:24px 28px}.work-flex{margin-left:-24px;padding-right:48px}.work-section h2{font-size:44px}}@media only screen and (max-height:650px){.work-image img{max-height:140px}.work-section h2{margin-top:12px;margin-bottom:0;font-size:36px}.work-box{gap:12px;padding:16px 20px}}@media only screen and (max-width:1025px){.work-container{align-content:normal}.work-flex{min-height:0}}.work-box-cta{border-right:none;justify-content:center;align-items:center;display:flex}.see-all-works{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.see-all-works h3{color:#fff;font-size:28px;font-weight:500}.see-all-works p{color:#fff9;max-width:220px;font-size:14px}.see-all-btn{color:#000;background:var(--accentColor);border-radius:30px;margin-top:8px;padding:12px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.see-all-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #c2a4ff66}@media only screen and (max-width:768px){.work-container.section-container{width:100%;max-width:100%}.work-pin{overflow:hidden}.work-flex{flex-flow:row;gap:0;height:100%;margin-left:0;padding-right:32px}.work-box{border-bottom:none;flex-shrink:0;gap:12px;width:min(78vw,280px);max-width:min(78vw,280px);padding:16px 12px}.work-flex .work-box:nth-child(2n){flex-direction:column-reverse}.work-section h2{margin-top:16px;margin-bottom:4px;padding-left:12px;font-size:30px}.work-title{margin-bottom:6px}.work-title h3{font-size:24px;line-height:24px}.work-info h4{font-size:14px}.work-info p{font-size:11px}.work-image img{max-height:120px}.work-box-cta{border-bottom:none;padding:20px 12px}.see-all-works h3{font-size:18px}.see-all-works p{font-size:12px}}
:root{--accentColor:#3b9eff;--backgroundColor:#0b080c;--vh:100svh;--cWidth:calc(100% - 30px);--cMaxWidth:1920px}@media screen and (min-width:768px){:root{--cWidth:94%}}.container-main{width:100%;margin:auto;position:relative}.section-container{width:1300px}.title,.para{font-kerning:normal;-webkit-text-rendering:optimizeLegibility;text-rendering:optimizelegibility;word-spacing:.15em;transform:translateZ(0)}.split-line{overflow:hidden}@media only screen and (max-width:1600px){.section-container{width:1200px;max-width:calc(100% - 160px)}}@media only screen and (max-width:1400px){.section-container{width:900px}}@media only screen and (max-width:900px){.section-container{width:500px;max-width:var(--cWidth)}}