.hero.home-hero {
  position: relative;
  isolation: isolate;
  padding-block: 0;
  border-radius: 0;
  border-bottom: 1px solid #dce3ee;
  background: #eceef0 url('/assets/brand/shufflebets-hero-background-20260922.png') center / cover no-repeat;
}
.home-hero .home-hero-stage {
  display: flex;
  align-items: center;
  min-height: 390px;
  padding-block: 38px;
}
.home-hero .home-hero-copy { width: 58%; text-align: left; }
.home-hero .home-hero-copy .meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  color: #3a4960;
  font-size: 14px;
  line-height: 22px;
}
.home-hero .home-hero-copy .meta::before {
  content: '';
  flex: 0 0 24px;
  height: 3px;
  background: #a27518;
}
.home-hero h1 {
  max-width: none;
  white-space: nowrap;
  margin: 0 0 18px;
  color: #1c2a42;
  font-size: 48px;
  line-height: 1.08;
  letter-spacing: 0;
}
.home-hero h1 span { display: inline; }
.home-hero .home-hero-description {
  max-width: 520px;
  margin: 0;
  color: #34435a;
  font-size: 18px;
  line-height: 1.55;
}
.home-hero .hero-actions { justify-content: flex-start; gap: 12px; margin-top: 24px; }
.home-hero .hero-actions .btn { min-height: 48px; border-radius: 6px; }
.home-hero + .section { padding-top: 64px; }
@media (max-width: 1000px) {
  .home-hero h1 { font-size: 42px; white-space: normal; }
}
@media (max-width: 760px) {
  .home-hero + .section { padding-top: 40px; }
  .hero.home-hero { background-position: right center; }
  .hero.home-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgb(255 255 255 / 86%);
  }
  .home-hero .home-hero-stage { min-height: 0; padding-block: 28px; }
  .home-hero .home-hero-copy { width: 100%; }
  .home-hero .home-hero-copy .meta { gap: 8px; margin-bottom: 16px; font-size: 12px; line-height: 18px; }
  .home-hero .home-hero-copy .meta::before { flex-basis: 18px; }
  .home-hero h1 { margin-bottom: 16px; font-size: 34px; line-height: 1.12; }
  .home-hero .home-hero-description { max-width: 560px; font-size: 16px; line-height: 1.5; }
  .home-hero .hero-actions { gap: 8px; margin-top: 20px; }
  .home-hero .hero-actions .btn { min-height: 46px; padding: 11px 16px; font-size: 15px; line-height: 22px; }
}
@media (max-width: 360px) {
  .home-hero h1 { font-size: 30px; }
  .home-hero .hero-actions .btn { padding-inline: 12px; font-size: 14px; }
}