/* Final navigation, homepage filter, and Learn More refinements — 2026-07-29 */

/* Homepage scroll indicator */
.page-home .hero-scroll-indicator {
  color: #cccc33 !important;
}

/* Keep the homepage project filter simple and unboxed. */
.page-home .project-filter__toggle {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #2d2d2d !important;
  font-family: "Raleway", sans-serif;
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 400;
  line-height: 1;
}

.page-home .project-filter__toggle:hover,
.page-home .project-filter__toggle:focus-visible {
  background: transparent !important;
  color: #2d2d2d !important;
  box-shadow: none !important;
}

/* Draw a true down chevron that turns upward while the menu is open. */
.page-home .project-filter__arrow {
  display: inline-block;
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  margin-top: -4px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  color: #2d2d2d !important;
  font-size: 0 !important;
  line-height: 0;
  transform: rotate(45deg) !important;
  transform-origin: 50% 50%;
  transition: transform 180ms ease;
}

.page-home .project-filter__toggle[aria-expanded="true"] .project-filter__arrow {
  margin-top: 4px;
  transform: rotate(225deg) !important;
}

/* Keep the dropdown list readable without making the trigger look boxed. */
.page-home .project-filter__menu {
  background: #ffffff !important;
  color: #2d2d2d !important;
}

.page-home .project-filter__menu button {
  color: #2d2d2d !important;
}

/* Project page top bar stays consistent with the homepage navigation. */
.project-page .project-site-header,
.project-page .project-nav {
  background: #2d2d2d !important;
  color: #ffffff !important;
}

.project-page .menu-toggle {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.project-page .menu-toggle__line {
  background: #ffffff !important;
}

/* The right-side drawer is white while the fixed top bar remains dark. */
.project-page .menu-panel,
.project-page .menu-panel__inner,
.project-page .menu-panel__top {
  background: #ffffff !important;
  color: #2d2d2d !important;
}

.project-page .menu-panel {
  border-left: 1px solid rgba(45, 45, 45, 0.12) !important;
  box-shadow: -18px 0 44px rgba(0, 0, 0, 0.12) !important;
}

.project-page .menu-panel a,
.project-page .menu-primary,
.project-page .menu-work-toggle,
.project-page .menu-work-submenu a,
.project-page .menu-close,
.project-page .menu-panel__label,
.project-page .menu-contact__label,
.project-page .menu-contact__icon {
  color: #2d2d2d !important;
}

.project-page .menu-panel a:hover,
.project-page .menu-panel a:focus-visible,
.project-page .menu-work-toggle:hover,
.project-page .menu-work-toggle:focus-visible,
.project-page .menu-close:hover,
.project-page .menu-close:focus-visible {
  color: #023fa1 !important;
}

.project-page .menu-work-submenu {
  background: #ffffff !important;
}

/* Restore and standardize the heading above related project covers. */
.project-page .learn-more__title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  margin: 0 0 clamp(20px, 2.4vw, 32px) !important;
  padding: 0 !important;
  color: #023fa1 !important;
  font-family: "Raleway", sans-serif !important;
  font-size: clamp(1.5rem, 2.2vw, 2rem) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
}