:root{--bg-color:#a0b3b1;--text-color:#000;--accent-color:#d9ff66;--circle-size:60px}.Our_Process__main-grid{width:100vw;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:100px;background-color:var(--bg-color)}.Our_Process__left-sticky{position:sticky;top:100px;height:-moz-fit-content;height:fit-content;padding:20px}.Our_Process__title{font-size:3.5rem;line-height:1.1;margin-bottom:20px;font-weight:700;font-family:Afacad;color:#000;margin-left:10vw}.Our_Process__title span{font-family:Playfair Display,serif;font-style:italic;display:block}.Our_Process__subtitle{color:#000;font-size:1.1rem;line-height:1.6;max-width:400px;margin-left:10vw}.Our_Process__step-title{font-size:2.5rem;line-height:1.1;margin-bottom:20px;font-weight:700;font-family:Afacad;color:#000}.Our_Process__step-description{font-size:1.1rem;line-height:1.6;max-width:400px;color:#000}.Our_Process__timeline-container{display:flex;flex-direction:column}.Our_Process__step-item{display:grid;grid-template-columns:var(--circle-size) 1fr;gap:40px;min-height:250px;position:relative}.Our_Process__graphic-part{display:flex;flex-direction:column;align-items:center;height:100%}.Our_Process__circle-wrapper{width:var(--circle-size);height:var(--circle-size);position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.Our_Process__circle-bg{position:absolute;width:100%;height:100%;border-radius:50%;border:5px solid rgb(255,255,255);z-index:1}.Our_Process__circle-fill{position:absolute;width:100%;height:100%;border-radius:50%;z-index:2;border:5px solid #000;clip-path:circle(0 at 50% 0);animation-name:drawCircle;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(block);animation-range:entry 45% contain 50%}.Our_Process__step-number{position:relative;z-index:3;font-family:Playfair Display,serif;font-size:1.5rem;color:#000;mix-blend-mode:difference}.Our_Process__line-wrapper{flex-grow:1;width:3px;background-color:rgb(255,255,255);position:relative;margin-top:-1px;margin-bottom:-1px;z-index:1}.Our_Process__line-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;transform-origin:top;transform:scaleY(0);animation-name:drawLine;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(block);animation-range:cover 40% cover 50%}.Our_Process__step-item:last-child .Our_Process__line-wrapper{display:none}.Our_Process__text-content{padding-top:15px;opacity:.4;transition:opacity .3s;animation-name:fadeText;animation-timeline:view(block);animation-range:entry 30% contain 50%;animation-fill-mode:both}@keyframes drawCircle{70%{clip-path:circle(0 at 50% 0)}to{clip-path:circle(50% at 50% 50%)}}@keyframes drawLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fadeText{to{opacity:1}}@media(max-width:900px){.Our_Process__main-grid{grid-template-columns:1fr;padding-top:50px}.Our_Process__left-sticky{position:relative;top:0;margin-bottom:40px}}@media(max-width:450px){.Our_Process__title{font-size:2rem;margin-left:2vw}.Our_Process__subtitle{margin-left:2vw}.Our_Process__step-item{display:grid;grid-template-columns:var(--circle-size) 1fr;gap:10px;min-height:250px;position:relative;margin-left:15px}.Our_Process__step-title{font-size:1.8rem;margin-bottom:8px}.Our_Process__step-description{font-size:1rem}}