:root{--paper:#f7f4ec;--ink:#223238;--sage:#78977b;--deep:#213d42;--blue:#557886;--sand:#d9c9a8;--clay:#9e6f50;--line:#c9c5b8;--white:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}img,svg{display:block;max-width:100%}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--sand);padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.masthead{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(247,244,236,.96);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;text-decoration:none;gap:.7rem}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--deep);color:var(--paper);font-size:.75rem;letter-spacing:.08em}.brand b{font-family:Georgia,serif;font-size:1.25rem}.site-links{display:flex;gap:1.4rem}.site-links a{text-decoration:none;font-size:.87rem;font-weight:700}.site-links a:hover{text-decoration:underline;text-decoration-color:var(--sage);text-decoration-thickness:3px}.nav-trigger{display:none;border:1px solid var(--deep);background:transparent;color:var(--deep);padding:.55rem .8rem;font:inherit;font-weight:700}.opening{min-height:calc(100vh - 76px);position:relative;overflow:hidden;background:var(--deep);color:var(--white)}.opening>img{width:100%;height:calc(100vh - 76px);min-height:650px;object-fit:cover}.opening:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,52,57,.92) 0%,rgba(25,52,57,.7) 42%,rgba(25,52,57,.04) 72%)}.opening-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-55%);width:min(750px,55vw)}.eyebrow{font-size:.76rem;letter-spacing:.17em;font-weight:800;margin:0 0 1rem}.opening h1{font-family:Georgia,serif;font-size:clamp(3rem,6.2vw,6.8rem);line-height:.94;letter-spacing:-.055em;margin:0;max-width:12ch}.opening-copy>p:last-child{font-size:1.18rem;max-width:53ch;margin-top:2rem}.opening-index{position:absolute;z-index:3;left:7vw;right:7vw;bottom:2rem;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.55)}.opening-index span{padding:.9rem 0;font-size:.8rem;font-weight:700}.lead-note,.anatomy,.mobility,.pain-context,.knee-story,.body-map,.back-section,.feet,.muscle-chain,.care,.medical,.editorial{padding:7rem 7vw;scroll-margin-top:76px}.lead-note{display:grid;grid-template-columns:100px 1fr 1.2fr;gap:4rem;align-items:start}.chapter{font-family:Georgia,serif;font-size:4rem;line-height:1;color:var(--clay)}h2{font-family:Georgia,serif;font-size:clamp(2.4rem,4.5vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:.2rem 0 1.5rem}.anatomy{background:var(--white);display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw}.section-copy{align-self:center}.joint-plate{margin:0;border-left:1px solid var(--line);padding-left:4vw}.joint-plate figcaption,.toe-compare figcaption{font-size:.78rem;color:#526064}.mobility{display:grid;grid-template-columns:80px 1fr .75fr;gap:4vw;background:var(--deep);color:var(--white)}.vertical-title{display:flex;flex-direction:column;font-weight:800;line-height:1.1;color:var(--sand);align-items:center}.mobility-facts{border-top:1px solid rgba(255,255,255,.35);margin-top:2rem}.mobility-facts p{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid rgba(255,255,255,.25);padding:1rem 0;margin:0}.load-loop{align-self:center;border:1px solid var(--sand);padding:1.4rem}.load-loop div{padding:1rem;background:var(--paper);color:var(--ink);font-weight:800;text-align:center}.load-loop i{display:block;text-align:center;color:var(--sand);font-size:1.8rem;font-style:normal}.pain-context{display:grid;grid-template-columns:.7fr 1fr .8fr;gap:4vw}.reason-list{border-top:1px solid}.reason-list p{display:grid;grid-template-columns:55px 1fr;margin:0;padding:1rem 0;border-bottom:1px solid var(--line)}.reason-list span{font-weight:800;color:var(--clay)}.pain-context aside{background:var(--sand);padding:2rem;align-self:start}.pain-context aside strong{font-family:Georgia,serif;font-size:1.7rem;line-height:1.2}.knee-story{background:var(--blue);color:var(--white)}.knee-story header{max-width:900px}.knee-sequence{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border-top:1px solid rgba(255,255,255,.45)}.knee-sequence article{padding:2rem 1.3rem;min-height:240px;border-right:1px solid rgba(255,255,255,.35)}.knee-sequence b{font-family:Georgia,serif;font-size:2.5rem;color:var(--sand)}.knee-sequence span,.knee-sequence small{display:block}.knee-sequence span{font-weight:800;margin:1.4rem 0 .5rem}.knee-sequence small{line-height:1.5}.knee-notes{display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-top:1px solid rgba(255,255,255,.45);padding-top:2rem}.body-map{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:center}.body-map svg{max-height:650px}.back-section{display:grid;grid-template-columns:100px 1.2fr .7fr;gap:4vw;background:var(--sand)}.back-section aside{border-top:7px solid var(--deep);padding-top:1rem}.back-section h3{font-family:Georgia,serif;font-size:1.6rem}.feet{display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;background:var(--white)}.feet header{align-self:center}.toe-compare{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;margin:0}.toe-compare>span{text-align:center;font-size:2rem}.toe-compare>div{text-align:center}.toe-compare svg{max-height:290px;margin:auto}.toe-compare b{display:block;font-family:Georgia,serif;font-size:1.35rem}.toe-compare figcaption{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1rem;margin-top:1.5rem}.muscle-chain{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;background:var(--sage)}.muscle-chain ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.muscle-chain li{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--ink)}.care header{display:grid;grid-template-columns:100px 1fr}.care header .eyebrow,.care header h2{grid-column:2}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-left:1px solid}.care-grid article{padding:2rem;border-right:1px solid;border-bottom:1px solid;min-height:180px}.care-grid span{font-size:.78rem;letter-spacing:.12em;font-weight:800}.stiffness{margin-top:3rem;margin-left:auto;max-width:900px;border-left:12px solid var(--clay);padding:1rem 2rem;background:var(--white)}.stiffness h3{font-family:Georgia,serif;font-size:2rem;margin:0}.medical{display:grid;grid-template-columns:1fr 1fr;gap:4vw;background:var(--clay);color:var(--white)}.medical>p{grid-column:2}.medical ul{margin:0;padding-left:1.2rem}.medical li{padding:.45rem}.editorial{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:3vw}.editorial h3{font-family:Georgia,serif;font-size:1.35rem}.footer{background:var(--deep);color:var(--white);padding:5rem 7vw 2rem}.footer-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-intro b{font-family:Georgia,serif;font-size:3.2rem}.footer nav{display:flex;flex-wrap:wrap;gap:1.2rem;margin:3rem 0;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}.footer nav a{font-weight:700}.footer-info{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw}.footer h2{font-family:Arial,sans-serif;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .8rem}.footer p{font-size:.9rem}.legal{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem 2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.35)}.legal h2{grid-column:1/-1}.legal p{margin:.2rem 0}section[id]{scroll-margin-top:76px}
@media(max-width:980px){.site-links{display:none;position:absolute;top:75px;left:0;right:0;background:var(--deep);color:white;padding:1.5rem 4vw;flex-direction:column}.site-links.is-open{display:flex}.nav-trigger{display:block}.opening-copy{width:min(750px,72vw)}.lead-note,.anatomy,.pain-context,.body-map,.back-section,.feet,.muscle-chain,.medical,.editorial{grid-template-columns:1fr}.mobility{grid-template-columns:60px 1fr}.load-loop{grid-column:2}.joint-plate{border-left:0;border-top:1px solid var(--line);padding:2rem 0 0}.knee-sequence{grid-template-columns:1fr 1fr}.care-grid{grid-template-columns:1fr 1fr}.editorial{grid-template-columns:1fr 1fr}.medical>p{grid-column:auto}.footer-info{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body{font-size:16px}.masthead{height:66px;padding:0 1rem}.brand b{font-size:1rem}.site-links{top:65px}.opening>img{height:740px;min-height:0;object-position:68% center}.opening:after{background:linear-gradient(180deg,rgba(25,52,57,.32),rgba(25,52,57,.95) 70%)}.opening-copy{left:1.2rem;right:1.2rem;top:auto;bottom:8rem;transform:none;width:auto}.opening h1{font-size:clamp(2.65rem,14vw,4.3rem)}.opening-index{left:1.2rem;right:1.2rem;bottom:1rem;overflow:auto}.opening-index span{white-space:nowrap;padding-right:1rem}.lead-note,.anatomy,.mobility,.pain-context,.knee-story,.body-map,.back-section,.feet,.muscle-chain,.care,.medical,.editorial{padding:4.7rem 1.2rem}.lead-note{gap:1.3rem}.mobility{grid-template-columns:1fr}.vertical-title{flex-direction:row;justify-content:space-between}.load-loop{grid-column:auto}.mobility-facts p{grid-template-columns:1fr}.knee-sequence{grid-template-columns:1fr}.knee-sequence article{min-height:auto;border-bottom:1px solid rgba(255,255,255,.35)}.knee-notes,.toe-compare,.care header,.footer-intro,.footer-info,.legal{grid-template-columns:1fr}.toe-compare>span{transform:rotate(90deg)}.toe-compare figcaption{grid-column:auto}.care header .eyebrow,.care header h2{grid-column:auto}.care-grid{grid-template-columns:1fr}.editorial{grid-template-columns:1fr}.footer{padding:4rem 1.2rem 2rem}.footer-intro b{font-size:2.5rem}.legal h2{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}