.child-artwork img{object-fit:contain;aspect-ratio:4/3;background:var(--paper)}
.artwork-scene:not([data-still-ready=true]) .artwork-warmth{animation:none;opacity:0}

/* Keep the frame still; the child, leaves and stars animate independently. */

.artwork-scene{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;aspect-ratio:4/3;background:#193e35}
.artwork-scene img{transform:scale(1.008);transform-origin:50% 50%}
.artwork-warmth{position:absolute;inset:0;pointer-events:none;border-radius:inherit;mix-blend-mode:screen}
.artwork-warmth{background:radial-gradient(ellipse at 43% 48%,#ffe3a0,transparent 38%);opacity:.025;animation:artwork-warmth 19s ease-in-out infinite;animation-play-state:paused}
.artwork-scene[data-awake=true] .artwork-warmth{animation-play-state:running}
@keyframes artwork-warmth{0%,60%,100%{opacity:.025}78%{opacity:.07}90%{opacity:.035}}
@media(prefers-reduced-motion:reduce){.child-artwork,.child-artwork:hover{transform:none}.artwork-scene img{transform:none}.artwork-warmth{display:none}}

.artwork-stage{position:absolute;inset:0;display:block;width:100%;height:100%;transform:scale(1.008);pointer-events:none;opacity:0;transition:opacity .65s ease}
.artwork-scene[data-layers-ready=true] .artwork-stage{opacity:1}
.artwork-child-motion{transform-box:view-box;transform-origin:590px 780px}
.artwork-ear-motion{transform-box:view-box;transform-origin:684px 562px}
.artwork-leaf-motion,.artwork-star-motion{transform-box:view-box}
.artwork-leaf-motion{filter:drop-shadow(1px 2px 1px #0d241c50)}
.child-artwork figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}
.artwork-motion-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #c5b48d;border-radius:50%;background:#f7f1e3;color:#566249;cursor:pointer}
.artwork-motion-toggle:hover{background:#eee4cc;color:#193e35}
.artwork-motion-toggle:focus-visible{outline:2px solid #805d2c;outline-offset:3px}
.artwork-motion-toggle[hidden]{display:grid!important;visibility:hidden}
.artwork-play-icon,.artwork-motion-toggle[data-paused=true] .artwork-pause-icon{display:none}
.artwork-motion-toggle[data-paused=true] .artwork-play-icon{display:block}
@media(prefers-reduced-motion:reduce){.artwork-stage{transform:none;transition:none}}

.tax-artwork .artwork-scene{border-radius:25px 25px 8px 8px}
@media(max-width:700px){.tax-artwork .artwork-scene{border-radius:20px 20px 7px 7px}}

@media(max-width:700px){.child-artwork figcaption{min-height:52px}}