:host {
  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 22 22%27 fill=%27none%27%3E%3Cpath d=%27M10.6445 0C16.5234 0 21.2898 4.76568 21.29 10.6445C21.29 16.5236 16.5236 21.29 10.6445 21.29C4.76568 21.2898 0 16.5234 0 10.6445C0.000253564 4.76583 4.76583 0.000253569 10.6445 0ZM9.43359 6.1709C9.10584 5.8433 8.57391 5.84339 8.24609 6.1709C7.91826 6.49873 7.91827 7.03153 8.24609 7.35938L11.8496 10.9629L8.24805 14.5664C7.92059 14.8941 7.92067 15.4261 8.24805 15.7539C8.57589 16.0817 9.10868 16.0817 9.43652 15.7539L13.6328 11.5576L13.6299 11.5557C13.9576 11.2278 13.9577 10.695 13.6299 10.3672L9.43359 6.1709Z%27 fill=%27%23000%27/%3E%3C/svg%3E");
  --arrow-right: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%274%27 y1=%2712%27 x2=%2720%27 y2=%2712%27/%3E%3Cpolyline points=%2714 6 20 12 14 18%27/%3E%3C/svg%3E");
  --arrow-left:  url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cline x1=%2720%27 y1=%2712%27 x2=%274%27 y2=%2712%27/%3E%3Cpolyline points=%2710 6 4 12 10 18%27/%3E%3C/svg%3E");
  --arrow-down:  url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%235C6F54%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27/%3E%3C/svg%3E");
  --terracottaAccent: #C06A45;
  --brown: #5A231B;
  --green: #01562b;
  --olive: #667038;
  --accentColor: var(--green);
 /* Spacing */
  --spacingExtraSmall: 6px;
  --spacingSmall: 12px;
  --spacingMedium: 24px;
  --spacingSemilarge: 32px;
  --spacingLarge: 48px;
  --spacingExtraLarge: 80px;
  --spacingDoubleExtraLarge: 150px;

 /* border-radius */
 --borderRadiusSmall: 16px;

 /* border */
 --borderColorDefault: #EBE4D4;
 --borderDefault: 1px solid var(--borderColorDefault);
}
body{
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  font-weight: normal;
}
.text-medium{
    letter-spacing: -0.01em;
    font-size: 1.125rem;
    line-height: 1.25;
}

button{
  appearance: none;
  border: unset;
  padding: unset;
  background: unset;
}
.button{
    display: inline-flex;
    gap: 1.25rem;
    background-color: rgb(201, 111, 74);
    color: rgb(255, 248, 242);
    text-align: center;
    text-transform: uppercase;
    text-wrap: pretty;
    border-radius: 100px;
    border: 2px solid transparent;
    justify-content: center;
    align-items: center;
    padding: .75rem 1.5rem;
    font-size: .875rem;
    font-weight: 900;
    text-decoration: none;
    transition: background-color .3s ease, border-color .3s ease, color .3s ease, transform 200ms ease-out;
}
.button:hover{
    background-color: transparent;
    border-color: rgb(201, 111, 74);
    color: rgb(201, 111, 74);
    transform: translateY(-2px);
}
.is-pale-yellow{
    background-color: var(--_primitives---colors--pale-yellow);
    color: var(--_primitives---colors--chocolate);
}

.icon-arrow-cta:after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: currentColor; /* mask = the paint comes from here */
  -webkit-mask-image: var(--icon-arrow);
          mask-image: var(--icon-arrow);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}


@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateX(16px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeSlideDown {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeSlideLeft {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes overlayIn { from { opacity: 0; } to { opacity: 1; } }

@keyframes fadeSlideLeftOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100px);
  }
}

@keyframes overlayOut { from { opacity: 1; } to { opacity: 0; } }

h2{
  font-family: var(--_typography---font-styles--heading);
  font-size: 3rem;
  line-height: 1.1;
  font-weight: normal;
  margin-top: var(--spacingSmall);
  margin-bottom: var(--spacingMedium);
}

h3{
    font-family: var(--_typography---font-styles--heading);
    font-size: 28px;
    line-height: 33.6px;
    font-weight: normal;
    margin-top: var(--spacingSmall);
    margin-bottom: var(--spacingMedium);
}

.card-defaults{
  background: #FFFDF8;
  border: var(--borderDefault);
  border-radius: var(--borderRadiusSmall);
  box-shadow: 0 1px 2px rgba(38,51,43,.06), 0 18px 40px -28px rgba(38,51,43,.35);
  transition: box-shadow 200ms ease-out, transform 200ms ease-out;
  text-decoration: none;
  width: 100%;
  padding: unset;
  text-align: left;
  height: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.card-defaults h3{
    margin: unset;
}
.card-defaults:hover .icon-next:after{
    transform: translateX(10px);
}
.card-defaults__description{
    font-size: 15px;
    line-height: 1.6;
    color: #5C6A5F;
}
.card-defaults__tag{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #EEF3EA;
    border: 1px solid #D7E2CF;
    border-radius: 99px;
    padding: 7px 15px;
    margin-top: 32px;
    font-size: 14px;
    font-weight: 600;
    color: #34503F;
}
.card-defaults:hover{
  box-shadow: 0 2px 4px rgba(38,51,43,.08), 0 24px 48px -24px rgba(38,51,43,.4);
  transform: translateY(-2px);
}
.eyebrow{
    font-family: "Swiss 721 Bt", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: .64px;
    font-weight: 700;
    color: var(--intro-eyebrow-color, rgb(201, 111, 74));
    margin-bottom: 12px;
    text-transform: uppercase;
}

.icon-prev, .icon-next{
  appearance: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
}
.icon-prev::before {
  width: 24px;
  height: 24px;
  content:'';
  background-color: currentColor; /* arrow takes button text color */
  -webkit-mask: var(--arrow-left) center / contain no-repeat;
          mask: var(--arrow-left) center / contain no-repeat;
}
.icon-next::after {
  width: 24px;
  height: 24px;
  content:'';
  background-color: currentColor;
  -webkit-mask: var(--arrow-right) center / contain no-repeat;
  mask: var(--arrow-right) center / contain no-repeat;
  transition: .3s ease;
}
.primary-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  background: rgb(201, 111, 74);
  color: rgb(255, 248, 242);
  text-align: center;
  text-transform: uppercase;
  text-wrap: pretty;
  font-weight: 900;
  font-size: .875rem;
  padding: .75rem 1.5rem;
  border-radius: 100px;
  border: 2px solid transparent;
  text-decoration: none;
  transition: background-color .3s ease, border-color .3s ease, color .3s ease, transform 200ms ease-out;
}
.primary-button:hover{
  background: transparent;
  border-color: rgb(201, 111, 74);
  color: rgb(201, 111, 74);
  transform: translateY(-2px);
}

.tab-button{ 
  display: inline-flex;
  background: rgba(247, 244, 236, 0.4);
  color: #5A231B;
  font-weight: 700;
  font-size: 16px;
  padding: 18px 36px;
  border-radius: 50px;
  text-decoration: none;
  border: 1px solid rgba(107, 43, 34, 0.35);
  transition: box-shadow 200ms ease-out, transform 200ms ease-out;
}
.tab-button:hover, .tab-button--active{
    background: #5A231B;  
    border: 1px solid rgba(107, 43, 34, 0.35);
    color: #F7F4EC;
}
.content-block {
    display: flex;
    justify-content: center;
    padding-bottom: var(--spacingLarge);
}

.content-block__inner {
    max-width: 720px;
    text-align: center;
}

.content-block--left-align {
    justify-content: flex-start;
}

.content-block--left-align .content-block__inner {
    text-align: left;
}

.content-block__header {
    font-size: 48px;
    line-height: 52.8px;
    font-family: var(--_typography---font-styles--heading);
    color: var(--intro-header-color, #26332B);
    margin-top: 16px;
    margin-bottom: 20px;
    font-weight: normal;
}

.content-block__subheader {
    margin-top: unset;
    font-size: 18px;
    line-height: 1.6;
    color: var(--intro-subheader-color, #5C6A5F);
}

.content-block:has(.button) .content-block__subheader {
    margin-bottom: var(--spacingSemilarge);
}


.care-manager{
    --background-color: var(--color-scheme-1--background);
    padding: var(--spacingExtraLarge) 0;
    background-color: var(--background-color);
}
.trust-mark{
    gap: 8px;
    background: #EEF3EA;
    border: 1px solid #D7E2CF;
    border-radius: 99px;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #34503F;
}
.care-manager__certifications--badge{
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.care-manager h3, .care-manager h1{
    margin-top: unset;
    letter-spacing: -0.32px;
    font-family: var(--_typography---font-styles--heading);
}
.care-manager h1{
    font-size: 48px;
    font-weight: 400;
    letter-spacing: -0.48px;
    line-height: 57.6px;
}
.care-manager__card{
    background: #FFF;
    border-radius: 0.75rem;
    padding: 38px 36px;
}
.care-manager__left{
    display: grid;
    flex: 2;
    gap: var(--spacingLarge);
}
.care-manager__left > * + *{
    border-top: var(--borderDefault);
    padding-top: var(--spacingLarge);
}
.care-manager__left > .care-manager__biography{
    border-top: none;
    padding-top: 0;
}
.care-manager__nav{
    max-width: 1217px;
    margin: 0 auto;
    padding:0 4.5rem; 
    padding-bottom: var(--spacingLarge);
}
.care-manager__container{

}
.care-manager__inner{
    display: flex;
    gap: 48px;
    max-width: 1217px;
    margin: 0 auto;
    
    padding:0 4.5rem;
}
.care-manager__dot{ 
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(68, 35, 19, 0.3);   /* brand brown at 30% */
  display: block;
  align-self: center;
}
.care-manager__hero{
    display: flex;
    align-items: flex-start;
    gap: var(--spacingMedium);
}
.care-manager__hero--role{
    font-family: "Swiss 721 Bt", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: rgb(129, 128, 128);
    margin-bottom: 32px;
}
.care-manager__hero--credential{
    font-family: "Swiss 721 Bt", Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 25.2px;
    color: #442313;
    margin-top: 4px;
}
.care-manager__hero ul{ 
    list-style: none;
    padding: unset;
    margin: unset;
    line-height: 1;
    display: flex;
    gap: var(--spacingSmall);
   color: var(--_primitives---colors--chocolate);
}
.care-manager__hero ul.care-manager__hero--certifications{
    gap: var(--spacingMedium);
    flex-wrap: wrap;
    color: var(--_primitives---colors--neutral);
    padding-top: var(--spacingSmall);
    border-top: var(--borderDefault);
}

.care-manager__hero ul li{ 
    display: flex;
    align-items: center;
    gap: 5px;
}
.care-manager__hero--image{
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    flex: 0 0 150px;
    height: 200px;
}

.care-manager__quote{
    font-family: var(--_typography---font-styles--heading);
    font-size: 28px;
    letter-spacing: 0.28px;
    line-height: 33.6px;
    padding-bottom: var(--spacingMedium);
    padding-top: var(--spacingMedium);
    border-top: var(--borderDefault);
    display: flex;
    flex-direction: column;
    gap: var(--spacingSmall);
}
.care-manager__quote--name{
    font-size: 16px;
}
.care-manager__quote svg{
    flex: 0 0 calc(20px);
}
.care-manager__quote--quote{
    padding-top:var(--spacingSmall);
    font-size: 20px;
    line-height: 25px;
}
.care-manager__hero--image img{ 
    object-fit: cover;
    object-position: top;
    inset: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.care-manager__back-link{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--brown);
    text-decoration: none;
    font-family: "Swiss 721 Bt", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    transition: gap .2s ease, opacity .2s ease;
}
.care-manager__back-link svg{
    transition: transform .2s ease;
}
.care-manager__back-link:hover{
    opacity: .7;
}
.care-manager__back-link:hover svg{
    transform: translateX(-3px);
}
.care-manager__hero--text{
    display: grid;
    gap: 20px;
}
.care-manager__hero--text h1{
    margin: unset;
    color: #442313;
}
.care-manager__right{
    position: sticky;
    flex: 1;
    height: 100%;
    top: 150px;
    display: grid;
    gap: var(--spacingMedium);
}
.care-manager__specialties--cards{
    display: flex;
    flex-direction: column;
}
.care-manager__specialties--cards h3{
    margin-bottom: unset;
    padding-bottom: var(--spacingSmall);
    border-bottom: var(--borderDefault);
}
.care-manager__specialities--cards--card + .care-manager__specialities--cards--card{
    border-top: var(--borderDefault);
}
.care-manager__specialities--cards--card{
    display: flex;
    align-items: flex-start;
    gap: var(--spacingLarge);
    padding: var(--spacingMedium) 0;
}
.care-manager__specialities--cards--card-header-group{
    flex: 0 0 180px;
}
.care-manager__specialities--cards--card-header{
    font-family: var(--_typography---font-styles--body);
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 900;
    color: var(--brown);
}
.care-manager__specialities--cards--card-subtext{
    margin-top: var(--spacingSmall);
    color: rgb(129, 128, 128);
    font-size: 15px;
    line-height: 1.5;
}
.care-manager__specialities--cards--card-subheader{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 10px;
}
.care-manager__testimonial--navigation{
    display: flex;
    justify-content: space-between;
}
.care-manager__testimonial-header{
    text-transform: uppercase;
    color: var(--green);
}
.care-manager__testimonial--arrows{
    display: flex;
    gap: var(--spacingSmall);
}
.care-manager__testimonial--arrows button{
    cursor: pointer;
}

.care-manager__testimonial--arrows button:hover circle{ 
    stroke: #01562b;
    fill: #EAE8E7; 
}
.care-manager__testimonial--panel{
    animation: fadeSlideIn 300ms ease-out;
    font-size: 20px;
    line-height: 25px;
    font-family: var(--_typography---font-styles--heading);
}
.care-manager__testimonial{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.care-manager__testimonial--slider{
    display: grid;
    grid-template-rows: 1fr;
}
.care-manager__testimonial--slider-inner{
    display: grid;
    gap: var(--spacingSmall);
    min-height: 0;
    overflow: hidden;
}
.care-manager__testimonial--panel-wrap{
    display: flex;
    gap: var(--spacingMedium);
}
.care-manager__testimonial--attribution{
    display: flex;
    align-items: center;
    gap: var(--spacingSmall);
}
.care-manager__testimonial--avatar{
    flex: 0 0 auto;
    width: 84px;
    height: 84px;
    border-radius: 6px;
    object-fit: cover;
}
.care-manager__testimonial--attribution-info{
    display: flex;
    flex-direction: column;
}
.care-manager__testimonial--attribution-name, .care-manager__quote--name{
    font-weight: 700;
    font-size: 16px;
    font-family: var(--_typography---font-styles--body);
    color: var(--brown);
}
.care-manager__testimonial--attribution-location{
    font-size: 16px;
    color: #5C6A5F;
}
.care-manager__testimonial--dot-nav{
    display: flex;
    gap: var(--spacingSmall);
    display: none;
}
.care-manager__testimonial--dot{
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 50%;
    border: none;
    background: var(--borderColorDefault);
    cursor: pointer;
    transition: background .2s ease;
}
.care-manager__testimonial--dot:hover{
    background: var(--green);
}
.care-manager__testimonial--dot.is-active{
    background: var(--green);
    border-radius: 15px;
    width: 32px;
}
.care-manager__practice{
    display: flex;
    flex-direction: column;
    gap: var(--spacingMedium);
}
.care-manager__practice h3{
    margin-bottom: unset;
    padding-bottom: var(--spacingSmall);
    border-bottom: var(--borderDefault);

}
.care-manager__practice--item{
    display: flex;
    align-items: center;
    gap: var(--spacingSmall);
}
.care-manager__practice--item svg{
    flex: 0 0 calc(19px);
}
.care-manager__work-with-alder{
    background: var(--green);
    padding: 38px 36px;
    color: var(--_primitives---colors--ice-blue);
}
.care-manager__work-with-alder--steps{
    list-style: none;
    margin: var(--spacingSmall) 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
}
.care-manager__work-with-alder--step{
    display: grid;
    align-content: start;
    gap: var(--spacingSmall);
    background: #FFF;
    padding: var(--spacingMedium);
}
.care-manager__work-with-alder--step-header{
    font-family: var(--_typography---font-styles--body);
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 900;
    color: var(--brown);
}
.care-manager__work-with-alder--step-number{
    color: var(--green);
    font-family: var(--_typography---font-styles--heading);
    font-size: 32px;
    line-height: 1.4;
}
.care-manager__work-with-alder--step-subheader{
    color: rgb(129, 128, 128);
    font-size: 14px;
    line-height: 1.5;
}
.care-manager__cta{
    margin-top: var(--spacingMedium);
    text-align: center;
    color: #FFFFFF;
    display: grid;
    gap: 5px;
    transition: .3s ease;
    background-color: rgb(111, 49, 47);
    font-size: 0.875rem;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(111, 49, 47);
    border-image: none;
    border-radius: 50px;
    padding: 0.875rem 1.75rem;
}
.care-manager__cta--main-text{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 0.875rem;
}
.care-manager__cta:hover{
    background: var(--brown);
}
.care-manager__cta-copy{
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows .4s ease;
}
.care-manager__cta-copy.is-away{
    grid-template-rows: 0fr;
}
.care-manager__cta-copy.is-away + .care-manager__cta{
    margin-top: 0;
}
.care-manager__cta-copy-inner{
    min-height: 0;
    overflow: hidden;
}
.care-manager__cta-header{
    margin-top: unset;
    margin-bottom: var(--spacingMedium);
}
.care-manager__cta-subheader{
    text-align: center;
    color: var(--_primitives---colors--neutral);
    font-size: 16px;
    line-height: 1.6;
    margin-top: var(--spacingSmall);
    margin-bottom: unset;
}
@media(max-width: 991px){
    .care-manager__nav,
    .care-manager__inner{
        padding-left: 5%;
        padding-right: 5%;
    }
    .care-manager__inner{
        flex-direction: column;
    }
    .care-manager__right{
        position: static;
        top: unset;
    }
    .care-manager__hero{
        flex-direction: column;
        align-items: center;
    }
    .care-manager__hero--image{
        flex: 0 0 88px;
        width: 88px;
        height: 88px;
        margin-right: auto;
        border-radius: 50%;
    }
    .care-manager__specialities--cards--card{
        flex-direction: column;
        gap: var(--spacingSmall);
    }
    .care-manager__specialities--cards--card-header-group{
        flex: unset;
    }
    .care-manager__work-with-alder--steps{
        grid-template-columns: 1fr;
    }
}