/* One continuous tablet overlay frame. Phone and desktop remain in their existing systems.
   In-flow copy sizes the frame; absolute artwork fills that same frame, never a preceding row.
   About Anat retains its separate approved real-photo composition. */
@media (min-width:768px) and (max-width:1023px){
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about){
  display:grid!important;
  grid-template-columns:5.6% minmax(0,var(--supporting-width,var(--five-width,var(--copy-width,42%)))) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  position:relative!important;isolation:isolate;
  aspect-ratio:auto!important;min-height:43.06vw!important;overflow:hidden!important;
 }
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-media{
  position:absolute!important;inset:0!important;grid-column:1/-1!important;grid-row:1!important;
  width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important;
 }
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-media img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 }
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-copy{
  display:block!important;grid-column:2!important;grid-row:1!important;
  position:relative!important;top:auto!important;left:auto!important;align-self:start!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:6vw 0 4vw!important;z-index:1;
 }
 /* Tablet composition is editorial only. Later/global actions remain available.
    Both actions are direct children: display:none removes their boxes and hit areas. */
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-copy > :is(a.watercolor-button,a.book-hero-preview){
  display:none!important;
 }
 /* Remove only the former title-to-action gap; CTA-free heroes are untouched. */
 body section:is(.watercolor-hero,.watercolor-service):not(.watercolor-hero--about) .watercolor-copy:has(> a.watercolor-button:not(.homepage-calendar-booking),> a.book-hero-preview) > .hero-editorial-title{
  margin-bottom:0!important;
 }
 body.homepage .homepage-phone-hero-support{
  display:block;width:min(1160px,calc(100% - 3rem));margin:0 auto;padding:24px 0 0;
 }
 body.homepage .homepage-phone-hero-support p{
  max-width:820px;margin:0;font-size:20px;line-height:1.55;font-weight:400;text-align:left;
 }
}