/* APAR Elements - Hero Banner */
.apar-hero { background-size: cover; background-position: center; padding: 4rem 1rem; color: #fff; position: relative; }
.apar-hero__overlay { background: rgba(0,0,0,0.35); padding: 4rem 1rem; }
.apar-hero__inner { max-width: 1100px; margin: 0 auto; text-align: center; }
.apar-hero__title { font-size: 2rem; margin: 0 0 1rem; font-weight: 700; }
.apar-hero__sub { margin: 0 0 1.5rem; font-size: 1.125rem; }
.apar-hero__btn { background: #f97316; color: #fff; padding: 0.75rem 1.25rem; border-radius: 0.375rem; text-decoration: none; font-weight: 600; }

@media (min-width: 768px) { .apar-hero { padding: 6rem 1rem; } .apar-hero__title { font-size: 3rem; } }