/* 45th anniversary hero */
#hero45 {
  position: relative;
  width: 100%;
  min-height: 340px;
  background: url('../45th-anniversary/hero-45th.webp') 60% 50% / cover no-repeat #203042;
}
#hero45-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.10);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 20px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
.hero45-eyebrow {
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  opacity: 0.9;
  margin: 0 0 5px;
}
#hero45-title {
  font-family: 'Playfair Display', serif;
  font-size: 2.6em;
  font-weight: 500;
  margin: 0 0 0px;
  line-height: 1.1;
  font-variant-numeric: lining-nums;
}
#hero45-sub {
  font-family: 'Playfair Display', serif;
  font-size: 1.9em;
  opacity: 0.85;
  margin: 0 0 15px;
}
#hero45-date {
  font-size: 1.1em;
  font-weight: 600;
  margin: 0 0 15px;
  line-height: 1.2;
}
a.hero45-btn {
  display: inline-block;
  background: #884749;
  color: #fff !important;
  text-decoration: none !important;
  padding: 12px 28px;
  border-radius: 4px;
  font-size: 0.95em;
  font-weight: 600;
  letter-spacing: 0.03em;
  transition: background 0.2s;
}
a.hero45-btn:hover {
  background: #6e3538 !important;
}
br.mobile-only { display: none; }
@media only screen and (max-width: 600px) {
  br.mobile-only { display: inline; }
  #hero45 { min-height: 256px; background-position: 70% 50%; }
  #hero45-overlay {
    align-items: flex-start;
    text-align: left;
    padding: 30px 30px;
  }
  #hero45-title { font-size: 2em;  line-height: 1;}
  #hero45-sub { font-size: 1.6em; margin-bottom: 5px;}
  .hero45-eyebrow {font-size: 0.9rem; }
}