/* The approved home Hero is the shared layout for all four service pages. */
.service-experience .hero-intro-grid{align-items:end}
.service-experience .hero-title-main,.service-experience .hero-title-accent{max-width:1040px}
.service-experience .hero-side{padding-bottom:7px}
.service-experience .hero-actions-v9{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.service-experience .service-hero-primary{min-width:0;max-width:100%;min-height:54px;white-space:normal;text-align:left;line-height:1.35}
.service-hero-secondary{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--emerald-deep);font-size:13px;font-weight:650;line-height:1.4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.service-hero-secondary .icon{width:15px;height:15px;flex:none}
.service-hero-secondary:hover{color:var(--navy-deep)}
.service-hero-fine{max-width:540px;margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.service-experience .hero-visual .hero-art picture{display:block;width:100%;height:100%}
.service-experience .hero-visual .hero-art img{display:block}
.service-experience .quick-links a{position:relative;opacity:.88;transition:opacity .25s,background .25s}
.service-experience .quick-links a[aria-current="page"]{opacity:1;box-shadow:inset 0 -3px 0 #70c9ab}
.service-experience .quick-links a[aria-current="page"] .icon{color:#8ad9be}
.service-experience--buyout .hero-visual .hero-art img{object-position:50% 55%}
.service-experience--mortgage .hero-visual .hero-art img{object-position:50% 53%}
.service-experience--sale .hero-visual .hero-art img{object-position:50% 52%}
.service-experience--purchase .hero-visual .hero-art img{object-position:50% 52%}
@media(max-width:1580px){
  .service-experience .hero-intro-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr)}
  .service-experience .hero-actions-v9{align-items:flex-start}
}
@media(max-width:1100px){
  .service-experience .hero-intro-grid{grid-template-columns:minmax(0,1fr)}
  .service-experience .hero-side{display:block}
  .service-experience .hero-desc{max-width:780px!important;margin-bottom:19px!important}
  .service-experience .hero-actions-v9{flex-direction:row;align-items:center}
}
@media(max-width:760px){
  .service-experience .hero-intro-grid{padding-top:22px}
  .service-experience .hero-side{margin-top:10px}
  .service-experience .hero-desc{font-size:15px!important}
  .service-experience .hero-actions-v9{align-items:flex-start;gap:8px 16px}
  .service-experience .hero-visual .hero-art img{object-position:50% 50%}
  .service-experience--buyout .hero-visual .hero-art img{object-position:56% 50%}
  .service-experience--mortgage .hero-visual .hero-art img{object-position:50% 50%}
  .service-experience--sale .hero-visual .hero-art img{object-position:47% 50%}
  .service-experience--purchase .hero-visual .hero-art img{object-position:49% 50%}
  .service-experience .quick-links a[aria-current="page"]{border-color:#7bbf9e;box-shadow:inset 0 -3px 0 var(--emerald)}
  .service-experience .quick-links a[aria-current="page"] .icon{color:var(--emerald)}
}
@media(max-width:520px){
  .service-experience .hero-title-main{font-size:.98em}
  .service-experience .hero-side{margin-top:9px}
  .service-experience .hero-actions-v9{display:flex;flex-direction:column;align-items:stretch;gap:5px}
  .service-experience .service-hero-primary{width:100%;font-size:13px}
  .service-experience .service-hero-secondary{align-self:flex-start}
  .service-hero-fine{font-size:10px;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){.service-experience .quick-links a{transition:none}}