.home-hero { background: linear-gradient(180deg, #4b2a3d 0%, #381b2d 100%); color: #f8f5f0; }
.home-hero .home-hero-inner { display: grid; grid-template-columns: 1fr; max-width: 1200px; margin: 0 auto; padding: 32px 20px 0; }
.home-hero .home-hero-text { position: relative; z-index: 1; padding-bottom: 8px; }
.home-hero .home-hero-kicker { margin: 0 0 12px; font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #f3c9a8; }
.home-hero .home-hero-title { margin: 0 0 16px; color: #ffffff; }
.home-hero .home-hero-lead { margin: 0 0 20px; font-size: 19px; line-height: 30px; color: #efe6d8; }
.home-hero .home-hero-meta { margin: 0 0 20px; font-size: 14px; line-height: 22px; color: #c9b8d0; }
.home-hero .home-hero-meta a { color: #ffffff; }
.home-hero .home-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 8px; }
.home-hero .home-hero-actions .btn { border-color: #ffffff; background: #ffffff; color: #4a1f3d; }
.home-hero .home-hero-actions .btn:hover { background: #efe6d8; }
.home-hero .home-hero-actions .btn.btn-ghost { background: transparent; color: #ffffff; }
.home-hero .home-hero-actions .btn.btn-ghost:hover { background: rgba(255, 255, 255, 0.12); }
.home-hero .home-hero-figure { margin: 0 -20px; }
.home-hero .home-hero-image { display: block; width: 100%; height: auto; -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 18%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 18%); }
.home-hero a:focus-visible { outline-color: #f3c9a8; }
@media (min-width: 768px) {
  .home-hero .home-hero-inner { padding: 48px 20px 0; }
  .home-hero .home-hero-lead { font-size: 21px; line-height: 34px; }
}
@media (min-width: 1024px) {
  .home-hero .home-hero-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: 24px; padding: 40px 32px; }
  .home-hero .home-hero-text { padding-bottom: 0; }
  .home-hero .home-hero-figure { margin: 0 -32px 0 0; }
  .home-hero .home-hero-image { -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 32%, #000000 92%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 32%, #000000 92%, rgba(0, 0, 0, 0) 100%); }
}