.life-care{background:#eef0e7;border-bottom:1px solid #d8dfd2;padding-block:85px}
.life-care .section-heading>p{max-width:310px}
.life-journey{position:relative}
.life-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;z-index:1}
.life-rail{position:absolute;top:66px;height:1px;left:16.66%;right:16.66%;background:#c3cbb9;overflow:hidden}
.life-rail span{position:absolute;left:-25%;top:0;height:1px;width:25%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:life-connect 7s linear infinite;animation-play-state:paused}
.care-in-view .life-rail span{animation-play-state:running}
.life-tab{position:relative;display:flex;align-items:center;flex-direction:column;background:none;border:0;padding:0 20px 28px;color:var(--blue);text-align:center}
.life-portrait{position:relative;width:132px;height:132px;display:grid;place-items:center;border:1px solid #b8c7b5;border-radius:50%;background:#eef0e7;transition:background .35s,border-color .35s,transform .35s}
.life-portrait:after{content:'';position:absolute;inset:9px;border:1px solid #c8d1bd;border-radius:50%;transition:inset .35s,border-color .35s}
.life-portrait svg{width:85px;height:85px;fill:none;stroke:var(--blue);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transition:stroke .35s}
.life-tab.is-selected .life-portrait{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 7px #eef0e7,0 0 0 8px #ad792566}
.life-tab.is-selected .life-portrait:after{border-color:#dfcba055}
.life-tab.is-selected svg{stroke:#e5d4b5}
.life-tab:hover .life-portrait{transform:translateY(-4px)}
.life-number{font-size:8px;letter-spacing:1.7px;color:#7b8772;margin-top:25px}
.life-tab-title{font-family:var(--serif);font-size:30px;letter-spacing:-.6px;line-height:1.3;margin-top:7px}
.life-tab-note{font-size:10px;line-height:1.7;margin-top:6px;color:#73816e}
.life-tab-arrow{margin-top:13px;font-size:20px;line-height:1;color:var(--gold);opacity:.3;transition:opacity .25s,transform .25s}
.life-tab.is-selected .life-tab-arrow{opacity:1;transform:rotate(45deg)}
.life-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;border-top:1px solid #c4cdbb;padding:29px 25px 0}
.life-panel .eyebrow{font-size:8px;letter-spacing:1.3px;display:block;margin-bottom:13px;color:var(--brown)}
.life-panel h3{font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:-.6px;line-height:1.3;margin-bottom:12px}
.life-panel-copy>p{font-size:11px;line-height:1.9;color:#637660;max-width:440px;margin:0}
.life-panel-links>span{font-size:9px;display:block;color:#6c7c69;margin:0 0 12px}
#life-specialties{display:flex;flex-wrap:wrap;gap:7px;min-height:37px}
.life-specialty-chip{font-size:10px;background:#f7f5efb3;border:1px solid #bfccb8;border-radius:30px;padding:8px 14px;color:var(--blue);transition:background .2s,border-color .2s}
.life-specialty-chip:hover{border-color:var(--blue);background:#fff}
.life-panel-links>a{font-size:9px;display:inline-block;margin-top:15px;padding-bottom:4px;border-bottom:1px solid #8d9e86;color:var(--blue)}
.life-panel-links>a>span{margin-left:19px}
.specialty-atlas{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;background:#eceee6;border:1px solid #d5ddd0;border-radius:5px;margin:0 0 35px;overflow:hidden}
.atlas-visual{position:relative;min-height:285px;display:grid;place-items:center;background:#e2e7dc;align-self:stretch;isolation:isolate;overflow:hidden}
.atlas-orbit{position:absolute;width:88%;max-width:330px;height:100%;stroke:#bdcbb3;stroke-width:.7;z-index:-1;animation:atlas-orbit-turn 24s ease-in-out infinite;animation-play-state:paused}
.care-in-view .atlas-orbit{animation-play-state:running}
.medical-illustration{width:270px;max-width:87%;display:grid;place-items:center;padding:8px 0 18px}
.medical-illustration>svg{width:100%;height:auto;max-height:235px;overflow:visible}
.medical-drawing-base,.medical-drawing-trace{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.medical-drawing-base{opacity:.65}
.medical-drawing-base .medical-fine{opacity:.45}
.medical-drawing-trace{stroke:var(--gold);stroke-width:1.7}
.medical-drawing-trace>*{stroke-dasharray:85 600;stroke-dashoffset:85;animation:medical-sketch-flow 8s linear infinite;animation-play-state:paused}
.care-in-view .medical-drawing-trace>*,dialog[open] .medical-drawing-trace>*{animation-play-state:running}
.atlas-cross{position:absolute;right:29px;top:21px;color:var(--gold);font-size:25px;font-weight:400;line-height:1}
.atlas-caption{position:absolute;bottom:18px;left:0;width:100%;text-align:center;font-size:6px;letter-spacing:1.5px;color:#70816a}
.atlas-copy{padding:28px 35px 28px 0;min-width:0}
.atlas-copy .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:19px}
.atlas-copy label{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}
.atlas-copy select{width:100%;max-width:350px;border:1px solid #bccbb6;border-radius:3px;background:var(--cream);color:var(--blue);font:inherit;font-size:11px;padding:11px 30px 11px 12px}
.atlas-copy select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.atlas-detail h3{font-family:var(--serif);font-weight:400;line-height:1.3;font-size:28px;letter-spacing:-.6px;margin:20px 0 9px}
.atlas-detail p{font-size:11px;line-height:1.9;color:var(--muted);max-width:420px;margin-bottom:16px}
.atlas-copy .text-button{font-size:10px}
.dialog-medical-art{width:175px;height:143px;margin:0 auto 20px;display:grid;place-items:center;border-radius:70px;background:#e4e9dd}
.dialog-medical-art>svg{width:165px;height:138px}
.motion-paused .medical-drawing-trace{opacity:0}
.motion-paused .life-tab:hover .life-portrait{transform:none}
@keyframes life-connect{to{left:100%}}
@keyframes medical-sketch-flow{to{stroke-dashoffset:-600}}
@keyframes atlas-orbit-turn{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
@media(max-width:800px){
  .life-care{padding-block:65px}
  .life-tab{padding-inline:10px}
  .life-portrait{width:108px;height:108px}
  .life-portrait svg{width:73px;height:73px}
  .life-rail{top:54px}
  .life-tab-title{font-size:25px}
  .life-tab-note{font-size:9px}
  .life-number{font-size:7px;letter-spacing:1.2px}
  .life-panel{gap:35px;padding-inline:5px}
  .life-panel h3{font-size:26px}
  .specialty-atlas{gap:23px}
  .atlas-copy{padding:25px 25px 25px 0}
  .atlas-visual{min-height:300px}
  .atlas-detail h3{font-size:25px}
  .atlas-detail p{font-size:10px}
  .atlas-caption{font-size:5px;letter-spacing:1px}
}
@media(max-width:560px){
  .life-care{padding-block:55px}
  .life-care .section-heading>p{max-width:100%}
  .life-portrait{width:77px;height:77px}
  .life-portrait:after{inset:6px}
  .life-portrait svg{width:52px;height:52px}
  .life-tab.is-selected .life-portrait{box-shadow:0 0 0 4px #eef0e7,0 0 0 5px #ad792566}
  .life-rail{top:39px}
  .life-tab{padding:0 4px 21px}
  .life-number{font-size:6px;letter-spacing:.7px;margin-top:19px}
  .life-tab-title{font-size:19px;letter-spacing:-.3px;margin-top:7px;line-height:1.3;min-height:49px;display:flex;align-items:flex-start;justify-content:center}
  .life-tab-note{display:none}
  .life-tab-arrow{margin-top:5px;font-size:17px}
  .life-panel{grid-template-columns:1fr;gap:22px;padding:23px 0 0}
  .life-panel h3{font-size:28px;margin-bottom:11px}
  .life-panel-copy>p{font-size:11px}
  .life-panel .eyebrow{font-size:7px;letter-spacing:1px}
  .life-specialty-chip{font-size:10px;padding:8px 12px}
  .life-panel-links>span{font-size:9px}
  .specialty-atlas{grid-template-columns:1fr;gap:0;margin-bottom:26px}
  .atlas-visual{min-height:235px}
  .medical-illustration{width:230px;padding:0 0 14px}
  .medical-illustration>svg{max-height:200px}
  .atlas-orbit{width:255px}
  .atlas-cross{right:22px;top:20px;font-size:23px}
  .atlas-caption{font-size:6px;letter-spacing:1px;bottom:13px}
  .atlas-copy{padding:24px}
  .atlas-copy .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:16px}
  .atlas-copy select{font-size:11px;max-width:100%;padding:13px 30px 13px 12px}
  .atlas-detail h3{font-size:28px;margin-top:18px}
  .atlas-detail p{font-size:11px}
  .atlas-copy .text-button{font-size:10px}
}
@media(max-width:355px){.life-portrait{width:65px;height:65px}.life-portrait svg{width:46px;height:46px}.life-rail{top:33px}.life-tab-title{font-size:17px;min-height:44px}.life-number{font-size:5.5px;letter-spacing:.3px}}
@media(prefers-reduced-motion:reduce){
  .life-rail span,.atlas-orbit,.medical-drawing-trace>*{animation:none!important}
  .medical-drawing-trace{opacity:0}
  .life-tab:hover .life-portrait{transform:none}
}