:root{--black:#121111;--brown:#291b16;--red:#a72e2b;--gold:#d2a33d;--green:#2d6750;--blue:#1b5c82;--white:#fff;--paper:#f4f1ea;--line:#d6ccbe}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font:17px/1.6 Arial,sans-serif}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:40}.header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,78px);background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.mark{display:grid;grid-template-columns:56px auto auto;color:var(--black);text-decoration:none;align-items:center}.mark>span{height:56px;display:grid;place-content:center;background:var(--black);color:var(--gold);font-weight:800}.mark>b{padding-left:12px;font-size:.82rem;line-height:1.1;letter-spacing:.12em}.mark>small{margin-left:16px;padding-left:16px;border-left:1px solid var(--line);font-size:.65rem;text-transform:uppercase;color:var(--green)}.header nav{display:flex;gap:22px}.header nav a{color:var(--black);text-decoration:none;font-size:.78rem;font-weight:800}.header button{display:none}.hero{min-height:680px;display:grid;grid-template-columns:.85fr 1.15fr 92px;background:var(--brown);color:#fff}.hero-copy{padding:clamp(60px,8vw,120px) clamp(28px,6vw,90px)}.serial,.sheet header p,.lab-title>p,.mobility>div>p,.redflag p,.editorial>div>p{font-size:.7rem;letter-spacing:.2em;font-weight:800;color:var(--gold)}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.03}h1{font-size:clamp(3.2rem,6vw,6.5rem);margin:.2em 0}h1 em{color:var(--gold);font-weight:400}.hero-copy>p:not(.serial){font:1.1rem/1.7 Georgia;color:#ded3cc}.hero-copy>a{display:inline-flex;gap:40px;color:#fff;text-decoration:none;border-bottom:1px solid #806a5d;padding:11px 0;margin-top:24px}.hero figure{margin:0;position:relative}.hero img{width:100%;height:100%;object-fit:cover}.hero figcaption{position:absolute;bottom:0;right:0;background:var(--blue);padding:12px 20px;font-size:.72rem}.index{background:var(--black);display:grid;align-content:center;text-align:center;gap:8px}.index span{color:var(--gold);font:1.7rem Georgia}.index b{writing-mode:vertical-rl;height:75px;margin:auto;font-size:.58rem;letter-spacing:.16em}.notice{padding:35px clamp(24px,8vw,140px);display:grid;grid-template-columns:180px 1fr;gap:45px;background:var(--gold)}.notice b{font-size:.72rem;letter-spacing:.15em}.notice p{font:1.25rem Georgia;margin:0}.sheet{padding:90px clamp(24px,8vw,140px)}.sheet>header{display:grid;grid-template-columns:80px 1fr auto;gap:30px;align-items:start;border-bottom:1px solid var(--line)}.sheet header>span{font:italic 4rem Georgia;color:var(--gold)}.sheet header small{font-size:.65rem;letter-spacing:.15em;color:var(--blue)}h2{font-size:clamp(2.5rem,5vw,5rem);margin:.18em 0}.joint-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px}.joint-diagram{position:relative;background:#fff;border:1px solid var(--line);min-height:520px;padding:20px}.joint-diagram svg{width:100%;height:440px}.bone{fill:#e6ded1;stroke:var(--brown);stroke-width:4}.cart{fill:none;stroke:var(--blue);stroke-width:18}.capsule{fill:none;stroke:var(--red);stroke-width:6;stroke-dasharray:12 8}.tag{position:absolute;background:var(--black);color:#fff;padding:7px 12px;font-size:.72rem}.tag.a{top:19%;right:8%}.tag.b{top:46%;left:8%}.tag.c{bottom:12%;right:13%}.joint-copy{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.joint-copy article{background:var(--paper);padding:28px}.joint-copy b{font:1.35rem Georgia;color:var(--blue)}.lab{padding:90px clamp(24px,8vw,140px);display:grid;grid-template-columns:.7fr 1.1fr .7fr;gap:55px;background:var(--black);color:#fff}.lab-title p:last-child{color:#c9c0ba}.knee-map{aspect-ratio:1;position:relative;border:1px solid #5a514d;border-radius:50%}.center{position:absolute;inset:31%;border-radius:50%;background:var(--red);display:grid;place-content:center;text-align:center}.center b{letter-spacing:.12em}.center small{font-size:.7rem}.node{position:absolute;background:var(--brown);border:1px solid #75675f;padding:10px 14px;font-size:.72rem}.node b{color:var(--gold);margin-right:5px}.n1{top:8%;left:36%}.n2{bottom:8%;left:39%}.n3{top:45%;left:-4%}.n4{top:45%;right:-5%}.lab-notes{align-self:end;border-top:4px solid var(--gold);padding-top:20px}.lab-notes li{margin:.7rem 0}.spine{background:#fff}.spine-grid{display:grid;grid-template-columns:170px 1fr;gap:70px;margin-top:50px}.column{display:grid}.column span{height:70px;display:grid;place-content:center;background:var(--blue);color:#fff;border-bottom:1px solid #fff;font:2rem Georgia}.column span:nth-child(2n){background:var(--brown)}.large{font:1.35rem/1.65 Georgia}.principles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:35px}.principles article{background:#fff;padding:22px}.principles b{color:var(--green)}.mobility{padding:90px clamp(24px,8vw,140px);display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;background:var(--green);color:#fff}.bars article{margin:20px 0}.bars b{font-size:.72rem;letter-spacing:.12em}.bars i{display:block;width:var(--w);height:16px;background:var(--gold);margin:8px 0}.bars span{font-size:.8rem}.fine{grid-column:2;font-size:.7rem;color:#d2e2da}.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:50px}.toe-diagram{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line)}.toe-diagram>div{text-align:center;padding:20px}.toe-diagram>div+div{border-left:1px solid var(--line)}.toe-diagram svg{width:100%;max-height:310px}.toe-diagram path{fill:#e8dfd2;stroke:var(--brown);stroke-width:4}.toe-diagram circle{fill:var(--red);opacity:.45}.toe-diagram b{font-size:.68rem;letter-spacing:.13em;color:var(--blue)}.foot-grid h3{font:1.4rem Georgia;color:var(--red)}.foot-grid li{margin:.6rem 0}.redflag{padding:75px clamp(24px,8vw,140px);display:grid;grid-template-columns:80px .9fr 1.1fr;gap:40px;align-items:center;background:var(--red);color:#fff}.symbol{width:70px;height:70px;border:3px solid var(--gold);border-radius:50%;display:grid;place-content:center;font:3rem Georgia;color:var(--gold)}.redflag h2{font-size:2.7rem}.redflag ul{columns:2}.redflag li{margin:.6rem}.editorial{padding:70px clamp(24px,8vw,140px);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:var(--blue);color:#fff}.editorial h2{font-size:3rem}.editorial>p{font:1.15rem/1.7 Georgia}footer{padding:60px clamp(24px,8vw,140px);display:grid;grid-template-columns:.8fr 1fr 1fr;gap:50px;background:var(--brown);color:#ddd}.inverse{color:#fff}.inverse>span{background:#fff;color:var(--black)}footer h3{font:1.2rem Georgia;color:var(--gold)}.copy{grid-column:1/-1;border-top:1px solid #5b493f;padding-top:18px;font-size:.72rem}@media(max-width:1000px){.header button{display:block;background:var(--black);color:#fff;border:0;padding:10px 15px}.header nav{display:none;position:absolute;top:94px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}.header nav.open{display:flex}.hero{grid-template-columns:1fr 1fr}.index{display:none}.joint-grid,.foot-grid,.mobility{grid-template-columns:1fr}.lab{grid-template-columns:1fr 1fr}.lab-notes{grid-column:1/-1}.fine{grid-column:1}.redflag{grid-template-columns:70px 1fr}.redflag ul{grid-column:2}.editorial{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:680px){.header{height:74px;padding:0 18px}.header nav{top:74px}.mark>small{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 22px}.hero figure{height:320px}.notice{grid-template-columns:1fr;padding:30px 22px}.sheet,.lab,.mobility,.redflag,.editorial{padding:60px 22px}.sheet>header{grid-template-columns:55px 1fr}.sheet header>small{display:none}.sheet header>span{font-size:2.5rem}.joint-grid{gap:30px}.joint-copy{grid-template-columns:1fr}.lab{grid-template-columns:1fr}.knee-map{max-width:400px}.spine-grid{grid-template-columns:1fr}.column{grid-template-columns:repeat(7,1fr)}.column span{height:55px}.principles{grid-template-columns:1fr}.toe-diagram{grid-template-columns:1fr}.toe-diagram>div+div{border-left:0;border-top:1px solid var(--line)}.redflag{grid-template-columns:1fr}.redflag ul{grid-column:1;columns:1}.editorial{gap:20px}footer{grid-template-columns:1fr}.copy{grid-column:1}}
