/* Let the original doctor-and-floral artwork show without the white gradient overlay. */
.outline-hero-slide-doctor{background-image:url('assets/hero-doctor.png')!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}
.outline-hero-slide-doctor h1{color:#c1376f!important}.outline-hero-slide-doctor .outline-hero-subheading{color:#233c54!important}.outline-hero-slide-doctor .outline-lead{color:#a72f31!important}

/* Keep phone access visible in both rotating homepage hero slides. */
.outline-hero-carousel .outline-live-button--call {
  min-height: 50px;
  padding: 0 20px;
  border: 1px solid #233c54;
  background: rgba(255,255,255,.92);
  color: #233c54 !important;
  box-shadow: 0 8px 18px rgba(35,60,84,.1);
}
.outline-hero-carousel .outline-live-button--call::before {
  content: "☎";
  font-size: 1.05em;
  line-height: 1;
}
.outline-hero-carousel .outline-live-button--call:hover,
.outline-hero-carousel .outline-live-button--call:focus-visible {
  background: #fff;
  border-color: #c1376f;
  color: #a9275e !important;
  transform: translateY(-2px);
}
.outline-hero-slide-selfpay .outline-live-button--call {
  border-color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.12);
  color: #fff !important;
  box-shadow: none;
}
.outline-hero-slide-selfpay .outline-live-button--call:hover,
.outline-hero-slide-selfpay .outline-live-button--call:focus-visible {
  border-color: #fff;
  background: rgba(255,255,255,.22);
  color: #fff !important;
  box-shadow: none;
}

@media (min-width:801px){
  .outline-hero-slide-doctor .outline-hero-copy{max-width:850px!important}
  .outline-hero-slide-doctor h1{
    max-width:850px!important;
    font-size:clamp(2.8rem,3.5vw,3.4rem)!important;
  }
}

/* On a narrow screen, anchor the crop to the physician rather than the blank
   center of the source image. Desktop retains its balanced, wider composition. */
@media (max-width:800px){
  .outline-hero-slide-doctor{
    background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 48%,rgba(255,255,255,.54) 58%,rgba(255,255,255,.1) 70%,rgba(255,255,255,0) 82%),url('assets/hero-doctor.png')!important;
    background-position:center,80% center!important;
    background-size:cover,cover!important;
  }
  .outline-hero-slide-doctor .outline-hero-copy{
    max-width:62%!important;
    background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 82%,rgba(255,255,255,.5) 100%);
    box-shadow:18px 0 24px rgba(255,255,255,.72);
  }
}

/* Mobile-only composition: the copy owns the left side while the physician
   remains visible at the right, without the carousel controls crossing text. */
@media (max-width:600px){
  .outline-hero-carousel{height:680px!important;min-height:680px!important}
  .outline-hero-slide-doctor{background-image:linear-gradient(90deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.24) 55%,rgba(255,255,255,.05) 100%),url('assets/hero-doctor.png')!important;background-position:center,74% center!important;background-size:cover,cover!important}
  .outline-hero-slide .outline-wrap{width:calc(100% - 28px)!important;max-width:none!important;padding-bottom:56px!important}
  .outline-hero-slide-doctor .outline-hero-copy{width:100%;max-width:none!important;padding:27px 0 116px!important;background:none!important;box-shadow:none!important}
  .outline-hero-slide-doctor .outline-kicker{max-width:220px;margin-bottom:10px!important;font-size:.62rem!important;line-height:1.55!important}
  .outline-hero-slide-doctor h1{max-width:100%!important;margin:0 0 10px!important;font-size:clamp(1.12rem,5.8vw,1.45rem)!important;line-height:1.12!important;letter-spacing:-.045em!important}
  .outline-hero-slide-doctor h1 span{white-space:nowrap}
  .outline-hero-slide-doctor .outline-hero-subheading{max-width:235px;margin-bottom:13px!important;font-size:clamp(.96rem,4.2vw,1.12rem)!important;line-height:1.18!important}
  .outline-hero-slide-doctor .outline-lead{max-width:238px!important;font-size:.82rem!important;line-height:1.55!important}
  .outline-hero-carousel .outline-actions{max-width:248px!important;margin:16px 0 0!important;gap:10px!important}
  .outline-hero-carousel .outline-live-button{min-height:43px!important;padding:10px 16px!important;font-size:.67rem!important}
  .outline-hero-carousel .outline-live-button--call{min-height:38px!important;padding:8px 12px!important;font-size:.64rem!important;box-shadow:none!important}
  .outline-hero-carousel .outline-hero-control{top:auto!important;bottom:78px!important;display:grid!important;width:38px!important;height:38px!important;transform:none!important;background:rgba(255,255,255,.94)!important;color:#233c54!important;box-shadow:0 7px 16px rgba(35,60,84,.14)!important}
  .outline-hero-carousel .outline-hero-control:hover,.outline-hero-carousel .outline-hero-control:focus-visible{background:#c1376f!important;color:#fff!important;transform:none!important}
  .outline-hero-carousel .outline-hero-control-prev{left:14px!important}
  .outline-hero-carousel .outline-hero-control-next{right:auto!important;left:60px!important}
  .outline-hero-carousel .outline-hero-dots{display:none!important}
}