.aviary-eagles {
  --eagle-sky: #dbe9e8;
  --eagle-pine: #365e4c;
  --eagle-gold: #c79a43;
}

.aviary-eagles .site-header {
  border-bottom-color: color-mix(in srgb, var(--eagle-gold) 56%, var(--line));
  background:
    linear-gradient(100deg, rgba(250, 246, 233, 0.97), rgba(231, 241, 238, 0.95)),
    var(--paper-glass);
  box-shadow: 0 9px 30px rgba(54, 94, 76, 0.08);
}

.aviary-eagles .site-header .site-header__inner {
  width: min(calc(100% - var(--s-6)), 1240px);
  gap: clamp(var(--s-2), 2vw, var(--s-5));
}

.aviary-eagles .site-header .site-brand__mark {
  width: 52px;
  height: 52px;
  border: 2px solid rgba(199, 154, 67, 0.68);
  border-radius: 15px;
  background: #fffaf0;
  box-shadow: 0 5px 16px rgba(54, 94, 76, 0.12);
}

.aviary-eagles .site-header .site-brand__name {
  color: #293c31;
  font-size: clamp(1.08rem, 2vw, 1.38rem);
}

.aviary-eagles .site-header .site-brand__note {
  color: var(--eagle-pine);
}

.eagles-quick-nav {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(92px, 1fr));
  gap: var(--s-2);
  margin-left: auto;
}

.eagles-quick-nav__link {
  display: grid;
  min-width: 0;
  min-height: 52px;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: var(--s-2);
  padding: 5px 10px 5px 6px;
  border: 1px solid rgba(88, 111, 93, 0.24);
  border-radius: 15px;
  background: rgba(255, 252, 242, 0.82);
  color: #304a3c;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 150ms var(--ease), background 150ms var(--ease), transform 150ms var(--ease);
}

.eagles-quick-nav__link img {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(199, 154, 67, 0.38);
  border-radius: 10px;
  object-fit: cover;
  background: #fffaf0;
}

.eagles-quick-nav__link:hover,
.eagles-quick-nav__link:focus-visible,
.eagles-quick-nav__link[aria-current] {
  border-color: var(--eagle-gold);
  background: #fffaf0;
  color: #20382c;
  transform: translateY(-1px);
}

.eagles-quick-nav__link[aria-current] {
  box-shadow: inset 0 -3px 0 var(--eagle-pine);
}

.aviary-eagles .site-header .menu-toggle {
  border-color: rgba(199, 154, 67, 0.72);
  background: #fffaf0;
  color: #304a3c;
}

.aviary-eagles .site-header[data-menu-open="true"] .menu-toggle {
  border-color: var(--eagle-pine);
  background: var(--eagle-pine);
  color: #fffaf0;
}

.aviary-eagles .site-header .cluster-nav__heading {
  background:
    linear-gradient(100deg, rgba(255, 250, 240, 0.97), rgba(230, 241, 238, 0.97));
}

.aviary-eagles .site-header .cluster-nav__eyebrow {
  color: var(--eagle-pine);
}

.aviary-eagles .site-header .cluster-nav__group[data-cluster="watching"] {
  --cluster-color: #5f8e82;
}

.aviary-eagles .site-header .cluster-nav__group[data-cluster="family"] {
  --cluster-color: #b57a43;
}

.aviary-eagles .site-header .cluster-nav__group[data-cluster="stewardship"] {
  --cluster-color: #7b8c4b;
  grid-column: 1 / -1;
}

.aviary-eagles .site-header .cluster-nav__group[data-cluster="stewardship"] .cluster-nav__links {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1080px) {
  .eagles-quick-nav {
    grid-template-columns: repeat(4, 52px);
  }

  .eagles-quick-nav__link {
    display: flex;
    justify-content: center;
    padding: 5px;
  }

  .eagles-quick-nav__link span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

@media (max-width: 820px) {
  .eagles-quick-nav {
    display: none;
  }
}

@media (max-width: 440px) {
  .aviary-eagles .site-header .site-header__inner {
    width: min(calc(100% - var(--s-4)), 1240px);
  }

  .aviary-eagles .site-header .site-brand__mark {
    width: 46px;
    height: 46px;
  }

  .aviary-eagles .site-header .site-brand__note {
    display: none;
  }

  .aviary-eagles .site-header .menu-toggle {
    min-width: 82px;
    padding-inline: var(--s-3);
  }
}

@media (max-width: 720px) {
  .aviary-eagles .site-header .cluster-nav__group[data-cluster="stewardship"] .cluster-nav__links {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eagles-quick-nav__link {
    transition: none;
  }
}