/* One compact HOA panel, matching the homepage community invitation. */
.hoa-feature { padding:clamp(2rem,5vw,5rem) 0 }
.hoa-feature__card {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  background:var(--color-primary);
  color:var(--color-bg);
  border-radius:var(--border-radius-xl);
  overflow:hidden;
}
.hoa-feature__card>* { min-width:0 }
.hoa-feature__photo { position:relative; margin:0; min-height:520px; background:var(--color-bg-alt) }
.hoa-feature__photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 60% }
.hoa-feature__copy { order:-1; padding:clamp(1.5rem,4vw,4rem); display:flex; flex-direction:column; align-items:flex-start; justify-content:center }
.hoa-feature h1 { color:var(--color-bg); font-size:clamp(2.3rem,3.7vw,3.6rem); line-height:1.08; letter-spacing:-.05em; margin-bottom:1.5rem }
.hoa-feature h1 span { color:var(--color-citrus) }
.hoa-feature__description { font-size:1rem; line-height:1.7 }
.hoa-feature__details { margin-top:1rem; font-size:.875rem; line-height:1.8 }
.hoa-feature__actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem }
.hoa-feature__actions .btn { white-space:normal; text-align:center }
.hoa-feature__actions .btn--secondary { color:var(--color-bg); border-color:var(--color-bg) }
.hoa-feature__actions .btn--secondary:hover { background:var(--color-bg); color:var(--color-primary) }
.hoa-feature__note { margin-top:1.5rem; font-size:.75rem }
@media(max-width:800px) {
  .hoa-feature__card { grid-template-columns:1fr }
  .hoa-feature__photo { min-height:0; height:300px }
  .hoa-feature__photo img { object-position:50% 62% }
  .hoa-feature__copy { padding:var(--space-xl) }
  .hoa-feature__actions { width:100% }
  .hoa-feature__actions .btn { width:100%; padding-inline:1rem; font-size:.8rem }
}