/* User-supplied transparent portraits, with the original Alegria photograph. */
.play-collage{isolation:isolate}
.play-collage:before{content:'';position:absolute;inset:75px 36px 70px 0;background:#e1e5da;border-radius:48% 43% 26% 32%;transform:rotate(-7deg);z-index:-1}
.play-main{overflow:visible;border-radius:0;transform:none}
.play-main img{object-fit:contain;object-position:bottom;width:100%;height:100%}
.play-detail{z-index:2}
.play-joy{display:flex;align-items:center;gap:20px;padding-top:25px;margin-top:20px;border-top:1px solid #d6d8cf}
.play-joy img{width:100px;height:125px;border-radius:8px;object-position:center}
.play-joy figcaption{max-width:220px}
.play-joy .eyebrow{display:block;font-size:8px;margin-bottom:10px}
.play-joy .handwritten{font-size:27px;color:var(--blue)}
.about-visual{isolation:isolate}
.about-visual:before{content:'';position:absolute;inset:60px 15px 65px -12px;background:#d8e3e6;border-radius:44% 48% 25% 28%;transform:rotate(5deg);z-index:-1}
.about-visual>img{border-radius:0;object-fit:contain;object-position:bottom;width:100%;height:auto;aspect-ratio:3/4}
.about-stamp{z-index:2}
@media(max-width:900px){.play-joy{gap:13px}.play-joy img{width:80px;height:108px}.play-joy .handwritten{font-size:23px}.play-collage:before{inset:65px 10px 65px 0}}
@media(max-width:600px){.play-main{height:auto;aspect-ratio:3/4}.play-main img{height:auto;aspect-ratio:3/4}.play-collage{padding-right:15px;padding-bottom:105px;margin-inline:12px}.play-collage:before{inset:55px 0 105px -5px}.play-detail{right:0;bottom:0}.play-flower{bottom:65px}.collage-label{display:none}.play-joy img{width:95px;height:120px}.play-joy .handwritten{font-size:27px}.about-visual>img{height:auto;aspect-ratio:3/4}.about-visual:before{inset:55px 15px 65px -3px}}

/* The emotion photograph is a full editorial card, rather than a thumbnail. */
.play-joy{display:grid;grid-template-columns:minmax(150px,42%) 1fr;align-items:center;gap:24px;padding:20px;margin-top:32px;border:1px solid #dedfd4;border-radius:24px;background:#faf8f2;box-shadow:0 12px 30px #263f5005}
.play-joy img{width:100%;height:245px;object-fit:cover;object-position:center 40%;border-radius:16px}
.play-joy figcaption{max-width:none;min-width:0}
.play-joy .eyebrow{font-size:10px;line-height:1.8;letter-spacing:.13em;margin-bottom:12px}
.play-joy .handwritten{display:block;font-size:34px;line-height:1.2}
.play-joy figcaption p{font-size:13px;line-height:1.7;color:#596e79;margin:15px 0 0}
.site-sharing{border-top:1px solid #d9dfdf;padding-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.share-button{font:inherit;font-size:14px;background:transparent;border:1px solid #a6b6bd;border-radius:30px;padding:12px 20px;color:#28495e;cursor:pointer;min-height:46px}
.share-button:hover{background:#e6eef1}.share-button:focus-visible,#share-url:focus-visible{outline:3px solid #577e9a;outline-offset:4px}
#share-status{font-size:13px;margin:0}#share-url{max-width:100%;width:360px;border:1px solid #a6b6bd;padding:12px;border-radius:8px}
@media(max-width:1000px) and (min-width:601px){.play-joy{grid-template-columns:1fr}.play-joy img{height:300px}.play-joy .handwritten{font-size:32px}}
@media(max-width:600px){.play-joy{grid-template-columns:1fr;gap:22px;padding:18px;margin-top:32px}.play-joy img{height:auto;aspect-ratio:1.12;object-position:center 38%;max-height:340px}.play-joy figcaption{padding:0 5px 8px}.play-joy .handwritten{font-size:36px}.play-joy .eyebrow{font-size:10px}.play-joy figcaption p{font-size:14px}.site-sharing{margin-top:20px}}