blinking typewritter title; new topics and keyword search research tab; adapted AI language

Author: ritamtbsilva

README.md

@@ -299,6 +299,7 @@ nav.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,.35); }
 }
 
 .hero-title {
+  position: relative;
   font-size: clamp(2.8rem, 6vw, 4.8rem);
   color: var(--white);
   margin-bottom: 1.5rem;
@@ -307,16 +308,43 @@ nav.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,.35); }
 }
 .hero-title span { color: var(--teal); }
 
+/* Typewriter animation layers.
+   .hero-title span { color:teal } has specificity 0-1-1, so we need
+   0-2-0 here to keep the wrapper spans white while inner <span>s stay teal. */
+.hero-title .hero-title-ghost {
+  display: block;          /* sets the h1 height so layout never shifts */
+  color: var(--white);
+  opacity: 0.18;
+  pointer-events: none;
+  user-select: none;
+}
+.hero-title-ghost-teal { color: var(--teal); }
+
+.hero-title .hero-title-typed {
+  position: absolute;
+  top: 0; left: 0;
+  display: block;
+  color: var(--white);     /* text defaults to white; inner <span> gets teal via .hero-title span */
+}
+/* Blinking cursor - permanent after typing completes */
+.hero-title-typed.typing::after {
+  content: '|';
+  color: rgba(255,255,255,.55);
+  animation: hero-caret-blink .7s step-end infinite;
+}
+@keyframes hero-caret-blink {
+  0%, 100% { opacity: 1; }
+  50%       { opacity: 0; }
+}
+
 .hero-desc {
   font-size: 1.15rem;
   color: rgba(255,255,255,.65);
   max-width: 580px;
   line-height: 1.8;
-  margin-bottom: 2.5rem;
+  margin-bottom: 1.5rem;
 }
 
-.hero-ctas { display: flex; flex-wrap: wrap; gap: 1rem; }
-
 .hero-affiliations {
   position: relative; z-index: 1;
   margin-top: 5rem;
@@ -1876,10 +1904,47 @@ footer {
 .rfilter-dot {
   width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
 }
-.rfilter-dot.cancer         { background: #fca5a5; }
-.rfilter-dot.neuro          { background: #c4b5fd; }
-.rfilter-dot.bioinformatics { background: #5eead4; }
-.rfilter-dot.biostatistics  { background: #fcd34d; }
+.rfilter-dot.cancer          { background: #fca5a5; }
+.rfilter-dot.neuro           { background: #c4b5fd; }
+.rfilter-dot.bioinformatics  { background: #5eead4; }
+.rfilter-dot.biostatistics   { background: #fcd34d; }
+.rfilter-dot.evolutionary    { background: #86efac; }
+.rfilter-dot.external   { background: #7dd3fc; }
+
+/* Keyword search */
+.research-keyword-search-wrap {
+  position: relative;
+  display: flex;
+  align-items: center;
+  max-width: 320px;
+  margin-bottom: 2rem;
+}
+.research-keyword-search-icon {
+  position: absolute;
+  left: .75rem;
+  color: var(--muted);
+  pointer-events: none;
+  flex-shrink: 0;
+}
+.research-keyword-search {
+  width: 100%;
+  padding: .5rem .9rem .5rem 2.25rem;
+  border-radius: 999px;
+  border: 1.5px solid var(--border);
+  background: var(--white);
+  color: var(--navy);
+  font-size: .84rem;
+  font-family: var(--font-body);
+  transition: border-color var(--transition), box-shadow var(--transition);
+  outline: none;
+  -webkit-appearance: none;
+}
+.research-keyword-search::placeholder { color: var(--muted); }
+.research-keyword-search:focus {
+  border-color: var(--teal);
+  box-shadow: 0 0 0 3px rgba(8,124,114,.1);
+}
+.research-keyword-search::-webkit-search-cancel-button { cursor: pointer; }
 
 /* Project card grid */
 .research-card-grid {
@@ -1939,6 +2004,8 @@ footer {
 .research-theme-pill.neuro          { background: #f5f3ff; color: #6d31cc; } /* was passing; darkened for consistency */
 .research-theme-pill.bioinformatics { background: #f0fdfa; color: #087c72; } /* uses new --teal, passes 4.5:1 */
 .research-theme-pill.biostatistics  { background: #fffbeb; color: #92400e; } /* amber-800 ~7.5:1 on pill-bg, WCAG AA */
+.research-theme-pill.evolutionary   { background: #f0fdf4; color: #166534; } /* green-800 ~7:1 on pill-bg, WCAG AA */
+.research-theme-pill.external  { background: #f0f9ff; color: #0369a1; } /* sky-700 ~5.7:1 on pill-bg, WCAG AA */
 
 .research-card-title {
   font-size: .9rem;
@@ -2006,6 +2073,14 @@ footer {
   border-color: #fcd34d;
   background: #fffef5;
 }
+.research-card[data-theme~="evolutionary"]:hover {
+  border-color: #86efac;
+  background: #f7fff9;
+}
+.research-card[data-theme~="external"]:hover {
+  border-color: #7dd3fc;
+  background: #f5faff;
+}
 /* Stripe grows on hover */
 .research-card:hover .research-card-stripe { height: 6px; }
 
@@ -2205,6 +2280,8 @@ footer {
 .research-pub-panel-summary.neuro          { border-left: 4px solid #c4b5fd; }
 .research-pub-panel-summary.bioinformatics { border-left: 4px solid #5eead4; }
 .research-pub-panel-summary.biostatistics  { border-left: 4px solid #fcd34d; }
+.research-pub-panel-summary.evolutionary   { border-left: 4px solid #86efac; }
+.research-pub-panel-summary.external  { border-left: 4px solid #7dd3fc; }
 .research-pub-panel-chevron {
   margin-left: auto;
   flex-shrink: 0;