/* Northstone Batch 126 — Property Care-style split hero */

/* Keep the original Northstone header and logo visible */
.ns107-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
}

.ns107-header .ns126-brand {
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  max-width:190px;
}

.ns107-header .ns126-brand img {
  display:block;
  width:170px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

/* Two-column opening section */
.ns125-page .ns125-hero {
  padding:0;
  background:#edf3f7;
}

.ns125-page .ns125-hero .ns125-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(30px,5vw,75px);
  max-width:1280px;
  padding:65px 6%;
}

.ns126-hero-copy {
  min-width:0;
}

.ns125-page .ns125-hero h1 {
  font-size:clamp(42px,4.5vw,66px);
  line-height:1.1;
  letter-spacing:-.025em;
  margin:0 0 25px;
  max-width:600px;
  color:#2d4051;
}

.ns125-page .ns125-lead {
  max-width:580px;
  font-size:clamp(18px,1.7vw,23px);
  line-height:1.65;
  margin-bottom:30px;
}

.ns126-hero-image {
  margin:0;
  width:100%;
  height:100%;
  min-height:390px;
  overflow:hidden;
  border-radius:5px;
}

.ns126-hero-image img {
  display:block;
  width:100%;
  height:100%;
  min-height:390px;
  max-height:520px;
  object-fit:cover;
}

/* The image now sits beside the heading,
   so remove the redundant full-width photo. */
.ns125-page > .ns125-photo {
  display:none;
}

@media(max-width:900px) {
  .ns125-page .ns125-hero .ns125-inner {
    grid-template-columns:1fr;
    padding:50px 6%;
    gap:30px;
  }

  .ns126-hero-image,
  .ns126-hero-image img {
    min-height:280px;
    max-height:420px;
  }

  .ns107-header .ns126-brand img {
    width:145px;
  }
}