/* The panel contributes to the hero's height, including at long text wraps. */
.site52 .service-hero-52-frame { display:grid; min-height:0; align-items:stretch; padding-top:28px; padding-bottom:24px; }
.site52 .service-hero-52-photo { grid-area:1 / 1; height:auto; min-height:440px; margin:-28px 0 -24px; }
.site52 .service-hero-52-panel { grid-area:1 / 1; position:relative; inset:auto; width:min(61%,680px); height:auto; min-width:0; }
.site52 .service-hero-52-panel .eyebrow, .site52 .service-hero-52-note { overflow-wrap:anywhere; }
@media(max-width:850px) { .site52 .service-hero-52-frame { min-height:0; } .site52 .service-hero-52-panel { width:min(68%,640px); } }
@media(max-width:620px) {
  .site52 .service-hero-52-frame { display:block; padding-top:0; padding-bottom:0; }
  .site52 .service-hero-52-photo { min-height:0; height:auto; margin:0; }
  .site52 .service-hero-52-panel { width:auto; margin:-14px 11px 0; }
}