/* Harmony Healing Center V7.9.87
   ROOT COMPOSITION FIX for service detail hero imagery.
   The photo now owns a dedicated media stage and is never hidden behind the text card.
*/
.hhc87-service-hero{
  --hhc87-teal:#068f97;--hhc87-deep:#083f4c;--hhc87-copper:#bb673b;
  --hhc87-focus-x:50%;--hhc87-focus-y:50%;--hhc87-fit:cover;
  position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(650px,43vw,790px);
  margin:30px clamp(20px,2.25vw,42px) 54px;
  border:1px solid rgba(186,105,60,.30);border-radius:48px;
  background:
    radial-gradient(circle at 78% 38%,rgba(34,181,190,.12),transparent 23%),
    radial-gradient(circle at 70% 80%,rgba(191,104,62,.10),transparent 20%),
    linear-gradient(135deg,#fffefd 0%,#f7fbfb 54%,#eaf7f7 100%);
  box-shadow:0 32px 86px rgba(7,57,68,.13),inset 0 1px 0 rgba(255,255,255,.95)
}
.hhc87-service-hero.is-rtl{
  background:
    radial-gradient(circle at 22% 38%,rgba(34,181,190,.12),transparent 23%),
    radial-gradient(circle at 30% 80%,rgba(191,104,62,.10),transparent 20%),
    linear-gradient(225deg,#fffefd 0%,#f7fbfb 54%,#eaf7f7 100%)
}

/* Dedicated image stage: the key V7.9.87 fix. */
.hhc87-service-media{
  position:absolute;z-index:1;
  top:42px;bottom:42px;right:42px;width:48%;
  border-radius:36px;
  filter:drop-shadow(0 28px 34px rgba(7,57,68,.15));
}
.hhc87-service-hero.is-rtl .hhc87-service-media{right:auto;left:42px}
.hhc87-media-ambient{
  position:absolute;inset:-18px;border-radius:44px;overflow:hidden;
  background:#dff4f4;opacity:.58;transform:translateZ(0)
}
.hhc87-media-ambient img{
  width:100%;height:100%;object-fit:cover;
  object-position:var(--hhc87-focus-x) var(--hhc87-focus-y);
  filter:blur(24px) saturate(1.15) brightness(.94);transform:scale(1.10)
}
.hhc87-media-glass{
  position:absolute;inset:0;overflow:hidden;border-radius:34px;
  border:1px solid rgba(255,255,255,.84);
  outline:1px solid rgba(187,103,59,.33);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.48),
    inset 0 -2px 0 rgba(202,120,73,.22),
    0 18px 42px rgba(6,70,80,.12);
  background:#eaf7f7
}
.hhc87-media-main{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:var(--hhc87-fit);object-position:var(--hhc87-focus-x) var(--hhc87-focus-y);
  filter:none!important;transform:none!important;
}
.hhc87-media-sheen{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.05) 28%,transparent 49%),
    linear-gradient(180deg,transparent 65%,rgba(3,52,61,.08) 100%);
  mix-blend-mode:screen
}
.hhc87-media-rail{
  position:absolute;left:8%;right:8%;bottom:-18px;height:15px;border-radius:999px;
  background:linear-gradient(90deg,#934823 0%,#f2c08b 17%,#bf6b3d 49%,#edae73 76%,#8d4525 100%);
  box-shadow:0 9px 18px rgba(101,50,28,.22),inset 0 1px 0 rgba(255,245,230,.84)
}
.hhc87-service-media:before,.hhc87-service-media:after{
  content:"";position:absolute;z-index:-1;border:1px solid rgba(187,103,59,.26);border-radius:50%;pointer-events:none
}
.hhc87-service-media:before{width:64%;height:18%;right:-3%;top:14%;transform:rotate(-13deg)}
.hhc87-service-media:after{width:54%;height:15%;right:3%;top:20%;transform:rotate(25deg);border-color:rgba(0,147,158,.23)}
.hhc87-service-hero.is-rtl .hhc87-service-media:before{right:auto;left:-3%;transform:rotate(13deg)}
.hhc87-service-hero.is-rtl .hhc87-service-media:after{right:auto;left:3%;transform:rotate(-25deg)}

.hhc87-service-frame{position:relative;z-index:3;min-height:inherit;padding:30px clamp(30px,4vw,78px) 56px;display:flex;flex-direction:column}
.hhc87-breadcrumb{display:flex;align-items:center;gap:10px;min-height:38px;width:max-content;max-width:49%;padding:8px 14px;border:1px solid rgba(10,135,144,.13);border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;color:#6c8389;box-shadow:0 8px 24px rgba(8,63,76,.06)}
.hhc87-service-hero.is-rtl .hhc87-breadcrumb{margin-inline-start:auto}
.hhc87-breadcrumb a{color:#006d78;font-weight:850;text-decoration:none}.hhc87-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.hhc87-copy-card{
  width:min(760px,50.5%);margin-top:auto;margin-bottom:auto;
  padding:clamp(30px,3vw,52px);border:1px solid rgba(255,255,255,.92);border-radius:36px;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,255,255,.90));
  backdrop-filter:blur(18px) saturate(1.06);-webkit-backdrop-filter:blur(18px) saturate(1.06);
  box-shadow:0 28px 75px rgba(3,62,73,.11),inset 0 1px 0 rgba(255,255,255,1);
  position:relative;overflow:hidden
}
.hhc87-service-hero.is-rtl .hhc87-copy-card{margin-inline-start:auto}
.hhc87-copy-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--hhc87-teal),#5fc4c6 48%,#d39165 72%,var(--hhc87-copper))}.hhc87-service-hero.is-rtl .hhc87-copy-card:before{left:auto;right:0}
.hhc87-eyebrow{font-size:clamp(11px,.85vw,14px);font-weight:900;letter-spacing:.28em;color:#00707a;text-transform:uppercase;margin-bottom:22px}.hhc87-service-hero.is-rtl .hhc87-eyebrow{letter-spacing:0;text-transform:none;font-weight:800;font-size:14px}
.hhc87-copy-card h1{margin:0;color:#073f4d;font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,5.35vw,96px);line-height:.96;letter-spacing:-.052em;font-weight:500;max-width:11.5ch;text-wrap:balance}.hhc87-service-hero.is-rtl .hhc87-copy-card h1{font-family:inherit;font-size:clamp(50px,5vw,84px);line-height:1.09;letter-spacing:-.025em;max-width:13ch}
.hhc87-lead{max-width:58ch;margin:24px 0 0;color:#55737d;font-size:clamp(17px,1.17vw,21px);line-height:1.65;font-weight:450}
.hhc87-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hhc87-btn{min-height:56px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-weight:850;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.hhc87-btn:hover{transform:translateY(-2px)}.hhc87-btn-primary{color:#fff;background:linear-gradient(180deg,#0aa0a8,#078993);border:1px solid #a85b35;box-shadow:inset 0 0 0 1px rgba(248,190,148,.55),0 12px 28px rgba(5,125,134,.20)}.hhc87-btn-secondary{color:#0b5360;background:rgba(255,255,255,.85);border:2px solid #b7653a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)}.hhc87-btn b{font-size:20px;line-height:1}
.hhc87-trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.hhc87-trust-row span{display:inline-flex;align-items:center;min-height:35px;padding:7px 13px;border:1px solid rgba(7,143,151,.15);border-radius:999px;background:rgba(255,255,255,.77);color:#0b6d76;font-size:12px;font-weight:800;box-shadow:0 5px 18px rgba(5,87,94,.05)}.hhc87-trust-row span:before{content:"✦";font-size:9px;margin-inline-end:6px;color:#c06b3f}

@media(max-width:1180px){
  .hhc87-service-hero{min-height:640px}.hhc87-service-media{width:45%;right:28px;top:34px;bottom:34px}.hhc87-service-hero.is-rtl .hhc87-service-media{right:auto;left:28px}.hhc87-copy-card{width:52.5%}.hhc87-copy-card h1{font-size:clamp(52px,5vw,78px)}
}

@media(max-width:820px){
  .hhc87-service-hero{min-height:0;margin:14px 12px 38px;border-radius:32px;background:linear-gradient(180deg,#f8ffff 0,#fff 55%,#fffefd 100%)}
  .hhc87-service-hero.is-rtl{background:linear-gradient(180deg,#f8ffff 0,#fff 55%,#fffefd 100%)}
  .hhc87-service-media,.hhc87-service-hero.is-rtl .hhc87-service-media{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;height:clamp(260px,63vw,390px);margin:0;border-radius:30px 30px 24px 24px;filter:none}
  .hhc87-media-ambient{inset:0;border-radius:30px;opacity:.42}.hhc87-media-ambient img{filter:blur(18px) saturate(1.1) brightness(.94);transform:scale(1.08)}
  .hhc87-media-glass{inset:10px;border-radius:24px}.hhc87-media-main{object-position:var(--hhc87-focus-x) var(--hhc87-focus-y)}
  .hhc87-media-rail{left:14%;right:14%;bottom:2px;height:10px}.hhc87-service-media:before,.hhc87-service-media:after{display:none}
  .hhc87-service-frame{padding:0 18px 24px;display:block;min-height:0}.hhc87-breadcrumb,.hhc87-service-hero.is-rtl .hhc87-breadcrumb{margin:-16px 0 0;position:relative;z-index:4;max-width:calc(100% - 8px)}
  .hhc87-copy-card,.hhc87-service-hero.is-rtl .hhc87-copy-card{width:100%;margin:14px 0 0;padding:26px 20px 22px;border-radius:26px;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 18px 40px rgba(5,73,83,.08)}
  .hhc87-copy-card h1{font-size:clamp(46px,12.4vw,70px);max-width:100%;line-height:.99}.hhc87-service-hero.is-rtl .hhc87-copy-card h1{font-size:clamp(40px,10.8vw,62px);max-width:100%;line-height:1.12}.hhc87-lead{font-size:17px;line-height:1.65;margin-top:18px}
  .hhc87-actions{display:grid;grid-template-columns:1fr;margin-top:24px}.hhc87-btn{width:100%;min-height:54px;justify-content:space-between}.hhc87-trust-row{display:grid;grid-template-columns:1fr}.hhc87-trust-row span{justify-content:flex-start}
}
@media(max-width:420px){.hhc87-service-hero{margin-inline:8px;border-radius:26px}.hhc87-service-frame{padding-inline:14px}.hhc87-service-media,.hhc87-service-hero.is-rtl .hhc87-service-media{height:235px}.hhc87-media-glass{inset:8px}.hhc87-copy-card{padding:22px 17px}.hhc87-eyebrow{font-size:10px;letter-spacing:.18em}.hhc87-service-hero.is-rtl .hhc87-eyebrow{font-size:12px}.hhc87-breadcrumb{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hhc87-btn{transition:none}}