/* Home hero: Hummingbird Market on the Keelan River button (Brendan 2026-10-04).
   Bird = button-sized cut of the Market guide bird (from the locked hero bird; hero image untouched).
   CSS only: the wings flutter, the bird hovers; prefers-reduced-motion shows the still bird. */
.hm-btn {
  --hm-gold: #C9A962; --hm-copper: #B87333;
  position: relative; display: inline-flex; align-items: center; gap: 14px;
  margin-top: 16px; padding: 10px 26px 10px 12px; min-height: 64px;
  border: 1px solid rgba(201, 169, 98, .62); border-radius: 2px;
  background: linear-gradient(135deg, rgba(20, 16, 31, .92), rgba(8, 8, 10, .92));
  box-shadow: inset 0 0 0 1px rgba(184, 115, 51, .18), 0 10px 30px -14px rgba(201, 169, 98, .45);
  color: #F5F2EB; text-decoration: none; overflow: hidden; isolation: isolate;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.hm-btn::before {                       /* slow gold-to-copper sheen */
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(201, 169, 98, .16) 48%, rgba(184, 115, 51, .14) 56%, transparent 72%);
  background-size: 250% 100%; background-position: 120% 0;
  animation: hm-sheen 6s ease-in-out infinite;
}
.hm-btn:hover, .hm-btn:focus-visible {
  color: #fff; border-color: var(--hm-gold); transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(184, 115, 51, .35), 0 14px 34px -12px rgba(201, 169, 98, .6);
}
.hm-btn:focus-visible { outline: 2px solid var(--hm-gold); outline-offset: 3px; }
.hm-btn__bird { position: relative; flex: 0 0 auto; width: 72px; height: 60px; margin: -4px 0; }
.hm-btn__fly { position: absolute; inset: 0; transform: scaleX(-1); }   /* face the label */
.hm-btn__hover { position: absolute; inset: 0; animation: hm-hover 2.6s ease-in-out infinite; }
.hm-btn__bird img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hm-btn__wings { transform-origin: 52% 43%; animation: hm-flap .14s ease-in-out infinite alternate; }
.hm-btn__bird .hm-btn__still { display: none; }   /* beat `.hm-btn__bird img` specificity so the still bird never doubles over the animated one */
.hm-btn:hover .hm-btn__hover, .hm-btn:focus-visible .hm-btn__hover { animation: hm-dart 1.4s ease-in-out infinite; }
.hm-btn:hover .hm-btn__wings, .hm-btn:focus-visible .hm-btn__wings { animation-duration: .08s; }
.hm-btn__text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; text-align: left; }
.hm-btn__label {
  font-family: var(--font-body, 'Source Sans 3', system-ui, sans-serif);
  font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--hm-gold);
}
.hm-btn__sub {
  margin-top: 4px; font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic;
  font-size: 1.12rem; font-weight: 600; letter-spacing: .02em; color: #E8C9A4;
}
.hm-btn:hover .hm-btn__label { color: #E3C987; }
.hm-btn__arrow { margin-left: 6px; color: var(--hm-copper); font-size: 1.1rem; transition: transform .25s ease; }
.hm-btn:hover .hm-btn__arrow, .hm-btn:focus-visible .hm-btn__arrow { transform: translateX(4px); color: var(--hm-gold); }
@keyframes hm-flap { from { transform: scaleY(1) rotate(0); } to { transform: scaleY(.55) rotate(9deg); } }
@keyframes hm-hover {
  0%, 100% { transform: translate(0, 1px) rotate(0); }
  30% { transform: translate(-2px, -3px) rotate(-3deg); }
  60% { transform: translate(1px, -1px) rotate(1deg); }
}
@keyframes hm-dart {
  0%, 100% { transform: translate(0, 0) rotate(-2deg); }
  50% { transform: translate(-6px, -3px) rotate(-6deg); }   /* parent is mirrored: -x = toward the label */
}
@keyframes hm-sheen { 0%, 55% { background-position: 120% 0; } 85%, 100% { background-position: -20% 0; } }
@media (max-width: 640px) {
  /* Phones: lift the button to the first screen, directly under the tagline and above the blurb (CSS order only; markup stays after the CTA row). */
  .page-home .hero__copy { display: flex; flex-direction: column; align-items: center; }
  .page-home .hero__copy > .hero-blurb, .page-home .hero__copy > .cta-row { order: 2; }
  .page-home .hero__copy > .hm-btn { order: 1; }
  .hm-btn { display: flex; width: 100%; max-width: 360px; justify-content: center; gap: 10px; margin: 0 auto 24px; padding: 8px 14px 8px 6px; }
  .hm-btn__bird { width: 60px; height: 50px; margin: 0; }
  .hm-btn__label { font-size: .68rem; letter-spacing: .09em; }
  .hm-btn__sub { font-size: 1.05rem; }
  .hm-btn__arrow { margin-left: 2px; }
}
@media (prefers-reduced-motion: reduce) {
  .hm-btn, .hm-btn::before, .hm-btn__hover, .hm-btn__wings, .hm-btn__arrow { animation: none !important; transition: none; }
  .hm-btn:hover, .hm-btn:focus-visible { transform: none; }
  .hm-btn__bird .hm-btn__body, .hm-btn__bird .hm-btn__wings { display: none; }
  .hm-btn__bird .hm-btn__still { display: block; }
}