/* Scoped finishing pass: preserve the homepage identity and typography. */
:root:root:root body:has(.hero) .home-brand-lockup {
  left: 3.3% !important;
}

:root:root:root body:has(.hero) .copy .invitation {
  display: inline-block !important;
  padding: .055em .22em .10em !important;
  border: 1px solid rgba(232, 207, 151, .48) !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg, rgba(28, 58, 43, .82), rgba(17, 45, 33, .94)) !important;
  box-shadow: 0 2px 0 rgba(111, 88, 49, .8), 0 5px 13px rgba(1, 16, 11, .2), inset 0 1px 0 rgba(255, 244, 218, .12) !important;
  color: inherit !important;
  text-decoration: none !important;
  text-shadow: 0 1px 7px rgba(0, 14, 8, .5) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
:root:root:root body:has(.hero) .copy .invitation:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 0 rgba(111, 88, 49, .8), 0 7px 16px rgba(1, 16, 11, .24), inset 0 1px 0 rgba(255, 244, 218, .16) !important;
}
:root:root:root body:has(.hero) .copy .invitation:focus-visible {
  outline: 2px solid #e6cf99 !important;
  outline-offset: 4px !important;
}

/* A translucent, editorial word tag; the whole collection photograph remains linked. */
:root:root:root .collection-index .collection-nine-mark {
  background: rgba(24, 43, 32, .42) !important;
  border: 0 !important;
  border-left: 1px solid rgba(234, 207, 151, .6) !important;
  box-shadow: none !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}
:root:root:root .collection-index .collection-nine-mark .collection-nine-pinecone {
  display: inline-block !important;
  flex: 0 0 17px !important;
  width: 17px !important;
  height: 17px !important;
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(80%) sepia(33%) saturate(505%) hue-rotate(357deg) brightness(105%) contrast(92%) drop-shadow(0 0 2px rgba(225, 191, 112, .3)) !important;
}

@media (max-width: 760px) {
  :root:root:root body:has(.hero) .home-brand-lockup {
    left: 14px !important;
  }
  :root:root:root body:has(.hero) .copy .invitation {
    padding: .07em .2em .12em !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root:root:root body:has(.hero) .copy .invitation { transition: none !important; }
}
