/* Approved client choices: BACP header mark and Option E interactions. */
.brand {
  gap: clamp(.55rem, 1.2vw, 1rem);
}
.brand::before {
  content: "";
  display: block;
  width: clamp(58px, 6vw, 82px);
  height: clamp(46px, 5vw, 68px);
  flex: 0 0 auto;
  background: url("../images/bacp-accreditation.webp") center / contain no-repeat;
  filter: drop-shadow(0 7px 12px rgba(59, 83, 73, .10));
}

/* Option E: apple-to-mist gradient, now used consistently. */
.main-nav .nav-link,
.btn {
  background-image: linear-gradient(115deg, rgba(208,238,184,.82), rgba(202,235,239,.84), rgba(233,247,218,.82));
  background-size: 220% 100%;
  background-position: 0 50%;
  color: var(--forest-deep);
  border-color: rgba(142,201,181,.42);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 9px 22px rgba(63,120,105,.11);
  transition: background-position .42s ease, transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.main-nav .nav-link:hover,
.main-nav .nav-link:focus-visible,
.main-nav .nav-link[aria-current="page"],
.btn:hover,
.btn:focus-visible {
  background-image: linear-gradient(115deg, rgba(208,238,184,.9), rgba(202,235,239,.92), rgba(233,247,218,.9));
  background-position: 100% 50%;
  border-color: rgba(142,201,181,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 28px rgba(63,120,105,.16);
  transform: translateY(-3px);
}

/* The leaf is a signature on headings and actions, not repeated as decoration everywhere. */
.eyebrow .icon { color: var(--eucalyptus); }
.page-hero__glass .eyebrow .icon { color: currentColor; }
.btn .icon:first-child { color: var(--eucalyptus); }

@media (max-width: 760px) {
  .brand::before { width: 48px; height: 44px; }
  .brand { gap: .35rem; }
}

@media (prefers-reduced-motion: reduce) {
  .main-nav .nav-link, .btn { transition: none; }
}