:root{--space-15-60:clamp(0.9375rem,4.8047rem,3.75rem);--space-7-15:clamp(0.4375rem,1.125rem,0.9375rem);--space-15-30:clamp(0.9375rem,2.2266rem,1.875rem);--space-30-60:clamp(1.875rem,4.4531rem,3.75rem);--step-width:300px;--stage-gap:7px;--mobile-1st-col:40px;--color-intake:#bb271a;--color-strat:#efbd41;--color-implement:#343fbd;--color-support:#4fae50}.bulp-custom-html.bulp-section,.bulp-custom-html.bulp-section:last-of-type{line-height:1.6;padding:var(--space-15-60) 0!important}.bulp-intro-title{text-align:center}.bulp-custom-html-content{text-align:start}.bulp-custom-html-container{max-width:100%}.lifecycle{display:grid}.scope{color:#333;font-size:var(--step--1)}.stage{background:gray;color:#fff;font-size:var(--step--1);font-weight:600}.stage.intake{background:var(--color-intake)}.stage.strategy-planning{background:var(--color-strat)}.stage.implementation{background:var(--color-implement)}.stage.support{background:var(--color-support)}.step{position:relative}.step h4{margin-bottom:0}.marketing-design .step{margin-block-start:15px}.step .details::before{background:gray;display:block;inset-block-start:-15px;inset-inline-start:calc(var(--stage-gap) * -0.5);height:30px;width:calc(var(--stage-gap) * 0.5)}.step.first .details::before{background:var(--color-intake)}.marketing-design .step:nth-of-type(2) .details::before{background:var(--color-strat)}.marketing-design .step:nth-of-type(3) .details::before,.marketing-design .step:nth-of-type(4) .details::before{background:var(--color-implement)}.marketing-design .step:nth-of-type(5) .details::before{background:var(--color-support)}.interactive-design .step:nth-of-type(2) .details::before,.interactive-design .step:nth-of-type(3) .details::before{background:var(--color-strat)}.interactive-design .step:nth-of-type(4) .details::before,.interactive-design .step:nth-of-type(5) .details::before,.interactive-design .step:nth-of-type(6) .details::before{background:var(--color-implement)}.interactive-design .step:nth-of-type(7) .details::before{background:var(--color-support)}.step.last .details::after{background:var(--color-support);display:block;inset-block-start:-15px;inset-inline-end:calc(var(--stage-gap) * -0.5);height:30px;width:calc(var(--stage-gap) * 0.5)}.details{font-size:var(--step--1);list-style-type:none;position:relative}.details li{margin-block-end:var(--space-7-15)}.details::before,.details::after{content:"";position:absolute}@media screen and (max-width: 500px){.lifecycle{display:grid;grid-template-columns:60px calc(100% - 60px)}.scope,.stage{padding:var(--space-7-15)}.step h4,.details{padding:var(--space-15-30)}.scope{border:1px solid gray;grid-column:span 3;margin:var(--stage-gap)}.scope.strategy-planning{grid-row:2/3}.scope.implementation{grid-row:5/6}.stage{writing-mode:vertical-lr;grid-column:1/2;place-self:stretch center}.stage.intake{grid-row:1/2}.marketing-design .stage.strategy-planning{grid-row:3/4}.marketing-design .stage.implementation{grid-row:4/7}.marketing-design .stage.support{grid-row:7/8}.interactive-design .stage.strategy-planning{grid-row:3/5}.interactive-design .stage.implementation{grid-row:6/9}.interactive-design .stage.support{grid-row:9/10}.step{border-inline-start:1px solid gray;grid-column:2/3;margin-inline-start:var(--space-15-30)}.step:nth-of-type(1){grid-row:1/2}.step:nth-of-type(2){grid-row:3/4}.step:nth-of-type(3){grid-row:4/5}.step:nth-of-type(4){grid-row:6/7}.step:nth-of-type(5){grid-row:7/8}.step:nth-of-type(6){grid-row:8/9}.step:nth-of-type(7){grid-row:9/10}.step::before,.step::after{content:"";position:absolute}.step::before{display:block;inset-block-start:calc(var(--stage-gap) * -0.75);inset-inline-start:calc(15px * -0.5);width:15px;height:calc(var(--stage-gap) * 0.5)}.marketing-design .step.first::before{background:var(--color-intake)}.marketing-design .step:nth-of-type(2)::before{background:var(--color-strat)}.marketing-design .step:nth-of-type(3)::before,.marketing-design .step:nth-of-type(4)::before{background:var(--color-implement)}.marketing-design .step:nth-of-type(5)::before,.marketing-design .step.last::after{background:var(--color-support)}.interactive-design .step.first::before{background:var(--color-intake)}.interactive-design .step:nth-of-type(2)::before,.interactive-design .step:nth-of-type(3)::before{background:var(--color-strat)}.interactive-design .step:nth-of-type(4)::before,.interactive-design .step:nth-of-type(5)::before,.interactive-design .step:nth-of-type(6)::before{background:var(--color-implement)}.interactive-design .step:nth-of-type(7)::before,.interactive-design .step.last::after{background:var(--color-support)}.step.first::before,.step.last::after{inset-inline-start:-15px;width:30px}.step.first::before{inset-block-start:0}.step.last::after{display:block;inset-block-end:0;inset-inline-end:calc(15px * -0.5);width:30px;height:calc(var(--stage-gap) * 0.5)}.details::before,.details::after{visibility:hidden}}@media screen and (min-width: 501px){.bulp-custom-html{margin-inline-start:calc(-50vw + 50%);width:100vw}.bulp-column.bulp-custom-html-wrapper{position:relative;z-index:0}.bulp-column.bulp-custom-html-wrapper::before,.bulp-column.bulp-custom-html-wrapper::after{block-size:100%;content:"";display:block;position:absolute;inline-size:calc(var(--space-30-60) * 1.15);inset-block-start:0}.bulp-column.bulp-custom-html-wrapper::before{background:linear-gradient(to left,rgba(244,246,248,0),#f4f6f8);inset-inline-start:0}.bulp-column.bulp-custom-html-wrapper::after{background:linear-gradient(to right,rgba(244,246,248,0),#f4f6f8);inset-inline-end:0}.lifecycle{display:grid;overflow-x:auto;overscroll-behavior-x:contain;padding-inline:var(--space-30-60);scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-30-60)}.lifecycle.marketing-design{grid-template-columns:repeat(5,minmax(var(--step-width),1fr))}.lifecycle.interactive-design{grid-template-columns:repeat(7,minmax(var(--step-width),1fr))}.scope,.stage,.step h4,.details{padding:var(--space-7-15)}.scope{border-inline-start:calc(var(--stage-gap) * 0.25) solid gray;grid-row:1/2;margin-inline-start:calc(var(--stage-gap) * -0.5);padding-block-start:0}.scope.strategy-planning{grid-column:2/4}.scope.implementation{grid-column:4/6}.stage{grid-row:2/3;margin:0 var(--stage-gap) 0 0}.stage.intake{grid-column:1 / span 1}.marketing-design .stage.strategy-planning{grid-column:2 / span 1}.marketing-design .stage.implementation{grid-column:3 / span 2}.marketing-design .stage.support{grid-column:5 / span 1}.interactive-design .stage.strategy-planning{grid-column:2 / span 2}.interactive-design .stage.implementation{grid-column:4 / span 3}.interactive-design .stage.support{grid-column:7 / span 1}.step{grid-row:3/4;scroll-snap-align:start}.details{border-block-start:1px solid gray;padding-block-start:var(--space-15-30)}.step.first .details::before,.step.last .details::after{inset-block-start:-30px;height:60px}}