/* EDITORIAL HERO STUDY v25 — parallel, unindexed design proof; existing pages unaffected. */
.home-document .hero.hero-no-photo.hero-editorial-v1 {
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(0,.84fr);
  column-gap:clamp(44px,5.8vw,92px);
  align-items:center;
  justify-items:stretch;
  row-gap:0;
  width:min(1200px,calc(100% - 64px));
  padding:clamp(58px,6vw,94px) 0 clamp(34px,4vw,56px);
  margin-inline:auto;
  text-align:left;
}
.home-document .hero-editorial-v1 .hero-editorial-lead {display:contents;}
.home-document .hero-editorial-v1 .hero-editorial-headings {
  grid-column:1;grid-row:1;
  min-width:0;
}
.home-document .hero-editorial-v1 #hero-title {
  margin:0;
  max-width:none;
  font-size:clamp(3.15rem,5.46vw,4.9875rem);
  letter-spacing:-.045em;
  line-height:1.035;
  font-weight:600;
  text-align:left;
}
.home-document .hero-editorial-v1 #hero-title .hero-title-group {display:block;}
.home-document .hero-editorial-v1 #hero-title .hero-title-accent {margin-top:.035em;}
.home-document .hero-editorial-v1 .hero-editorial-headings h2 {
  margin:clamp(23px,2.7vw,36px) 0 0;
  font-size:clamp(1.68rem,2.6775vw,2.415rem);
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:600;
  text-align:left;
}
.home-document .hero-editorial-v1 .hero-editorial-art {
  grid-column:2;grid-row:1 / span 2;
  align-self:center;
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:0;
  width:100%;
}
.home-document .hero-editorial-v1 .hero-editorial-mascot {
  position:relative;
  width:min(100%,375px);
  aspect-ratio:.74;
  overflow:hidden;
  display:block;
  flex:none;
  pointer-events:none;
}
.home-document .hero-editorial-v1 .hero-editorial-mascot img {
  display:block;
  position:absolute;
  width:174%;
  max-width:none;
  height:auto;
  left:-44%;
  top:-14%;
  transform:none;
  object-fit:contain;
}
.home-document .hero-editorial-v1 .hero-editorial-bottom {
  grid-column:1;grid-row:2;
  min-width:0;
  padding:clamp(19px,2.5vw,30px) 0 clamp(30px,3.5vw,46px);
}
.home-document .hero-editorial-v1 .hero-editorial-bottom>p {
  max-width:58ch;
  margin:0;
  font-size:clamp(1.071rem,1.4175vw,1.176rem);
  color:var(--body);
  line-height:1.62;
  text-wrap:pretty;
}
.home-document .hero-editorial-v1 .hero-intro-actions {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(14px,2vw,26px);
  margin-top:clamp(19px,2.5vw,29px);
}
.home-document .hero-editorial-v1 .hero-intro-actions .button {
  width:auto; min-height:51px;
  background:var(--purple);
  color:#fff;
  border-color:var(--purple);
}
.home-document .hero.hero-no-photo.hero-editorial-v1 .hero-intro-actions .button:hover {
  background:#5d4bb4; color:#fff; border-color:#5d4bb4;
}
.home-document .hero.hero-no-photo.hero-editorial-v1 .hero-intro-actions .button:focus-visible {
  outline:3px solid var(--ink);
  outline-offset:4px;
}

.home-document .hero-editorial-v1 .hero-more-link {
  display:inline-flex;align-items:center;justify-content:center;
  gap:7px;padding:9px 3px;border:0;text-decoration:none;
  font-size:0.9765rem;font-weight:500;
}
.home-document .hero-editorial-v1 .hero-more-link:hover {color:var(--purple);border:0;}
.home-document .hero-editorial-v1 .hero-more-link:focus-visible {outline:2px solid var(--purple);outline-offset:3px;border-radius:3px;}
.home-document .hero-editorial-v1 .hero-more-arrow {font-size:1.08em;line-height:1;}
.home-document .hero.hero-no-photo.hero-editorial-v1>.hero-visit-details {
  grid-column:1/-1;grid-row:3;
  width:100%;margin:0;
  padding:23px 0;
  border-block:1px solid #b9eaf3;
  background:transparent;
}
@media(min-width:761px) and (max-width:1100px) {
  .home-document .hero.hero-no-photo.hero-editorial-v1 {
    width:calc(100% - 48px);
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    column-gap:clamp(24px,4vw,50px);
    padding:clamp(55px,7vw,75px) 0 38px;
  }
  .home-document .hero-editorial-v1 #hero-title {font-size:clamp(2.6775rem,5.565vw,3.7275rem);}
  .home-document .hero-editorial-v1 .hero-editorial-headings h2 {font-size:clamp(1.449rem,2.8875vw,1.9425rem);margin-top:21px;}
  .home-document .hero-editorial-v1 .hero-editorial-mascot {width:min(100%,300px);}
  .home-document .hero-editorial-v1 .hero-editorial-bottom {padding:19px 0 29px;}
  .home-document .hero-editorial-v1 .hero-intro-actions {flex-wrap:wrap;gap:8px 20px;}
}
@media(max-width:760px) {
  .home-document .hero.hero-no-photo.hero-editorial-v1 {
    width:calc(100% - 24px);
    display:grid;grid-template-columns:minmax(0,1fr);row-gap:0;
    padding:40px 0 20px;
    text-align:left;
  }
  .home-document .hero-editorial-v1 .hero-editorial-lead {
    grid-column:1;grid-row:1;
    display:grid;
    grid-template-columns:minmax(0,38%) minmax(0,1fr);
    align-items:center;
    column-gap:20px;
    padding-right:0;
    min-width:0;
  }
  /* Keep all three headlines physically grouped in the right column. */
  .home-document .hero-editorial-v1 .hero-editorial-headings {
    display:flex;
    flex-direction:column;
    grid-column:2;
    grid-row:1;
    min-width:0;
    justify-content:center;
    align-self:center;
  }
  .home-document .hero-editorial-v1 #hero-title {
    font-size:clamp(1.281rem,5.88vw,1.617rem);
    letter-spacing:-.043em;
    line-height:1.085;
    margin:0;text-align:center;
    min-width:0;
  }
  /* Center both heading groups within the RIGHT text column beside the cat.
     Override the older photo-free hero rule without changing other devices. */
  .home-document .hero.hero-no-photo.hero-editorial-v1 #hero-title {
    width:100%;
    max-width:none;
    margin-inline:0;
    text-align:center;
  }
  .home-document .hero-editorial-v1 #hero-title .hero-title-accent {margin-top:.16em;}
  .home-document .hero-editorial-v1 #hero-title .hero-title-group {text-wrap:balance;}
  /* The supporting promise is a close continuation of the main title. */
  .home-document .hero-editorial-v1 .hero-editorial-headings h2 {
    position:static;
    display:block;
    margin:11px 0 0;
    padding:0;
    border:0;
    width:100%;
    font-size:clamp(1.05rem,4.305vw,1.2285rem);
    letter-spacing:-.018em;
    line-height:1.28;
    text-align:center;
  }
  .home-document .hero-editorial-v1 .hero-editorial-art {
    grid-column:1;grid-row:1;
    align-self:center;
    justify-content:center;
    /* Center the painted cat inside the left grid column instead of
       pulling the image box outside the page margin. */
    width:calc(100% + 11px);
    margin-left:4px;
  }
  .home-document .hero-editorial-v1 .hero-editorial-mascot {
    width:100%;
    aspect-ratio:.70;
  }
  /* The source PNG has white padding. Its colored cat is inside x344–1002
     and y158–1096 of the 1254px square. Reposition the unscaled image so
     BOTH ears and all paws fit with a few pixels of breathing room. */
  .home-document .hero-editorial-v1 .hero-editorial-mascot img {
    top:-11%;
  }
  .home-document .hero-editorial-v1 .hero-editorial-bottom {
    grid-column:1;grid-row:2;
    padding:18px 0 2px;
  }
  .home-document .hero-editorial-v1 .hero-editorial-bottom>p {
    font-size:1.05rem;
    line-height:1.58;
    max-width:none;
    text-align:center;
  }
  .home-document .hero-editorial-v1 .hero-intro-actions {
    display:flex;flex-direction:column;
    gap:2px;align-items:center;justify-content:center;
    margin-top:16px;
  }
  /* Centered touch-friendly CTA sized to its copy, never a full-width bar. */
  .home-document .hero.hero-no-photo.hero-editorial-v1 .hero-intro-actions .button {
    display:inline-flex;
    width:auto;
    max-width:100%;
    min-height:52px;
    min-width:min(72vw,280px);
    padding:12px 28px;
    border-radius:999px;
    justify-content:center;
    align-self:center;
    text-align:center;
    white-space:normal;
  }
  .home-document .hero-editorial-v1 .hero-more-link {
    width:auto;max-width:100%;min-height:44px;
    padding-inline:10px;
    align-self:center;
  }
  /* Make the reassurance card fit its actual content. Each icon has a
     consistent lane; long labels wrap in their own flexible text column. */
  .home-document .hero.hero-no-photo.hero-editorial-v1>.hero-visit-details {
    grid-column:1;grid-row:3;
    width:min(100%,340px);
    justify-self:center;
    grid-template-columns:minmax(0,1fr);
    justify-items:stretch;
    gap:12px;
    padding:17px clamp(14px,4vw,19px);
    border:1px solid #c6eef5;
    border-radius:21px;
    background:#fff;
  }
  .home-document .hero.hero-no-photo.hero-editorial-v1>.hero-visit-details>li,
  .home-document .hero.hero-no-photo.hero-editorial-v1>.hero-visit-details>li:last-child {
    grid-column:1;
    display:grid;
    grid-template-columns:23px minmax(0,1fr);
    align-items:start;
    justify-self:center;
    width:min(100%,300px);
    min-width:0;
    gap:11px;
    text-align:left;
  }
  .home-document .hero.hero-no-photo.hero-editorial-v1>.hero-visit-details>li svg {
    width:23px;
    height:23px;
    flex:none;
    margin-top:1px;
  }
  .home-document .hero.hero-no-photo.hero-editorial-v1>.hero-visit-details>li span {
    display:block;
    min-width:0;
    max-width:100%;
    white-space:normal;
    overflow-wrap:break-word;
    text-wrap:pretty;
    line-height:1.42;
  }
}
/* Native 320–430px layout: original mascot is the visual lead,
   with deliberate typography sizing and full visibility of ears and tail. */
@media(max-width:430px) {
  .home-document .hero-editorial-v1 .hero-editorial-lead {
    grid-template-columns:minmax(0,38%) minmax(0,1fr);
    column-gap:20px;
    padding-right:0;
  }
  .home-document .hero.hero-no-photo.hero-editorial-v1 #hero-title {
    font-size:clamp(23.1px,7.4025vw,30.45px);
    line-height:1.1;
    letter-spacing:-.037em;
  }
  .home-document .hero-editorial-v1 .hero-editorial-headings h2 {
    font-size:clamp(17.85px,5.04vw,19.95px);
    line-height:1.23;
    margin-top:12px;
  }
}
@media(max-width:350px) {
  .home-document .hero-editorial-v1 .hero-editorial-lead {grid-template-columns:minmax(0,38%) minmax(0,1fr);column-gap:20px;padding-right:0;}
  .home-document .hero.hero-no-photo.hero-editorial-v1 #hero-title {font-size:23.1px;}
  .home-document .hero-editorial-v1 .hero-editorial-headings h2 {font-size:16.8px;}
}
@media(prefers-reduced-motion:reduce){.home-document .hero-editorial-v1 *{transition:none!important;}}

/* BRANDED APP ICON TILES v15 — three app-feature icons only.
   Purple square backgrounds with white currentColor SVG artwork. */
.home-document .trust-refined .trust-app .trust-icon {
  background:var(--purple);
  color:#fff;
}
.home-document .trust-refined .trust-app .trust-icon svg {
  color:#fff;
  stroke:currentColor;
}

/* STRONGER CAT SITTER SECTION LABEL v16 — clear visual hierarchy.
   Keep the existing DM Sans brand font; emphasize size and weight,
   without changing the large illustration or editorial headline. */
.home-document .value-section .value-heading > .eyebrow {
  font-family:var(--sans);
  font-size:clamp(1.176rem,1.1025rem + 0.315vw,1.3125rem);
  font-weight:800;
  letter-spacing:.05em;
  line-height:1.32;
  margin-bottom:12px;
  max-width:none;
}
@media(max-width:760px) {
  .home-document .value-section .value-heading > .eyebrow {
    font-size:clamp(1.1025rem,5.25vw,1.281rem);
    letter-spacing:.045em;
  }
}

/* FINAL SECTION CAT PORTRAIT — replace repeated mascot only in the
   last homepage invitation, without changing the hero or other artwork. */
.home-document .hello-section .hello-logo--portrait {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.home-document .hello-section .hello-logo--portrait img {
  display:block;
  width:min(100%,390px);
  height:auto;
  object-fit:contain;
  margin:0 auto;
}
@media (min-width:761px) and (max-width:1100px) {
  .home-document .hello-section .hello-logo--portrait img {width:min(100%,336px);}
}
@media (max-width:760px) {
  .home-document .hello-section .hello-logo--portrait {width:100%;}
  .home-document .hello-section .hello-logo--portrait img {
    width:clamp(184px,51vw,220px);
    max-width:100%;
    height:auto;
  }
}

/* COVERAGE SECTION v24 — compact information hierarchy, two screen-native arrangements.
   One title; two concise territory groups; one availability note. */
.home-document .coverage-section {margin-top:clamp(20px,3vw,36px);margin-bottom:0;}
.home-document .coverage-panel {
  background:#f9f7fd;border:1px solid #e6e0f1;border-radius:22px;
  padding:clamp(22px,2.8vw,32px) clamp(20px,3vw,34px);min-width:0;
}
.home-document .coverage-header {margin:0 0 12px;}
.home-document .coverage-header h2 {
  margin:0;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.9425rem,2.8875vw,2.52rem);line-height:1.13;letter-spacing:-.034em;
}
.home-document .coverage-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;}
.home-document .coverage-area {min-width:0;padding:13px 25px 10px 0;}
.home-document .coverage-area + .coverage-area {border-left:1px solid #e2dbef;padding:13px 0 10px 27px;}
.home-document .coverage-area .coverage-label {
  font:700 0.7245rem/1.3 var(--sans);letter-spacing:.08em;
  color:var(--purple);margin:0 0 6px;text-transform:uppercase;
}
.home-document .coverage-area h3 {
  margin:0 0 6px;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.2285rem,1.7325vw,1.5015rem);line-height:1.25;letter-spacing:-.015em;
}
.home-document .coverage-area > p:not(.coverage-label) {
  font:400 0.945rem/1.45 var(--sans);color:var(--body);margin:0;
}
.home-document .coverage-area > p.coverage-postcodes {
  margin-top:7px;font-size:0.819rem;line-height:1.45;
  letter-spacing:.005em;color:#726c7f;
}
.home-document .coverage-note {
  font:400 0.90825rem/1.45 var(--sans);color:var(--body);
  border-top:1px solid #e2dbef;margin:9px 0 0;padding-top:13px;
}
.home-document .coverage-note a {
  color:var(--ink);font-weight:700;border-bottom:1px solid var(--purple);
  text-underline-offset:3px;
}
.home-document .coverage-note a:focus-visible {outline-offset:4px;}
@media (min-width:761px) and (max-width:1099px) {
  .home-document .coverage-panel {padding:23px 26px;}
  .home-document .coverage-area {padding-right:16px;}
  .home-document .coverage-area + .coverage-area {padding-left:20px;}
  .home-document .coverage-area h3 {font-size:1.239rem;}
}
@media (max-width:760px) {
  .home-document .coverage-section {margin-top:17px;}
  .home-document .coverage-panel {border-radius:19px;padding:19px 19px 17px;}
  .home-document .coverage-header {margin-bottom:5px;}
  .home-document .coverage-header h2 {font-size:clamp(1.869rem,7.9275vw,2.163rem);}
  .home-document .coverage-grid {grid-template-columns:minmax(0,1fr);}
  .home-document .coverage-area {padding:11px 0 13px;}
  .home-document .coverage-area + .coverage-area {
    border-left:0;border-top:1px solid #e2dbef;
    padding:13px 0 9px;
  }
  .home-document .coverage-area .coverage-label {font-size:0.714rem;margin-bottom:5px;}
  .home-document .coverage-area h3 {font-size:clamp(1.197rem,5.0925vw,1.323rem);line-height:1.26;}
  .home-document .coverage-area > p:not(.coverage-label) {font-size:0.9135rem;line-height:1.44;}
  .home-document .coverage-area > p.coverage-postcodes {font-size:0.7875rem;margin-top:6px;}
  .home-document .coverage-note {font-size:0.8715rem;padding-top:11px;margin-top:6px;}
  /* The next cat illustration should peek out in its own breathing room,
     not over the closing lines of the service-area panel. */
  .home-document .coverage-section + .steps-section {padding-top:114px;}
}
@media (min-width:761px) {
  .home-document .coverage-section + .steps-section {padding-top:154px;}
}

/* feline-type-plus-five-20261101 */