/* Three code-drawn views of one recorded storytelling moment; no video media. */
.my-performance{margin:1.8rem 0;padding:1.2rem;background:#e9e6dc;border:1px solid #aaa99d;border-radius:10px}
.my-performance figcaption,.my-performance-source{font:.9rem/1.5 Arial,Helvetica,sans-serif;color:#33444b}
.my-performance figcaption{margin:0 0 1rem}
.my-performance-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.my-performance-view{min-width:0;background:#fcfaf4;border:1px solid #9aa4a0;border-top:4px solid #547475;padding:.85rem;overflow-wrap:anywhere}
.my-performance-view .my-eyebrow{margin:.85rem 0 .25rem;font-size:.72rem;color:#75543d}
.my-performance-view h3{font-size:1.17rem;line-height:1.25;margin:.15rem 0 .65rem}
.my-performance-view p{font-size:.86rem;line-height:1.48;margin:.6rem 0}
.my-performance-sketch{height:105px;background:#ddd6c7;border:1px solid #c4bbaa;position:relative;overflow:hidden}
.my-performance-view--room .my-performance-sketch:before{content:"";position:absolute;inset:8px 10px 33px;border:1px solid #80776b;border-radius:55%}
.my-performance-person{position:absolute;bottom:34px;width:17px;height:27px;background:#355d65;border-radius:8px 8px 3px 3px}
.my-performance-person:before{content:"";position:absolute;width:14px;height:14px;left:1.5px;top:-13px;background:#b48361;border-radius:50%}
.my-performance-person--teller{left:27%}.my-performance-person--child{left:64%;height:18px;width:14px;background:#b66a40}
.my-performance-person--child:before{width:12px;height:12px;top:-11px;left:1px}
.my-performance-prop{position:absolute;bottom:34px;left:57%;width:10px;height:10px;background:#8e7a58;border:2px solid #6d5944;border-radius:50%}
.my-performance-audience{position:absolute;bottom:7px;left:25%;display:flex;gap:13px}
.my-performance-audience i{display:block;width:13px;height:13px;background:#65706c;border-radius:50%}
.my-performance-view--camera .my-performance-sketch{background:#c7c3b8}
.my-performance-frame{position:absolute;inset:13px 22px 15px;background:#ddd6c7;border:3px solid #273e47}
.my-performance-frame .my-performance-person--teller{left:24%;bottom:17px}.my-performance-frame .my-performance-person--child{left:69%;bottom:17px}.my-performance-frame .my-performance-prop{left:60%;bottom:17px}
.my-performance-camera-dot{position:absolute;right:8px;top:7px;width:7px;height:7px;border-radius:50%;background:#b44d35}
.my-performance-view--caption .my-performance-sketch{background:#263f47}
.my-performance-lines{position:absolute;left:14%;right:14%;top:29px;display:grid;gap:11px}
.my-performance-lines i{display:block;height:5px;background:#ecede6;border-radius:4px}
.my-performance-lines i:nth-child(2){width:78%}.my-performance-lines i:nth-child(3){width:55%}
.my-performance-cursor{position:absolute;left:14%;bottom:14px;width:2px;height:10px;background:#e9ba7f}
.my-performance-caption-note{color:#684d35;font-weight:700}
.my-performance-view blockquote{margin:.8rem 0;padding:.2rem .65rem;border-left:3px solid #9d6846;background:#f1ece1}
.my-performance-view blockquote p{margin:.4rem 0}
.my-performance-source{margin:1rem 0 0}
@media(max-width:800px){.my-performance-views{grid-template-columns:1fr}.my-performance{padding:.9rem}.my-performance-sketch{height:90px}}
@media print{.my-performance{background:#fff}.my-performance-view{break-inside:avoid}}