@layer components{.c-project-steps{--theme-accent-color:var(--brand-indigo);--theme-icon-background:var(--brand-gradient-indigo-purple-180deg);--theme-icon-size:60px;--theme-inner-icon-size:30px;--theme-icon-color:#fff;--progress-line-width:4px;--left-padding-amount:100px;counter-reset:projectStepCounter}.c-project-steps--grey-bg{background-color:var(--brand-indigo-7)}.c-project-steps__step--indigo{--theme-accent-color:var(--brand-indigo);--theme-icon-background:var(--brand-gradient-indigo-purple-180deg)}.c-project-steps__step--purple{--theme-accent-color:var(--brand-purple);--theme-icon-background:var(--brand-gradient-indigo-purple-180deg)}.c-project-steps__step--pink{--theme-accent-color:var(--brand-pink);--theme-icon-background:var(--brand-gradient-pink-red-180deg)}.c-project-steps__step--orange{--theme-accent-color:var(--brand-dark-orange);--theme-icon-background:var(--brand-gradient-orange-yellow-180deg)}.c-project-steps__step--yellow{--theme-accent-color:var(--brand-yellow);--theme-icon-background:var(--brand-gradient-orange-yellow-180deg)}.c-project-steps__step{counter-increment:projectStepCounter;margin-top:calc((var(--theme-icon-size) - var(--theme-inner-icon-size))/-2);padding-bottom:3rem;padding-left:var(--left-padding-amount);position:relative;z-index:1}.c-project-steps__step:before{background-attachment:fixed;background-image:linear-gradient(to bottom,var(--theme-accent-color) 0,var(--theme-accent-color) 50vh,rgba(0,0,0,.1) 50vh,rgba(0,0,0,.1) 100vh);content:"";inset:0;-webkit-mask-image:linear-gradient(to right,transparent 0,transparent calc((var(--left-padding-amount) - var(--progress-line-width))/2),#000 calc((var(--left-padding-amount) - var(--progress-line-width))/2),#000 calc((var(--left-padding-amount) - var(--progress-line-width))/2 + var(--progress-line-width)),transparent calc((var(--left-padding-amount) - var(--progress-line-width))/2 + var(--progress-line-width)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,transparent calc((var(--left-padding-amount) - var(--progress-line-width))/2),#000 calc((var(--left-padding-amount) - var(--progress-line-width))/2),#000 calc((var(--left-padding-amount) - var(--progress-line-width))/2 + var(--progress-line-width)),transparent calc((var(--left-padding-amount) - var(--progress-line-width))/2 + var(--progress-line-width)),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;position:absolute;top:calc((var(--theme-icon-size) - var(--theme-inner-icon-size))/2);z-index:-1}.c-project-steps__step>:after,.c-project-steps__step>:before{--pseudo-size:var(--theme-icon-size);background-image:var(--theme-icon-background);border-radius:50%;height:var(--pseudo-size);left:calc((var(--left-padding-amount) - var(--pseudo-size))/2);position:absolute;top:0;width:var(--pseudo-size);z-index:3}.c-project-steps__step>:before{content:"";opacity:.1}.c-project-steps__step>:after{--pseudo-size:var(--theme-inner-icon-size);align-items:center;color:var(--theme-icon-color);content:counter(projectStepCounter);display:flex;font-family:var(--headings-font-family);font-size:20px;font-variation-settings:"wght" 900;justify-content:center;line-height:1;padding-top:2px;top:calc((var(--theme-icon-size) - var(--pseudo-size))/2)}.c-project-steps__title{color:var(--theme-accent-color);display:block;font-family:var(--headings-font-family);font-size:var(--font-size-h3);font-style:normal;font-variation-settings:"wght" 900;line-height:1.1;padding-top:calc((var(--theme-icon-size) - var(--theme-inner-icon-size))/2)}.c-project-steps__blurb{color:var(--brand-black-80);display:block;font-size:1rem;line-height:1.6;margin-top:0}.c-project-steps .c-list{--list-margin-top:5px}.c-project-steps__step__content{display:flex;flex-direction:column;gap:20px;margin-top:30px}.c-project-steps__arrow_button{--button-text-color-active:var(--theme-accent-color)}.c-project-steps__arrow_button.is-active .c-project-steps__arrow_button__plus-icon,.c-project-steps__arrow_button:not(.is-active) .c-project-steps__arrow_button__minus-icon{display:none!important}.c-project-steps__expandable{--connecting-line-transform:scaleX(0);--connecting-line-transition-duration:150ms;--expandable-content-visibility:hidden;--expandable-content-transform-amount:5px;--expandable-content-opacity:0;--expandable-content-transition-duration:150ms;align-items:center;display:flex;max-height:30px}.c-project-steps__expandable:has(.c-project-steps__expandable__toggle.is-active){--connecting-line-transform:scaleX(1);--expandable-content-visibility:visible;--expandable-content-transform-amount:0px;--expandable-content-opacity:1}.c-project-steps__expandable:before{background-color:var(--theme-accent-color);content:"";display:block;flex:1;height:1px;margin-bottom:5px;order:2;transform:var(--connecting-line-transform);transform-origin:left;transition:var(--connecting-line-transition-duration) transform ease}.c-project-steps__expandable__toggle{order:1}.c-project-steps__expandable__popup{background-color:#fff;border:1px solid var(--theme-accent-color);border-radius:5px;box-shadow:0 2px 15px rgba(0,0,0,.2);font-size:16px;opacity:var(--expandable-content-opacity);order:3;padding:30px;position:relative;transform:translateY(calc(var(--expandable-content-transform-amount) + var(--api-y-bounds-adjustment, 0px)));transition-delay:calc(var(--connecting-line-transition-duration)*.8);transition-duration:var(--expandable-content-transition-duration);transition-property:opacity,visibility,transform;visibility:var(--expandable-content-visibility);width:380px}.c-project-steps__expandable__popup *+*{margin-top:.8rem}@media (max-width:1200px){.c-project-steps{--theme-icon-size:40px;--theme-inner-icon-size:25px;--left-padding-amount:60px;--progress-line-width:2px}.c-project-steps__step>:after{font-size:15px}.c-project-steps__step__content{gap:0;margin-top:20px}.c-project-steps__expandable{--expandable-content-padding-y:0;--expandable-content-margin-y:0;display:grid;gap:0;grid-template-columns:1fr;grid-template-rows:40px 0fr;max-height:none;overflow:hidden;transition:grid-template-rows .15s ease,margin-bottom .15s ease}.c-project-steps__expandable:has(.c-project-steps__expandable__toggle.is-active){grid-template-rows:40px 1fr;--expandable-content-padding-y:20px;--expandable-content-margin-y:10px;margin-bottom:10px}.c-project-steps__expandable:before{display:none}.c-project-steps__expandable__toggle{background-color:#fff;display:flex;grid-column:1;grid-row:1;height:100%;z-index:3}.c-project-steps--grey-bg .c-project-steps__expandable__toggle{background-color:var(--brand-indigo-7)}.c-project-steps__expandable__popup{grid-column:1;grid-row:2;margin-top:var(--expandable-content-margin-y);min-height:0;overflow-y:clip;padding-bottom:var(--expandable-content-padding-y);padding-top:var(--expandable-content-padding-y);transform:none;transition-property:opacity,visibility,transform,padding,margin;width:100%}}}