/* Defiance 25th anniversary — home only (anniversary-v1.css) */
.home-hero{
  position:relative;
}
.anniversary-badge{
  display:block;
  filter:drop-shadow(0 10px 24px rgba(9,23,44,.35));
  pointer-events:none;
}
.anniversary-badge--hero{
  position:absolute;
  right:clamp(1rem, 3.5vw, 2.75rem);
  bottom:clamp(1rem, 2.8vw, 2.25rem);
  width:clamp(148px, 15vw, 210px);
  height:auto;
  z-index:5;
}
.anniversary-band{
  background:linear-gradient(90deg, var(--navy, #142f67), var(--navy-2, #2758a3));
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.anniversary-band__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:.85rem 1rem;
  min-height:56px;
}
.anniversary-band__text{
  margin:0;
  font-weight:700;
  font-size:clamp(.98rem, 2.1vw, 1.15rem);
  letter-spacing:.015em;
  text-wrap:balance;
  max-width:48ch;
}

/* Tablet: keep badge clear of CTAs */
@media (max-width:980px){
  .anniversary-badge--hero{
    width:clamp(120px, 18vw, 160px);
    right:1rem;
    bottom:1rem;
  }
}

/*
  Mobile: stacked full-width CTAs own the lower hero.
  Park the badge top-right above the headline/CTAs so it never covers them.
*/
@media (max-width:720px){
  .anniversary-badge--hero{
    width:78px;
    top:.7rem;
    bottom:auto;
    right:.65rem;
  }
  .anniversary-band__inner{padding:.7rem .9rem;min-height:48px}
  .anniversary-band__text{font-size:.92rem}
}

@media (max-width:480px){
  .anniversary-badge--hero{
    width:68px;
    top:.55rem;
    right:.5rem;
  }
}
