:root{--navy:#0b333f;--deep:#072630;--ink:#163c46;--muted:#526c73;--teal:#087d70;--mint:#60deca;--pale:#edf7f4;--line:#d7e7e2;--white:#fff;--shadow:0 22px 55px #0b333f12}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px;scroll-padding-bottom:100px}body{margin:0;color:var(--ink);background:#fff;font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #bd782a;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em;font-weight:600}h2{font-size:clamp(2.15rem,3.7vw,3.25rem);margin-bottom:23px}h3{font-size:1.2rem;line-height:1.3}p{margin-bottom:20px}img{display:block;max-width:100%;height:auto}figure{margin:0}address{font-style:normal}.container{width:min(1200px,calc(100% - 64px));margin:auto}.section{padding:92px 0}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:700;line-height:1.7;color:var(--teal);margin-bottom:18px}.eyebrow::before{content:'';display:inline-block;width:20px;height:2px;background:currentColor;vertical-align:middle;margin-right:10px}.small-note,.cta-note,.art-note{font-size:.8rem;color:var(--muted)}.text-link{font-weight:600;font-size:.93rem;text-underline-offset:5px;display:inline-flex;align-items:center;gap:18px}.text-link:hover{color:var(--teal)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:55px;padding:14px 22px;background:var(--teal);color:white;border:1px solid var(--teal);border-radius:9px;text-decoration:none;font-weight:650;font-size:.95rem;line-height:1.45;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 8px 20px #087d7014}.button:hover{background:#05695e;transform:translateY(-2px);box-shadow:0 12px 24px #087d7025}.button-small{min-height:44px;padding:10px 16px;font-size:.84rem}.wa-icon{width:20px;height:20px;background:currentColor;mask:url('icons/chat-icon.svg') center/contain no-repeat;-webkit-mask:url('icons/chat-icon.svg') center/contain no-repeat;flex-shrink:0}.round-icon{width:44px;height:44px;background:var(--pale);color:var(--teal);display:grid;place-items:center;border-radius:50%;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:15px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:15px}.topline{background:var(--navy);color:#d6ebe8;font-size:.75rem;padding:8px 0}.topline .container{display:flex;justify-content:space-between;gap:20px}.topline a{text-decoration:none}.header{background:#fffffff2;border-bottom:1px solid #e2ece8;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:12px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--navy);color:var(--mint);border-radius:12px;font-size:36px;font-weight:300;line-height:1;flex-shrink:0}.brand strong{font-size:1.3rem;letter-spacing:-.055em;line-height:1.2;display:block}.brand strong span{color:var(--teal)}.brand small{display:block;font-size:.75rem;letter-spacing:.18em;margin-top:3px;line-height:1.4}.nav nav{display:flex;gap:27px;flex-wrap:wrap}.nav nav a{font-size:.88rem;font-weight:550;text-decoration:none}.nav nav a:hover{color:var(--teal)}
.hero{background:radial-gradient(ellipse at 30% 50%,#f2faf6 0,#fff 70%);padding:48px 0 58px}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:35px;align-items:center}.hero-copy{padding:15px 0}.hero-copy .eyebrow{font-size:.75rem;letter-spacing:.1em}h1{font-size:clamp(2.6rem,4.4vw,4rem);line-height:1.06;letter-spacing:-.055em;margin-bottom:28px}h1 span{color:var(--teal)}.hero-lead{font-size:1.28rem;line-height:1.5;font-weight:500;letter-spacing:-.02em;margin-bottom:20px}.hero-description{max-width:495px;color:var(--muted);font-size:1rem;margin-bottom:26px}.cta-note{margin:11px 0 24px}.hero-stage{height:565px;position:relative;margin:0 0 20px 0}.anatomy-hero{position:absolute;inset:0;background:var(--deep);border-radius:125px 20px 20px 20px;overflow:hidden}.anatomy-hero>img{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(.8)}.anatomy-hero figcaption{position:absolute;bottom:26px;left:24px;color:#c4e6e7;font-size:.75rem;letter-spacing:.08em}.hero-stage-label{position:absolute;top:34px;left:34px;color:#d0eeeb;font-size:.75rem;line-height:1.6;letter-spacing:.12em;display:flex;gap:13px;align-items:center}.small-cross{font-size:29px;line-height:1;color:var(--mint)}.body-label{position:absolute;padding:7px 12px;background:#0b333fd9;color:#e5fffa;border:1px solid #7ad6d66b;backdrop-filter:blur(8px);border-radius:6px;text-decoration:none;font-size:.76rem;display:flex;align-items:center;gap:15px;box-shadow:0 5px 15px #00131f20;transition:background .2s,transform .2s}.body-label:hover{background:var(--teal);transform:translateY(-2px)}.body-label span{color:var(--mint);font-size:1rem}.label-shoulder{top:28%;right:6%}.label-back{top:46%;left:4%}.label-knee{top:68%;right:9%}.label-foot{bottom:11%;left:4%}.hero-note{position:absolute;bottom:-24px;left:-20px;right:22px;background:#fff;border:1px solid #dfece5;border-radius:12px;padding:18px 22px;box-shadow:var(--shadow);display:flex;gap:15px;align-items:center}.hero-note strong{display:block;font-size:.97rem;letter-spacing:-.02em}.hero-note div>span{font-size:.78rem;color:var(--muted)}.trust-strip{border-block:1px solid var(--line)}.trust-strip .container{display:flex;justify-content:space-between;gap:24px;padding-block:20px}.trust-strip span{font-size:.88rem;font-weight:550}.trust-strip i{font-style:normal;color:var(--teal);margin-right:12px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:32px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:.95rem;color:var(--muted);margin:0;max-width:380px}.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.region-tile{position:relative;background:#f2f8f5;border:1px solid #dbeae3;border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.region-tile:hover{transform:translateY(-5px);border-color:#69baaa;box-shadow:0 15px 35px #0b333f12}.region-tile[aria-current="true"]{border:2px solid var(--teal);box-shadow:0 6px 18px #087d7012}.tile-art{height:182px;display:grid;place-items:center;background:#d3eeea;overflow:hidden}.region-art{background-image:url('illustrations/anatomy-regions.webp');background-size:400% 200%;background-repeat:no-repeat;width:140px;aspect-ratio:3/4;flex-shrink:0}.art-0{background-position:0 0}.art-1{background-position:33.333% 0}.art-2{background-position:66.667% 0}.art-3{background-position:100% 0}.art-4{background-position:0 100%}.art-5{background-position:33.333% 100%}.art-6{background-position:66.667% 100%}.art-7{background-position:100% 100%}.tile-copy{padding:18px 20px 21px;background:white;position:relative;flex:1}.tile-copy strong{display:block;font-size:1.03rem;line-height:1.35;letter-spacing:-.02em;margin-bottom:7px;padding-right:17px}.tile-copy small{display:block;font-size:.81rem;line-height:1.5;color:var(--muted);max-width:190px}.tile-arrow{position:absolute;top:17px;right:16px;color:var(--teal)}.other-tile{background:var(--navy);color:#fff;padding:28px 24px;justify-content:center;border:0;gap:15px}.other-tile .small-cross{font-size:48px}.other-tile strong{font-size:1.65rem;font-weight:500;letter-spacing:-.04em;line-height:1.2}.other-tile p{color:#c4dedc;font-size:.88rem;margin:0}.other-tile .text-link{color:var(--mint);font-size:.85rem}.art-note{text-align:right;font-size:.75rem;margin:12px 0 26px}.region-panels{background:#f3f8f5;border:1px solid var(--line);border-radius:18px;overflow:hidden;scroll-margin-top:110px}.region-detail{padding:24px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.region-detail:last-child{border:0}.region-detail>summary{cursor:pointer;font-size:1rem;font-weight:600}.region-panel-inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:38px;align-items:center;padding:15px 15px 5px}.region-detail[open]>summary{margin-bottom:10px}.regions-enhanced .region-detail:not([open]){display:none}.regions-enhanced .region-detail>summary{display:none}.panel-art{min-height:290px;border-radius:12px;background:#d3eeea;display:grid;place-items:center;overflow:hidden}.panel-art .region-art{width:205px}.panel-copy{padding:10px 15px 10px 0}.panel-copy .eyebrow{font-size:.75rem;margin-bottom:13px}.panel-copy h3{font-size:1.8rem;margin-bottom:14px}.panel-copy p{font-size:.96rem;color:var(--muted);margin-bottom:13px}.panel-copy .button{font-size:.85rem;min-height:47px;margin-top:8px}.tags,.mini-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.tags span,.mini-tabs span{font-size:.75rem;padding:6px 10px;border:1px solid #ccdfd6;border-radius:30px;color:var(--ink)}.other-pain{display:flex;align-items:center;gap:18px;padding-top:25px}.other-pain p{margin:0;font-size:.9rem;color:var(--muted);flex:1}.other-pain strong{color:var(--ink)}.other-pain .text-link{font-size:.85rem;white-space:nowrap}
.assessment-section{background:#f7faf8}.assessment-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:74px;align-items:center}.assessment-photo{position:relative;border-radius:20px;overflow:hidden;height:575px;background:#dce9e3}.assessment-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.assessment-photo figcaption{position:absolute;bottom:0;inset-inline:0;background:#0b333fe8;color:#def0ed;padding:11px 18px;font-size:.75rem}.photo-tag{position:absolute;top:24px;left:24px;padding:14px 18px;background:#fffffff0;backdrop-filter:blur(9px);border-radius:10px;display:flex;gap:15px;align-items:center;font-size:.87rem;line-height:1.4;font-weight:550}.photo-tag>span{font-size:1.7rem;color:var(--teal)}.assessment-copy>p:not(.eyebrow){color:var(--muted)}.visit-steps{list-style:none;margin:23px 0 26px;padding:0}.visit-steps li{display:flex;gap:20px;padding:14px 0;border-top:1px solid var(--line)}.visit-steps li>span{font-size:.75rem;color:var(--teal);padding-top:4px}.visit-steps h3{font-size:1.08rem;margin-bottom:6px}.visit-steps p{font-size:.95rem;color:var(--muted);margin:0}.assessment-copy .small-note{font-size:.8rem;margin:13px 0 0}
.knee-section{padding-bottom:95px}.knee-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.knee-copy>p:not(.eyebrow){color:var(--muted);max-width:440px}.mini-tabs{margin:24px 0}.knee-visual{min-height:540px;background:#d3eeea;border-radius:20px;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:20px}.knee-visual>.region-art{width:250px;margin-right:120px}.anatomy-caption{position:absolute;left:24px;top:25px;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.1em;color:#456e65}.oa-card{position:absolute;right:-15px;bottom:-25px;width:325px;padding:28px 29px;background:var(--navy);color:#fff;border-radius:15px;box-shadow:0 20px 40px #0b333f21}.card-kicker{font-size:.75rem;color:var(--mint);letter-spacing:.11em;font-weight:600;display:block;margin-bottom:15px}.oa-card h3{font-size:1.6rem;font-weight:500;margin-bottom:13px}.oa-card p{font-size:.92rem;line-height:1.6;color:#c3dedc;margin-bottom:18px}.oa-card a{font-size:.8rem;color:var(--mint)}
.movement-section{padding:55px 0 90px;background:linear-gradient(#fff 18%,#edf6f2 18%)}.movement-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0}.movement-photo{position:relative;height:735px;border-radius:20px;overflow:hidden;margin-right:-60px}.movement-photo img{height:100%;width:100%;object-fit:cover;object-position:40% center}.movement-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#052d37ed,transparent 72%)}.movement-photo figcaption{position:absolute;z-index:2;top:18px;left:20px;right:20px;color:white;font-size:.75rem;text-shadow:0 1px 5px #000}.movement-caption{position:absolute;z-index:2;bottom:48px;left:38px;right:65px;color:white}.movement-caption .eyebrow{color:var(--mint);font-size:.75rem}.movement-caption h2{font-size:3.8rem;font-weight:500}.movement-caption>p:last-child{font-size:1.05rem;line-height:1.7;margin:0;color:#e0efec}.pathway-card{position:relative;background:#fff;padding:40px;border:1px solid #dce9e2;border-radius:17px;box-shadow:var(--shadow);margin-left:0;z-index:3}.pathway-card h2{font-size:2.3rem}.pathway-card>p:not(.eyebrow){font-size:.95rem;color:var(--muted)}.pathway{padding:0;margin:15px 0 22px;list-style:none}.pathway li{display:flex;gap:17px;margin-top:22px}.path-icon{width:35px;height:35px;border:1px solid #d1e5dc;border-radius:50%;display:grid;place-items:center;font-size:.75rem;color:var(--teal);flex-shrink:0}.pathway h3{font-size:1.05rem;margin-bottom:5px}.pathway p{font-size:.93rem;margin:0;color:var(--muted)}.injection-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:21px 0}.injection-detail summary{font-size:.91rem;font-weight:600;cursor:pointer;padding-right:20px}.injection-detail p{font-size:.9rem;color:var(--muted);margin:14px 0 0}.pathway-card>.text-link{font-size:.87rem}
.care-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center}.portrait-wrap{position:relative;padding-bottom:30px}.care-portrait{border-radius:110px 18px 18px 18px;background:#dceee6;overflow:hidden;position:relative;height:460px}.care-portrait img{width:100%;height:100%;object-fit:contain}.care-portrait figcaption{position:absolute;bottom:27px;left:20px;right:20px;text-align:center;font-size:.75rem;letter-spacing:.05em;color:#4a6b61}.care-nameplate{position:relative;margin:-20px -20px 0 25px;background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:12px;padding:22px 25px}.care-nameplate strong{display:block;font-size:1.16rem;font-weight:550;letter-spacing:-.02em}.care-nameplate>span:not(.small-cross){display:block;font-size:.83rem;color:#c3dedc;margin-top:4px}.care-nameplate .small-cross{position:absolute;right:22px;top:27px}.care-copy>p:not(.eyebrow){color:var(--muted)}.care-intro{font-size:1.12rem}.care-intro strong{color:var(--ink)}.care-principles{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.84rem;margin:25px 0 30px}.care-principles span{font-weight:600}.care-principles i{color:var(--teal);font-style:normal}.care-copy .small-note{font-size:.8rem;margin:13px 0 0}.urgent-section{padding:0 0 70px}.urgent{display:flex;gap:20px;border:1px solid #e4d9bd;background:#fff9ed;border-radius:12px;padding:23px 28px;color:#665028}.urgent-symbol{display:grid;place-items:center;width:29px;height:29px;border:1px solid #9e8045;border-radius:50%;flex-shrink:0;font-weight:700}.urgent h2{font-size:1.1rem;letter-spacing:-.02em;margin-bottom:8px}.urgent p{font-size:.9rem;margin:0;line-height:1.7}
.faq-section{background:#f6f9f7;border-block:1px solid #e1ebe5}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-layout>div>p:not(.eyebrow){color:var(--muted)}.faq-list{border-top:1px solid #cfdfd6}.faq-item{border-bottom:1px solid #cfdfd6}.faq-item summary{cursor:pointer;list-style:none;padding:21px 30px 21px 0;font-size:1rem;line-height:1.6;font-weight:600;position:relative;letter-spacing:-.015em}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:3px;top:18px;font-weight:400;color:var(--teal);font-size:1.3rem}.faq-item[open] summary{color:var(--teal)}.faq-item[open] summary::after{content:'−'}.faq-item>div{padding:0 25px 23px 0}.faq-item p{font-size:1rem;color:var(--muted);margin:0}
.location-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.location-card{padding:30px;border-radius:16px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.location-pin{font-size:2rem;color:var(--mint);line-height:1;margin-bottom:23px}.location-card h3{font-size:1.3rem;margin-bottom:17px}.location-card address{font-size:1rem;color:#d1e4e0;line-height:1.8}.contact-number{font-size:1.5rem;letter-spacing:-.03em;text-decoration-thickness:1px;text-underline-offset:5px;margin:22px 0 14px}.location-card .small-note{color:#bfd8d5;font-size:.85rem}.location-card .button{background:var(--mint);color:var(--navy);border-color:var(--mint);width:100%;font-size:.9rem}.location-card .button:hover{background:#8eead9}.location-visuals{display:grid;grid-template-rows:1fr 1fr;gap:18px}.exterior{position:relative;height:215px;border-radius:15px;overflow:hidden;background:#daeae3}.exterior img{height:100%;width:100%;object-fit:contain}.exterior figcaption{position:absolute;bottom:11px;inset-inline:15px;text-align:center;font-size:.75rem;letter-spacing:.08em;color:#45675d}.map-placeholder{border:1px solid #d3e4da;min-height:225px;border-radius:15px;position:relative;overflow:hidden;background:#eaf4ee;display:grid;place-items:center}.map-grid{position:absolute;inset:0;background-image:linear-gradient(30deg,transparent 47%,#fff 48%,#fff 51%,transparent 52%),linear-gradient(90deg,transparent 46%,#d1e5da 47%,#d1e5da 49%,transparent 50%);background-size:160px 90px,110px 110px;opacity:.7}.map-label{position:relative;text-align:center;padding:22px;background:#eef8f1ed;border-radius:15px}.map-pin{width:39px;height:39px;border-radius:50% 50% 50% 3px;transform:rotate(-45deg);display:grid;place-items:center;margin:0 auto 12px;background:var(--teal);color:white;font-size:1.8rem}.map-label strong{display:block;font-size:1rem}.map-label small{font-size:.75rem;color:var(--muted);display:block;margin:4px 0 10px}.map-label a{font-size:.85rem;gap:10px}.final-cta{padding:65px 0;background:radial-gradient(ellipse at 100% 0,#195d60,transparent 65%),var(--navy);color:white}.final-grid{display:flex;align-items:center;justify-content:space-between;gap:60px}.final-cta .eyebrow{color:var(--mint);font-size:.75rem}.final-cta h2{font-size:clamp(2.25rem,4vw,3.4rem);font-weight:500}.final-cta p{color:#c5dedb;margin-bottom:0}.button-light{background:var(--mint);border-color:var(--mint);color:var(--navy);min-width:270px}.button-light:hover{background:#8debdc}.final-grid>div:last-child{text-align:center}.final-number{display:block;margin:14px 0;font-size:1rem}.final-cta .small-note{font-size:.78rem}footer{background:var(--deep);color:#bbd5d5;padding:34px 0 28px;font-size:.8rem}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:24px}.footer-top .brand{color:white}.footer-top .brand-mark{background:#184651}.footer-top .brand small{font-size:.75rem;letter-spacing:.06em}.footer-top .brand strong{font-size:1.2rem}.medical-note{max-width:900px;font-size:.81rem;line-height:1.7}.privacy{max-width:900px;margin-bottom:20px}.privacy summary{cursor:pointer;padding:10px 0;text-decoration:underline;text-underline-offset:4px;min-height:44px}.privacy p{font-size:.8rem;color:#c6dcdb;margin:15px 0}.footer-bottom{border-top:1px solid #254c56;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.75rem}.floating-wa{position:fixed;bottom:23px;right:23px;z-index:40;background:var(--teal);border:1px solid #a0e7d8;color:#fff;padding:15px 18px;border-radius:50px;box-shadow:0 7px 25px #052d3740;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:.83rem;font-weight:600;transition:transform .2s}.floating-wa:hover{transform:translateY(-3px)}
@media(max-width:1100px){.nav nav{gap:16px}.nav nav a{font-size:.8rem}.hero-grid{grid-template-columns:1fr 1fr;gap:22px}h1{font-size:3.1rem}.hero-stage{height:550px}.hero-note{left:-10px;right:12px;padding:16px}.hero-note strong{font-size:.86rem}.hero-note div>span{font-size:.75rem}.assessment-grid,.knee-feature,.care-grid,.faq-layout{gap:40px}.tile-copy{padding:16px}.tile-copy strong{font-size:.93rem}.pathway-card{padding:30px}.oa-card{right:0;width:300px}.knee-visual>.region-art{margin-right:70px}.care-nameplate{margin-right:0}.care-principles{gap:8px}}
@media(max-width:800px){html{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.section{padding:58px 0}.topline{font-size:.75rem}.topline .container>a{display:none}.nav{min-height:77px;gap:12px}.brand{gap:9px}.brand-mark{width:37px;height:37px;border-radius:10px;font-size:30px}.brand strong{font-size:1.12rem}.brand small{font-size:.75rem}.nav nav{display:none}.nav .button{font-size:.78rem;padding:10px 12px;gap:8px;min-height:43px}.nav .wa-icon{width:17px;height:17px}.hero{padding:34px 0 42px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:.75rem;letter-spacing:.06em;margin-bottom:19px}h1{font-size:clamp(2.2rem,7.8vw,3.8rem);margin-bottom:22px;line-height:1.12}.hero-lead{font-size:1.18rem;line-height:1.5;margin-bottom:17px}.hero-description{font-size:1rem;margin-bottom:23px;max-width:600px}.hero-copy>.button{width:100%;font-size:.9rem}.cta-note{text-align:center;font-size:.77rem;margin:10px 0 18px}.hero-copy>.text-link{font-size:.9rem}.hero-stage{height:420px;margin:0 0 18px}.anatomy-hero{border-radius:75px 16px 16px 16px}.anatomy-hero img{object-position:59% center}.hero-stage-label{left:24px;top:23px;font-size:.75rem;gap:9px}.hero-stage-label .small-cross{font-size:24px}.anatomy-hero figcaption{font-size:.75rem;left:20px;bottom:22px}.body-label{font-size:.75rem;padding:6px 10px;gap:10px}.label-shoulder{right:4%}.label-back{left:4%}.label-foot{left:4%}.hero-note{left:12px;right:12px;bottom:-21px;padding:15px 16px;gap:11px}.hero-note strong{font-size:.87rem}.hero-note div>span{font-size:.75rem}.hero-note .round-icon{width:35px;height:35px}.trust-strip .container{padding-block:17px;gap:12px}.trust-strip span{font-size:.75rem;line-height:1.6;flex:1;text-align:center}.trust-strip i{display:block;margin:0 0 2px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{font-size:.91rem;margin:18px 0 0}.eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:15px}h2{font-size:2.2rem;line-height:1.16}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile-art{height:150px}.tile-art .region-art{width:113px;height:151px}.tile-copy{padding:14px}.tile-copy strong{font-size:.94rem;line-height:1.3;padding-right:12px}.tile-copy small{font-size:.76rem;line-height:1.5}.tile-arrow{right:11px;top:13px;font-size:.85rem}.other-tile{padding:20px 17px;gap:12px}.other-tile .small-cross{font-size:35px}.other-tile strong{font-size:1.4rem}.other-tile p{font-size:.79rem}.other-tile .text-link{font-size:.76rem;gap:9px}.art-note{font-size:.75rem;text-align:left;margin:12px 0 23px}.region-detail{padding:19px}.region-panel-inner{grid-template-columns:1fr;gap:18px;padding:0}.panel-art{min-height:180px;height:180px}.panel-art .region-art{width:136px;height:181px}.panel-copy{padding:0}.panel-copy .eyebrow{font-size:.75rem;margin-bottom:10px}.panel-copy h3{font-size:1.6rem;margin-bottom:12px}.panel-copy p{font-size:1rem;margin-bottom:13px}.tags{margin:17px 0}.tags span{font-size:.75rem;padding:5px 9px}.panel-copy .button{width:100%;font-size:.87rem;min-height:50px}.other-pain{flex-wrap:wrap;gap:13px;padding-top:24px}.other-pain .round-icon{width:34px;height:34px}.other-pain p{font-size:.9rem;flex-basis:calc(100% - 50px)}.other-pain a{margin-left:47px;font-size:.86rem!important}.assessment-grid,.knee-feature,.care-grid,.faq-layout{grid-template-columns:1fr;gap:31px}.assessment-photo{height:370px}.assessment-photo img{object-position:center 40%}.assessment-photo figcaption{font-size:.75rem;padding:9px 14px}.photo-tag{top:16px;left:16px;padding:12px 14px;font-size:.8rem}.assessment-copy h2 br{display:none}.visit-steps{margin:21px 0 24px}.visit-steps li{gap:17px;padding:15px 0}.visit-steps p{font-size:1rem}.assessment-copy .button{width:100%;font-size:.89rem}.assessment-copy .small-note{font-size:.78rem}.knee-copy h2{font-size:2.3rem}.knee-copy h2 br:last-child{display:none}.knee-copy>p:not(.eyebrow){max-width:100%;font-size:1rem}.knee-visual{min-height:550px;margin:0 0 5px;padding-top:0}.knee-visual>.region-art{width:220px;margin:0}.anatomy-caption{left:17px;top:20px;font-size:.75rem}.oa-card{right:12px;left:12px;bottom:12px;width:auto;padding:24px}.oa-card h3{font-size:1.5rem;margin-bottom:12px}.oa-card p{font-size:1rem}.oa-card a{font-size:.84rem}.movement-section{padding:0 0 54px;background:var(--pale)}.movement-layout{grid-template-columns:1fr}.movement-photo{height:470px;margin:0 -20px;border-radius:0}.movement-photo img{object-position:35% center}.movement-photo figcaption{font-size:.75rem;top:13px}.movement-caption{bottom:60px;left:24px;right:24px}.movement-caption .eyebrow{font-size:.75rem}.movement-caption h2{font-size:3.3rem;margin-bottom:15px}.movement-caption>p:last-child{font-size:1rem}.pathway-card{padding:28px 24px;margin-top:-32px;border-radius:15px}.pathway-card .eyebrow{font-size:.75rem}.pathway-card h2{font-size:2rem}.pathway-card>p:not(.eyebrow){font-size:1rem}.pathway li{gap:14px}.pathway p{font-size:1rem}.pathway h3{font-size:1.08rem}.injection-detail summary{font-size:.95rem}.injection-detail p{font-size:1rem}.portrait-wrap{padding-bottom:0}.care-portrait{height:360px;border-radius:80px 16px 16px 16px}.care-portrait figcaption{font-size:.75rem;bottom:24px}.care-nameplate{margin:-18px 12px 0;padding:21px}.care-nameplate strong{font-size:1.17rem;padding-right:24px}.care-nameplate>span:not(.small-cross){font-size:.81rem}.care-copy h2{font-size:2.18rem}.care-principles{font-size:.8rem;gap:7px;justify-content:space-between;line-height:1.8}.care-copy .button{width:100%;font-size:.89rem}.care-copy .small-note{font-size:.77rem}.urgent-section{padding-bottom:50px}.urgent{padding:20px 17px;gap:12px}.urgent-symbol{width:23px;height:23px;font-size:.9rem}.urgent h2{font-size:1.05rem}.urgent p{font-size:.9rem;line-height:1.75}.faq-layout{gap:30px}.faq-layout>div>p:not(.eyebrow){font-size:.94rem}.faq-item summary{font-size:1rem;padding-block:19px}.faq-item p{font-size:1rem}.location-grid{grid-template-columns:1fr;gap:18px}.location-card{padding:25px}.location-pin{margin-bottom:18px}.location-card h3{font-size:1.26rem}.location-card address{font-size:1rem}.location-card .small-note{font-size:.84rem;max-width:300px}.location-visuals{gap:15px}.exterior{height:230px}.exterior figcaption{font-size:.75rem}.map-placeholder{min-height:245px}.map-label{padding:20px 14px;max-width:100%}.map-label small{font-size:.75rem;max-width:250px;margin-inline:auto}.map-label a{font-size:.8rem;gap:8px}.final-cta{padding:50px 0}.final-grid{display:block}.final-cta .eyebrow{font-size:.75rem}.final-cta h2{font-size:2.2rem}.final-cta p{font-size:.97rem}.final-grid>div:last-child{margin-top:26px}.button-light{min-width:0;width:100%}.final-number{font-size:.92rem}.final-cta .small-note{font-size:.76rem}footer{padding-bottom:98px}.footer-top{align-items:flex-start;flex-direction:column;gap:18px}.footer-top .brand strong{font-size:1.15rem}.footer-top .brand small{font-size:.75rem}.medical-note{font-size:.79rem}.footer-bottom{flex-direction:column;gap:8px;font-size:.75rem}.floating-wa{right:16px;left:16px;bottom:calc(12px + env(safe-area-inset-bottom));justify-content:center;padding:14px 16px;font-size:.9rem;min-height:54px;border-radius:12px;box-shadow:0 5px 25px #052d3750}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.brand strong{font-size:.98rem}.brand small{font-size:.75rem}.nav .button{font-size:.75rem;padding:9px}.hero-copy .eyebrow{font-size:.75rem}.hero-copy>.button{font-size:.81rem;padding-inline:12px}.hero-note strong{font-size:.78rem}.hero-note div>span{font-size:.75rem}.tile-copy{padding:12px}.tile-copy strong{font-size:.88rem}.tile-copy small{font-size:.75rem}.care-principles{gap:5px;font-size:.75rem}.movement-photo{margin-inline:-16px}.floating-wa{font-size:.83rem}}
/* Text enlargement must reflow without clipping. */
h1,h2,h3,p,small,address,.button,.brand,.trust-strip span{overflow-wrap:anywhere}.hero-grid>*,.assessment-grid>*,.knee-feature>*,.care-grid>*,.faq-layout>*,.location-grid>*,.region-panel-inner>*,.hero-note>*,.brand>span{min-width:0}.nav nav{flex-wrap:wrap}.button{white-space:normal}.region-detail:target{scroll-margin-top:110px}.body-label:focus-visible{outline-color:var(--mint)}
.anatomy-hero figcaption{bottom:84px;font-size:.75rem;max-width:155px;line-height:1.5}
.label-foot{bottom:24%}
@media(max-width:800px){.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0}.hero-copy>h1{order:1}.hero-stage{order:2;height:360px;margin:3px 0 43px}.hero-copy>.hero-lead{order:3}.hero-copy>.hero-description{order:4}.hero-copy>.button{order:5}.hero-copy>.cta-note{order:6}.hero-copy>.text-link{order:7}.hero-stage-label{display:none}.anatomy-hero figcaption{bottom:65px;font-size:.75rem;max-width:145px}.label-foot{bottom:30%}.label-back{top:43%}.label-knee{top:64%}}
.anatomy-hero figcaption{top:18px;right:18px;bottom:auto;left:auto;text-align:right;max-width:125px;letter-spacing:.03em;text-transform:uppercase}
.other-pain .text-link{white-space:normal;max-width:100%;margin-left:0}
.knee-visual{display:grid;grid-template-columns:1fr;align-content:start;min-height:0;padding:20px 0 0}
.knee-visual>.region-art{justify-self:start;margin:0 0 0 50px}
.oa-card{position:relative;inset:auto;justify-self:end;margin:-75px -15px -25px 0}
@media(max-width:800px){.knee-visual{padding:0 12px 12px}.knee-visual>.region-art{justify-self:center;margin:0}.oa-card{margin:-30px 0 0;justify-self:stretch;width:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(pointer:coarse){.body-label,.text-link,.nav nav a{min-height:44px;align-items:center}.region-tile{min-height:44px}}

.floating-wa.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}

@media(max-width:360px){.nav{flex-wrap:nowrap;gap:7px}.brand{gap:7px}.brand-mark{width:34px;height:34px;border-radius:9px;font-size:27px}.brand strong{font-size:.86rem}.brand small{font-size:.65rem}.nav .button{min-height:44px;font-size:.68rem;padding:7px 8px;gap:5px}.nav .wa-icon{width:15px;height:15px}.hero-copy .eyebrow{letter-spacing:.03em}.hero-copy .eyebrow::before{width:14px;margin-right:7px}}

/* Patient-recognisable body-region photography; the knee education feature retains the anatomy atlas. */
.region-art{width:100%;height:100%;aspect-ratio:auto;background-size:cover;background-repeat:no-repeat;background-position:center;transition:transform .22s ease}
.art-0{background-image:url('photography/pain-regions/knee-pain.webp');background-position:center 63%}
.art-1{background-image:url('photography/pain-regions/shoulder-pain.webp');background-position:center 44%}
.art-2{background-image:url('photography/pain-regions/back-neck-pain.webp');background-position:center 48%}
.art-3{background-image:url('photography/pain-regions/heel-pain.webp');background-position:center 66%}
.art-4{background-image:url('photography/pain-regions/hip-pain.webp');background-position:center 58%}
.art-5{background-image:url('photography/pain-regions/hand-wrist-pain.webp');background-position:center 48%}
.art-6{background-image:url('photography/pain-regions/ankle-foot-pain.webp');background-position:center 67%}
.art-7{background-image:url('photography/pain-regions/other-muscle-joint-pain.webp');background-position:center 48%}
.tile-art .region-art,.panel-art .region-art{width:100%;height:100%}
.region-tile:hover .tile-art .region-art{transform:scale(1.025)}
.other-tile{padding:0;display:block;background:var(--navy);color:#fff;border:0}
.other-tile .tile-art{background:#dcefeb}
.other-tile .other-copy{padding:20px 24px 24px}
.other-tile strong{display:block;font-size:1.28rem;font-weight:550;letter-spacing:-.035em;line-height:1.2}
.other-tile p{color:#c4dedc;font-size:.82rem;margin:8px 0 10px}
.other-tile .text-link{color:var(--mint);font-size:.82rem}
.knee-visual>.region-art{background-image:url('illustrations/anatomy-regions.webp');background-size:400% 200%;background-position:0 0;width:250px;height:auto;aspect-ratio:3/4;transition:none}
@media(max-width:1100px){.knee-visual>.region-art{width:250px}}
@media(max-width:800px){.knee-visual>.region-art{width:220px;height:auto}.other-tile{padding:0;gap:0}.other-tile .other-copy{padding:14px}.other-tile strong{font-size:1.02rem}.other-tile p{font-size:.76rem;margin:6px 0}.other-tile .text-link{font-size:.75rem;line-height:1.4}}

/* Real and illustrative photography replaces the original placeholder artwork. */
.care-portrait img{object-fit:cover}
.care-portrait figcaption{top:18px;bottom:auto;left:20px;right:auto;max-width:calc(100% - 40px);background:#0b333fdd;color:#e5fffa;padding:7px 10px;border-radius:6px;text-align:left;line-height:1.4}
.exterior img{object-fit:cover;object-position:center 30%}
.exterior figcaption{left:15px;right:auto;background:#0b333fdd;color:#e5fffa;padding:6px 9px;border-radius:5px;text-align:left;line-height:1.4}