/* Mobile acquisition pages: show the person and the message together. */
@media(max-width:680px){
  .hero.container,.service-hero.container{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-areas:"kicker kicker" "title portrait" "intro intro" "actions actions" "note note";column-gap:16px;row-gap:16px;align-items:center;padding-block:22px 30px;text-align:left}
  .hero .hero-copy,.hero .aura-heading,.service-hero .service-hero-copy{display:contents}
  .hero .eyebrow,.service-hero .eyebrow{grid-area:kicker;max-width:none;margin:0;font-size:10px;line-height:1.5;text-align:left}
  .hero h1,.service-hero h1{grid-area:title;min-width:0;max-width:none;margin:0;font-size:clamp(30px,8vw,48px);line-height:1.09;letter-spacing:-.04em;text-align:left;overflow-wrap:normal;hyphens:none}
  .hero h1 em{display:inline}
  .hero .hero-visual,.service-hero>.service-photo{grid-area:portrait;grid-column:2;grid-row:2;min-width:0;width:100%;max-width:none;padding:0;margin:0;align-self:stretch;min-height:205px}
  .hero .hero-photo,.service-hero>.service-photo{width:100%;height:100%;min-height:205px;border-radius:54px 12px 12px 12px}
  .hero .hero-photo img,.service-hero .service-photo img{object-position:var(--mobile-photo-position,var(--photo-position,50% 35%))!important}
  .hero .hero-caption,.hero .photo-index,.hero .aura-photo-note,.hero .hero-bottom{display:none}
  .hero .hero-intro,.service-hero .hero-intro{grid-area:intro;max-width:none;margin:0;font-size:15px;line-height:1.6;text-align:left}
  .hero .cta-row,.service-hero .cta-row{grid-area:actions;display:flex;flex-direction:row;align-items:stretch;max-width:none;width:100%;margin:0;gap:8px}
  .hero .cta-row .button,.service-hero .cta-row .button{flex:1;min-width:0;min-height:50px;padding:10px 8px;font-size:12px;line-height:1.4}
  .hero .cta-row .button .icon,.service-hero .cta-row .button .icon{width:17px;height:17px;flex-shrink:0}
  .hero .contact-note,.service-hero .contact-note{grid-area:note;justify-content:flex-start;margin:0;font-size:11px}
  .hero-photo figcaption,.service-photo figcaption{top:auto;bottom:8px;right:6px;max-width:calc(100% - 12px);padding:3px 5px;font-size:8px;letter-spacing:0}
  .breadcrumb{padding-top:14px;font-size:11px}
  .service-hero.container{padding-top:18px}
  .service-hero h1{font-size:clamp(29px,7.7vw,43px)}
}
/* Portrait media retains the complete recording, including subtitles and faces. */
.video-wrap.video-vertical{width:min(100%,calc(640px * var(--video-ratio,.5625)));justify-self:center;align-self:center;overflow:hidden}
.video-wrap.video-vertical video{aspect-ratio:var(--video-ratio,.5625);height:auto;object-fit:contain;background:var(--primary)}
.video-wrap.video-vertical>p{padding:14px 18px}
@media(max-width:680px){.video-wrap.video-vertical{width:min(100%,calc(580px * var(--video-ratio,.5625)));margin-inline:auto}}

@media(max-width:680px){.hero .hero-photo,.service-hero>.service-photo{border-radius:42px 42px 12px 12px}}

@media(max-width:680px){.trust-ribbon .container{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-ribbon .container>div{min-width:0}.trust-ribbon strong{font-size:clamp(14px,4vw,20px)}.trust-ribbon span{font-size:10px;line-height:1.5}}
