/* Scoped to the service photos. Homepage, About and broker hero are untouched. */
.site-redesign-page main:has(> section.sm-photo-hero:first-child) { padding-top: 84px !important; }
.site-redesign-page main > section.sm-photo-hero:first-child {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #271b2b !important;
  padding: 80px 0 !important;
  min-height: 600px;
  display: flex;
  align-items: center;
  border: 0 !important;
}
.site-redesign-page main > section.sm-photo-hero:first-child > img.sm-photo-hero-image {
  position: absolute !important;
  inset: 0 0 0 auto;
  z-index: -2 !important;
  width: 58% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center 42%;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1;
}
.site-redesign-page main > section.sm-photo-hero:first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #271b2b 0%, #271b2b 42%, rgba(39, 27, 43, .94) 45%, rgba(39, 27, 43, .3) 54%, rgba(39, 27, 43, 0) 62%);
}
.site-redesign-page main > section.sm-photo-hero:first-child::after { display: none; }
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy {
  max-width: 560px;
  width: 44%;
  text-align: left;
}
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy h1 {
  font-size: 60px !important;
  line-height: 1.06 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  max-width: none !important;
  margin: 0 0 24px !important;
  color: #fff !important;
  text-align: left !important;
  text-wrap: balance;
}
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy h1 span {
  color: #cce8f4 !important;
  -webkit-text-fill-color: currentColor !important;
}
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy > p {
  color: #f3eff4 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  max-width: 530px !important;
  margin: 0 0 30px !important;
}
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy > p:first-child {
  color: #d4eaf4 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  margin-bottom: 20px !important;
}
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  max-width: 100%;
  padding: 14px 26px !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #5a2d6a !important;
  border: 1px solid #fff !important;
  box-shadow: none !important;
  text-decoration: none;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: center;
}
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy a[href^="tel:"] {
  background: rgba(31, 19, 36, .55) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .6) !important;
}
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy a:hover { background: #f3eaf5 !important; }
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy a[href^="tel:"]:hover { background: #39243f !important; }
.site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy a:focus-visible { outline: 3px solid #bceaff; outline-offset: 5px; }
.site-redesign-page main > section.sm-photo-hero[data-hero="first-time-buyers"] > img.sm-photo-hero-image { object-position: center 57%; }
.site-redesign-page main > section.sm-photo-hero[data-hero="armed-forces-mortgages"] > img.sm-photo-hero-image,
.site-redesign-page main > section.sm-photo-hero[data-hero="mortgages-for-fcdo"] > img.sm-photo-hero-image { object-position: center top; }
.site-redesign-page main > section.sm-photo-hero[data-hero="mortgages-for-healthcare"] > img.sm-photo-hero-image { object-position: center 12%; }
.site-redesign-page main > section.sm-photo-hero[data-hero="mortgages"] > img.sm-photo-hero-image,
.site-redesign-page main > section.sm-photo-hero[data-hero="mortgages-for-vets"] > img.sm-photo-hero-image,
.site-redesign-page main > section.sm-photo-hero[data-hero="self-employed-mortgages"] > img.sm-photo-hero-image,
.site-redesign-page main > section.sm-photo-hero[data-hero="sports-professionals"] > img.sm-photo-hero-image { object-position: center 20%; }
.site-redesign-page main > section.sm-photo-hero[data-hero="home-movers"] > img.sm-photo-hero-image,
.site-redesign-page main > section.sm-photo-hero[data-hero="civil-servant-mortgages"] > img.sm-photo-hero-image { object-position: center 58%; }
@media (min-width: 1600px) {
  .site-redesign-page main > section.sm-photo-hero:first-child { min-height: 640px; }
}
@media (max-width: 1100px) and (min-width: 769px) {
  .site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy { width: 46%; }
  .site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy h1 { font-size: 48px !important; }
  .site-redesign-page main > section.sm-photo-hero:first-child::before {
    background: linear-gradient(90deg, #271b2b 0%, #271b2b 44%, rgba(39,27,43,.94) 49%, rgba(39,27,43,0) 65%);
  }
}
@media (max-width: 768px) {
  .site-redesign-page main > section.sm-photo-hero:first-child {
    min-height: 640px;
    padding: 290px 0 44px !important;
    align-items: flex-end;
  }
  .site-redesign-page main > section.sm-photo-hero:first-child > img.sm-photo-hero-image {
    width: 100% !important;
    height: 320px !important;
    object-position: center 30%;
  }
  .site-redesign-page main > section.sm-photo-hero[data-hero="armed-forces-mortgages"] > img.sm-photo-hero-image,
  .site-redesign-page main > section.sm-photo-hero[data-hero="mortgages-for-fcdo"] > img.sm-photo-hero-image { object-position: center top; }
  .site-redesign-page main > section.sm-photo-hero[data-hero="mortgages-for-healthcare"] > img.sm-photo-hero-image { object-position: center 12%; }
  .site-redesign-page main > section.sm-photo-hero[data-hero="home-movers"] > img.sm-photo-hero-image,
  .site-redesign-page main > section.sm-photo-hero[data-hero="civil-servant-mortgages"] > img.sm-photo-hero-image { object-position: center 58%; }
  .site-redesign-page main > section.sm-photo-hero[data-hero="mortgages-for-legal-professionals"] > img.sm-photo-hero-image { object-position: center 62%; }
  .site-redesign-page main > section.sm-photo-hero:first-child::before {
    background: linear-gradient(180deg, rgba(39,27,43,0) 0, rgba(39,27,43,0) 180px, rgba(39,27,43,.72) 255px, #271b2b 300px, #271b2b 100%);
  }
  .site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-inner { padding: 0 24px; }
  .site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy { width: 100%; max-width: 600px; }
  .site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy h1 { font-size: 40px !important; margin-bottom: 20px !important; }
  .site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy > p { font-size: 16px !important; margin-bottom: 24px !important; }
  .site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy > p:first-child { font-size: 11px !important; margin-bottom: 14px !important; }
  .site-redesign-page main > section.sm-photo-hero:first-child .hero-ctas { justify-content: flex-start !important; }
}
@media (max-width: 359px) {
  .site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-inner { padding: 0 20px; }
  .site-redesign-page main > section.sm-photo-hero:first-child .sm-photo-hero-copy h1 { font-size: 34px !important; }
}