/* Photographic pond, warm brown human figures, and full-height living walls. */
.hero-art,.garden,.pond-motion{background-image:url('assets/pond-realistic.png')!important;background-position:center 54%!important}.hero-art{filter:none}.garden{background-position:center 54%!important}.pond-motion{inset:-3px;background-position:center 54%!important;clip-path:polygon(0 68%,100% 68%,100% 100%,0 100%);opacity:.78;animation-duration:19s}.pond-sheen{inset:61% 0 0;opacity:.65}.hero-art::before{content:'';position:absolute;inset:-4px;background:url('assets/pond-realistic.png') center 54%/cover;animation:pond-buoyancy 24s ease-in-out infinite;animation-play-state:paused;pointer-events:none}.hero-art.environment-visible::before{animation-play-state:running}.hero-art .pond-motion{z-index:1}.hero-art .pond-sheen{z-index:2}.hero-art::after{z-index:3}.garden::before{background:linear-gradient(90deg,#294c4c47,transparent 80%)}
@keyframes pond-buoyancy{0%,100%{transform:translateY(0) scale(1.006)}50%{transform:translateY(1.5px) scale(1.009)}}
.pattern-section{isolation:isolate;position:relative}.environment-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;color:#5A8A8A}.environment-layer{position:absolute;inset:0;opacity:0;transition:opacity 13s cubic-bezier(.4,0,.6,1)}.environment-layer.shown{opacity:1}.field-edge,.field-floor{position:absolute;pointer-events:none}.field-edge{top:0;bottom:0;width:29%;opacity:.2;mask-image:linear-gradient(90deg,#000a,transparent)}.edge-left{left:0}.edge-right{right:0;transform:scaleX(-1)}.field-edge svg{width:150%;height:100%;min-height:480px}.field-floor{left:0;right:0;bottom:-2%;height:30%;opacity:.21;mask-image:linear-gradient(transparent,#000b)}.field-floor svg{width:100%;height:100%}.environment-layer svg{fill:none;stroke:currentColor;stroke-width:.85;animation:field-float var(--drift,28s) ease-in-out infinite;animation-play-state:paused;transform-origin:50% 70%}.field-visible .environment-layer svg{animation-play-state:running}.edge-right svg{animation-direction:reverse}.field-floor svg{animation-delay:-8s}#experience>.environment-field{z-index:0;color:#A8B8A5}#experience>.environment-field .field-edge{opacity:.23}#experience>.container{position:relative;z-index:1}.lab-intro>.environment-field{left:-48px;right:-48px}.lab-intro{overflow:visible}#mind{padding-bottom:85px}#body{padding-bottom:105px}#client-services{padding-bottom:100px}#learning{padding-bottom:100px}.pattern-section>.container,.lab-intro>*:not(.environment-field){position:relative;z-index:1}.motion-sleep .environment-layer svg,body.modal-open .environment-layer svg,body.modal-open .hero-art::before{animation-play-state:paused!important}
@keyframes field-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(9px,-9px) scale(1.045)}}
@media(max-width:720px){.field-edge{width:24%;opacity:.12}.field-floor{height:23%;opacity:.17}.environment-layer svg{stroke-width:1.1}.lab-intro>.environment-field{left:-20px;right:-20px}#client-services{padding-bottom:70px}#mind{padding-bottom:70px}#body{padding-bottom:75px}#learning{padding-bottom:60px}.garden{background-position:58% 54%!important}.garden>.pond-motion{background-position:58% 54%!important}.pond-motion{filter:none}}
@media(prefers-reduced-motion:reduce){.environment-layer{transition:none!important}.environment-layer svg,.hero-art::before{animation:none!important}.pond-motion{display:none!important}.hero-art::before{transform:none}}
/* Stretch Studio: luminous glass guide, with existing articulated motion. */
:is(.scene-stretch,.scene-movement,.scene-body,.scene-tension){background:radial-gradient(ellipse at 50% 43%,#547e73 0%,#294d49 75%);color:#e6f3df}
:is(.scene-stretch,.scene-movement,.scene-body,.scene-tension) .scene-kicker,:is(.scene-stretch,.scene-movement,.scene-body,.scene-tension) .scene-meta{color:#c1d8c8}
:is(.scene-stretch,.scene-movement,.scene-body,.scene-tension) .scene-phrase{color:#eff3df}
:is(.scene-stretch,.scene-movement,.scene-body,.scene-tension) .scene-ground-plane{opacity:.15}
.holographic-guide .holo-shell{fill:var(--holo-glass);fill-opacity:1;stroke:#bdf6e5;stroke-width:1.2;filter:drop-shadow(0 0 3px #a7f2d780)}
.holographic-guide .holo-contours{fill:none;stroke:#b9efdf;stroke-width:.7;opacity:.42}
.holographic-guide .human-limbs{fill:none;stroke-linecap:round;stroke-linejoin:round}
.holographic-guide .holo-limb{stroke:#71b4a8;stroke-width:13;filter:drop-shadow(0 0 2px #c4ffe4)}
.holographic-guide .holo-thread{fill:none;stroke:#d0ffec;stroke-width:1;opacity:.75}
.holographic-guide .holo-hand{fill:#77b6a9;stroke:#c7f9e3;stroke-width:1.2}
.holographic-guide .holo-joint{fill:#ecdba5;stroke:#fff1bd;stroke-width:.8;filter:drop-shadow(0 0 3px #ffe6a5)}
.holographic-guide .holo-joint circle:first-child{fill-opacity:.2;stroke-opacity:.65}
.holographic-guide .holo-joint circle:last-child{fill:#fff5ce;stroke:none}
.holographic-guide .holo-platform{fill:#96e8c9;fill-opacity:.07;stroke:#b6f3d5;stroke-width:.7;stroke-opacity:.5}
.art-stretch .holographic-guide .holo-shell{stroke:#a1dfcf}
.room-art .holographic-guide{filter:drop-shadow(0 1px 2px #28564c66)}
/* Featured Ocean of Colors and alternate breathing environments. */
.ocean-tile-art{display:block;position:relative;width:100%;height:100%;min-height:130px;overflow:hidden;background:radial-gradient(ellipse at 20% 70%,#ad91aa,transparent 60%),radial-gradient(ellipse at 75% 20%,#a7b88f,transparent 65%),linear-gradient(120deg,#245d70,#76b1b1);border-radius:50%}
.ocean-tile-art i{position:absolute;inset:20%;border:1px solid #e3ece155;border-radius:48%;transform:rotate(-18deg) scaleX(1.6)}.ocean-tile-art i:nth-child(2){inset:30%}.ocean-tile-art i:nth-child(3){inset:40%}
.color-studio{position:relative}.studio-choices{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0}.studio-choices button{border:1px solid #aec8bf66;border-radius:22px;padding:10px 17px;color:#d8e6de;background:transparent;font:inherit;font-size:12px;cursor:pointer}.studio-choices button[aria-pressed=true]{background:#e2d8c6;color:#244c4d}.studio-choices small{display:block;font-size:9px;letter-spacing:1px;margin-top:3px}.studio-window{height:340px;border-radius:16px;overflow:hidden}.studio-window canvas{display:block;width:100%;height:100%}.color-studio .breath-circle{position:absolute!important;top:180px!important;left:50%;transform:translateX(-50%)!important;background:none!important;border:0!important;box-shadow:none!important;width:260px!important;height:auto!important;margin:0!important}.studio-caption{font-size:12px;color:#c4d8ce;margin:15px 0!important}.studio-gentle{display:flex!important;align-items:center;justify-content:center;gap:8px;font-size:12px!important;color:#c4d8ce}.studio-gentle input{width:auto!important;accent-color:#d8c69f}.color-studio #breathHint{font-size:12px;margin:16px auto}.studio-choices button:focus-visible{outline:2px solid #f3cf95;outline-offset:3px}
@media(max-width:720px){.studio-window{height:280px}.studio-choices{gap:5px}.studio-choices button{padding:9px 10px;font-size:10px}.color-studio .breath-circle{top:160px!important}.studio-caption{line-height:1.6}}

/* Shared holographic guide across every body illustration and room. */
.human-study.holographic-guide{color:#bdf6e5}
.holographic-guide .human-torso>path.holo-shell,.holographic-guide .human-head>path.holo-shell{fill:var(--holo-glass);fill-opacity:1;stroke:#bdf6e5}
#body .experience-image{background:radial-gradient(ellipse at 50% 43%,#547e73,#294d49);color:#e6f3df}
#body .experience-image :is(h2,h3,.lab-scene-index,.lab-scene-note,p){color:#e6f3df}
.room:has(.holographic-guide) .room-art{background:radial-gradient(circle at center,#b9d5c54d,transparent 65%);border-radius:0;height:108px;margin-bottom:12px}
.room-art .holographic-guide{transform:translateY(-11px) scale(1.12);transform-origin:200px 180px;filter:drop-shadow(0 2px 3px #325d5040)}
.room-art .holographic-guide .holo-shell{stroke:#467e74;stroke-width:1.8;filter:none}
.room-art .holographic-guide .holo-limb{stroke:#66a396;filter:drop-shadow(0 0 1px #447b6e)}
.room-art .holographic-guide .holo-contours{stroke:#477f74;opacity:.55}
.room-art .holographic-guide .holo-joint{stroke:#ae8b4f;filter:drop-shadow(0 0 2px #d5bd7f)}
.room-art .holographic-guide .holo-platform{stroke:#6a9a87;fill:#9dc6b7}
.room-art :is(.art-stretch,.art-movement,.art-body,.art-tension)>.artwork>ellipse{opacity:.25}

/* Direct activity entry: no chooser above the breathing canvas. */
.color-studio .breath-circle{top:110px!important}.studio-window{position:relative}
@media(max-width:720px){.color-studio .breath-circle{top:85px!important}}