{"id":16,"date":"2025-07-17T17:50:47","date_gmt":"2025-07-17T17:50:47","guid":{"rendered":"https:\/\/charm.seas.harvard.edu\/?page_id=16"},"modified":"2026-05-07T09:59:30","modified_gmt":"2026-05-07T13:59:30","slug":"home","status":"publish","type":"page","link":"https:\/\/charm.seas.harvard.edu\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- CHARM Smooth Banner -->\n<section class=\"charm-banner\">\n  <div class=\"charm-banner-inner\">\n\n    <!-- Left: photo fills full height -->\n    <div class=\"charm-banner-left\">\n      <img decoding=\"async\"\n        src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/05\/IMG_3680.jpg\"\n        alt=\"CHARM members gather for a discussion with guest Barbara Grosz\"\n        class=\"charm-banner-img\"\n      \/>\n    <\/div>\n\n    <!-- Right: dark purple panel with center name -->\n    <div class=\"charm-banner-main\">\n      <p class=\"charm-banner-kicker\">Harvard SEAS<\/p>\n      <h1 class=\"charm-banner-title\">CHARM<\/h1>\n      <p class=\"charm-banner-subtitle\">\n        Center for Human\u2011Driven AI<br>Research and Methods\n      <\/p>\n      <div class=\"charm-banner-rule\" aria-hidden=\"true\"><\/div>\n      <p class=\"charm-banner-tagline\">\n        AI that grows people,<br>not replaces them.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --charm-purple: #5C3C99;\n  --charm-orange: #F28E2B;\n  --charm-orange-light: #FFF6EB;\n  --charm-heading: \"Space Grotesk\", system-ui, -apple-system, BlinkMacSystemFont,\n                   \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n  --charm-body: \"DM Sans\", system-ui, -apple-system, BlinkMacSystemFont,\n                \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n  --charm-ink: #241634;\n}\n\n\/* \u2500\u2500 Outer band \u2500\u2500 *\/\n.charm-banner {\n  width: 100%;\n  margin: 0 0 1.5rem;\n  padding: 0;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n\/* \u2500\u2500 Two-column grid: 66% photo \/ 34% text \u2500\u2500 *\/\n.charm-banner-inner {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0;\n  display: grid;\n  grid-template-columns: 1.8fr 1fr;\n  gap: 0;\n  align-items: stretch;\n  box-sizing: border-box;\n}\n\n\/* \u2500\u2500 Left: photo panel \u2500\u2500 *\/\n.charm-banner-left {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: stretch;\n}\n\n\/* Subtle inner-shadow on the right edge so it blends into the purple panel *\/\n.charm-banner-left::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 80px;\n  background: linear-gradient(\n    to right,\n    transparent,\n    rgba(36, 16, 60, 0.35)\n  );\n  pointer-events: none;\n}\n\n.charm-banner-img {\n  width: 100%;\n  height: 100%;\n  min-height: 220px;\n  max-height: 400px;\n  display: block;\n  object-fit: cover;\n  object-position: center center;\n}\n\n\/* \u2500\u2500 Right: deep purple text panel \u2500\u2500 *\/\n.charm-banner-main {\n  background: linear-gradient(\n    160deg,\n    #2a1250 0%,\n    var(--charm-purple) 60%,\n    #3d1f7a 100%\n  );\n  padding: 2.4rem 2rem 2.4rem 2.2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Subtle radial highlight in the top-right corner *\/\n.charm-banner-main::before {\n  content: \"\";\n  position: absolute;\n  top: -30%;\n  right: -20%;\n  width: 70%;\n  height: 70%;\n  background: radial-gradient(\n    circle,\n    rgba(255, 255, 255, 0.08),\n    transparent 70%\n  );\n  pointer-events: none;\n}\n\n\/* Small \"Harvard SEAS\" kicker *\/\n.charm-banner-kicker {\n  margin: 0 0 0.5rem;\n  font-family: var(--charm-heading);\n  font-size: 0.9rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.6);\n}\n\n\/* Large CHARM title *\/\n.charm-banner-title {\n  margin: 0 0 0.2rem;\n  font-family: var(--charm-heading);\n  font-size: clamp(3rem, 4.2vw, 3.8rem);\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  color: #ffffff;\n  line-height: 1;\n}\n\n\/* Full center name *\/\n.charm-banner-subtitle {\n  margin: 0 0 1rem;\n  font-family: var(--charm-body);\n  font-size: 1.1rem;\n  line-height: 1.55;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.78);\n}\n\n\/* Short decorative rule between subtitle and tagline *\/\n.charm-banner-rule {\n  width: 90px;\n  height: 2px;\n  border-radius: 999px;\n  background: linear-gradient(\n    90deg,\n    var(--charm-orange),\n    rgba(255, 155, 58, 0.3)\n  );\n  margin-bottom: 0.9rem;\n}\n\n\/* Short tagline *\/\n.charm-banner-tagline {\n  margin: 0;\n  font-family: var(--charm-body);\n  font-size:  0.9rem;\n  line-height: 1.65;\n  color: rgba(255, 255, 255, 0.65);\n  font-style: italic;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .charm-banner-inner {\n    grid-template-columns: 1fr;\n  }\n\n  .charm-banner-left {\n    height: 220px;\n  }\n\n  \/* On mobile the shadow fades downward instead of rightward *\/\n  .charm-banner-left::after {\n    top: unset;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    width: auto;\n    height: 60px;\n    background: linear-gradient(\n      to bottom,\n      transparent,\n      rgba(36, 16, 60, 0.4)\n    );\n  }\n\n  .charm-banner-img {\n    width: 100%;\n    height: 100%;\n  }\n\n  .charm-banner-main {\n    padding: 1.6rem 1.4rem 1.8rem;\n    align-items: center;\n    text-align: center;\n  }\n\n  .charm-banner-kicker {\n    text-align: center;\n  }\n\n  .charm-banner-rule {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .charm-banner-title {\n    font-size: clamp(2.2rem, 8vw, 2.8rem);\n  }\n\n  .charm-banner-subtitle {\n    font-size: 0.84rem;\n  }\n\n  .charm-banner-tagline {\n    font-size: 0.88rem;\n  }\n}\n\n@media (max-width: 540px) {\n  .charm-banner-left {\n    height: 180px;\n  }\n\n  .charm-banner-main {\n    padding: 1.3rem 1.1rem 1.5rem;\n  }\n}\n<\/style>\n\n\n\n<section class=\"charm-hero-text\">\n  <p class=\"charm-hero-tagline\">\n    Human-driven AI research that grows people and organizations, \n    not replaces them.\n  <\/p>\n<\/section>\n\n<style>\n.charm-hero-text {\n  max-width: 1400px;\n  margin: 2.5rem auto 2rem;\n  padding: 0 1.5rem;\n  text-align: center;\n}\n\n.charm-hero-text h1 {\n  font-size: 2.1rem;\n  margin-bottom: 0.5rem;\n}\n\n.charm-hero-tagline {\n  font-size: 1.1rem;\n  margin-bottom: 1.5rem;\n  color: #444;\n}\n\n.charm-hero-ctas {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.75rem;\n  justify-content: center;\n}\n\n.charm-btn {\n  display: inline-block;\n  padding: 0.6rem 1.4rem;\n  border-radius: 999px;\n  font-size: 0.95rem;\n  text-decoration: none;\n  font-weight: 600;\n}\n\n.charm-btn-primary {\n  background: #5C3C99;\n  color: #fff;\n}\n\n.charm-btn-secondary {\n  border: 1px solid #5C3C99;\n  color: #5C3C99;\n  background: #fff;\n}\n\n@media (max-width: 600px) {\n  .charm-hero-text h1 {\n    font-size: 1.6rem;\n  }\n}\n<\/style>\n\n\n\n<section class=\"charm-audience-strip\">\n  <div class=\"charm-audience-card\">\n    <h3>For the public<\/h3>\n    <p>See how human-driven AI research shapes everyday experiences with technology.<\/p>\n    <a href=\"#about-charm\" class=\"audience-link\">Learn more<\/a>\n  <\/div>\n  <div class=\"charm-audience-card\">\n    <h3>For researchers<\/h3>\n    <p>Explore CHARM\u2019s research agenda and impact stories.<\/p>\n    <a href=\"#research\" class=\"audience-link\">View our research publications<\/a>\n  <\/div>\n  <div class=\"charm-audience-card\">\n    <h3>For industry partners<\/h3>\n    <p>Partner with CHARM on human-centered AI tools, decision-support, and evaluation.<\/p>\n    <a href=\"https:\/\/charm.seas.harvard.edu\/?page_id=53\" class=\"audience-link\">Partner with us<\/a>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  \/* Base orange from your banner; adjust if needed *\/\n  --charm-orange-base: #FF9B3A;\n  \/* Much lighter orange for backgrounds *\/\n  --charm-orange-light: #FFF6EB;\n}\n\n\/* Container layout *\/\n.charm-audience-strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1.2rem;\n  margin: 1.5rem auto 2.5rem;\n  max-width: 1400px;\n  padding: 0 1.5rem;\n}\n\n\/* Light orange cards that blend into white page *\/\n.charm-audience-card {\n  background: var(--charm-orange-light);\n  border-radius: 8px;\n  padding: 1.1rem 1.2rem;\n  border: 1px solid rgba(242, 142, 43, 0.25);\n  position: relative;\n  color: #333;\n}\n\n\/* Optional: small orange accent bar at top *\/\n.charm-audience-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  border-radius: 8px 8px 0 0;\n  background: linear-gradient(\n    90deg,\n    var(--charm-orange-base),\n    #ffd799\n  );\n}\n\n.charm-audience-card h3 {\n  margin: 0.3rem 0 0.4rem;\n  font-size: 1.0rem;\n  color: #5C3C99; \/* purple headings *\/\n}\n\n.charm-audience-card p {\n  margin: 0 0 0.6rem;\n  font-size: 0.9rem;\n  color: #444; \/* readable on light orange *\/\n}\n\n\/* Links stay purple and stand out *\/\n.audience-link {\n  font-size: 0.9rem;\n  font-weight: 700;\n  color: #5C3C99;\n  text-decoration: none;\n}\n\n.audience-link:hover {\n  text-decoration: underline;\n}\n\n\/* Mobile: stack cards *\/\n@media (max-width: 800px) {\n  .charm-audience-strip {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n\n\n<section id=\"about-charm\" class=\"charm-about\">\n  <p class=\"charm-about-kicker\">About CHARM<\/p>\n  <h2>The Center for Human-Driven AI Research and Methods<\/h2>\n  <p>\n    The Center for Human-Driven AI Research and Methods (CHARM) is a multi-faculty center at the Harvard John A. Paulson School of Engineering and Applied Sciences. We focus on human\u2013AI interaction design and computational methods that leaves people stronger, not just faster in the moment.\n  <\/p>\n\n  <h3><b>Why CHARM now?<\/b><\/h3>\n  <p>\n    <!--AI is rapidly transforming the world, but the race to make the world's best AI can cause deskilling in us. We at CHARM are creating tools and researching how to use AI to help improve our knowledge while we use it, not just have AI do tasks for us. -->\n\nAI is often framed as a race for speed: replace human labor with computation, produce more, finish faster. Yet this approach of optimizing for the immediate term risks losing out in the longer run. \n<\/p><p>\nAt CHARM, we recognize that a single task is never the whole story. A great summary for a negotiator is just one step in their negotiation journey. A great data analysis for a patient is just one step in their health journey. A great writing support tool for a student is just one step of their learning journey. Each task is a moment in a longer human arc\u2014learning, judgment, health, negotiation, creativity. \n<\/p><p>\nIn addition to asking \u201cDid the tool complete this step?\u201d we also ask \u201cDid the person leave stronger after using it?\u201d or \u201cIs the person better able to fulfill their needs and values?\u201d \n  <\/p>\n\n  <h3><b>Our Mission &amp; Strategy<\/b><\/h3>\n\n <p>\n    <span class=\"charm-label\">Mission:<\/span>\n   To create AI tools that put people first: AI that expands human capability, leaving people better prepared for the next challenge. \n  <\/p>\n  <p>\n    <span class=\"charm-label\">Strategy:<\/span>\n    We make scientific contributions in human-computer interaction, visual computing, and machine learning to design tools that augment human capabilities and unlock what people and organizations can achieve. We move beyond proofs-of-concept to effective products by collaborating with institutions from around the world.\n  <\/p>\n<\/section>\n\n<style>\n.charm-about {\n  max-width: 1400px;\n  margin: 2.5rem auto;\n  padding: 0 1.5rem;\n}\n\n\/* Small colored label above the main heading *\/\n.charm-about .charm-about-kicker {\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  font-size: 0.8rem;\n  font-weight: 700;\n  color: #5C3C99;\n  margin: 0 0 0.35rem;\n}\n\n\/* Main section heading *\/\n.charm-about h2 {\n  font-size: 1.9rem;\n  line-height: 1.25;\n  margin: 0 0 0.9rem;\n  color: #111;\n}\n\n\/* Subheadings *\/\n.charm-about h3 {\n  font-size: 1.2rem;\n  margin: 1.6rem 0 0.4rem;\n  color: #5C3C99;\n}\n\n\/* Body text *\/\n.charm-about p {\n  font-size: 0.98rem;\n  line-height: 1.7;\n  color: #333;\n  margin: 0 0 0.8rem;\n}\n\n\/* Inline labels for Mission \/ Strategy *\/\n.charm-about .charm-label {\n  display: inline-block;\n  font-weight: 700;\n  color: #5C3C99;\n  margin-right: 0.4rem;\n}\n<\/style>\n\n\n\n<section class=\"charm-who\">\n  <div class=\"charm-who-header\">\n    <p class=\"charm-section-kicker\">Who are we?<\/p>\n    <h2>Faculty leading CHARM<\/h2>\n    <p class=\"charm-who-intro\">\n      CHARM brings together faculty from across Harvard SEAS,\n      united by a focus on human-driven AI methods and interaction design.\n    <\/p>\n  <\/div>\n\n  <!-- All 4 cards in one row -->\n  <div class=\"charm-who-top\">\n    <article class=\"charm-person-card\">\n      <a href=\"https:\/\/finale.seas.harvard.edu\/\" target=\"blank\">\n        <img decoding=\"async\" class=\"charm-person-photo\"\n             src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2025\/07\/finale-1-scaled-e1753280878606.jpg\"\n             alt=\"Finale Doshi-Velez\" \/>\n      <\/a>\n      <h3>Finale Doshi-Velez<\/h3>\n      <p class=\"charm-person-role\">Herchel Smith Professor of Computer Science<\/p>\n      <p class=\"charm-person-focus\">\n        Reinforcement learning, AI in medicine, decision-making\n      <\/p>\n    <\/article>\n\n    <article class=\"charm-person-card\">\n      <a href=\"https:\/\/hci.seas.harvard.edu\/people\/krzysztof-gajos\" target=\"blank\">\n        <img decoding=\"async\" class=\"charm-person-photo\"\n             src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2025\/07\/Krzysztof-e1754320240767.jpg\"\n             alt=\"Krzysztof Gajos\" \/>\n      <\/a>\n      <h3>Krzysztof Gajos<\/h3>\n      <p class=\"charm-person-role\">Gordon McKay professor of Computer Science<\/p>\n      <p class=\"charm-person-focus\">\n        Human-computer interaction, accessible computing, intelligent interactive systems\n      <\/p>\n    <\/article>\n\n    <article class=\"charm-person-card\">\n      <a href=\"https:\/\/glassmanlab.seas.harvard.edu\/glassman.html\" target=\"blank\">\n        <img decoding=\"async\" class=\"charm-person-photo\"\n             src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2025\/07\/Elena-e1754492530884.jpg\"\n             alt=\"Elena Glassman\" \/>\n      <\/a>\n      <h3>Elena Glassman<\/h3>\n      <p class=\"charm-person-role\">Assistant Professor of Computer Science<\/p>\n      <p class=\"charm-person-focus\">\n        AI-resilient interfaces, AI safety, human-computer interaction\n      <\/p>\n    <\/article>\n\n    <article class=\"charm-person-card\">\n      <a href=\"https:\/\/vcg.seas.harvard.edu\/\" target=\"blank\">\n        <img decoding=\"async\" class=\"charm-person-photo\"\n             src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/04\/Hanspeter-headshot.jpeg\"\n             alt=\"Hanspeter Pfister\" \/>\n      <\/a>\n      <h3>Hanspeter Pfister<\/h3>\n      <p class=\"charm-person-role\">An Wang Professor of Computer Science<\/p>\n      <p class=\"charm-person-focus\">\n        Visualization, computer graphics, computer vision\n      <\/p>\n    <\/article>\n  <\/div>\n\n  <div class=\"charm-who-cta\">\n    <a href=\"https:\/\/charm.seas.harvard.edu\/?page_id=37\" class=\"charm-btn charm-btn-secondary\">\n      Meet the full CHARM team\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --charm-purple: #5C3C99;\n  --charm-orange: #F28E2B;\n}\n\n\/* Section container \u2013 wider to fit 4 cards comfortably *\/\n.charm-who {\n  max-width: 1400px;\n  margin: 3rem auto;\n  padding: 0 1.5rem;\n}\n\n\/* Header *\/\n.charm-who-header {\n  text-align: left;\n  max-width: 100%;\n  margin-bottom: 1.75rem;\n}\n\n.charm-section-kicker {\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  font-size: 0.8rem;\n  font-weight: 700;\n  color: var(--charm-purple);\n  margin: 0 0 0.35rem;\n}\n\n.charm-who-header h2 {\n  font-size: 1.9rem;\n  line-height: 1.3;\n  margin: 0 0 0.6rem;\n  color: #111;\n}\n\n.charm-who-intro {\n  margin: 0;\n  font-size: 0.98rem;\n  line-height: 1.7;\n  color: #333;\n}\n\n\/* Single row: always 4 columns on large screens *\/\n.charm-who-top {\n  display: grid;\n  gap: 1.2rem;\n}\n\n@media (min-width: 900px) {\n  .charm-who-top {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n}\n\n\/* Tablets: 2 per row *\/\n@media (max-width: 899px) {\n  .charm-who-top {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n\/* Phones: 1 per row *\/\n@media (max-width: 540px) {\n  .charm-who-top {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* Person card *\/\n.charm-person-card {\n  background: #ffffff;\n  border-radius: 14px;\n  padding: 1.25rem 1rem 1rem;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);\n  border: 1px solid rgba(0, 0, 0, 0.03);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Accent bar *\/\n.charm-person-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, var(--charm-purple), var(--charm-orange));\n}\n\n\/* Portrait *\/\n.charm-person-photo {\n  width: 100px;\n  height: 100px;\n  border-radius: 50%;\n  object-fit: cover;\n  display: block;\n  margin: 0.75rem auto 0.6rem;\n}\n\n\/* Text inside cards *\/\n.charm-person-card h3 {\n  font-size: 1rem;\n  margin: 0 0 0.25rem;\n  color: #111;\n}\n\n.charm-person-role {\n  margin: 0 0 0.35rem;\n  font-size: 0.84rem;\n  color: #555;\n}\n\n.charm-person-focus {\n  margin: 0;\n  font-size: 0.83rem;\n  line-height: 1.6;\n  color: #444;\n}\n\n\/* CTA under the grid *\/\n.charm-who-cta {\n  margin-top: 1.75rem;\n  text-align: center;\n}\n\n\/* Buttons *\/\n.charm-btn {\n  display: inline-block;\n  padding: 0.6rem 1.4rem;\n  border-radius: 999px;\n  font-size: 0.95rem;\n  text-decoration: none;\n  font-weight: 600;\n}\n\n.charm-btn-secondary {\n  border: 1px solid var(--charm-purple);\n  color: var(--charm-purple);\n  background: #fff;\n}\n\n@media (max-width: 700px) {\n  .charm-who-header h2 {\n    font-size: 1.6rem;\n  }\n}\n<\/style>\n\n\n\n<section id=\"announcements\" class=\"charm-announcements\">\n  <div class=\"charm-announcements-inner\">\n    <div class=\"charm-announcements-header\">\n      <p class=\"charm-section-kicker\">Announcements<\/p>\n      <h2>Latest from CHARM<\/h2>\n    <\/div>\n\n    <div class=\"charm-announcements-grid\">\n\n      <article class=\"charm-announcement-card\">\n        <img decoding=\"async\"\n          src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/04\/IMG_3678-test.jpg\"\n          alt=\"Barbara Grosz discusses AI in today's society with CHARM\"\n          class=\"charm-announcement-image\"\n        \/>\n        <div class=\"charm-announcement-body\">\n          <h3>Barbara Grosz visits CHARM<\/h3>\n          <p>\n            We had the honor of hosting Barbara Grosz, Higgins Research Professor of Natural Sciences Emerita at CHARM on April 23rd, where CHARM members had the chance to discuss AI and its impact on society, plus how we can move forward using AI to aid us, while we as humans are still the decision-makers.\n          <\/p>\n        <\/div>\n      <\/article>\n     \n<article class=\"charm-announcement-card\">\n        <img decoding=\"async\"\n          src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/04\/Untitled-design.jpg\"\n          alt=\"Incoming PhD students Ruishi Zou, Chau Vu, and Jonas Raedler\"\n          class=\"charm-announcement-image\"\n        \/>\n        <div class=\"charm-announcement-body\">\n          <h3>CHARM Welcomes three new members!<\/h3>\n          <p>\nCHARM is excited to welcome Ruishi Zou, Chau Vu, and Jonas Raedler into our community as incoming PhD students. We can&#8217;t wait to share their work with you all!\n          <\/p>\n        <\/div>\n      <\/article>\n\n            <article class=\"charm-announcement-card\">\n        <img decoding=\"async\"\n          src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/04\/IMG_0468-1.jpg\"\n          alt=\"CHI 2026 Logo\"\n          class=\"charm-announcement-image\"\n        \/>\n        <div class=\"charm-announcement-body\">\n          <h3>CHARM members at CHI &#8217;26<\/h3>\n          <p>CHARM had multiple members papers accepted this year at CHI! One of our students, Hongjin Lin&#8217;s paper, &#8220;Funding AI for Good: A Call for Meaningful Engagement&#8221; can be read <a href=\"https:\/\/arxiv.org\/pdf\/2509.12455\" target=\"_blank\" rel=\"noopener\">here<\/a>, and all of our accepted papers can be seen on our research page. Congratulations to our accepted members!<\/p>\n        <\/div>\n      <\/article>\n<\/div>\n\n    <div class=\"charm-announcements-footer\">\n      <button\n        type=\"button\"\n        class=\"charm-btn charm-btn-secondary charm-announcements-toggle\"\n        aria-expanded=\"false\"\n        aria-controls=\"charm-announcements-archive\"\n      >\n        See more announcements\n      <\/button>\n    <\/div>\n\n<div\n  id=\"charm-announcements-archive\"\n  class=\"charm-announcements-archive\"\n  aria-hidden=\"true\"\n>\n  <h3 class=\"charm-announcements-archive-title\">Previous announcements<\/h3>\n  <ul class=\"charm-announcements-archive-list\">\n\n    <!-- Item 1 -->\n\n <li class=\"charm-archive-item\">\n      <button\n        type=\"button\"\n        class=\"charm-archive-trigger\"\n        aria-expanded=\"false\"\n      >\n<span class=\"charm-archive-trigger-content\">\n          <span class=\"charm-archive-trigger-title\">\n            Leo Benac accepted at AISTATS Conference\n          <\/span>\n          <span class=\"charm-announcement-date\">March 2026<\/span>\n        <\/span>\n        <span class=\"charm-archive-arrow\" aria-hidden=\"true\">&#9662;<\/span>\n      <\/button>\n      <div class=\"charm-archive-details\" aria-hidden=\"true\">\n        <p>\n            CHARM member Leo Benac is having his most recent paper &#8220;Inverse Transition Learning: Learning Dynamics from Demonstrations&#8221; presented at AISTATS!\n        <\/p>\n         <a href=\"https:\/\/arxiv.org\/pdf\/2411.05174\" target=\"_blank\" rel=\"noopener\">\n            Read the full paper here\n         <\/a>\n      <\/div>\n    <\/li>\n \n <li class=\"charm-archive-item\">\n      <button\n        type=\"button\"\n        class=\"charm-archive-trigger\"\n        aria-expanded=\"false\"\n      >\n<span class=\"charm-archive-trigger-content\">\n          <span class=\"charm-archive-trigger-title\">\n            CHARM hosts Michelle Vaccaro for talk\n          <\/span>\n          <span class=\"charm-announcement-date\">March 2026<\/span>\n        <\/span>\n        <span class=\"charm-archive-arrow\" aria-hidden=\"true\">&#9662;<\/span>\n      <\/button>\n      <div class=\"charm-archive-details\" aria-hidden=\"true\">\n        <p>\n            CHARM hosted MIT PhD candidate and incoming Harvard Business School\n          faculty Michelle Vaccaro for a talk on human\u2011AI interaction \u2014\n          specifically investigating how people and AI should, and should not,\n          work together in organizations.\n        <\/p>\n      <\/div>\n    <\/li>\n\n    <li class=\"charm-archive-item\">\n      <button\n        type=\"button\"\n        class=\"charm-archive-trigger\"\n        aria-expanded=\"false\"\n      >\n        <span class=\"charm-archive-trigger-content\">\n          <span class=\"charm-archive-trigger-title\">\n            Wanhua Li acccepted at NeurIPS 2025\n          <\/span>\n          <span class=\"charm-announcement-date\">December 2025<\/span>\n        <\/span>\n        <span class=\"charm-archive-arrow\" aria-hidden=\"true\">&#9662;<\/span>\n      <\/button>\n      <div class=\"charm-archive-details\" aria-hidden=\"true\">\n        <p>\nA paper authored by our member Wanhua Li along with faculty member Hanspeter Pfister was accepted at NeurIPS 2025 in San Diego. Congratulations to them both!\n        <\/p>\n      <\/div>\n    <\/li>\n\n    <!-- Item 2 -->\n    <li class=\"charm-archive-item\">\n      <button\n        type=\"button\"\n        class=\"charm-archive-trigger\"\n        aria-expanded=\"false\"\n      >\n        <span class=\"charm-archive-trigger-content\">\n          <span class=\"charm-archive-trigger-title\">\n            Jacqueline Lane presents at CHARM\n          <\/span>\n          <span class=\"charm-announcement-date\">July 2025<\/span>\n        <\/span>\n        <span class=\"charm-archive-arrow\" aria-hidden=\"true\">&#9662;<\/span>\n      <\/button>\n      <div class=\"charm-archive-details\" aria-hidden=\"true\">\n        <p>\nJackie Lane, Assistant Professor of Business Administration at Harvard Business School gave a talk regarding how AI-augmented decision making can help organizations navigate problem-solving for their business. \n        <\/p>\n      <\/div>\n    <\/li>\n\n    <!-- Item 3 -->\n    <li class=\"charm-archive-item\">\n      <button\n        type=\"button\"\n        class=\"charm-archive-trigger\"\n        aria-expanded=\"false\"\n      >\n        <span class=\"charm-archive-trigger-content\">\n          <span class=\"charm-archive-trigger-title\">\n            Two CHI Best Paper Awards given to papers that were worked on by Elena Glassman\n          <\/span>\n          <span class=\"charm-announcement-date\">April 2025<\/span>\n        <\/span>\n        <span class=\"charm-archive-arrow\" aria-hidden=\"true\">&#9662;<\/span>\n      <\/button>\n      <div class=\"charm-archive-details\" aria-hidden=\"true\">\n        <p>\nOne of our faculty members&#8211;Elena Glassman&#8211;was involved in authoring two papers that were given the best paper award at CHI 2025. Congratulations, Elena! \n        <\/p>\n      <\/div>\n    <\/li>\n\n  <\/ul>\n<\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  document.addEventListener(\"DOMContentLoaded\", function () {\n\n    \/\/ \u2500\u2500 Announcements outer toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    var announcementsToggle = document.querySelector(\".charm-announcements-toggle\");\n    var announcementsArchive = document.getElementById(\"charm-announcements-archive\");\n\n    if (announcementsToggle && announcementsArchive) {\n      announcementsToggle.addEventListener(\"click\", function () {\n        var isOpen = announcementsArchive.classList.contains(\"is-open\");\n        if (isOpen) {\n          announcementsArchive.classList.remove(\"is-open\");\n          announcementsToggle.setAttribute(\"aria-expanded\", \"false\");\n          announcementsArchive.setAttribute(\"aria-hidden\", \"true\");\n          announcementsToggle.textContent = \"See more announcements\";\n        } else {\n          announcementsArchive.classList.add(\"is-open\");\n          announcementsToggle.setAttribute(\"aria-expanded\", \"true\");\n          announcementsArchive.setAttribute(\"aria-hidden\", \"false\");\n          announcementsToggle.textContent = \"Hide previous announcements\";\n        }\n      });\n    }\n\n    \/\/ \u2500\u2500 Spotlight outer toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    var spotlightToggle  = document.querySelector(\".charm-spotlight-toggle\");\n    var spotlightArchive = document.getElementById(\"charm-spotlight-archive\");\n\n    if (spotlightToggle && spotlightArchive) {\n      spotlightToggle.addEventListener(\"click\", function () {\n        var isOpen = spotlightArchive.classList.contains(\"is-open\");\n        if (isOpen) {\n          spotlightArchive.classList.remove(\"is-open\");\n          spotlightToggle.setAttribute(\"aria-expanded\", \"false\");\n          spotlightArchive.setAttribute(\"aria-hidden\", \"true\");\n          spotlightToggle.textContent = \"See previous spotlights\";\n        } else {\n          spotlightArchive.classList.add(\"is-open\");\n          spotlightToggle.setAttribute(\"aria-expanded\", \"true\");\n          spotlightArchive.setAttribute(\"aria-hidden\", \"false\");\n          spotlightToggle.textContent = \"Hide previous spotlights\";\n        }\n      });\n    }\n\n    \/\/ \u2500\u2500 Archive accordion items (scoped per parent list) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ By scoping to the parent <ul>, spotlight and announcement items\n    \/\/ don't accidentally close each other.\n    var archiveLists = document.querySelectorAll(\".charm-announcements-archive-list\");\n\n    archiveLists.forEach(function (list) {\n      var triggers = list.querySelectorAll(\".charm-archive-trigger\");\n\n      triggers.forEach(function (trigger) {\n        trigger.addEventListener(\"click\", function () {\n          var item    = trigger.closest(\".charm-archive-item\");\n          var details = item ? item.querySelector(\".charm-archive-details\") : null;\n          if (!details) return;\n\n          var isExpanded = trigger.getAttribute(\"aria-expanded\") === \"true\";\n\n          if (isExpanded) {\n            \/\/ Collapse this item\n            trigger.setAttribute(\"aria-expanded\", \"false\");\n            details.classList.remove(\"is-open\");\n            details.setAttribute(\"aria-hidden\", \"true\");\n          } else {\n            \/\/ Close any other open items within the same list only\n            triggers.forEach(function (otherTrigger) {\n              if (otherTrigger !== trigger) {\n                var otherItem    = otherTrigger.closest(\".charm-archive-item\");\n                var otherDetails = otherItem\n                  ? otherItem.querySelector(\".charm-archive-details\")\n                  : null;\n                otherTrigger.setAttribute(\"aria-expanded\", \"false\");\n                if (otherDetails) {\n                  otherDetails.classList.remove(\"is-open\");\n                  otherDetails.setAttribute(\"aria-hidden\", \"true\");\n                }\n              }\n            });\n\n            \/\/ Expand this item\n            trigger.setAttribute(\"aria-expanded\", \"true\");\n            details.classList.add(\"is-open\");\n            details.setAttribute(\"aria-hidden\", \"false\");\n          }\n        });\n      });\n    });\n\n  });\n})();\n<\/script>\n\n<section id=\"whats-cooking\" class=\"charm-feature-story\">\n  <div class=\"charm-feature-inner\">\n    <header class=\"charm-feature-header\">\n      <div class=\"charm-feature-header-text\">\n        <p class=\"charm-section-kicker\">Student Spotlight<\/p>\n        <h2>Student Spotlight<\/h2>\n        <p class=\"charm-feature-subtitle\">\n          Ziwei Gu on AI-Resiliency \u00b7 May, 2026\n        <\/p>\n      <\/div>\n      <img decoding=\"async\"\n        class=\"charm-feature-headshot\"\n        src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/04\/Ziwei-Gu-scaled.jpg\"\n        alt=\"Headshot of Ziwei Gu\"\n      \/>\n    <\/header>\n\n    <div class=\"charm-feature-text\">\n      <p>\n        As generative AI produces information\u2014code, essays, analysis, videos\u2014at an unprecedented scale and speed, we face a critical bottleneck: the human capacity to verify alignment and make sense of it all. To address this, Ziwei is moving the paradigm from \u201cAI that generates\u201d toward \u201cAI that co-creates.\u201d A key theme of his research is AI-resiliency, the design of interfaces that ensure potential AI errors or contextually inappropriate decisions are easily noticed, judged, and recovered from.\n      <\/p>\n      <p>\n        This vision has taken shape in his recent publications. In his CHI 2024 work, Ziwei proposes GP-TSM, a novel LLM-powered text rendering technique that improves reading efficiency while minimizing the risks of AI-generated summaries. He further expanded this to large-scale document analysis with AbstractExplorer (UIST 2025), which leverages LLMs and human cognitive theories to help users navigate patterns across massive text corpora without losing the context of individual documents.\n      <\/p>\n      <p>\nCurrently, Ziwei is rethinking the fundamental interfaces of human-AI interaction. He is developing generative controls to allow users to intuitively audit and refine AI outputs. He is also extending the AI-resiliency framework to autonomous agents. By designing mechanisms to help users anticipate the consequences of an agent\u2019s actions before they are finalized, he aims to empower users to remain in control in increasingly complex, agent-driven workflows.\n      <\/p>\n    <\/div>\n\n    <!-- \u2500\u2500 Previous spotlights toggle \u2500\u2500 -->\n    <div class=\"charm-spotlight-footer\">\n      <button\n        type=\"button\"\n        class=\"charm-btn charm-btn-secondary charm-spotlight-toggle\"\n        aria-expanded=\"false\"\n        aria-controls=\"charm-spotlight-archive\"\n      >\n        See previous spotlights\n      <\/button>\n    <\/div>\n\n    <div\n      id=\"charm-spotlight-archive\"\n      class=\"charm-spotlight-archive\"\n      aria-hidden=\"true\"\n    >\n      <h3 class=\"charm-announcements-archive-title\">Previous spotlights<\/h3>\n      <ul class=\"charm-announcements-archive-list charm-spotlight-list\">\n\n        <!-- Spotlight 1 -->\n        <li class=\"charm-archive-item\">\n          <button\n            type=\"button\"\n            class=\"charm-archive-trigger\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"charm-archive-trigger-content\">\n              <span class=\"charm-archive-trigger-title\">\nHongjin Lin on AI in Climate Science\n              <\/span>\n              <span class=\"charm-announcement-date\">April, 2026<\/span>\n            <\/span>\n            <span class=\"charm-archive-arrow\" aria-hidden=\"true\">&#9662;<\/span>\n          <\/button>\n          <div class=\"charm-archive-details\" aria-hidden=\"true\">\n            <p>\n      <p>\n        Over the next decade, communities around the world will decide which\n        neighborhoods get protected from floods, which farms get water in a drought,\n        and which areas are left most exposed to heat waves. The World Meteorological\n        Organization reports that the last 11 years have been the warmest on record,\n        so the choices we make now about how to respond to climate change will shape\n        our future for generations. AI is becoming more involved in these decisions\u2013\n        raising questions about whether we should trust these algorithms to help make\n        choices that can change people&#8217;s lives and environments.\n      <\/p>\n      <p>\n        Hongjin&#8217;s research looks closely at what happens when AI is used &#8220;for social\n        good&#8221; in real communities, especially around climate change. Instead of seeing\n        AI as a neutral tool, she studies AI for Social Good (AI4SG) projects as\n        socio\u2011technical systems: who designs them, who benefits, and whose voices get\n        left out. Drawing on Human\u2011Computer Interaction for Development (HCI4D) and\n        Data Feminism, she investigates how power imbalances can cause community\n        organizations&#8217; goals to be sidelined, even in projects that claim to help them.\n      <\/p>\n      <p>\n        To address this, Hongjin is looking to work with community groups to co\u2011design\n        and co\u2011evaluate new technologies for social good. In practical terms, that means\n        bringing educators, activists, and local residents into the design process, and\n        asking what kinds of AI tools would actually serve their priorities. One direction\n        explores the idea of giving &#8220;a voice to nature&#8221;: for example, AI systems that\n        translate data about rivers, forests, or air quality into stories, visualizations,\n        or conversations that people can understand and act on.\n      <\/p>\n            <\/p>\n          <\/div>\n        <\/li>\n\n        <!-- Add more previous spotlights here following the same pattern -->\n\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section class=\"charm-research-band\">\n  <div class=\"research-inner\">\n    <section id=\"research\">\n      <h2 class=\"research-title\">Recent Publications<\/h2>\n      <div class=\"custom-carousel\">\n        <div class=\"carousel-track\">\n\n <div class=\"carousel-slide\">\n            <div class=\"carousel-content\">\n              <img decoding=\"async\" src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-09-113426.png\" alt=\"Overview of the BRIDGE system\">\n              <div class=\"carousel-caption\">\n                <h3>\n                  <a href=\"https:\/\/arxiv.org\/pdf\/2602.23288\" target=\"_blank\">\n                    BRIDGE: Borderless Reconfiguration for Inclusive and Diverse Gameplay Experience via Embodiment Transformation\n                  <\/a>\n                <\/h3>\n                <h4>\n                  Hayato Saiki, Chunggi Lee, Hikari Takahashi, Tica Lin, Hidetada Kishi, Kaori Tachibana, Yasuhiro Suzuki, Hanspeter Pfister, Kenji Suzuki<br>\n                  CHI &#8217;26 <b>Best Paper Award<\/b>, April 13-17, 2026, Barcelona, Spain\n                <\/h4>\n                <p class=\"carousel-abstract collapsed\">\n                Training resources for parasports are limited, reducing opportunities for athletes and coaches to engage with sport-specific movements and tactical coordination. To address this gap, we developed BRIDGE, a system that integrates a reconstruction pipeline, which detects and tracks players from broadcast video to generate 3D play sequences, with an embodiment-aware visualization framework that decomposes head, trunk, and wheelchair base orientations to represent attention, intent, and mobility. We evaluated BRIDGE in two controlled studies with 20 participants (10 national wheelchair basketball team players and 10 amateur players).The results showed that BRIDGE significantly enhanced the perceived naturalness of player postures and made tactical intentions easier to understand. In addition, it supported functional classification by realistically conveying players\u2019 capabilities, which in turn improved participants\u2019 sense of self-efficacy. This work advances inclusive sports learning and accessible coaching practices, contributing to more equitable access to tactical resources in parasports.\n                <\/p>\n                <button type=\"button\" class=\"carousel-readmore\" aria-expanded=\"false\">\n                  Read full abstract\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"carousel-slide\">\n            <div class=\"carousel-content\">\n              <img decoding=\"async\" src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-30-100812.png\" alt=\"MnemoMaker\u2019s co-creation workflow for generating and adapting AI-generated verbal and visual mnemonics.\">\n              <div class=\"carousel-caption\">\n                <h3>\n                  <a href=\"https:\/\/dl.acm.org\/doi\/10.1145\/3772363.3799137\" target=\"_blank\">\n                    MnemoMaker: Creator, Curator, or Something Else? Exploring Human-AI Mnemonic Co-Creation\n                  <\/a>\n                <\/h3>\n                <h4>\n                  Olivia Seow, Elena Sajno, Dongho Shin, Pattie Maes, Samantha W. T. Chan<br>\n                  CHI &#8217;26, April 13-17, 2026, Barcelona, Spain\n                <\/h4>\n                <p class=\"carousel-abstract collapsed\">\n                  MnemoMaker is an interactive system enabling learners to co-create personalized verbal and visual mnemonics with AI assistance. Through iterative design with 87 participants across three phases,we found that likeability strongly predicts perceived memorability(\ud835\udc452 = .588, \ud835\udc5d < .001), with effective mnemonics characterized as creative, imaginable, and emotionally engaging. Users reported strong ownership over AI-assisted creations (5.20\/7) despite attributing them nearly equally to themselves and the system (3.54 on a 1-7scale from \u201csystem\u2019s contributions\u201d to \u201cmy contributions\u201d). How people engage with AI, not just what they create, shapes their sense of agency. Our demo invites CHI attendees to create vocabulary mnemonics in any language and discover their collaboration style(e.g., as Creators, Curators, Negotiators, Acceptors, or something in between). A live dashboard visualizes collaboration patterns across all attendees, turning individual experiences into collective insight about human-AI co-creation.\n                <\/p>\n                <button type=\"button\" class=\"carousel-readmore\" aria-expanded=\"false\">\n                  Read full abstract\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"carousel-slide\">\n            <div class=\"carousel-content\">\n              <img decoding=\"async\" src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-27-084630.png\" alt=\"\">\n              <div class=\"carousel-caption\">\n                <h3>\n                  <a href=\"https:\/\/arxiv.org\/pdf\/2411.05174\" target=\"_blank\">\n                    Bayesian Inverse Transition Learning: Learning Dynamics From Near-Optimal Trajectories\n                  <\/a>\n                <\/h3>\n                <h4>\n                  Leo Benac, Abhishek Sharma, Sonali Parbhoo, Finale Doshi-Velez<br>\n                  AISTATS &#8217;26, May 2-5, 2026, Tangier, Morocco\n                <\/h4>\n                <p class=\"carousel-abstract collapsed\">\n               We consider the problem of estimating the transition dynamics T\u2217 from near-optimal expert trajectories in the context of offline model-based reinforcement learning. We develop a novel constraint-based method, Inverse Transition Learning, that treats the limited coverage of the expert trajectories as a feature: we use the fact that the expert is near-optimal to inform our estimate of T\u2217. We integrate our constraints into a Bayesian approach. Across both synthetic environments and real healthcare scenarios like Intensive Care Unit (ICU) patient management in hypotension, we demonstrate not only significant improvements in decision making, but that our posterior can inform when transfer will be successful.\n                <\/p>\n                <button type=\"button\" class=\"carousel-readmore\" aria-expanded=\"false\">\n                  Read full abstract\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"carousel-slide\">\n            <div class=\"carousel-content\">\n              <img decoding=\"async\" src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-30-103444.png\" alt=\"\">\n              <div class=\"carousel-caption\">\n                <h3>\n                  <a href=\"https:\/\/glassmanlab.seas.harvard.edu\/papers\/ownershipCHI26.pdf\" target=\"_blank\">\n                    A Paradigm for Creative Ownership\n                  <\/a>\n                <\/h3>\n                <h4>\n                  Tejaswi Polimetla, Katy Ilonka Gero, Elena L. Glassman<br>\n                  CHI &#8217;26, April 13\u201317, 2026, Barcelona, Spain\n                <\/h4>\n                <p class=\"carousel-abstract collapsed\">\nAs generative AI tools become embedded in creative practice, questions of ownership in co-creative contexts are pressing. Yet studies of human-AI collaboration often invoke &#8220;ownership&#8221; without definition: sometimes conflating it with other concepts, and other times leaving interpretation to participants. This inconsistency makes findings difficult to compare across or even within studies. We introduce a framework of creative ownership comprising three dimensions- Person, Process, and System- each with three subdimensions, offering a shared language for both system design and HCI research. In semi-structured interviews with 21 creative professionals, we found that participants\u2019 initial references to ownership (e.g., embodiment, control, concept) were fully encompassed by the framework, demonstrating its coverage. Once introduced, however, they also articulated and prioritized the remaining subdimensions, underscoring how the framework expands reflection and enables richer insights. Our contributions include 1) the framework, 2) a web-based visualization tool, and 3) empirical findings on its utility.\n                <\/p>\n                <button type=\"button\" class=\"carousel-readmore\" aria-expanded=\"false\">\n                  Read full abstract\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"carousel-slide\">\n            <div class=\"carousel-content\">\n              <img decoding=\"async\" src=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2026\/02\/Screenshot-2026-02-26-093108-e1772118286325.png\" alt=\"\">\n              <div class=\"carousel-caption\">\n                <h3>\n                  <a href=\"https:\/\/arxiv.org\/abs\/2509.12455\" target=\"_blank\">\n                    Funding AI for Good: A Call for Meaningful Engagement\n                  <\/a>\n                <\/h3>\n                <h4>\n                  Lin, Hongjin; Kawakami, Anna; D&#8217;Ignazio, Catherine; Holstein, Kenneth; Gajos, Krzysztof Z<br>\n                  CHI &#8217;26, April 13-17, 2026, Barcelona, Spain\n                <\/h4>\n                <p class=\"carousel-abstract collapsed\">\n                  Artificial Intelligence for Social Good (AI4SG) is a growing area that explores AI\u2019s potential to address social issues, such as public health. Yet prior work has shown limited evidence of its tangible benefits for intended communities, and projects frequently face real-world deployment and sustainability challenges. While existing HCI literature on AI4SG initiatives primarily focuses on the mechanisms of funded projects and their outcomes, much less attention has been given to the upstream funding agendas that influence project approaches. In this work, we conducted a reflexive thematic analysis of 35 funding documents, representing about $410 million USD in total investments. We uncovered a spectrum of conceptual framings of AI4SG and the approaches that funding rhetoric promoted: from biasing towards technology capacities (more techno-centric) to emphasizing contextual understanding of the social problems at hand alongside technology capacities (more balanced). Drawing on our f indings on how funding documents construct AI4SG, we offer recommendations for funders to embed more balanced approaches in future funding call designs. We further discuss implications for how the HCI community can positively shape AI4SG funding design processes.\n                <\/p>\n                <button type=\"button\" class=\"carousel-readmore\" aria-expanded=\"false\">\n                  Read full abstract\n                <\/button>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"carousel-controls\">\n          <button class=\"carousel-btn prev\" aria-label=\"Previous\">&larr;<\/button>\n          <div class=\"carousel-indicators\"><\/div>\n          <button class=\"carousel-btn next\" aria-label=\"Next\">&rarr;<\/button>\n        <\/div>\n\n        <div class=\"research-all-link\">\n          <a href=\"https:\/\/charm.seas.harvard.edu\/?page_id=448\" class=\"charm-btn charm-btn-secondary\">View all publications<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --charm-research-bg-top: #e8f0ff;\n  --charm-research-main: #e8f0ff;  \n  --charm-ink: #241634;\n}\n\n.charm-research-band {\n  margin: 0;\n  width: 100%;\n  background: linear-gradient(\n    to bottom,\n    var(--charm-research-bg-top) 0%,\n    var(--charm-research-main) 45%,  \n    #ffffff 100%                     \n  );\n}\n\n.wp-block-html:has(.charm-research-band) {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.research-inner {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 2.5rem 1.5rem 2.25rem;\n  box-sizing: border-box;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont,\n               \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n  color: var(--charm-ink);\n}\n\n.research-title {\n  font-family: var(--charm-heading, system-ui);\n  color: var(--charm-ink);\n  font-size: 1.7rem;\n  font-weight: 600;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  margin: 0 0 1rem;\n  text-align: center;\n}\n\n.custom-carousel {\n  width: 100%;\n  margin: 0 auto;\n  position: relative;\n  overflow: hidden;\n}\n\n.carousel-track {\n  display: flex;\n  transition: transform 0.6s cubic-bezier(.71,.21,.3,.85);\n  will-change: transform;\n}\n\n.carousel-slide {\n  flex: 0 0 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.carousel-content {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch; \n  gap: 1.5em;\n  width: 100%;\n  padding: 0.5em 1em;\n  box-sizing: border-box;\n}\n\n.carousel-content img {\n  flex: 0 0 28%;\n  max-width: 340px;\n  width: 100%;\n  height: 220px;          \n  border-radius: 5px;\n  object-fit: fill;  \n  display: block;\n  align-self: center;\n}\n\n.carousel-caption {\n  flex: 1 1 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;  \n  text-align: left;\n  word-break: break-word;\n  color: var(--charm-ink);\n}\n\n.carousel-caption h3 {\n  font-family: var(--charm-heading, system-ui);\n  font-size: 1.02rem;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  line-height: 1.35;\n  margin: 0 0 0.3em;\n}\n\n.carousel-caption h3 a {\n  color: inherit;\n  text-decoration: underline;\n  text-decoration-thickness: 0.09em;\n  text-underline-offset: 0.18em;\n}\n\n.carousel-caption h3 a:hover {\n  opacity: 0.75;\n}\n\n.carousel-caption h4 {\n  font-family: var(--charm-body, system-ui);\n  color: #4a3b63;\n  margin: 0 0 0.5em 0;\n  font-size: 0.82rem;\n  font-weight: 400;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  line-height: 1.6;\n}\n\n.carousel-abstract {\n  font-family: var(--charm-body, system-ui);\n  font-size: 0.86rem;\n  line-height: 1.7;\n  margin: 0;\n  color: #372c4a;\n  position: relative;\n}\n\n.carousel-readmore {\n  margin-top: 0.45em;\n  padding: 0.25em 0.9em;\n  font-family: var(--charm-heading, system-ui);\n  font-size: 0.72rem;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  border-radius: 600px;\n  border: 1px solid rgba(92,60,153,0.9);\n  background: transparent;\n  color: var(--charm-ink);\n  cursor: pointer;\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n}\n\n.carousel-readmore:hover,\n.carousel-readmore:focus-visible {\n  background: var(--charm-purple);\n  color: #ffffff;\n  border-color: var(--charm-purple);\n}\n\n@media (min-width: 901px) {\n  .carousel-abstract.collapsed {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 7;\n    overflow: hidden;\n  }\n\n  .carousel-abstract.collapsed::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 1.2em;\n    background: linear-gradient(\n      to bottom,\n      rgba(232, 240, 255, 0),\n      rgba(232, 240, 255, 1)\n    );\n  }\n\n\n\n  .carousel-abstract.expanded {\n    display: block;\n    overflow: visible;\n  }\n\n  .carousel-abstract.expanded::after {\n    content: none;\n  }\n}\n\n\/* Apply abstract clamping on mobile too *\/\n@media (max-width: 900px) {\n  .carousel-abstract.collapsed {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;   \/* slightly fewer lines on mobile *\/\n    overflow: hidden;\n    position: relative;\n  }\n\n  .carousel-abstract.collapsed::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 1.2em;\n    background: linear-gradient(\n      to bottom,\n      rgba(232, 240, 255, 0),\n      rgba(232, 240, 255, 1)\n    );\n  }\n\n  .carousel-abstract.expanded {\n    display: block;\n    overflow: visible;\n    -webkit-line-clamp: unset;\n  }\n\n  .carousel-abstract.expanded::after {\n    content: none;\n  }\n\n  \/* Also show the read more button on mobile *\/\n  .carousel-readmore {\n    display: inline-block;\n  }\n}\n\n.carousel-controls {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5em;\n  width: 100%;\n  margin: 0.5em 0;\n  box-sizing: border-box;\n}\n\n.carousel-btn {\n  background: rgba(92, 60, 153, 0.08);\n  color: var(--charm-ink);\n  border: 1px solid rgba(92,60,153,0.4);\n  border-radius: 50%;\n  width: 32px;\n  height: 32px;\n  font-size: 1rem;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  box-sizing: border-box;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, border-color 0.2s;\n}\n\n.carousel-btn:hover {\n  background: rgba(92, 60, 153, 0.18);\n  border-color: rgba(92,60,153,0.7);\n}\n\n.carousel-indicators {\n  display: flex;\n  gap: 0.3em;\n}\n\n.carousel-indicators button {\n  border: 1px solid rgba(92,60,153,0.6);\n  background: rgba(92,60,153,0.08);\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  cursor: pointer;\n  padding: 0;\n  transition: background 0.3s, border-color 0.3s;\n}\n\n.carousel-indicators button.active {\n  background: rgba(92,60,153,0.6);\n  border-color: rgba(92,60,153,0.9);\n}\n\n.research-all-link {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin: 0.9rem 0 0.4rem;\n}\n\n@media (max-width: 900px) {\n  .research-inner {\n    padding: 2rem 1.25rem 2rem;\n  }\n\n  .carousel-content {\n    flex-direction: column;\n    align-items: center;      \/* image centered above text *\/\n  }\n\n  .carousel-caption {\n    width: 100%;\n    align-items: flex-start;\n    justify-content: flex-start; \/* on small screens, text starts at top *\/\n  }\n\n  .carousel-content img {\n    flex: none;\n    width: 100%;\n    max-width: 360px;\n    height: auto;\n  }\n}\n\n@media (max-width: 600px) {\n  .research-title {\n    font-size: 1.5rem;\n    margin-bottom: 0.6rem;\n  }\n\n  .carousel-content {\n    gap: 0.7em;\n  }\n\n  .carousel-caption {\n    text-align: center;\n  }\n\n  .carousel-caption h3,\n  .carousel-caption h4,\n  .carousel-abstract {\n    text-align: left;  \n  }\n}\n<\/style>\n\n<script>\n(function() {\n  document.addEventListener('DOMContentLoaded', function() {\n    var carousel = document.querySelector('.custom-carousel');\n    if (!carousel) return;\n\n    var track = carousel.querySelector('.carousel-track');\n    var slides = carousel.querySelectorAll('.carousel-slide');\n    var prevBtn = carousel.querySelector('.carousel-btn.prev');\n    var nextBtn = carousel.querySelector('.carousel-btn.next');\n    var indicatorsContainer = carousel.querySelector('.carousel-indicators');\n    var abstracts = carousel.querySelectorAll('.carousel-abstract');\n    var readMoreButtons = carousel.querySelectorAll('.carousel-readmore');\n\n    var totalSlides = slides.length;\n    var current = 0;\n\n    \/\/ Build dot indicators\n    for (var i = 0; i < totalSlides; i++) {\n      var dot = document.createElement('button');\n      dot.type = 'button';\n      dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n      (function(index) {\n        dot.addEventListener('click', function() {\n          goToSlide(index);\n        });\n      })(i);\n      indicatorsContainer.appendChild(dot);\n    }\n\n    var dots = indicatorsContainer.querySelectorAll('button');\n\n    function updateTrack() {\n      track.style.transform = 'translateX(' + (-current * 100) + '%)';\n      Array.prototype.forEach.call(dots, function(dot, idx) {\n        dot.classList.toggle('active', idx === current);\n      });\n    }\n\n    function collapseAllAbstracts() {\n      Array.prototype.forEach.call(abstracts, function(p) {\n        p.classList.remove('expanded');\n        p.classList.add('collapsed');\n      });\n      Array.prototype.forEach.call(readMoreButtons, function(btn) {\n        btn.setAttribute('aria-expanded', 'false');\n        btn.textContent = 'Read full abstract';\n      });\n    }\n\n    function goToSlide(index) {\n      current = (index + totalSlides) % totalSlides;\n      collapseAllAbstracts();\n      updateTrack();\n    }\n\n    prevBtn.addEventListener('click', function() {\n      goToSlide(current - 1);\n    });\n\n    nextBtn.addEventListener('click', function() {\n      goToSlide(current + 1);\n    });\n\n    \/\/ Read full abstract toggle\n    Array.prototype.forEach.call(readMoreButtons, function(btn) {\n      btn.addEventListener('click', function() {\n        var caption = btn.closest('.carousel-caption');\n        if (!caption) return;\n        var abstract = caption.querySelector('.carousel-abstract');\n        if (!abstract) return;\n\n        var isExpanded = abstract.classList.contains('expanded');\n        if (isExpanded) {\n          abstract.classList.remove('expanded');\n          abstract.classList.add('collapsed');\n          btn.setAttribute('aria-expanded', 'false');\n          btn.textContent = 'Read full abstract';\n        } else {\n          abstract.classList.add('expanded');\n          abstract.classList.remove('collapsed');\n          btn.setAttribute('aria-expanded', 'true');\n          btn.textContent = 'Show less';\n        }\n      });\n    });\n\n    goToSlide(0);\n    window.addEventListener('resize', updateTrack);\n  });\n})();\n<\/script>\n\n<style>\n:root {\n  --charm-purple: #5c3c99;\n  --charm-orange-light: #fff6eb;\n  --charm-feature-bg: #f7f2ff;\n  --charm-ink: #241634;\n}\n\n.charm-announcements,\n.charm-feature-story {\n  margin: 0;           \n}\n\n.charm-announcements,\n.charm-feature-story {\n  width: 100%;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.charm-announcements-inner,\n.charm-feature-inner {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 2.5rem 1.5rem;\n  box-sizing: border-box;\n}\n\n.wp-block-html:has(.charm-announcements) {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n.charm-announcements {\n  background: linear-gradient(\n    to bottom,\n    #ffffff 0%,\n    var(--charm-orange-light) 25%,\n    var(--charm-orange-light) 70%,\n    var(--charm-feature-bg) 100%\n  );\n  font-family: system-ui, -apple-system, BlinkMacSystemFont,\n    \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n  color: var(--charm-ink);\n}\n\n.charm-announcements-inner > :last-child {\n  margin-bottom: 0;\n}\n\n.charm-announcements-header {\n  max-width: 1400px;\n  margin: 0 auto 1.6rem;\n  text-align: left;\n}\n\n.charm-announcements-header .charm-section-kicker {\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n  font-size: 0.8rem;\n  font-weight: 700;\n  color: var(--charm-purple);\n  margin: 0 0 0.3rem;\n}\n\n.charm-announcements-header h2 {\n  font-size: 1.6rem;\n  line-height: 1.3;\n  margin: 0 0 0.4rem;\n  color: #1b1330;\n}\n\n.charm-announcements-intro {\n  margin: 0;\n  font-size: 0.98rem;\n  line-height: 1.7;\n  color: #3c314f;\n}\n\n.charm-announcements-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1.2rem;\n  margin-top: 1.4rem;\n}\n\n.charm-announcement-card {\n  background: #ffffff;\n  border-radius: 12px;\n  overflow: hidden;\n  border: 1px solid rgba(0, 0, 0, 0.04);\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\n  display: flex;\n  flex-direction: column;\n}\n\n.charm-announcement-image {\n  width: 100%;\n  max-width: 100%;\n  height: 200px;\n  display: block;\n  object-fit: contain;    \n  object-position: center center;\n  background: #ffffff;          \/* soft background fills any empty space *\/\n}\n\n.charm-announcement-body {\n  padding: 0.9rem 1rem 1rem;\n  color: var(--charm-ink);\n}\n\n.charm-announcement-body h3 {\n  font-size: 1rem;\n  margin: 0 0 0.35rem;\n  color: var(--charm-purple);\n}\n\n.charm-announcement-body p {\n  margin: 0 0 0.3rem;\n  font-size: 0.9rem;\n  line-height: 1.6;\n  color: #433657;\n}\n\n.charm-announcements-footer {\n  margin-top: 1.4rem;\n  text-align: center;\n}\n\n.charm-announcements-archive {\n  border-top: 1px solid rgba(0, 0, 0, 0.06);\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  margin-top: 0;\n  padding-top: 0;\n  transform: translateY(-4px);\n  transition:\n    max-height 0.35s ease,\n    opacity 0.25s ease,\n    transform 0.25s ease,\n    margin-top 0.25s ease,\n    padding-top 0.25s ease;\n}\n\n.charm-announcements-archive.is-open {\n  max-height: 600px;\n  opacity: 1;\n  margin-top: 1.3rem;\n  padding-top: 1rem;\n  transform: translateY(0);\n}\n\n.charm-feature-story {\n  background: linear-gradient(\n    to bottom,\n    var(--charm-feature-bg) 0%,\n    #faf5ff 80%,\n    #e8f0ff 100%\n  );\n  font-family: system-ui, -apple-system, BlinkMacSystemFont,\n               \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n  color: var(--charm-ink);\n}\n\n.charm-feature-inner > :first-child {\n  margin-top: 0;\n}\n\n.charm-feature-header {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.charm-feature-header-text {\n  flex: 1 1 220px;\n}\n\n.charm-feature-header h2 {\n  margin: 0 0 0.25rem;\n  font-size: 1.5rem;\n  line-height: 1.3;\n  color: var(--charm-purple);\n  letter-spacing: 0.02em;\n}\n\n.charm-feature-headshot {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  object-fit: cover;\n}\n\n.charm-feature-subtitle {\n  margin: 0;\n  font-size: 0.9rem;\n  color: #5a4a7b;\n}\n\n.charm-feature-text {\n  font-size: 0.95rem;\n  line-height: 1.75;\n  color: #332745;\n}\n\n.charm-feature-text p {\n  margin: 0 0 0.8rem;\n}\n\n.charm-feature-text p:first-of-type {\n  font-weight: 500;\n  color: #251634;\n}\n\n@media (max-width: 900px) {\n  .charm-announcements-inner,\n  .charm-feature-inner {\n    padding: 2rem 1.25rem;\n  }\n\n  .charm-announcements-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .charm-feature-header h2 {\n    font-size: 1.35rem;\n  }\n}\n\n@media (max-width: 640px) {\n  .charm-announcements-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&#038;family=Space+Grotesk:wght@500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --charm-heading: \"Space Grotesk\", system-ui, -apple-system, BlinkMacSystemFont,\n                   \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n  --charm-body:    \"DM Sans\", system-ui, -apple-system, BlinkMacSystemFont,\n                   \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n  --charm-purple:  #5c3c99;\n  --charm-ink:     #241634;\n}\n\n.charm-announcements,\n.charm-feature-story,\n.charm-research-band {\n  font-family: var(--charm-body);\n  color: var(--charm-ink);\n}\n\n.charm-section-kicker {\n  font-family: var(--charm-heading);\n  font-size: 0.8rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  font-weight: 600;\n  margin: 0 0 0.35rem;\n}\n\n.charm-announcements-header h2 {\n  font-family: var(--charm-heading);\n  font-size: 1.7rem;\n  line-height: 1.25;\n  letter-spacing: 0.03em;\n  text-transform: uppercase;\n}\n\n.charm-announcements-intro {\n  font-family: var(--charm-body);\n  font-size: 0.96rem;\n  line-height: 1.8;\n  color: #3b314e;\n}\n\n.charm-announcement-body h3 {\n  font-family: var(--charm-heading);\n  font-size: 0.98rem;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  margin-bottom: 0.25rem;\n}\n\n.charm-announcement-body p {\n  font-family: var(--charm-body);\n  font-size: 0.9rem;\n  line-height: 1.7;\n  color: #433657;\n}\n\n.charm-announcement-body a {\n  font-family: var(--charm-body);\n  font-size: 0.86rem;\n  font-weight: 600;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: var(--charm-purple);\n  text-decoration: none;\n}\n\n.charm-announcement-body a:hover {\n  text-decoration: underline;\n}\n\n.charm-announcements-archive-title {\n  font-family: var(--charm-heading);\n  font-size: 0.8rem;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n\n.charm-announcements-archive-list a {\n  font-family: var(--charm-body);\n  font-size: 0.9rem;\n}\n\n.charm-announcement-date {\n  font-family: var(--charm-body);\n  font-size: 0.8rem;\n  color: #7a6b92;\n}\n\n.charm-feature-header h2 {\n  font-family: var(--charm-heading);\n  font-size: 1.9rem;\n  letter-spacing: 0.02em;\n  text-transform: none;   \n  margin-bottom: 0.2rem;\n}\n\n.charm-feature-subtitle {\n  font-family: var(--charm-body);\n  font-size: 0.95rem;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: #6a598c;\n}\n\n.charm-feature-text {\n  font-family: var(--charm-body);\n  font-size: 1rem;\n  line-height: 1.9;\n  color: #332745;\n}\n\n.charm-feature-text p {\n  margin-bottom: 0.95rem;\n}\n\n.charm-feature-text p:first-of-type {\n  font-weight: 600;\n  color: #241634;\n}\n\n.research-title {\n  font-family: var(--charm-heading);\n  font-size: 1.6rem;\n  font-weight: 600;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: var(--charm-purple);\n}\n\n.carousel-caption h3 {\n  font-family: var(--charm-heading);\n  font-size: 1.02rem;\n  font-weight: 600;\n  letter-spacing: 0.01em;\n  line-height: 1.35;\n}\n\n.carousel-caption h3 a {\n  text-decoration-thickness: 0.08em;\n  text-underline-offset: 0.16em;\n}\n\n.carousel-caption h4 {\n  font-family: var(--charm-body);\n  font-size: 0.82rem;\n  line-height: 1.6;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #5c4a7b;\n  margin-bottom: 0.6rem;\n}\n\n.carousel-abstract {\n  font-family: var(--charm-body);\n  font-size: 0.86rem;\n  line-height: 1.7;\n  color: #372c4a;\n}\n\n.carousel-readmore {\n  font-family: var(--charm-heading);\n  font-size: 0.72rem;\n}\n\n@media (max-width: 768px) {\n  .charm-announcements-header h2 {\n    font-size: 1.4rem;\n  }\n\n  .charm-feature-header h2 {\n    font-size: 1.6rem;\n  }\n\n  .research-title {\n    font-size: 1.4rem;\n    letter-spacing: 0.12em;\n  }\n\n  .charm-feature-text {\n    font-size: 0.96rem;\n  }\n}\n<\/style>\n\n<style>\n\/* ========== ARCHIVE ACCORDION ========== *\/\n\n\/* Give the outer archive container more room for expanded items *\/\n.charm-announcements-archive.is-open {\n  max-height: 1200px;  \/* increased from 600px to allow expanded items *\/\n}\n\n\/* Each archive item is a block *\/\n.charm-archive-item {\n  border-bottom: 1px solid rgba(92, 60, 153, 0.1);\n}\n\n.charm-archive-item:last-child {\n  border-bottom: none;\n}\n\n\/* Trigger button: full-width, looks like a row *\/\n.charm-archive-trigger {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  padding: 0.7rem 0.3rem;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  transition: background 0.15s ease;\n  border-radius: 6px;\n}\n\n.charm-archive-trigger:hover {\n  background: rgba(92, 60, 153, 0.04);\n}\n\n\/* Left side: title + date stacked *\/\n.charm-archive-trigger-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n  min-width: 0;\n}\n\n.charm-archive-trigger-title {\n  font-family: var(--charm-body, system-ui);\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: var(--charm-ink, #241634);\n  line-height: 1.4;\n}\n\n.charm-archive-trigger:hover .charm-archive-trigger-title {\n  color: var(--charm-purple, #5c3c99);\n}\n\n\/* Date stays small and muted *\/\n.charm-archive-item .charm-announcement-date {\n  font-family: var(--charm-body, system-ui);\n  font-size: 0.78rem;\n  color: #7a6b92;\n}\n\n\/* Arrow: rotates when expanded *\/\n.charm-archive-arrow {\n  flex-shrink: 0;\n  font-size: 0.75rem;\n  color: var(--charm-purple, #5c3c99);\n  transition: transform 0.25s ease;\n  line-height: 1;\n}\n\n.charm-archive-trigger[aria-expanded=\"true\"] .charm-archive-arrow {\n  transform: rotate(180deg);\n}\n\n\/* Details panel: collapsed by default *\/\n.charm-archive-details {\n  overflow: hidden;\n  max-height: 0;\n  opacity: 0;\n  transform: translateY(-4px);\n  transition:\n    max-height 0.35s ease,\n    opacity 0.25s ease,\n    transform 0.25s ease,\n    padding 0.25s ease;\n  padding: 0 0.3rem;\n}\n\n\/* Expanded state *\/\n.charm-archive-details.is-open {\n  max-height: 300px;\n  opacity: 1;\n  transform: translateY(0);\n  padding: 0 0.3rem 0.8rem;\n}\n\n.charm-archive-details p {\n  font-family: var(--charm-body, system-ui);\n  font-size: 0.88rem;\n  line-height: 1.75;\n  color: #433657;\n  margin: 0 0 0.5rem;\n}\n\n.charm-archive-details a {\n  font-family: var(--charm-body, system-ui);\n  font-size: 0.84rem;\n  font-weight: 600;\n  color: var(--charm-purple, #5c3c99);\n  text-decoration: underline;\n  text-underline-offset: 0.16em;\n}\n\n.charm-archive-details a:hover {\n  color: var(--charm-orange, #f28e2b);\n}\n<\/style>\n\n\n\n<div class=\"charm-subscribe-cta\">\n  <div class=\"charm-subscribe-copy\">\n    <h2>Stay in touch with CHARM<\/h2>\n    <p>\n      Join our mailing list to hear about new research, events, and\n      opportunities to engage with the Center for Human\u2011Driven AI\n      Research and Methods.\n    <\/p>\n  <\/div>\n\n  <a\n    href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdrn7vTYYJdKHv-clAhiFtQT93P5wKnHAKUAdxuY0ujQXly8g\/viewform\"\n    class=\"charm-subscribe-btn\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span>Join the CHARM mailing list<\/span>\n  <\/a>\n<\/div>\n\n<style>\n\/* Scope everything to this module so it won't clash with the rest of the site *\/\n.charm-subscribe-cta {\n  --charm-purple: #5c3c99;\n  --charm-orange: #f28e2b;\n  --charm-ink: #241634;\n\n  max-width: 900px;\n  margin: 2rem auto;\n  padding: 1.1rem 1.4rem;\n  border-radius: 16px;\n\n  \/* Soft card on light backgrounds, still visible on purple sections *\/\n  background: radial-gradient(circle at top left,\n              rgba(255, 255, 255, 0.3),\n              rgba(247, 242, 255, 0.98));\n  border: 1px solid rgba(255, 255, 255, 0.55);\n  box-shadow: 0 14px 40px rgba(16, 4, 40, 0.25);\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.2rem;\n\n  font-family: system-ui, -apple-system, BlinkMacSystemFont,\n               \"SF Pro Text\", \"Helvetica Neue\", Arial, sans-serif;\n  color: var(--charm-ink);\n}\n\n.charm-subscribe-copy h2 {\n  margin: 0 0 0.25rem;\n  font-size: 1.25rem;\n  font-weight: 700;\n  letter-spacing: 0.02em;\n}\n\n.charm-subscribe-copy p {\n  margin: 0;\n  font-size: 0.95rem;\n  line-height: 1.6;\n  opacity: 0.9;\n}\n\n\/* Button *\/\n.charm-subscribe-btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 0.65rem 1.7rem;\n  border-radius: 999px;\n  border: 1px solid transparent;\n\n  \/* Gradient border + solid fill *\/\n  background-image:\n    linear-gradient(var(--charm-purple), var(--charm-purple)),\n    linear-gradient(135deg, var(--charm-orange), var(--charm-purple));\n  background-origin: border-box;\n  background-clip: padding-box, border-box;\n\n  color: #fff;\n  font-size: 0.9rem;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n\n  box-shadow: 0 8px 24px rgba(16, 4, 40, 0.45);\n  transition:\n    transform 0.12s ease-out,\n    box-shadow 0.12s ease-out,\n    background 0.2s ease-out,\n    color 0.2s ease-out;\n}\n\n\/* Arrow accent *\/\n.charm-subscribe-btn span::after {\n  content: \"\u2192\";\n  margin-left: 0.4rem;\n  font-size: 0.95em;\n  transition: transform 0.15s ease-out;\n}\n\n\/* Hover \/ focus *\/\n.charm-subscribe-btn:hover,\n.charm-subscribe-btn:focus-visible {\n  background-image:\n    linear-gradient(#6b4bb0, #6b4bb0),\n    linear-gradient(135deg, #ffc36b, #8a5fe2);\n  transform: translateY(-1px);\n  box-shadow: 0 12px 30px rgba(16, 4, 40, 0.55);\n}\n\n.charm-subscribe-btn:hover span::after,\n.charm-subscribe-btn:focus-visible span::after {\n  transform: translateX(2px);\n}\n\n\/* Keyboard focus ring *\/\n.charm-subscribe-btn:focus-visible {\n  outline: 2px solid #fff;\n  outline-offset: 3px;\n}\n\n@media (max-width: 640px) {\n  .charm-subscribe-cta {\n    flex-direction: column;\n    align-items: stretch;    \/* stretch instead of flex-start so children fill width *\/\n    padding: 1.1rem 1.1rem; \/* slightly tighter side padding on small screens *\/\n  }\n\n  .charm-subscribe-btn {\n    width: 100%;\n    box-sizing: border-box;  \/* padding is included in the 100% width *\/\n    justify-content: center;\n    text-align: center;\n    white-space: normal;     \/* allow text to wrap if needed *\/\n    padding: 0.65rem 1rem;   \/* slightly less horizontal padding on mobile *\/\n  }\n}\n<\/style>\n<style>\n\/* ========== SPOTLIGHT ARCHIVE (mirrors announcements archive) ========== *\/\n\n.charm-spotlight-footer {\n  margin-top: 1.6rem;\n  text-align: center;\n}\n\n.charm-spotlight-archive {\n  border-top: 1px solid rgba(92, 60, 153, 0.1);\n  max-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  margin-top: 0;\n  padding-top: 0;\n  transform: translateY(-4px);\n  transition:\n    max-height 0.35s ease,\n    opacity 0.25s ease,\n    transform 0.25s ease,\n    margin-top 0.25s ease,\n    padding-top 0.25s ease;\n}\n\n.charm-spotlight-archive.is-open {\n  max-height: 1200px;\n  opacity: 1;\n  margin-top: 1.3rem;\n  padding-top: 1rem;\n  transform: translateY(0);\n}\n\n\/* Scoped to spotlight list so it doesn't interfere with announcements *\/\n.charm-spotlight-list .charm-archive-item {\n  border-bottom: 1px solid rgba(92, 60, 153, 0.1);\n}\n\n.charm-spotlight-list .charm-archive-item:last-child {\n  border-bottom: none;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Harvard SEAS CHARM Center for Human\u2011Driven AIResearch and Methods AI that grows people,not replaces them. Human-driven AI research that grows people and organizations, not replaces them. For the public See how human-driven AI research shapes everyday experiences with technology. Learn more For researchers Explore CHARM\u2019s research agenda and impact stories. View our research publications For [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Center for Human-driven AI Research and Methods (CHARM) at Harvard<\/title>\n<meta name=\"description\" content=\"CHARM focuses on human\u2013AI interaction design and computational methods that leaves people stronger, not just faster in the moment.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/charm.seas.harvard.edu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Center for Human-driven AI Research and Methods (CHARM) at Harvard\" \/>\n<meta property=\"og:description\" content=\"CHARM focuses on human\u2013AI interaction design and computational methods that leaves people stronger, not just faster in the moment.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/charm.seas.harvard.edu\/\" \/>\n<meta property=\"og:site_name\" content=\"Center for Human-driven AI Research and Methods (CHARM) at Harvard\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-07T13:59:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2025\/07\/finale-1-scaled-e1753280878606.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/\",\"url\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/\",\"name\":\"Home - Center for Human-driven AI Research and Methods (CHARM) at Harvard\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/finale-1-scaled-e1753280878606.jpg\",\"datePublished\":\"2025-07-17T17:50:47+00:00\",\"dateModified\":\"2026-05-07T13:59:30+00:00\",\"description\":\"CHARM focuses on human\u2013AI interaction design and computational methods that leaves people stronger, not just faster in the moment.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/charm.seas.harvard.edu\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/#primaryimage\",\"url\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/finale-1-scaled-e1753280878606.jpg\",\"contentUrl\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/finale-1-scaled-e1753280878606.jpg\",\"width\":154,\"height\":154},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/#website\",\"url\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/\",\"name\":\"Center for Human-driven AI Research and Methods (CHARM) at Harvard\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/charm.seas.harvard.edu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Center for Human-driven AI Research and Methods (CHARM) at Harvard","description":"CHARM focuses on human\u2013AI interaction design and computational methods that leaves people stronger, not just faster in the moment.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/charm.seas.harvard.edu\/","og_locale":"en_US","og_type":"article","og_title":"Home - Center for Human-driven AI Research and Methods (CHARM) at Harvard","og_description":"CHARM focuses on human\u2013AI interaction design and computational methods that leaves people stronger, not just faster in the moment.","og_url":"https:\/\/charm.seas.harvard.edu\/","og_site_name":"Center for Human-driven AI Research and Methods (CHARM) at Harvard","article_modified_time":"2026-05-07T13:59:30+00:00","og_image":[{"url":"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2025\/07\/finale-1-scaled-e1753280878606.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/charm.seas.harvard.edu\/","url":"https:\/\/charm.seas.harvard.edu\/","name":"Home - Center for Human-driven AI Research and Methods (CHARM) at Harvard","isPartOf":{"@id":"https:\/\/charm.seas.harvard.edu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/charm.seas.harvard.edu\/#primaryimage"},"image":{"@id":"https:\/\/charm.seas.harvard.edu\/#primaryimage"},"thumbnailUrl":"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2025\/07\/finale-1-scaled-e1753280878606.jpg","datePublished":"2025-07-17T17:50:47+00:00","dateModified":"2026-05-07T13:59:30+00:00","description":"CHARM focuses on human\u2013AI interaction design and computational methods that leaves people stronger, not just faster in the moment.","breadcrumb":{"@id":"https:\/\/charm.seas.harvard.edu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/charm.seas.harvard.edu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/charm.seas.harvard.edu\/#primaryimage","url":"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2025\/07\/finale-1-scaled-e1753280878606.jpg","contentUrl":"https:\/\/charm.seas.harvard.edu\/wp-content\/uploads\/2025\/07\/finale-1-scaled-e1753280878606.jpg","width":154,"height":154},{"@type":"BreadcrumbList","@id":"https:\/\/charm.seas.harvard.edu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/charm.seas.harvard.edu\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/charm.seas.harvard.edu\/#website","url":"https:\/\/charm.seas.harvard.edu\/","name":"Center for Human-driven AI Research and Methods (CHARM) at Harvard","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/charm.seas.harvard.edu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/charm.seas.harvard.edu\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/charm.seas.harvard.edu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/charm.seas.harvard.edu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/charm.seas.harvard.edu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charm.seas.harvard.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":70,"href":"https:\/\/charm.seas.harvard.edu\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":727,"href":"https:\/\/charm.seas.harvard.edu\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/727"}],"wp:attachment":[{"href":"https:\/\/charm.seas.harvard.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}