@property --p{syntax:"<number>";inherits:true;initial-value:0}@property --scene-inset{syntax:"<length>";inherits:true;initial-value:0}.triptych[data-astro-cid-abcgmsd4]{--scene-inset:var(--header-h);margin:var(--space-xl) 0;max-width:none;position:relative}.guide.is-migrated .triptych[data-astro-cid-abcgmsd4]{--scene-inset:calc(var(--header-h) + 3rem)}.track[data-astro-cid-abcgmsd4]{position:relative}.stage[data-astro-cid-abcgmsd4]{gap:var(--space-s);display:grid}.t-title[data-astro-cid-abcgmsd4]{font-size:var(--text-sm);color:var(--color-ink);max-width:none;margin:0;font-weight:600}.cards[data-astro-cid-abcgmsd4]{gap:var(--space-s);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;max-width:none;margin:0;padding:0;list-style:none;display:grid}.card[data-astro-cid-abcgmsd4]{min-width:0;margin:0}.plate[data-astro-cid-abcgmsd4]{aspect-ratio:768/1024;border-radius:var(--radius-md);background:#fff;position:relative}.layer[data-astro-cid-abcgmsd4]{border-radius:var(--radius-md);overflow:hidden}.plate[data-astro-cid-abcgmsd4].schematic{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line)}.layer[data-astro-cid-abcgmsd4]{display:block;position:absolute;inset:0}.plate[data-astro-cid-abcgmsd4] picture,.plate[data-astro-cid-abcgmsd4] img{object-fit:cover;width:100%;height:100%;display:block}.schematic[data-astro-cid-abcgmsd4] img{object-fit:contain;box-sizing:border-box;padding:14% 12%}.brackets[data-astro-cid-abcgmsd4],.joint-label[data-astro-cid-abcgmsd4],.hint[data-astro-cid-abcgmsd4]{display:none}.cap[data-astro-cid-abcgmsd4]{margin:var(--space-2xs) 0 0;font-size:var(--text-sm);color:var(--color-ink-2);max-width:none;line-height:1.4}.cap[data-astro-cid-abcgmsd4] small[data-astro-cid-abcgmsd4],.caps-live[data-astro-cid-abcgmsd4] small[data-astro-cid-abcgmsd4]{font-size:var(--text-xs);color:var(--color-ink-3);margin-top:.125rem;display:block}.caps-live[data-astro-cid-abcgmsd4]{display:none}@media (width<=39.99rem){.cards[data-astro-cid-abcgmsd4]{grid-template-columns:1fr 1fr}.card[data-astro-cid-abcgmsd4].implant{grid-column:1/-1;justify-self:center;width:min(100%,16rem)}.plate[data-astro-cid-abcgmsd4].schematic{aspect-ratio:4/3}}@media screen and (width>=64rem) and (height>=40rem) and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .triptych[data-astro-cid-abcgmsd4].is-scroll{--stage-h:min(calc(100svh - var(--scene-inset) - 2rem), 52rem);& .track{min-height:175svh}& .stage{top:calc(var(--scene-inset) + 1rem);height:var(--stage-h);contain:layout;--oa:clamp(0, (var(--p) - .08) / .38, 1);--oa-s:calc(var(--oa) * var(--oa) * (3 - 2 * var(--oa)));--br:clamp(0, (var(--p) - .26) / .18, 1);--sw:clamp(0, (var(--p) - .26) / .1, 1);--im:clamp(0, (var(--p) - .56) / .18, 1);--im-s:calc(1 - (1 - var(--im)) * (1 - var(--im)) * (1 - var(--im)));grid-template-rows:auto minmax(0,1fr) auto;align-content:start;position:sticky}& .cards{grid-template-columns:auto auto;grid-template-areas:"j i";justify-content:start;align-items:center;column-gap:clamp(8rem,12vw,11rem);height:100%;min-height:0}& .card.joint,& .card.oa-card{grid-area:j;height:100%;min-height:0}& .card.implant{grid-area:i}& .card.joint .plate,& .card.oa-card .plate{width:auto;height:100%}& .card.oa-card{opacity:var(--oa-s)}& .card.implant{width:min(17rem,28vw);opacity:var(--im-s);translate:calc((1 - var(--im-s)) * 1.5rem) 0}& .plate img{scale:calc(1 + var(--oa-s) * .035);transform-origin:50%}& .brackets{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}& .br{fill:none;stroke:var(--color-amber);stroke-width:.9px;stroke-linecap:round;stroke-dasharray:1.02;stroke-dashoffset:calc(1.02 - var(--br) * 1.02)}& .joint-label{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap;opacity:calc(var(--br) * (1 - var(--im-s)));display:block;position:absolute;top:50%;left:calc(100% + .75rem);translate:0 -50%}& .joint-label:before{content:"";vertical-align:middle;background:var(--color-amber);width:.625rem;height:1px;margin-right:.5rem;display:inline-block}& .cap{display:none}& .caps-live{grid-template-areas:"cap";align-items:start;max-width:none;min-height:3.5rem;margin:0;display:grid}& .caps-live>span[data-astro-cid-abcgmsd4]{font-size:var(--text-base);color:var(--color-ink);grid-area:cap;line-height:1.4}& .c-healthy{opacity:calc(1 - var(--sw))}& .c-oa{opacity:calc(var(--sw) * (1 - var(--im-s)))}& .c-implant{opacity:var(--im-s)}& .hint{font-size:var(--text-xs);color:var(--color-ink-3);opacity:clamp(0, 1 - (var(--p) - .02) / .08, 1);margin:0;display:block;position:absolute;bottom:0;right:0}& .card.oa-card,& .card.implant{will-change:opacity, translate}}@supports (animation-timeline:view()){html:not([data-motion=off]) .triptych[data-astro-cid-abcgmsd4].is-scroll.is-native{--tl:--triptych;& .track{view-timeline-name:--triptych;view-timeline-axis:block;view-timeline-inset:var(--scene-inset) 0;animation:linear both triptych-p;animation-timeline:var(--tl);animation-range:contain}}}}@keyframes triptych-p{0%{--p:0}to{--p:1}}@media print{.triptych[data-astro-cid-abcgmsd4]{break-inside:avoid}}