/* Visual refresh for the childminders hub: preserves the shared hand-drawn system. */

.brand-mark img {
  width: 58px;
  height: auto;
  aspect-ratio: 450 / 334;
  object-fit: contain;
  flex: 0 0 58px;
}
.brand-mark > span { min-width: 88px; }

.childminder-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(280px, .86fr);
  gap: clamp(28px, 5vw, 62px) !important;
  align-items: center !important;
  padding: clamp(28px, 4vw, 48px) !important;
}
.childminder-hero__copy { display: grid; gap: 13px; }
.childminder-hero__copy h1 { max-width: 590px; }
.childminder-hero__copy p { max-width: 610px; }
.childminder-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 5px; }
.childminder-hero__visual {
  margin: 0;
  border: 3px solid var(--ink);
  border-radius: 180px 28px 175px 26px / 28px 175px 26px 180px;
  overflow: hidden;
  background: var(--peach);
  box-shadow: 7px 8px 0 rgba(42, 33, 28, .13);
  transform: rotate(1.1deg);
}
.childminder-hero__visual img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 315px;
  object-fit: cover;
}

.childminder-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .78fr);
  gap: clamp(26px, 5vw, 56px);
  align-items: center;
  background: var(--card);
  border: 3px solid var(--ink);
  border-radius: 26px 170px 28px 180px / 170px 26px 180px 28px;
  box-shadow: 6px 7px 0 rgba(42, 33, 28, .1);
  padding: clamp(26px, 4vw, 42px);
}
.childminder-intro__copy { display: grid; gap: 14px; }
.childminder-intro__copy h2 { font-size: clamp(25px, 3vw, 34px) !important; margin: 0 !important; }
.childminder-intro__copy p { margin: 0 !important; font-size: 17px !important; }
.childminder-intro__image {
  margin: 0;
  border: 3px solid var(--ink);
  border-radius: 32px 120px 28px 130px / 120px 30px 130px 28px;
  overflow: hidden;
  box-shadow: 5px 6px 0 rgba(42, 33, 28, .12);
  transform: rotate(-1deg);
}
.childminder-intro__image img { display: block; width: 100%; height: 100%; min-height: 245px; object-fit: cover; }
.childminder-intro__image figcaption { padding: 10px 14px; background: var(--teal-bg); color: var(--teal-text); font-family: var(--font-heading); font-size: 14px; font-weight: 600; }

.childminder-section-head { align-items: center; }
.childminder-section-head h2 { font-size: clamp(26px, 3vw, 33px) !important; }
.childminder-section-head .eyebrow { color: var(--teal-text); }
.childminder-hub .related a { border-radius: 24px 48px 22px 44px / 45px 24px 48px 22px; }
.childminder-hub .related a:hover { border-color: var(--teal); background: var(--teal-bg); }
.childminder-hub .related-soon { border-radius: 22px 42px 20px 40px / 40px 22px 42px 20px; }

@media (max-width: 780px) {
  .childminder-hero, .childminder-intro { grid-template-columns: 1fr; }
  .childminder-hero__visual { max-width: 520px; width: 100%; margin: 4px auto 0; transform: none; }
  .childminder-hero__visual img { min-height: auto; aspect-ratio: 4 / 3; }
  .childminder-intro__image { max-width: 520px; width: 100%; transform: none; }
  .childminder-intro__image img { min-height: auto; aspect-ratio: 4 / 3; }
}

@media (max-width: 540px) {
  .site-header .wrap { gap: 14px; padding-top: 13px; padding-bottom: 13px; }
  .brand-mark img { width: 52px; flex-basis: 52px; }
  .brand-mark .word-our { font-size: 14px; }
  .brand-mark .word-kidshub { font-size: 27px; }
  .childminder-hero, .childminder-intro { padding: 23px !important; }
  .childminder-hero__copy h1 { font-size: 34px !important; }
}