/* Three fixed poses guide the reader through the Shar-Pei story. */
.completed-study .sharpei-keepsake{margin:0;width:100%;min-width:0;max-width:340px;justify-self:center}
.sharpei-still{position:relative;aspect-ratio:1;overflow:hidden;background:transparent}
.completed-study .sharpei-still img{position:absolute;top:0;width:300%;max-width:none;height:100%;object-fit:fill}
.pose-0 img{left:0}.pose-1 img{left:-100%}.pose-2 img{left:-200%}
.completed-study .sharpei-front{max-width:300px;margin:0 auto 20px}
.sharpei-idea-copy{max-width:72ch;margin-inline:auto}
.sharpei-idea-copy p,.sharpei-launch-copy p,.sharpei-story-copy p{font-size:18px;line-height:1.8}
.completed-study .sharpei-handout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,48px);align-items:center;margin:28px 0 44px;padding:20px 0 32px;border-bottom:1px solid #789486}
.completed-study .sharpei-story-pause{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,48px);align-items:center;padding:20px 0 28px;margin:4px 0;border-block:1px solid #789486}
.completed-study :is(.sharpei-launch-copy,.sharpei-story-copy) h3{font:clamp(26px,3vw,36px)/1.18 Georgia,serif;margin:12px 0 18px;text-wrap:balance}
.sharpei-launch-copy p,.sharpei-story-copy p{max-width:46ch}
@media(max-width:760px){
.completed-study .sharpei-front{max-width:230px;margin-bottom:18px}
.completed-study .sharpei-handout,.completed-study .sharpei-story-pause{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px 0 24px}
.completed-study .sharpei-keepsake{max-width:260px}
.completed-study .sharpei-story-pause .sharpei-keepsake{grid-row:1}
.completed-study .sharpei-front{max-width:230px}
.sharpei-idea-copy{margin-inline:0}
}

.sharpei-research{margin-top:20px;font-size:15px;line-height:1.7}.sharpei-research summary{color:#ffe08a;cursor:pointer}.sharpei-research p{font-size:15px}.sharpei-research summary:focus-visible{outline:3px solid #ffe08a;outline-offset:4px}