
.wellness-collage{--pointer-x:0px;--pointer-y:0px;position:relative;margin:0;padding:0;min-width:0;color:#214633;width:100%}.wellness-art{position:relative;height:520px;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.wellness-frame{position:absolute;top:18px;left:15%;width:76%;height:84%;overflow:hidden;border-radius:130px 22px 110px 22px;background:#3d5a32;box-shadow:0 25px 65px #153c2922;animation:wellness-hover 8s ease-in-out infinite}.wellness-collage .wellness-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;opacity:0;transform:scale(1.04);transition:opacity .8s ease,filter .8s ease;animation:none;filter:brightness(.98)}.wellness-collage .wellness-scene.is-active{opacity:1;animation:wellness-breathe 12s ease-in-out infinite}.wellness-frame-label{position:absolute;bottom:22px;left:22px;font-size:12px;letter-spacing:2px;color:#fff;background:#153a286e;backdrop-filter:blur(8px);padding:9px 13px;border:1px solid #ffffff44;border-radius:30px}.wellness-inset{position:absolute;left:0;bottom:48px;width:33%;height:43%;overflow:hidden;border:7px solid #f9fbf2;border-radius:24px;box-shadow:0 16px 35px #183b2930;transform:rotate(-7deg);animation:wellness-inset-float 7s ease-in-out infinite}.wellness-stamp{position:absolute;top:2px;left:0;width:124px;height:124px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ddeb93;border-radius:50%;transform:rotate(-12deg);box-shadow:0 8px 25px #17372e12;z-index:2}.wellness-stamp>span{font-size:39px;line-height:1;display:block;animation:wellness-spin 26s linear infinite}.wellness-stamp small{font-size:10px;letter-spacing:1.4px;line-height:1.5;text-align:center;margin-top:7px}.wellness-caption{position:absolute;right:2%;bottom:24px;max-width:65%;padding:15px 20px;background:#fbfff5ed;backdrop-filter:blur(16px);color:#20452d;font-size:17px;line-height:1.4;font-weight:500;box-shadow:0 8px 30px #153a2917;border:1px solid #fff;border-radius:14px;animation:wellness-caption-in .55s ease-out}.wellness-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:3px}.wellness-choices{display:flex;align-items:center;gap:4px;padding:5px;border-radius:35px;background:#e6edda;border:1px solid #cedcbf}.wellness-choices button{font-family:inherit;border:0;background:transparent;border-radius:28px;color:#526b42;font-size:14px;padding:11px 14px;display:flex;gap:7px;align-items:center;cursor:pointer;transition:background .25s,color .25s,transform .25s}.wellness-choices button span{font-size:11px;opacity:.55}.wellness-choices button[aria-pressed=true]{background:#204c35;color:#f0f5e7}.wellness-choices button:hover{transform:translateY(-2px)}.wellness-pause{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;border:1px solid #c9d8b8;color:#214b32;background:#f5f8ec;cursor:pointer;flex-shrink:0}.wellness-pause svg{width:15px;height:15px}.wellness-choices button:focus-visible,.wellness-pause:focus-visible{outline:2px solid #7caa43;outline-offset:3px}.wellness-collage figcaption{font-size:12px;text-align:center;color:#718266;margin:12px 0 0;line-height:1.6}.wellness-collage figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}.motion-paused .wellness-art,.page-hidden .wellness-art{transform:none}.motion-paused .wellness-scene,.motion-paused .wellness-caption{transition:none}.wellness-collage [hidden]{display:none}
@keyframes wellness-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -12px;rotate:1deg}}@keyframes wellness-breathe{0%,100%{transform:scale(1.04)}50%{transform:scale(1.13) translate(-1%,-.5%)}}@keyframes wellness-inset-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 14px;rotate:3deg}}@keyframes wellness-spin{to{rotate:360deg}}@keyframes wellness-caption-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.wellness-art{height:455px}.wellness-stamp{width:106px;height:106px}.wellness-stamp>span{font-size:32px}.wellness-choices button{padding:10px 11px;font-size:13px}}@media(max-width:600px){.wellness-art{height:435px}.wellness-frame{border-radius:100px 18px 90px 18px}.wellness-inset{width:32%;height:41%;left:2%;bottom:40px}.wellness-caption{font-size:15px;padding:13px 16px;bottom:20px}.wellness-controls{gap:7px}.wellness-choices{gap:0}.wellness-choices button{padding:10px;font-size:13px}.wellness-choices button span{display:none}.wellness-pause{width:36px;height:36px}.wellness-collage figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wellness-art{transform:none!important;transition:none}.wellness-collage *{animation:none!important;transition:none!important}.wellness-collage .wellness-scene{transform:none}}

.motion-paused .wellness-caption,.page-hidden .wellness-caption{animation:none!important}

/* The runner moves inside a stationary frame. */
.wellness-art{transform:none;transition:none}.wellness-frame{animation:none}.wellness-collage video.wellness-scene,.wellness-collage video.wellness-scene.is-active{animation:none;transform:none;filter:none}.wellness-collage video.wellness-scene{object-position:50% 50%}.wellness-collage video::-webkit-media-controls{z-index:3}

.wellness-frame{width:auto;aspect-ratio:9/16;height:94%;left:auto;right:9%;top:0;max-width:76%;border-radius:110px 22px 90px 22px}
