.about-cms-page{overflow-wrap:anywhere;--about-ink:#35243d;--about-line:#eddfeb}
/* Page-specific styling keeps the clinic's shared pages intact. */
.about-mission-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px}
.about-mission-grid-item{min-width:0}
.about-cms-page .about-mission-section .about-value-card{padding:22px 24px;border-radius:26px 0 26px 0;background-color:#fff;background-image:linear-gradient(#80206f,#80206f),linear-gradient(#80206f,#80206f);background-position:left center,right center;background-repeat:no-repeat;background-size:0% 100%,0% 100%;transition:background-size .45s ease,border-color .45s ease,box-shadow .3s ease}
.about-cms-page .about-mission-section .about-value-card::before{display:none}
.about-cms-page .about-mission-section .about-value-card:hover{background-size:51% 100%,51% 100%;border-color:#80206f;transform:none;box-shadow:0 12px 28px #64165820}
.about-cms-page .about-mission-section .about-value-card h3,.about-cms-page .about-mission-section .about-original-card-content,.about-cms-page .about-mission-section .about-value-card p,.about-cms-page .about-mission-section .about-value-icon{transition:color .35s ease,background .35s ease}
.about-cms-page .about-mission-section .about-value-card:hover h3,.about-cms-page .about-mission-section .about-value-card:hover .about-original-card-content,.about-cms-page .about-mission-section .about-value-card:hover p{color:#fff}
.about-cms-page .about-mission-section .about-value-card:hover .about-value-icon{background:transparent;color:#fff}

@media(prefers-reduced-motion:reduce){.about-cms-page .about-mission-section .about-value-card,.about-cms-page .about-mission-section .about-value-card h3,.about-cms-page .about-mission-section .about-original-card-content,.about-cms-page .about-mission-section .about-value-card p,.about-cms-page .about-mission-section .about-value-icon{transition:none}}
.about-cms-page .about-mission-section .about-value-icon{width:58px;height:58px;font-size:38px;margin:0 auto 14px;border-radius:0;background:transparent}
.about-cms-page .about-mission-section .about-value-card h3{font-size:19px;margin-bottom:8px;text-align:center}
.about-cms-page .about-mission-section .about-value-card p{font-size:13px;line-height:1.7}
@media(max-width:767px){.about-mission-grid{grid-auto-flow:row;grid-template-columns:1fr;gap:14px}}
.about-cms-page .about-mission-section .section-title{display:table;border-bottom:2px solid var(--clinic-primary);padding-bottom:0;line-height:1.05}
.about-cms-page .about-mission-section .section-title span{color:var(--clinic-primary)}
.about-cms-page .about-values-section .section-heading{margin-bottom:30px}
.about-cms-page .about-values-section .section-kicker{display:none}
.about-cms-page .about-values-section .section-title{display:inline-block;font-size:34px;line-height:1.05;letter-spacing:-.6px;border-bottom:2px solid #a71e91;padding-bottom:0;margin-bottom:10px}
.about-cms-page .about-values-section .section-title span{color:var(--clinic-primary)}
.about-cms-page .about-values-section .section-lead{font-size:14px}
.about-values-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 64px;list-style:none;padding:0;margin:0}
.about-values-list-item{display:flex;align-items:flex-start;gap:18px;min-width:0}
.about-values-list-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;color:var(--clinic-primary);font-size:30px}
.about-values-list-item h3{font-size:17px;font-weight:600;line-height:1.4;color:#62546a;margin:0 0 5px}
.about-values-list-item .about-original-card-content{font-size:13px;line-height:1.8;color:#63616e}
.about-values-list-item .about-original-card-content p{margin:0 0 8px}
.about-values-list-item .about-original-card-content>:last-child{margin-bottom:0}
@media(max-width:767px){.about-values-list{grid-template-columns:1fr;gap:24px}.about-cms-page .about-values-section .section-title{font-size:30px}.about-values-list-item{gap:14px}}
.about-banner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 26px;margin-top:28px}
.about-story-link{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:13px;font-weight:600;padding:12px 0;border-bottom:1px solid #ffffff60}
.about-story-link:hover{color:#ffe0f5;border-bottom-color:#fff}
.about-cms-page #our-story{scroll-margin-top:150px}
.about-cms-page .inner-page-banner{padding:36px 0;background:linear-gradient(115deg,#481641 0%,#80206f 60%,#a71e91 100%)}
.about-cms-page .inner-page-banner-content{max-width:740px;padding-left:0;border-left:0}
.about-cms-page .inner-page-banner h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1px;line-height:1.12;color:#fff;margin-bottom:20px}
.about-cms-page .inner-page-banner .about-rich-content{max-width:590px;font-size:15px;color:#f3dfef;line-height:1.8}
.about-cms-page .custom-breadcrumb{font-size:12px;letter-spacing:.3px;margin-top:26px}
.about-cms-page .section-padding{padding:80px 0}
.about-cms-page .section-title{color:var(--about-ink);font-size:clamp(28px,3.1vw,42px);line-height:1.25;letter-spacing:-1.2px}
.about-cms-page .section-kicker{font-size:11px;letter-spacing:2.2px;margin-bottom:15px}
.about-cms-page .section-lead{font-size:16px;line-height:1.85;color:#685970}
.about-cms-page .section-heading.text-center{max-width:700px;margin:0 auto 16px}
.about-cms-page .section-heading.text-center .section-title{margin-bottom:16px}
.about-cms-page .about-image-wrapper{padding:0 48px 48px 0}
.about-cms-page .about-main-image{border-radius:100px 24px 24px 24px;background:#faf3f8}
.about-cms-page .about-main-image img{height:500px}
.about-cms-page .about-secondary-image{width:46%;border-radius:22px;border:8px solid #fff;box-shadow:0 20px 45px #48193e1a}
.about-cms-page .about-secondary-image img{height:220px}
.about-cms-page .about-experience-badge{top:32px;left:12px;border:1px solid var(--about-line);padding:16px 20px;border-radius:16px}
.about-cms-page .about-badge-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f9eaf6}
.about-cms-page .about-description{font-size:14px;line-height:1.9}
.about-cms-page .about-feature-list{gap:12px;margin-bottom:0;padding-top:22px;border-top:1px solid var(--about-line)}
.about-cms-page .about-feature-item{align-items:flex-start;font-size:12px;line-height:1.65}
.about-cms-page .about-mission-section{background:linear-gradient(135deg,#fcf5fa,#f7f2fa);border-block:1px solid #f1e7f0}
.about-cms-page .about-value-card{position:relative;padding:32px;border:1px solid var(--about-line);border-radius:20px;box-shadow:0 8px 26px #48193e05;overflow:hidden}
.about-cms-page .about-value-card::before{content:'';position:absolute;left:32px;top:0;width:44px;height:3px;background:#a71e91;border-radius:0 0 3px 3px}
.about-cms-page .about-value-icon{width:56px;height:56px;font-size:23px;border-radius:16px;margin-bottom:24px;background:linear-gradient(135deg,#f9eaf6,#f2eafa)}
.about-cms-page .about-value-card h3{font-size:21px;color:var(--about-ink);letter-spacing:-.4px}
.about-cms-page .about-value-card p{font-size:14px;line-height:1.9}
.about-cms-page .about-value-card:hover{transform:translateY(-4px);border-color:#d5add0;box-shadow:0 16px 36px #48193e0c}
.about-cms-page .about-values-section{padding-bottom:72px}
.about-cms-page .why-choose-section{background:#fcf9fc}
.about-cms-page .why-choose-list{gap:12px}
.about-cms-page .why-choose-item{padding:18px;background:#fff;border:1px solid var(--about-line);border-radius:16px;gap:16px}
.about-cms-page .why-choose-icon{width:46px;height:46px;font-size:19px;border-radius:0;background:transparent}
.about-cms-page .why-choose-text h3{font-size:15px}
.about-cms-page .why-choose-image-wrapper{margin-left:20px;padding:12px;border:1px solid var(--about-line);background:#fff;border-radius:28px}
.about-cms-page .why-choose-image{height:540px;border-radius:20px}
.about-cms-page .why-choose-image-badge{left:-10px;bottom:36px;border:5px solid #fff;border-radius:16px}
.about-cms-page .appointment-cta-section{padding:56px 0}
.about-cms-page .appointment-cta-card{padding:46px;background:linear-gradient(115deg,#481641,#80206f 60%,#a71e91);border-radius:24px;box-shadow:0 18px 40px #64165818}
.about-cms-page .btn-appointment-cta{min-height:52px;border-radius:12px}
.about-cms-page .inner-page-banner a:focus-visible,.about-cms-page .appointment-cta-card a:focus-visible{outline-color:#fff;outline-offset:5px}
@media(max-width:991px){.about-cms-page .section-padding{padding:60px 0}.about-cms-page .about-image-wrapper{max-width:570px;margin:auto}.about-cms-page .why-choose-image-wrapper{margin:0 auto;max-width:600px}.about-cms-page .why-choose-image{height:440px}}
@media(max-width:575px){.about-cms-page .inner-page-banner{padding:28px 0}.about-cms-page .inner-page-banner-content{padding-left:0}.about-cms-page .inner-page-banner h1{letter-spacing:-1px}.about-cms-page .inner-page-banner .about-rich-content{font-size:14px}.about-cms-page .section-padding{padding:46px 0}.about-cms-page .about-image-wrapper{padding:0 28px 32px 0}.about-cms-page .about-main-image{border-radius:65px 20px 20px 20px}.about-cms-page .about-main-image img{height:350px}.about-cms-page .about-secondary-image{border-width:5px}.about-cms-page .about-secondary-image img{height:150px}.about-cms-page .about-experience-badge{top:24px;left:8px;padding:10px;gap:8px}.about-cms-page .about-feature-list{grid-template-columns:1fr}.about-cms-page .about-value-card{padding:26px}.about-cms-page .why-choose-image{height:350px}.about-cms-page .why-choose-image-badge{left:20px;right:20px;bottom:25px}.about-cms-page .appointment-cta-section{padding:36px 0}.about-cms-page .appointment-cta-card{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){.about-cms-page .about-value-card,.about-cms-page .btn-appointment-cta{transition:none}.about-cms-page .about-value-card:hover,.about-cms-page .btn-appointment-cta:hover{transform:none}}
.about-original-feature-text p{margin:0}
.about-original-card-content img,.about-content img,.why-choose-text img{max-width:100%;height:auto}
.about-cms-section .section-title{font-size:clamp(25px,3vw,36px);line-height:1.3}
.about-cms-section .section-heading{margin-bottom:22px}
.about-cms-feature{background:#faf7fc;border-block:1px solid #eee5f4}
.about-cms-image{position:relative;padding:12px;border:1px solid #eadcf1;border-radius:28px;background:#fff;box-shadow:0 16px 40px rgba(94,42,115,.08)}
.about-cms-image>img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:20px}
.about-rich-content{font-size:15px;line-height:1.85;min-width:0}
.about-cms-section .about-rich-content{color:#6c5d77}
.about-rich-content p{margin-bottom:16px}
.about-rich-content>:last-child{margin-bottom:0}
.about-rich-content h2,.about-rich-content h3,.about-rich-content h4{font-size:21px;color:#693080;line-height:1.4;margin:24px 0 10px}
.about-rich-content img{max-width:100%;height:auto;border-radius:12px}
.about-rich-content figure{max-width:100%;margin:20px 0}
.about-rich-content figure.image-style-side{float:right;max-width:45%;margin:0 0 16px 20px}
.about-rich-content:after{content:"";display:block;clear:both}
.about-rich-content figcaption{font-size:12px;color:#776581;text-align:center}
.about-rich-content table{width:100%;border-collapse:collapse}
.about-rich-content td,.about-rich-content th{padding:10px;border:1px solid #eadcf1}
.about-rich-content .table{overflow-x:auto}
.about-rich-content ul,.about-rich-content ol{padding-left:24px}
.about-rich-content li{margin-bottom:8px}
.about-cms-feature .about-rich-content h3{border-left:3px solid #a74cbd;padding-left:14px}
@media(max-width:767px){.about-rich-content{font-size:14px}.about-cms-image>img{max-height:350px}.about-rich-content figure.image-style-side{float:none;max-width:100%;margin:20px 0}}

/* Patient care journey */
.about-care-journey{background:linear-gradient(180deg,#fff,#fcf5fa);border-top:1px solid var(--about-line)}
.about-journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:36px 0 0}
.about-journey-step{position:relative;padding:32px;border:1px solid var(--about-line);border-radius:26px 0 26px 0;background-color:#fff;background-image:linear-gradient(#80206f,#80206f),linear-gradient(#80206f,#80206f);background-position:left center,right center;background-repeat:no-repeat;background-size:0% 100%,0% 100%;transition:background-size .45s ease,border-color .45s ease,box-shadow .3s ease}
.about-journey-number{position:absolute;top:24px;right:26px;font-size:36px;font-weight:700;line-height:1;color:#eeddea}
.about-journey-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:24px;border-radius:16px;background:#f9eaf6;color:var(--clinic-primary);font-size:24px}
.about-journey-step h3{font-size:21px;color:var(--about-ink);margin:0 0 12px}
.about-journey-step p{font-size:14px;line-height:1.85;color:#685970;margin:0}
@media(max-width:767px){.about-journey-steps{grid-template-columns:1fr;gap:16px;margin-top:28px}.about-journey-step{padding:26px}}
.about-cms-page .about-care-journey .section-title{display:table;border-bottom:2px solid var(--clinic-primary);padding-bottom:0;line-height:1.05}
.about-cms-page .about-care-journey .section-title span{color:var(--clinic-primary)}
.about-journey-step h3,.about-journey-step p,.about-journey-icon,.about-journey-number{transition:color .35s ease,background .35s ease}
.about-journey-step:hover{background-size:51% 100%,51% 100%;border-color:#80206f;box-shadow:0 12px 28px #64165820}
.about-journey-step:hover h3,.about-journey-step:hover p,.about-journey-step:hover .about-journey-icon{color:#fff}
.about-journey-step:hover .about-journey-icon{background:transparent}
.about-journey-step:hover .about-journey-number{color:#ffffff80}
@media(prefers-reduced-motion:reduce){.about-journey-step,.about-journey-step h3,.about-journey-step p,.about-journey-icon,.about-journey-number{transition:none}}
/* Match the Guided by Purpose card hover animation. */

/* Slide the hover fill from both outer edges into the center. */
.about-journey-step{isolation:isolate;overflow:hidden;background-image:none}
.about-journey-step::before,.about-journey-step::after{content:"";position:absolute;top:0;bottom:0;width:51%;background:#80206f;z-index:-1;transform:scaleX(0);transition:transform .45s ease;pointer-events:none}
.about-journey-step::before{left:0;transform-origin:left center}
.about-journey-step::after{right:0;transform-origin:right center}
.about-journey-step:hover::before,.about-journey-step:hover::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.about-journey-step::before,.about-journey-step::after{transition:none}}
/* Center larger, unframed icons and card headings. */
.about-journey-step .about-journey-icon{width:64px;height:64px;margin:0 auto 18px;background:transparent;border-radius:0;font-size:40px}
.about-journey-step h3{text-align:center}