.joint-photo--left .joint-stage{cursor:zoom-in;overflow:hidden;pointer-events:auto!important}.joint-photo--left .joint-stage.joint-touched{cursor:zoom-out}.joint-photo--left .joint-stage.joint-touched img{scale:1.8}.joint-photo--left .joint-stage img{transition:scale .25s}.joint-stage:focus-visible{outline:2px solid #ed795f;outline-offset:3px}@media(prefers-reduced-motion:reduce){.joint-photo--left .joint-stage img{transition:none}}
.joint-stage[role=button]{pointer-events:auto!important;cursor:zoom-in}.joint-touch-cue{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;font:10px monospace;letter-spacing:.12em;color:#8e301d;border-bottom:1px solid #8e301d;padding:8px 0}.joint-stage:hover .joint-touch-cue{color:#ca4829}
.joint-explorer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;background:radial-gradient(ellipse,#f8edd5,#ddc59e);color:#392319;border:0}.joint-explorer::backdrop{background:#1d120eeb}.joint-explorer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:16px Georgia,serif}.joint-explorer button{padding:12px;background:none;border:1px solid #8e301d;color:#8e301d;cursor:pointer}.joint-explorer p{font:13px/1.5 Arial,sans-serif}.joint-explorer-image{height:calc(100% - 100px);overflow:hidden;display:grid;place-items:center;touch-action:none;cursor:zoom-in}.joint-explorer-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;user-select:none;transform-origin:center;will-change:transform}.joint-explorer-top strong{color:#8e301d}.joint-copy .kicker{letter-spacing:.23em}
.joint-stage.joint-inline-zoom{touch-action:none;cursor:grab}.joint-stage.joint-inline-zoom:active{cursor:grabbing}.joint-stage[role=button] img{pointer-events:none;user-select:none;transform-origin:center!important;mix-blend-mode:normal!important}.joint-stage .joint-touch-cue{pointer-events:none;white-space:normal;text-align:center;width:95%;z-index:2;background:#e6d6b7d9;font-size:9px}
.joint-spread>.joint-photo--left{grid-column:1;grid-row:1}
@media(max-width:760px){
 body .joint-spread .joint-photo:not(.joint-forward){width:48px;top:0;bottom:20px;overflow:hidden}
 body .joint-spread .joint-photo--left:not(.joint-forward){left:0}
 body .joint-spread .joint-photo--right:not(.joint-forward){right:0}
 body .joint-spread .joint-photo:not(.joint-forward) .joint-stage{overflow:visible!important}
 body .joint-spread .joint-photo--left:not(.joint-forward) .joint-stage>img{width:150cqh!important;top:calc(75% - 44px)!important;left:calc(50% + 6cqh)!important;transform:translate(-50%,-50%) rotate(-84deg)!important}
 body .joint-spread .joint-photo--right:not(.joint-forward) .joint-stage>img{width:153cqh!important;top:calc(73% - 28px)!important;left:calc(50% + 7cqh)!important;transform:translate(-50%,-50%) rotate(-76deg)!important}
 body .joint-spread .joint-photo:not(.joint-forward) .joint-touch-cue{top:0;font-size:8px;max-width:56px;line-height:1.2;padding:0}
}
.joint-spread>.joint-copy{grid-column:2;grid-row:1}
.joint-spread>.joint-photo--right{grid-column:3;grid-row:1}
.joint-inspecting .joint-copy,.joint-inspecting .joint-photo:not(.joint-forward){opacity:.15;transition:opacity .25s;pointer-events:none}
body .joint-spread figure.joint-forward{position:fixed!important;inset:0!important;width:min(760px,100vw)!important;height:100dvh!important;margin:0 auto!important;z-index:40;overflow:hidden!important;pointer-events:auto!important;justify-content:stretch;filter:drop-shadow(10px 15px 10px #39231933)}
body .joint-spread .joint-forward .joint-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;container-type:normal;mix-blend-mode:multiply}
body .joint-spread .joint-forward .joint-stage>img{width:180vh!important;height:auto!important;max-width:none!important;top:50%!important;left:calc(50% + 10vh)!important;transform:translate(-50%,-50%) rotate(-82deg)!important;transition:none!important}
body .joint-spread .joint-forward.joint-photo--right .joint-stage>img{left:calc(50% + 6vh)!important;top:calc(50% + 7.3vh)!important;transform:translate(-50%,-50%) rotate(-74deg)!important}
body .joint-stage .joint-touch-cue{top:0;bottom:auto;background:none;border:0;border-radius:0;box-shadow:none;width:auto;max-width:90%;padding:8px 0;color:#702c1c;font:10px/1.5 Arial,sans-serif;letter-spacing:.04em;text-shadow:0 1px 4px #f4e8cf}
body .joint-forward .joint-touch-cue{position:absolute;top:calc(12px + env(safe-area-inset-top));bottom:auto;left:50%;transform:translateX(-50%);padding:10px 0;white-space:nowrap;background:none;border:0;box-shadow:none;font-size:11px;text-transform:none}
@media(prefers-reduced-motion:no-preference){.joint-forward{animation:joint-approach .28s ease-out}@keyframes joint-approach{from{opacity:.3;scale:.85}to{opacity:1;scale:1}}}
@media(min-width:761px){
 .joint-photo:not(.joint-forward) .joint-stage{height:1120px}
 .joint-photo--left:not(.joint-forward) .joint-stage>img{width:1080px;left:calc(50% + 84px);top:calc(50% + 24px);transform:translate(-50%,-50%) rotate(-82deg)}
 .joint-photo--right:not(.joint-forward) .joint-stage>img{width:1180px;left:calc(50% + 4px);top:calc(50% + 70px);transform:translate(-50%,-50%) rotate(-74deg)}
}