body{&.menu-open{overflow:hidden}}.header-module-wrapper{position:sticky;top:0;z-index:99}.header{border-bottom:1px solid rgba(83,49,104,.7);position:relative}.header-top-container{height:2.625rem}.header-brand-logos-wrapper{overflow:scroll}.header-brand-link-wrapper{background:transparent;transition:background-color var(--transition-speed) ease;&.active{background:var(--purple-100)}}.header-brand-link{background-color:#ac8fbe;display:block;height:2.625rem;mask-position:50%;mask-repeat:no-repeat;mask-size:auto;transition:background-color var(--transition-speed) ease;width:7.75rem}.header-top-login-link-wrapper{display:none}.c4l-header-wrapper{display:flex;justify-content:space-between;max-height:78px;padding-block:1rem;position:relative}.c4l-header-logo-wrapper{padding-inline-start:1.5rem}.header-c4l-logo-link{width:9.375rem}.header-nav-ul{align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.header-nav-li{position:relative;&.mobile{flex-direction:column}}.header-nav-link{display:block;width:max-content}.header-ctas-wrapper{gap:1rem;&.mobile{flex-direction:column;margin-block-start:2rem}&.desktop{display:none}}.header-cta-button{&.mobile{background:var(--teal-500);border-radius:var(--button-border-radius);color:var(--white);display:block;letter-spacing:.0125em;padding:.725rem 1rem;text-align:center;width:100%}}.header-nav-wrapper{&.desktop{display:none}}.mobile-menu-button{aspect-ratio:1;background:transparent;border:none;display:flex;flex-direction:column;gap:.25rem;justify-content:center;padding:0;position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:1.5rem;z-index:999}.mobile-menu-bar{background:var(--teal-700);border-radius:.75rem;display:block;height:3px;transform:rotate(0deg) scaleX(1);transition:transform var(--transition-speed) ease;width:100%}.mobile-menu-button[aria-expanded=true]{& .mobile-menu-bar.top{transform:rotate(45deg) translate(5px,5px)}}.mobile-menu-button[aria-expanded=true]{& .mobile-menu-bar.middle{transform:rotate(0deg) scaleX(0)}}.mobile-menu-button[aria-expanded=true]{& .mobile-menu-bar.bottom{transform:rotate(-45deg) translate(5px,-5px)}}.mobile-menu-drawer{background-color:var(--white);left:0;opacity:0;overflow:scroll;padding:2rem;pointer-events:none;position:absolute;top:7.5rem;transform:translateY(-2rem);transition:transform var(--transition-speed) ease,opacity var(--transition-speed) ease,visibility var(--transition-speed) ease;visibility:hidden;width:100%;z-index:-1;&.open{opacity:1;pointer-events:all;transform:translateY(0);visibility:visible}}.mobile-header-nav-ul{flex-direction:column;gap:1.75rem;list-style:none;padding:0}@media (min-width:48rem){.header-ctas-wrapper{&.mobile{flex-direction:row}}}@media (min-width:64rem){.header{border:none}.header-top-container{align-items:center;display:flex;justify-content:space-between;padding:0}.header-brand-logos-wrapper{gap:.3125rem;overflow:hidden}.header-brand-link{&:hover{background-color:var(--purple-100)}}.header-brand-link-wrapper{&.active{& .header-brand-link{&:hover{background-color:var(--purple-900)}}}}.c4l-header-bg-wrapper{border-block-end:1px solid transparent;transition:border-color var(--transition-speed) ease}.header{&.scrolled{& .c4l-header-bg-wrapper{border-color:rgba(83,49,104,.7)}}}.container{&.header-top-logos-container{align-items:center;display:flex;justify-content:space-between}}.header-top-login-link-wrapper{display:block}.header-top-login-link{display:inline-block;width:max-content}.c4l-header-wrapper{align-items:center;margin-inline:auto;max-height:none;padding-block:1.75rem;width:min(100% - 2rem,91.5rem)}.header-nav-wrapper{&.mobile{display:none}&.desktop{display:block;position:relative}}.header-ctas-wrapper{&.mobile{display:none}&.desktop{align-items:center;display:flex}}.c4l-header-logo-wrapper{padding-inline:0}.header-c4l-logo-link{width:clamp(10rem,8.964rem + 4.42vw,12.5rem)}.header-nav-ul{align-items:center;gap:clamp(1rem,-3rem + 6.25vw,2rem);justify-content:center}.header-nav-link{position:relative;transition:color var(--transition-speed) ease;width:auto;z-index:10;&:before{background:var(--purple-600);bottom:-.125rem;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform var(--transition-speed) ease;width:100%}&:hover{&:before{transform:scaleX(1);transform-origin:left}}}.mobile-header-logo-wrapper,.mobile-menu-button,.mobile-menu-drawer{display:none}}