/* A reading sequence, followed by a distinct feature composition. */
#experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px 80px;padding-bottom:64px}
#experience .section-heading{display:block;margin:0;grid-column:1;grid-row:1}
#experience .section-heading>p{margin-top:24px;max-width:340px;font-size:14px}
#experience .benefit-story{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;gap:0;position:relative;padding-left:32px;border-left:1px solid #b5c6ab}
#experience .benefit-story article{border:0;padding:0 0 32px;position:relative;animation:none!important}
#experience .benefit-story article:last-child{padding-bottom:0}
#experience .benefit-story article:before{content:'';position:absolute;left:-38px;top:4px;width:11px;height:11px;border-radius:50%;background:#afbf9f;border:3px solid #f7f6ec;box-shadow:0 0 0 1px #a4b595}
#experience .benefit-story article.is-current:before{background:#254f3c;box-shadow:0 0 0 4px #254f3c18}
#experience .benefit-story h3{font-size:32px;margin:10px 0}
#experience .benefit-story p{max-width:490px}
#experience .experience-action{grid-column:1;grid-row:2;display:block;margin:0;align-self:start}
#experience .experience-action p{margin-top:14px}
#cabinet{padding-top:64px;border-top:1px solid #c5d1b9}
#cabinet .section-heading{align-items:start;margin-bottom:40px}
#cabinet .care-features{grid-template-columns:1.1fr 1fr 1fr;gap:0;border-bottom:1px solid #bbc7af}
#cabinet .care-features article{padding:28px;border-top:1px solid #bbc7af;position:relative;overflow:hidden}
#cabinet .care-features article:first-child{grid-row:1 / 3;background:#e6ebdc;padding:36px;border-top:0;border-radius:12px 0 0 0;display:flex;flex-direction:column;justify-content:center}
#cabinet .care-features article:first-child h3{font-size:40px;max-width:260px}
#cabinet .care-features article:first-child:after{content:'';display:block;height:110px;margin-top:36px;background:repeating-linear-gradient(90deg,#50735c 0 2px,transparent 2px 14.285%);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);opacity:.18;transform:scaleY(var(--feature-wave,.7));transform-origin:center;transition:transform 1s cubic-bezier(.16,1,.3,1)}
#cabinet .care-features article:nth-child(2){grid-column:2 / 4;background:#f0f1e6;padding-right:56px}
#cabinet .care-features article:nth-child(2) p{max-width:620px}
#cabinet .care-features article:nth-child(5){grid-column:1 / 3;padding-left:36px}
#cabinet .care-features article:nth-child(5) p{max-width:570px}
#cabinet .care-features h3{font-size:29px}
#cabinet .care-features article:before{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background:#658060;transform:scaleX(var(--feature-progress,0));transform-origin:left;transition:transform 850ms cubic-bezier(.16,1,.3,1)}
#cabinet .care-action{margin-top:24px}
@media(hover:hover){#cabinet .care-features article:hover{background-color:#e8eddf;--feature-wave:1}#cabinet .care-features article:first-child:hover{background-color:#dfe7d4}}
@media(max-width:900px){#experience{gap:24px 36px}#cabinet .care-features{grid-template-columns:1fr 1fr}#cabinet .care-features article:first-child{grid-row:auto}#cabinet .care-features article:nth-child(2),#cabinet .care-features article:nth-child(5){grid-column:auto}#cabinet .care-features article:first-child:after{display:none}#cabinet .care-features article{padding:24px!important}#cabinet .care-features article:first-child h3{font-size:32px}}
@media(max-width:700px){#experience{display:flex;flex-direction:column;gap:32px;padding-bottom:40px}#experience .benefit-story{margin-left:6px;padding-left:26px}#experience .benefit-story article:before{left:-32px}#experience .benefit-story h3{font-size:29px}#experience .experience-action{margin-top:0}#cabinet{padding-top:40px}#cabinet .care-features{grid-template-columns:1fr}#cabinet .care-features article:first-child{border-radius:10px 10px 0 0}#cabinet .care-features h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){#cabinet .care-features article:before,#cabinet .care-features article:first-child:after{transition:none}}body.reduced #cabinet .care-features article:before,body.reduced #cabinet .care-features article:first-child:after{transition:none}
/* A selected moment in the care journey, without decorative rails. */
.journey .journey-grid:before,.journey .journey-grid:after,.journey .journey-grid article:before{display:none}
.journey .journey-grid{display:block;padding:32px 0 0;border:0;min-height:240px}
.journey .journey-grid article{border:0;padding:0;margin:0;max-width:950px}
.journey .journey-grid article[hidden]{display:none}
.journey .journey-grid h3{font-size:38px;line-height:1.2;margin:0 0 22px;max-width:650px}
.journey .journey-grid h3 br{display:none}
.journey .journey-grid p{font-size:15px;line-height:1.8;max-width:680px}
.journey .journey-time{display:none}.journey .journey-tool{border:0;padding:0;margin-top:24px;display:block;font-size:12px}
.journey-switch{display:flex;gap:12px;flex-wrap:wrap}
.journey-switch button{font:inherit;font-size:13px;min-height:48px;padding:14px 22px;border:1px solid #aabc99;border-radius:24px;background:transparent;color:#244c38;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.journey-switch button[aria-pressed=true]{background:#244c38;color:#f5f5e9;border-color:#244c38}.journey-switch button:focus-visible{outline:2px solid #244c38;outline-offset:4px}
#cabinet .care-features article:first-child:after{display:none}
@media(max-width:700px){.journey-switch{gap:8px}.journey-switch button{font-size:11px;padding:12px 15px}.journey .journey-grid{min-height:310px}.journey .journey-grid h3{font-size:30px}.journey .journey-grid p{font-size:13px}}
