/* One service-page pattern, based on Cedar Bath. */
.service-intro{padding-top:65px;padding-bottom:60px;align-items:center}
.service-intro .copy{max-width:620px;min-width:0}
.service-intro h1{font-size:clamp(40px,4.8vw,66px);line-height:1.12;margin:14px 0 22px;overflow-wrap:normal}
.service-intro .lede{font-size:clamp(25px,2.5vw,34px);line-height:1.3;margin:0 0 22px;color:#5b6656}
.service-intro .copy>p:not(.eyebrow):not(.lede):not(.status-label){font-size:18px;line-height:1.65}
.service-intro>img,.service-art-panel{width:100%;height:540px;object-fit:cover}
.service-story{position:relative;background:#f2ebe1;border-radius:35px;overflow:clip}
.service-story>.detail-body{max-width:1200px;padding-top:55px;padding-bottom:55px}
.service-story .experience-story{gap:48px;margin-bottom:32px}
.service-story .experience-story h2{font-size:28px;line-height:1.25}
.service-story .visit-faq{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin-bottom:25px}
.service-story .visit-faq>h2{font-size:28px}
.service-story .essential-answer h3{font-size:19px}
.service-story .essential-answer p{font-size:16px}
.service-story .page-drawing{left:-260px;top:25px}
.service-next.detail-next{max-width:1200px;margin:0 auto;padding:65px 6%;text-align:center;background:none;border-radius:0}
.service-next p{margin:0 auto 24px;max-width:650px}.service-next h2{font-size:38px;line-height:1.2}
.service-art-panel{position:relative;background:#f2ebe1;overflow:hidden}
.service-art-panel>.page-drawing{position:absolute;inset:8%;width:84%;height:84%;margin:0;opacity:.65;transform:none}
.service-art-panel .page-drawing img{object-fit:contain}
@media(max-width:800px){.service-intro{padding-top:30px;padding-bottom:40px}.service-intro>img,.service-art-panel{height:360px;}.service-intro .copy>p:not(.eyebrow):not(.lede):not(.status-label){font-size:17px}.service-story>.detail-body{padding-top:36px;padding-bottom:36px}.service-story .visit-faq{grid-template-columns:1fr}.service-story .experience-story{gap:25px}.service-next.detail-next{padding:45px 6%}.service-story .page-drawing{left:-220px;opacity:.18}}
@media(max-width:639px){.service-story .experience-story{grid-template-columns:1fr}.service-story .page-drawing{left:auto;right:-150px}.service-intro h1{font-size:40px}.service-next h2{font-size:32px}}

/* Photo slots never use illustration substitutes. */
.service-intro.photo-pending{grid-template-columns:1fr}
.service-intro.photo-pending>.copy{max-width:760px}

/* Keep the main subject in the frame at desktop and phone widths. */
body[data-offering="psychobiophonie"] .service-intro>img{object-position:65% 50%}
body[data-offering="herbal-foot-treatment"] .service-intro>img{object-position:65% 50%}
body[data-offering="dining-experience"] .service-intro>img{object-position:35% 50%}
body[data-offering="craniosacral-therapy"] .service-intro>img,body[data-offering="herbal-applique-mask"] .service-intro>img{object-position:58% 55%}
