:root{--engagement-framework-button-bgc:#f9f9f9;--engagement-framework-button-border:#f9f9f9;--engagement-framework-button-color:#232231;--engagement-framework-button-hover-bgc:#f9f9f9;--engagement-framework-button-hover-border:#232231;--engagement-framework-button-hover-color:#232231;--engagement-framework-button-active-bgc:#232231;--engagement-framework-button-active-border:#232231;--engagement-framework-button-active-color:#f9f9f9;--engagement-framework-step-bgc:#232231;--engagement-framework-step-focus-outline:#232231;--engagement-framework-step-note-color:#e9b4bb;--engagement-framework-step-shadow:8px 8px 16px rgba(35, 34, 49, 0.2);--engagement-framework-step-title-color:#f9f9f9;--engagement-framework-step-number-bgc:#f9f9f9;--engagement-framework-step-number-color:#232231;--engagement-framework-step-number-size:50px;--engagement-framework-steps-padding:10px;--engagement-framework-substep-bgc:#f9f9f9;--engagement-framework-substep-color:#232231;--engagement-framework-substep-focus-outline:#f9f9f9;--engagement-framework-substep-scroll-bar-color:#232231 #f9f9f9}.engagement-framework{position:relative}.engagement-framework .sr-only{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.engagement-framework__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px}.engagement-framework__next-button,.engagement-framework__pagination-button,.engagement-framework__prev-button{--button-icon-size:18px;--button-padding:0;font-family:Bunch,sans-serif;font-size:1.25rem;width:32px}.engagement-framework__next-button:focus-visible,.engagement-framework__next-button:hover,.engagement-framework__pagination-button:focus-visible,.engagement-framework__pagination-button:hover,.engagement-framework__prev-button:focus-visible,.engagement-framework__prev-button:hover{--button-background-hover:var(--engagement-framework-button-hover-bgc);--button-border-hover:var(--engagement-framework-button-hover-border);--button-color-hover:var(--engagement-framework-button-hover-color)}.engagement-framework__next-button.selected,.engagement-framework__pagination-button.selected,.engagement-framework__prev-button.selected{--button-background:var(--engagement-framework-button-active-bgc);--button-background-hover:var(--engagement-framework-button-active-bgc);--button-border:var(--engagement-framework-button-active-border);--button-border-hover:var(--engagement-framework-button-active-border);--button-color:var(--engagement-framework-button-active-color);--button-color-hover:var(--engagement-framework-button-active-color)}.engagement-framework__prev-button .icon{translate:-1px 0}.engagement-framework__next-button .icon{translate:1px 0}.engagement-framework__steps{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;overflow-x:auto;padding:30px var(--engagement-framework-steps-padding);position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.engagement-framework__steps::-webkit-scrollbar{-webkit-appearance:none;height:0;width:0}.engagement-framework__step{background-color:var(--engagement-framework-step-bgc);border-radius:30px;-webkit-box-shadow:var(--engagement-framework-step-shadow);box-shadow:var(--engagement-framework-step-shadow);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;min-height:500px;outline-offset:0;overflow:hidden;padding:20px;position:relative;scroll-snap-align:center;-webkit-transition:outline-offset 250ms cubic-bezier(.19, 1, .55, 1);transition:outline-offset 250ms cubic-bezier(.19, 1, .55, 1)}.engagement-framework__step--pink{--engagement-framework-step-bgc:#e9b4bb;--engagement-framework-step-focus-outline:#e9b4bb}.engagement-framework__step--orange{--engagement-framework-step-bgc:#dd9366;--engagement-framework-step-focus-outline:#dd9366;--engagement-framework-step-title-color:#232231;--engagement-framework-step-note-color:#232231;--engagement-framework-step-number-bgc:#232231;--engagement-framework-step-number-color:#f9f9f9}.engagement-framework__step--red{--engagement-framework-step-bgc:#e65140;--engagement-framework-step-focus-outline:#e65140;--engagement-framework-step-note-color:#232231}.engagement-framework__step--light-brown{--engagement-framework-step-bgc:#825b43;--engagement-framework-step-focus-outline:#825b43;--engagement-framework-step-note-color:#f9f9f9}.engagement-framework__step--dark-brown{--engagement-framework-step-bgc:#4b291e;--engagement-framework-step-focus-outline:#4b291e}.engagement-framework__step--white{--engagement-framework-step-bgc:#f9f9f9;--engagement-framework-step-focus-outline:#f9f9f9;--engagement-framework-step-title-color:#232231;--engagement-framework-step-note-color:#232231;--engagement-framework-step-number-bgc:#232231;--engagement-framework-step-number-color:#f9f9f9;--engagement-framework-substep-bgc:#232231;--engagement-framework-substep-color:#f9f9f9;--engagement-framework-substep-focus-outline:#232231;--engagement-framework-substep-scroll-bar-color:#f9f9f9 #232231}.engagement-framework__step--white-bright{--engagement-framework-step-bgc:#fff;--engagement-framework-step-focus-outline:#fff}.engagement-framework__step--black{--engagement-framework-step-bgc:#232231;--engagement-framework-step-focus-outline:#232231}.engagement-framework__step:focus-visible{outline:2px solid var(--engagement-framework-step-focus-outline);outline-offset:4px}.engagement-framework__step-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;position:relative}.engagement-framework__step-number{background-color:var(--engagement-framework-step-number-bgc);border-radius:50%;color:var(--engagement-framework-step-number-color);font-family:Bunch,sans-serif;font-size:2rem;height:var(--engagement-framework-step-number-size);line-height:var(--engagement-framework-step-number-size);margin:0 0 20px;text-align:center;width:var(--engagement-framework-step-number-size)}.engagement-framework__step-title{color:var(--engagement-framework-step-title-color);line-height:1.2}.engagement-framework__step-title span{color:var(--engagement-framework-step-note-color)}.engagement-framework__step-note{color:var(--engagement-framework-step-note-color);font-size:var(--text-font-size-small);line-height:1;margin:0;text-decoration:none}.engagement-framework__step-note .icon{display:inline-block;height:14px;margin:0 0 4px 8px;-webkit-transition:translate 250ms cubic-bezier(.19, 1, .55, 1);transition:translate 250ms cubic-bezier(.19, 1, .55, 1);width:14px}.engagement-framework__step-note:focus-visible .icon,.engagement-framework__step-note:hover .icon{translate:0 -4px}.engagement-framework__step-note:focus-visible{outline:1px solid var(--engagement-framework-step-note-color);outline-offset:8px}.engagement-framework__substeps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;height:100%;position:relative}.engagement-framework__substep{background-color:var(--engagement-framework-substep-bgc);border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;position:relative;-webkit-transition:height 1s cubic-bezier(.19, 1, .55, 1),top 250ms cubic-bezier(.19, 1, .55, 1);transition:height 1s cubic-bezier(.19, 1, .55, 1),top 250ms cubic-bezier(.19, 1, .55, 1);width:100%}.engagement-framework__substep.is-open .engagement-framework__substep-button:focus-visible .engagement-framework__substep-icon{outline:1px solid var(--engagement-framework-substep-color);outline-offset:4px}.engagement-framework__substep.is-open .engagement-framework__substep-icon svg{rotate:45deg}.engagement-framework__substep.is-open .engagement-framework__substep-content{opacity:1;overflow:hidden auto;padding:0 20px 20px;-webkit-transition:max-height 350ms cubic-bezier(.19, 1, .55, 1),opacity .5s cubic-bezier(.19, 1, .55, 1) .2s,translate 350ms cubic-bezier(.19, 1, .55, 1) .2s;transition:max-height 350ms cubic-bezier(.19, 1, .55, 1),opacity .5s cubic-bezier(.19, 1, .55, 1) .2s,translate 350ms cubic-bezier(.19, 1, .55, 1) .2s;translate:0}.engagement-framework__substep:focus-within:not(.expanded){outline:1px solid var(--engagement-framework-substep-focus-outline);outline-offset:4px}.engagement-framework__substep-button{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px}.engagement-framework__substep-button:focus-visible .engagement-framework__substep-icon svg,.engagement-framework__substep-button:hover .engagement-framework__substep-icon svg{scale:1.2}.engagement-framework__substep-title{color:var(--engagement-framework-substep-color);font-family:Bunch,sans-serif;font-size:var(--heading-5-font-size);line-height:1.25;-webkit-transition:font-size 250ms cubic-bezier(.19, 1, .55, 1);transition:font-size 250ms cubic-bezier(.19, 1, .55, 1)}.engagement-framework__substep-icon{-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;height:20px;margin-top:2px;width:20px}.engagement-framework__substep-icon svg{fill:var(--engagement-framework-substep-color);-webkit-transition:rotate 250ms cubic-bezier(.19, 1, .55, 1),scale 250ms cubic-bezier(.19, 1, .55, 1);transition:rotate 250ms cubic-bezier(.19, 1, .55, 1),scale 250ms cubic-bezier(.19, 1, .55, 1)}.engagement-framework__substep-content{max-height:0;opacity:0;overflow:hidden;padding:0 20px;scrollbar-color:var(--engagement-framework-substep-scroll-bar-color);scrollbar-width:thin;-webkit-transition:max-height 350ms cubic-bezier(.19, 1, .55, 1),opacity .5s cubic-bezier(.19, 1, .55, 1),translate 350ms cubic-bezier(.19, 1, .55, 1);transition:max-height 350ms cubic-bezier(.19, 1, .55, 1),opacity .5s cubic-bezier(.19, 1, .55, 1),translate 350ms cubic-bezier(.19, 1, .55, 1);translate:0 8px}.engagement-framework__substep-content.is-hidden .content{display:none}@media only screen and (min-width:480px){.engagement-framework{--engagement-framework-steps-padding:20px}.engagement-framework__pagination{gap:1rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;padding:0 20px}}@media only screen and (min-width:1024px){.engagement-framework{--engagement-framework-steps-padding:40px;--engagement-framework-step-number-size:80px}.engagement-framework__pagination{padding:0 40px}.engagement-framework__step{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:30px}.engagement-framework__step-heading{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;min-width:400px}.engagement-framework__step-number{font-size:2.5rem;margin:0 0 40px}.engagement-framework__substeps{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}