/* STEP 18-150: AI consultation hero; consolidated from 18-149 and 18-149-F. */
/* Keep the generated image intact; suppress only CSS-generated star decorations. */
#app .hero.wry-ai-hero::before,
#app .hero.wry-ai-hero::after {
  content: none !important;
  display: none !important;
}

#app .shell .content .hero.wry-ai-hero {
  width: calc(100% + 48px) !important;
  height: 440px !important;
  min-height: 440px !important;
  margin: 0 -24px 16px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  text-align: left !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg,
    rgba(18,7,12,.02) 0%,
    rgba(18,7,12,.10) 35%,
    rgba(18,7,12,.78) 78%,
    #140a10 100%),
    url('/ai-consultation.webp') center center / cover no-repeat !important;
}

#app .hero.wry-ai-hero .wry-ai-copy {
  position: relative;
  z-index: 1;
  width: 100%;
}
#app .hero.wry-ai-hero .wry-ai-kicker {
  font-size: 12px;
  letter-spacing: 2px;
  color: #e5b578;
  font-weight: 700;
  margin: 0 0 12px;
}
#app .hero.wry-ai-hero h1 {
  font-size: 32px !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;
  margin: 0 0 12px !important;
  color: #fff0e8;
  text-align: left !important;
  text-shadow: 0 2px 14px #140a10;
}
#app .hero.wry-ai-hero p {
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  color: #f1d6d1;
  text-align: left !important;
  text-shadow: 0 2px 9px #140a10;
}
@media(max-width:400px) {
  #app .hero.wry-ai-hero h1 { font-size: 29px !important; }
}