/* Compact image-led service introductions, shared across the treatment pages. */
:root body .hero.care-photo-hero{padding:0!important;overflow:hidden;background:#3b2b26}
:root body .hero.care-photo-hero>.wrap{position:relative;isolation:isolate;display:block;max-width:none;width:100%;padding:0;margin:0;min-height:480px}
:root body .care-photo-hero .care-hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:68% 50%;border-radius:0;filter:none}
:root body .care-photo-hero>.wrap::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(35,24,20,.88) 0%,rgba(35,24,20,.78) 32%,rgba(35,24,20,.43) 62%,rgba(35,24,20,.04) 100%);pointer-events:none}
:root body .care-photo-hero .care-hero-copy{box-sizing:border-box;max-width:1240px;width:calc(100% - 80px);margin:0 auto;padding:56px 0;min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}
:root body .care-photo-hero .care-hero-copy h1{max-width:690px;color:#fff!important;font-size:clamp(2rem,3.25vw,3.15rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px;hyphens:none!important;overflow-wrap:normal;text-wrap:balance}
:root body .care-photo-hero .care-hero-copy .lead{max-width:650px;color:#fff!important;font-size:1.0625rem;line-height:1.6;margin:0 0 24px}
:root body .care-photo-hero .care-hero-copy .eyebrow{color:#fff!important;margin:0 0 18px}
:root body .care-photo-hero .hero-actions{margin:0;display:flex;gap:12px;flex-wrap:wrap}
:root body .care-photo-hero .hero-actions .button{border-color:#fff!important;color:#fff!important}
:root body .care-photo-hero .hero-actions .button.primary{background:#fff!important;color:#3b2b26!important}
:root body .care-photo-hero .hero-actions .button.secondary{background:transparent!important}
:root body .care-photo-hero .hero-actions .button:hover{background:#a45e47!important;border-color:#a45e47!important;color:#fff!important}
:root body .care-photo-hero .hero-actions .button:focus-visible,:root body .care-photo-hero summary:focus-visible{outline:2px solid #fff;outline-offset:5px}
:root body .care-photo-hero .hero-personal-perspective{max-width:650px;color:#fff;margin:20px 0 0;border-top:1px solid #ffffff60;padding-top:14px;font-size:.9375rem;line-height:1.6}
:root body .care-photo-hero .hero-personal-perspective summary{cursor:pointer;list-style:revert;font-size:.9375rem;color:#fff;padding:0;background:none;border:0}
:root body .care-photo-hero .hero-personal-perspective p{color:#fff;margin:14px 0 0}
:root body .care-photo-hero :is(.accent-punctuation,.accent-separator)::after,:root body .care-photo-hero .round-accent{background:#fff!important;border:0!important;box-shadow:none!important}
:root body .care-photo-hero .round-question{color:#fff!important;--question-dot:#fff}
@media(min-width:1440px){:root body .care-photo-hero .care-hero-copy{min-height:500px}}
@media(max-width:760px){:root body .hero.care-photo-hero>.wrap{min-height:0}:root body .care-photo-hero .care-hero-copy{width:calc(100% - 40px);min-height:500px;padding:42px 0}:root body .care-photo-hero .care-hero-copy h1{font-size:clamp(1.9rem,7.5vw,2.6rem);max-width:100%}:root body .care-photo-hero .care-hero-copy .lead{font-size:1rem}:root body .care-photo-hero>.wrap::before{background:linear-gradient(90deg,rgba(35,24,20,.55) 0%,rgba(35,24,20,.42) 60%,rgba(35,24,20,.22) 100%)}:root body .care-photo-hero .care-hero-photo{object-position:60% 50%}:root body .care-photo-hero .hero-actions .button{font-size:.9375rem;min-height:46px;padding:11px 18px}}
:root body .care-photo-hero .eyebrow::before{background:#fff!important;color:#fff!important;border-color:#fff!important}
:root body .care-photo-hero .eyebrow .accent-separator::after{background:#fff!important}
:root body .care-photo-hero .care-hero-copy>p:not(.eyebrow):not(.lead){color:#fff!important;max-width:650px;font-size:1rem;line-height:1.6;margin:0 0 24px}

/* Lighter mobile image treatment; keep the original copper warmth and desktop styling. */
@media(max-width:760px){:root body .care-photo-hero .care-hero-copy :is(h1,.eyebrow,.lead),:root body .care-photo-hero .care-hero-copy>p:not(.eyebrow):not(.lead),:root body .care-photo-hero .hero-personal-perspective{text-shadow:0 1px 3px rgba(25,18,15,.55)}}
