/* ==========================================================================
   THE HABITUAL PET SITTER — hero header.

   The page opened straight onto a text block with no banner, unlike every
   other Habitual Range page. It now leads with her Pet Sitter artwork — the
   SAME asset as the Range tile, so the card and the page are visibly the same
   thing — with a back control above it.

   Prefix psh- (verified free).
   ========================================================================== */
#page-pet-sitter .psh-backbar{
  max-width:1180px; margin:0 auto; padding:6px clamp(16px,4vw,28px) 12px;
}
#page-pet-sitter .psh-back{
  display:inline-flex; align-items:center; gap:8px; min-height:44px;
  padding:11px 19px; border-radius:999px; cursor:pointer; font:inherit;
  font-size:.86rem; font-weight:800;
  background:#fff !important; border:1px solid #DDD7C9 !important;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#page-pet-sitter .psh-back:hover{ background:#EEF4EC !important; border-color:#CFE0C8 !important; }
#page-pet-sitter .psh-back:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#page-pet-sitter .psh-back svg{ width:17px; height:17px; stroke:currentColor; fill:none;
  stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

/* full-bleed, like the other Range heroes. No overlay — the artwork carries
   its own wordmark and strapline. */
#page-pet-sitter .psh-hero{ display:block; margin:0 0 clamp(18px,3vw,30px); width:100%; }
#page-pet-sitter .psh-hero img{ display:block; width:100%; height:auto; }

/* The artwork already says "The Habitual PET SITTER" and
   "CAPTURE. ORGANISE. UNDERSTAND. CARE." — so the text block below repeated
   the wordmark twice within one screen. The eyebrow and h1 are kept in the
   DOM for screen readers and heading order, and hidden visually; the lede
   becomes the visible headline. */
#page-pet-sitter.psh-on .ps-hero-t .ps-eyebrow,
#page-pet-sitter.psh-on .ps-hero-t .ps-h1{
  position:absolute !important; width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important; overflow:hidden !important;
  clip:rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important;
}
#page-pet-sitter.psh-on .ps-hero-t .ps-lede{
  font-family:'Playfair Display',Georgia,serif !important;
  font-size:clamp(1.4rem,3vw,2rem) !important; font-weight:700 !important;
  line-height:1.2 !important; margin:0 0 12px !important;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}