/*
 * Homepage integration only. All approved layout and responsive rules live in
 * the shared prototype-derived base stylesheet maintained by the parent task.
 * Resolve its original assets/ URLs against the WordPress image directory.
 */
#main .hero-art {
  background-image: radial-gradient(ellipse at 75% 25%, #536078, #243553 55%, #17243a);
}

#main .card-tax {
  background-image: url("../images/licensed-tax.jpg");
  background-image: image-set(url("../images/licensed-tax.webp") type("image/webp"), url("../images/licensed-tax.jpg") type("image/jpeg"));
}

#main .card-advisory {
  background-image: url("../images/licensed-accounting.jpg");
  background-image: image-set(url("../images/licensed-accounting.webp") type("image/webp"), url("../images/licensed-accounting.jpg") type("image/jpeg"));
}

#main .card-robs {
  background-image: url("../images/licensed-retirement.jpg");
  background-image: image-set(url("../images/licensed-retirement.webp") type("image/webp"), url("../images/licensed-retirement.jpg") type("image/jpeg"));
}

#main .card-qsbs {
  background-image: url("../images/licensed-business-investment.jpg");
  background-image: image-set(url("../images/licensed-business-investment.webp") type("image/webp"), url("../images/licensed-business-investment.jpg") type("image/jpeg"));
}

#main .card-real-estate {
  background-image: url("../images/licensed-property.jpg");
  background-image: image-set(url("../images/licensed-property.webp") type("image/webp"), url("../images/licensed-property.jpg") type("image/jpeg"));
}

#main .card-growth {
  background-image: url("../images/licensed-growth.jpg");
  background-image: image-set(url("../images/licensed-growth.webp") type("image/webp"), url("../images/licensed-growth.jpg") type("image/jpeg"));
}

#main .contact-art {
  background-image: radial-gradient(ellipse at right, #c7aa72, transparent 70%);
}

/* Preserve the explicitly approved headline leading at every breakpoint. */
#main .hero h1 {
  line-height: 1;
}

/* Keep the link arrow with its label, not on a second line. */
.advisor-caption a { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.advisor-caption a span { display: inline; margin: 0; }