.process-timeline{position:relative;padding-top:var(--spacing-15);padding-bottom:var(--spacing-15);background-color:#fff;overflow:clip}@media (min-width: 1024px){.process-timeline{padding-top:var(--spacing-30);padding-bottom:var(--spacing-30);height:calc(2 * var(--spacing-30) + var(--process-timeline-list-height))}}@media (min-width: 1024px){.process-timeline>.container{position:sticky;top:var(--spacing-10);left:0}}.process-timeline__inner{opacity:0;transform:translateY(50px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-15)}.is-in-view .process-timeline__inner{opacity:1;transform:translateY(0)}.process-timeline__header{display:flex}.process-timeline__title{--text-title: clamp(2.25rem, 1.2286rem + 4.1905vw, 5rem);font-size:clamp(2.25rem,1.2286rem + 4.1905vw,5rem);font-size:var(--text-title);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:var(--letter-spacing-default)}.process-timeline__list-container{position:relative}@media (min-width: 1024px){.process-timeline__list-container:after{content:"";position:absolute;top:0;left:calc(var(--container-spacing) * -1);right:calc(var(--container-spacing) * -1);height:100%;background:linear-gradient(to right,transparent 50%,white);background-size:cover;pointer-events:none;z-index:2}}.process-timeline__list{display:flex;flex-direction:column;counter-reset:recruitment-item}@media (min-width: 1024px){.process-timeline__list{flex-direction:row;overflow-x:scroll;width:calc(100% + 2 * var(--container-spacing));padding-left:var(--container-spacing);padding-right:var(--container-spacing);margin-left:calc(-1 * var(--container-spacing));scrollbar-width:none;scroll-snap-type:x mandatory;scroll-snap-align:start;scroll-snap-stop:always}}.recruitment-item{display:flex;align-items:center;flex:0 0 auto;counter-increment:recruitment-item}@media (min-width: 1024px){.recruitment-item{flex-direction:column;align-items:flex-start}}@media (min-width: 1024px){.recruitment-item:last-child{margin-right:calc(max(0,var(--process-timeline-items-count) - 2)*348px)}}.recruitment-item__image{display:none}@media (min-width: 1024px){.recruitment-item__image{display:block;border-radius:10px;overflow:hidden}}.recruitment-item__content{padding-bottom:var(--spacing-5);position:relative;display:flex;gap:var(--spacing-3)}@media (min-width: 1024px){.recruitment-item__content{margin-top:var(--spacing-8);padding-right:var(--spacing-15);padding-bottom:0;flex-direction:column;gap:var(--spacing-7);max-width:calc(348px + var(--spacing-15))}}.recruitment-item__content:before{content:"";position:absolute;top:30px;left:15px;width:1px;height:100%;background-color:var(--colour-bg-primary);opacity:.4}@media (min-width: 1024px){.recruitment-item__content:before{top:15px;left:30px;height:1px;width:100%}}@media (min-width: 1024px){.recruitment-item:first-child .recruitment-item__content:after{content:"";position:absolute;top:15px;right:100%;width:var(--container-spacing);height:1px;background-color:var(--colour-bg-primary);opacity:.4}}.recruitment-item:last-child .recruitment-item__content{padding-right:0}.recruitment-item:last-child .recruitment-item__content:before{display:none}.recruitment-item__counter{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background-color:var(--colour-bg-primary);color:#fff;font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:var(--letter-spacing-default)}.recruitment-item__counter:before{content:counter(recruitment-item)}.recruitment-item__text{display:flex;flex-direction:column;gap:var(--spacing-3)}@media (min-width: 1024px){.recruitment-item__text{gap:var(--spacing-2)}}.recruitment-item__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:1.6;letter-spacing:var(--letter-spacing-default)}@media (min-width: 1024px){.recruitment-item__title{font-size:var(--text-2xl);font-weight:var(--font-weight-regular);line-height:1.2}}.recruitment-item__description{font-size:var(--text-body-lg);font-weight:var(--font-weight-regular);line-height:1.2;letter-spacing:var(--letter-spacing-default);max-width:30ch}@media (min-width: 1024px){.recruitment-item__description{max-width:none}}
