#your-knee.patient-active-intro{background:#080b0b;gap:28px;padding:48px max(5vw,24px);display:grid}.patient-active-copy{text-align:center;justify-self:center;max-width:1000px}.patient-active-copy h2{color:#f7f7f2;letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.3vw,64px);font-weight:500;line-height:1.06}.patient-active-copy h2 span{display:block}.patient-active-copy h2 span+span{color:#a9b3b0;margin-top:.12em}.patient-active-copy>p{color:#a9b3b0;max-width:800px;margin:16px auto 0;font-size:clamp(18px,1.5vw,24px);line-height:1.55}.patient-active-film{background:#080b0b;width:100%;height:100svh;margin:0;position:relative;overflow:hidden}.patient-active-film video{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.patient-active-film:after{content:"";pointer-events:none;background:linear-gradient(#0000 25%,#000000c7 100%);position:absolute;inset:0}.patient-active-film h2{z-index:1;color:#fff;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 24px #00000059;max-width:1000px;margin:0;font-size:clamp(38px,5.8vw,88px);font-weight:500;line-height:1.06;position:absolute;bottom:clamp(40px,8vh,100px);left:max(5vw,24px);right:max(5vw,24px)}.patient-active-visuals{grid-template-columns:1.15fr 1fr;justify-self:center;align-items:stretch;gap:24px;width:100%;max-width:1200px;display:grid}.patient-active-anatomy{min-width:0}.patient-active-gardening{border-radius:22px;min-width:0;overflow:hidden}.patient-active-gardening .activity-film{aspect-ratio:auto;height:100%;min-height:320px}.patient-active-gardening .activity-film video{object-position:42% center;position:absolute;inset:0}.patient-active-gardening .activity-film-caption{bottom:24px}.patient-active-gardening .activity-film-caption p{margin:0}@media (width<=700px){#your-knee.patient-active-intro{gap:24px;padding:44px 20px}.patient-active-copy h2{font-size:clamp(38px,9vw,56px)}.patient-active-copy>p{margin-top:16px}.patient-active-visuals{grid-template-columns:minmax(0,1fr);gap:16px}.patient-active-gardening{border-radius:16px}.patient-active-gardening .activity-film{aspect-ratio:16/10;min-height:0}}.patient-activity-gallery{color:#f7f7f2;background:#080b0b;padding:90px max(5vw,24px) 48px}.patient-activity-gallery>header{max-width:1000px;margin-bottom:36px}.patient-activity-gallery h2{letter-spacing:-.045em;text-wrap:balance;margin:16px 0 20px;font-size:clamp(40px,5.5vw,80px);font-weight:500;line-height:1.06}.patient-activity-gallery>header>p:last-child{color:#b7c0bb;max-width:640px;font-size:clamp(18px,1.5vw,22px);line-height:1.5}.patient-activity-films{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.activity-film{aspect-ratio:9/16;background:#17221e;min-width:0;position:relative;overflow:hidden}.activity-film video{object-fit:cover;width:100%;height:100%;display:block}.activity-film:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000db);position:absolute;inset:40% 0 0}.activity-film-caption{z-index:1;position:absolute;bottom:28px;left:24px;right:24px}.activity-film-caption p{color:#fff;margin:0 0 10px;font-size:16px}.activity-film-caption h3{color:#fff;letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(26px,2.6vw,40px);font-weight:500;line-height:1.08}.activity-film-toggle{z-index:2;color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#09120ed9;border:1px solid #ffffff80;border-radius:24px;padding:10px 18px;font-size:14px;position:absolute;top:16px;right:16px}.activity-film-toggle:focus-visible{outline-offset:4px;outline:3px solid #fff}.patient-activity-note{color:#a9b3b0;margin:22px 0 0;font-size:14px;line-height:1.6}@media (width<=700px){.patient-activity-gallery{padding:56px 24px 32px}.patient-activity-films{grid-template-columns:1fr;gap:24px}.activity-film{aspect-ratio:3/4}.activity-film-pickleball{aspect-ratio:9/16}.activity-film-caption h3{font-size:36px}}.patient-activity-gallery{scroll-margin-top:80px}@media (width<=700px){.patient-activity-gallery{scroll-margin-top:130px}}#your-knee .hero-anatomy-controls{gap:8px 12px;padding:12px}#your-knee .hero-anatomy-key{gap:8px 18px;width:100%}@media (width<=700px){#your-knee .hero-anatomy-key{flex-direction:row;gap:6px 12px}}.patient-active-message{align-items:center;min-height:320px;padding:clamp(24px,4vw,64px);display:flex}.patient-active-message p{color:#f7f7f2;letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(28px,3vw,44px);line-height:1.2}@media (width<=700px){.patient-active-message{min-height:0;padding:24px 0}}.patient-activity-gallery h2>span{color:#b5efdc}.patient-activity-voyage{color:#102c25;background:#b5efdc;align-items:center;gap:24px;margin-top:32px;display:inline-flex}.patient-activity-voyage:focus-visible{outline-offset:5px;outline:3px solid #fff}
