/* Fade the whole introduction as one surface. Child animation cancellation must
   not instantly hide the text before its parent opacity transition completes. */
body.finder-active .project-hero{display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 340ms ease,visibility 0s 340ms}
body.finder-active .project-hero .hero-copy>*{opacity:1;transform:none;animation:none;transition:none}
body.finder-active .project-hero a{pointer-events:none}
.explorer .sidebar h2,.explorer .sidebar h3,.explorer .detail-panel h2,.explorer .detail-panel h3,.explorer #hoverCard,.explorer #hoverCard strong,.explorer #hoverCard span{font-family:Inter,Arial,sans-serif!important;letter-spacing:-.25px}
.explorer .results-heading h2,.explorer .card-main h3,.explorer #hoverCard strong{font-weight:600}.explorer .floating-title h2,.explorer .detail-panel h2{font-weight:500}.explorer .card-main h3{line-height:1.35}
@media(max-width:700px){
 body.entering-finder:not(.finder-menu-visible) .explorer .sidebar{opacity:0;visibility:hidden;transform:translateY(14px)}
 body.finder-menu-visible .explorer .sidebar{opacity:1;visibility:visible;transform:none;transition:opacity 240ms ease,transform 340ms cubic-bezier(.2,.75,.2,1)}
}
@media(prefers-reduced-motion:reduce){body.finder-active .project-hero{transition:none}.explorer .sidebar{transition:none!important;transform:none!important}}