/* Start custom CSS for html, class: .elementor-element-9de7e61 *//* Hero intro text clamp + bold fix */

/* Ensure <strong> always renders bold in hero */
details.hero-clamp strong,
details.hero-clamp summary strong {
  font-weight: 700 !important;
  color: #111 !important;
}

details.hero-clamp { margin: 0.5rem 0 1rem 0; }
details.hero-clamp summary {
  cursor: pointer; list-style: none;
  font-size: 1rem; line-height: 1.55; color: #555;
  position: relative;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; padding-right: 1.5rem;
}
details.hero-clamp summary::-webkit-details-marker { display: none; }
details.hero-clamp summary::marker { display: none; content: ""; }
details.hero-clamp summary::after {
  content: "▾"; position: absolute; right: 0; bottom: 0;
  font-size: 1.4rem; line-height: 1; color: #ff6a00; font-weight: 700;
  transition: transform 0.25s ease;
}
details.hero-clamp[open] summary {
  display: block; -webkit-line-clamp: unset; overflow: visible;
}
details.hero-clamp[open] summary::after {
  content: "▴"; position: static; margin-left: 0.4em; display: inline-block;
}
details.hero-clamp summary a {
  color: #ff6a00 !important; text-decoration: none; font-weight: 600;
}
details.hero-clamp summary a:hover { text-decoration: underline; }/* End custom CSS */