/* Homepage cutaway — 2026-09-30. All illustration styles are scoped. */
.hero .wrap { max-width:1180px; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:32px; }
.wellness-cutaway {
  --green:#466759; --green-d:#354f44; --green-l:#7c9888;
  --sage:#86b8b5; --mist:#d3e7e5; --cream:#fcfbf8;
  --gold:#b8955a; --ink:#2b3932; --muted:#5e6d66;
  position:relative; isolation:isolate; width:100%; max-width:560px;
  margin:0 auto; padding:20px 0 62px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.wellness-cutaway .anatomy { position:relative; z-index:1; display:block; width:74%; height:auto; margin:0 auto; pointer-events:none; }
.wellness-cutaway .beam-effect { opacity:0; }
.wellness-cutaway .label { position:absolute; margin:0; color:var(--muted); font-size:13px; line-height:1.6; font-weight:500; }
.wellness-cutaway .label-one { left:0; top:32%; width:22%; text-align:right; --from-x:64px; --from-y:0px; --delay:1s; }
.wellness-cutaway .label-two { right:0; top:51%; width:21%; --from-x:-64px; --from-y:0px; --delay:2.5s; }
.wellness-cutaway .label-three { bottom:14px; left:10%; width:80%; text-align:center; --from-x:0px; --from-y:-38px; --delay:4s; }
/* Text moves outward for 1.3s, holds, then repeats with the 16.1s digestive flow. */
.wellness-cutaway.motion-ready .label { animation:wc-text-out 16.1s cubic-bezier(.2,.65,.3,1) var(--delay) infinite both; animation-play-state:var(--motion-state,running); }
.wellness-cutaway.motion-ready .anatomy { animation:wc-float 7s ease-in-out infinite; animation-play-state:var(--motion-state,running); }
@keyframes wc-text-out {
  0% { opacity:0; transform:translate(var(--from-x),var(--from-y)); }
  3% { opacity:.6; }
  8%,72% { opacity:1; transform:translate(0,0); }
  78% { opacity:0; transform:translate(0,0); }
  79%,100% { opacity:0; transform:translate(var(--from-x),var(--from-y)); }
}
@keyframes wc-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@media (max-width:860px) {
  .hero .wrap { grid-template-columns:minmax(0,1fr); gap:24px; }
  .wellness-cutaway { max-width:520px; }
}
@media (max-width:480px) {
  .wellness-cutaway .label-one { --from-x:32px; }
  .wellness-cutaway .label-two { --from-x:-32px; }
  .wellness-cutaway .label-three { --from-y:-26px; }
}
@media (prefers-reduced-motion:reduce) {
  .wellness-cutaway.motion-ready .anatomy,.wellness-cutaway.motion-ready .label { animation:none; opacity:1; transform:none; }
  .wellness-cutaway .beam-effect { display:none; }
}
@media print {
  .wellness-cutaway.motion-ready .anatomy,.wellness-cutaway.motion-ready .label { animation:none; opacity:1; transform:none; }
  .wellness-cutaway .beam-effect { display:none; }
}