CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>People</title> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="theme-color" content="#c72513"> <link rel="preload stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300..800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin> <link rel="preload stylesheet" href="https://fonts.googleapis.com/css2?family=Lora:wght@400..700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin> <script defer type="module" src="https://cyberlaw.stanford.edu/assets/built/app.js?v=bc87c7ae5c"></script> <link rel="stylesheet" type="text/css" href="https://cyberlaw.stanford.edu/assets/built/app.css?v=bc87c7ae5c" /> <script> // Global values needed const themeGlobal = { currentPage: parseInt(''), nextPage: parseInt(''), nextPageLink: '', maxPages: parseInt(''), lastPage: `` === `` ? true : false, postsPerPage: parseInt('12'), total: parseInt(''), siteUrl: 'https://cyberlaw.stanford.edu', } // Calculate contrast & HSL value; function getColorInfo(hexcolor) { // get contrast if (hexcolor.slice(0, 1) === '#') { hexcolor = hexcolor.slice(1); } if (hexcolor.length === 3) { hexcolor = hexcolor.split('').map(function (hex) { return hex + hex;}).join(''); } let r = parseInt(hexcolor.substr(0,2),16), g = parseInt(hexcolor.substr(2,2),16), b = parseInt(hexcolor.substr(4,2),16); let yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; const colorContrast = (yiq >= 128) ? '#000' : '#fff'; //get HSL r /= 255, g /= 255, b /= 255; const max = Math.max(r, g, b), min = Math.min(r, g, b); let h, s, l = (max + min) / 2; if ( max == min ) { h = s = 0; } else { let d = max - min; s = l > 0.5 ? d / (2 - max - min) : d / (max + min); switch(max){ case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } const colorHSL = [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)]; // return return { colorContrast, colorHSL } }; const brandColor = getColorInfo("#c72513"); let style = document.createElement('style'); style.innerHTML = `:root { --color-brand-contrast: ${brandColor.colorContrast}; --color-brand-h: ${brandColor.colorHSL[0]}; --color-brand-s: ${brandColor.colorHSL[1]}%; --color-brand-l: ${brandColor.colorHSL[2]}%; --color-brand-hsl: ${brandColor.colorHSL[0]} ${brandColor.colorHSL[1]}% ${brandColor.colorHSL[2]}%; }` document.getElementsByTagName('head')[0].appendChild(style); </script> <link rel="canonical" href="https://cyberlaw.stanford.edu/about/people/"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta property="og:site_name" content="Stanford CIS"> <meta property="og:type" content="website"> <meta property="og:title" content="People"> <meta property="og:description" content="The Center for Internet and Society at Stanford Law School is a leader in the study of the law and policy around the Internet and other emerging technologies."> <meta property="og:url" content="https://cyberlaw.stanford.edu/about/people/"> <meta property="article:modified_time" content="2024-08-06T09:27:24.000Z"> <meta property="article:publisher" content="https://www.facebook.com/ghost"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="People"> <meta name="twitter:description" content="The Center for Internet and Society at Stanford Law School is a leader in the study of the law and policy around the Internet and other emerging technologies."> <meta name="twitter:url" content="https://cyberlaw.stanford.edu/about/people/"> <meta name="twitter:label1" content="Written by"> <meta name="twitter:data1" content="Bright Themes"> <meta name="twitter:site" content="@ghost"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "publisher": { "@type": "Organization", "name": "Stanford CIS", "url": "https://cyberlaw.stanford.edu/", "logo": { "@type": "ImageObject", "url": "https://cyberlaw.stanford.edu/content/images/2023/12/cis.webp" } }, "author": { "@type": "Person", "name": "Bright Themes", "image": { "@type": "ImageObject", "url": "https://www.gravatar.com/avatar/e5f2e287a08d0f2c632b4fdd148d9f61?s=250&r=x&d=mp", "width": 250, "height": 250 }, "sameAs": [] }, "headline": "People", "url": "https://cyberlaw.stanford.edu/about/people/", "dateModified": "2024-08-06T09:27:24.000Z", "mainEntityOfPage": "https://cyberlaw.stanford.edu/about/people/" } </script> <meta name="generator" content="Ghost 5.101"> <link rel="alternate" type="application/rss+xml" title="Stanford CIS" href=""> <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.46/umd/portal.min.js" data-i18n="true" data-ghost="https://cyberlaw.stanford.edu/" data-key="e5cc6f4534b756c5b3e6d235f4" data-api="https://stanford-cis.ghost.io/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content, .gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px; } .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw; } .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0; } .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0; } .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px; } .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600; } .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92; }</style> <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/sodo-search.min.js" data-key="e5cc6f4534b756c5b3e6d235f4" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/main.css" data-sodo-search="https://stanford-cis.ghost.io/" data-locale="en" crossorigin="anonymous"></script> <link href="https://cyberlaw.stanford.edu/webmentions/receive/" rel="webmention"> <script defer src="/public/cards.min.js?v=bc87c7ae5c"></script> <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=bc87c7ae5c"> <script defer src="/public/comment-counts.min.js?v=bc87c7ae5c" data-ghost-comments-counts-api="https://cyberlaw.stanford.edu/members/api/comments/counts/"></script> <script defer src="/public/member-attribution.min.js?v=bc87c7ae5c"></script><style>:root {--ghost-accent-color: #c72513;}</style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-05ZJ3P0LKG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-05ZJ3P0LKG'); </script> </head> <body class="page-template page-people relative overflow-x-hidden bg-backgr text-typogr" x-data="{showMenu : false}" :class="{ 'overflow-hidden': showMenu, '': !showMenu}" @keydown.escape="menuOpen = false" @keydown.cmk.k="document.querySelector('[data-ghost-search]').click()"> <header class="bg-backgr text-typogr-tone" x-init="renderSubmenus()"> <div class="px-4"> <div class="max-w-container mx-auto flex py-3 gap-6 sm:py-4 lg:py-6"> <a href="https://cyberlaw.stanford.edu"> <picture data-logo='default'> <source srcset="/content/images/size/w100/format/webp/2023/12/cis.webp 100w, /content/images/size/w320/format/webp/2023/12/cis.webp 320w, /content/images/size/w640/format/webp/2023/12/cis.webp 600w" sizes="(max-width: 800px) 200px, 320px" type="image/webp" > <img class="h-[var(--logo-h-mobile)] w-[var(--logo-w-mobile)] md:h-[var(--logo-h-desktop)] md:w-[var(--logo-w-desktop)] transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2023/12/cis.webp 100w, /content/images/size/w320/format/webp/2023/12/cis.webp 320w, /content/images/size/w640/format/webp/2023/12/cis.webp 600w" sizes="(max-width: 800px) 200px, 320px" src="/content/images/size/w30/2023/12/cis.webp" alt="Stanford CIS" /> </picture> </a> <p class="max-w-lg text-sm sm:flex font-lora text-brand italic self-end hidden md:text-base"> The Center for Internet and Society at Stanford Law School is a leader in the study of the law and policy around the Internet and other emerging technologies. </p> </div> </div> <div class="bg-backgr-tone border-y border-border px-4 font-[450]"> <div class="max-w-container mx-auto py-2 flex items-center"> <button class="flex md:hidden items-center justify-center h-8 mr-1" @click="showMenu = !showMenu" aria-label="Toggle Menu" :aria-expanded="showMenu" aria-controls="nav-list"> <span :class="{ 'block': !showMenu, 'hidden': showMenu}"><i class="icon icon-menu w-5 h-5 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M4 6l16 0" /> <path d="M4 12l16 0" /> <path d="M4 18l16 0" /> </svg> </i></span> <span class="hidden" :class="{ 'hidden': !showMenu, 'block': showMenu}"><i class="icon icon-close w-5 h-5 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M18 6l-12 12" /> <path d="M6 6l12 12" /> </svg> </i></span> <span class="ml-1 sr-only">Menu</span> </button> <nav class="hidden text-sm md:flex flex-1" data-nav-desktop> <ul class="flex gap-1" data-nav-items> <li class="nav-about-us relative flex items-center" data-label="About Us" data-length="8"> <a class="px-3 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100" href="https://cyberlaw.stanford.edu/about-us/"> <span>About Us</span> </a> </li> <li class="nav-work relative flex items-center" data-label="Work" data-length="4"> <a class="px-3 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100" href="https://cyberlaw.stanford.edu/work/"> <span>Work</span> </a> </li> <li class="nav-people nav-current relative flex items-center" data-label="People" data-length="6"> <a class="px-3 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100" href="https://cyberlaw.stanford.edu/about/people/"> <span>People</span> </a> </li> <li class="nav-blog relative flex items-center" data-label="Blog" data-length="4"> <a class="px-3 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100" href="https://cyberlaw.stanford.edu/blog/"> <span>Blog</span> </a> </li> <li class="nav-publications relative flex items-center" data-label="Publications" data-length="12"> <a class="px-3 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100" href="https://cyberlaw.stanford.edu/publications/"> <span>Publications</span> </a> </li> <li class="nav-press relative flex items-center" data-label="Press" data-length="5"> <a class="px-3 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100" href="https://cyberlaw.stanford.edu/press/"> <span>Press</span> </a> </li> </ul> </nav> <span class="flex-1 md:hidden"></span> <div class="flex items-center gap-1.5"> <a href="/subscribe/" class="rounded-theme bg-brand text-sm text-brand-contrast font-medium px-3 py-1.5 md:px-4 md:py-2">Subscribe</a> <button class="flex items-center justify-center w-8 h-8" data-ghost-search title="Search" aria-label="Search"> <i class="icon icon-search w-5 h-5 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /> <path d="M21 21l-6 -6" /> </svg> </i> </button> </div> </div> </div> <div class="max-w-container mx-auto px-4 bg-backgr-tone relative">  <div class="z-[100] hidden w-full bg-backgr-tone absolute left-0 top-0 text-typogr-tone" :class="{ 'block': showMenu, 'hidden': !showMenu}"> <div class="flex flex-col justify-center text-sm" aria-label="Global"> <nav class="md:hidden" data-nav-mobile> <ul class="flex flex-col" data-nav-items> <li class="nav-about-us flex flex-wrap border-b border-border" data-label="About Us" data-length="8"> <a class="flex-1 w-full px-4 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100 hover:bg-backgr-tone" href="https://cyberlaw.stanford.edu/about-us/"> <span>About Us</span> </a> </li> <li class="nav-work flex flex-wrap border-b border-border" data-label="Work" data-length="4"> <a class="flex-1 w-full px-4 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100 hover:bg-backgr-tone" href="https://cyberlaw.stanford.edu/work/"> <span>Work</span> </a> </li> <li class="nav-people nav-current flex flex-wrap border-b border-border" data-label="People" data-length="6"> <a class="flex-1 w-full px-4 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100 hover:bg-backgr-tone" href="https://cyberlaw.stanford.edu/about/people/"> <span>People</span> </a> </li> <li class="nav-blog flex flex-wrap border-b border-border" data-label="Blog" data-length="4"> <a class="flex-1 w-full px-4 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100 hover:bg-backgr-tone" href="https://cyberlaw.stanford.edu/blog/"> <span>Blog</span> </a> </li> <li class="nav-publications flex flex-wrap border-b border-border" data-label="Publications" data-length="12"> <a class="flex-1 w-full px-4 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100 hover:bg-backgr-tone" href="https://cyberlaw.stanford.edu/publications/"> <span>Publications</span> </a> </li> <li class="nav-press flex flex-wrap border-b border-border" data-label="Press" data-length="5"> <a class="flex-1 w-full px-4 py-2 decoration-2 opacity-90 hover:text-typogr hover:opacity-100 hover:bg-backgr-tone" href="https://cyberlaw.stanford.edu/press/"> <span>Press</span> </a> </li> </ul> </nav> </div> </div> </div> </header> <main class="main"> <section class="px-4 my-8" data-page-hero> <div class="max-w-container mx-auto border-b border-border pb-4"> <h1 class="font-bold text-2xl md:text-3xl lg:text-4xl"> People </h1> </div> </section> <section class="px-4 my-8 mb-16"> <div class="max-w-container mx-auto"> <h2 class="font-inter text-base font-semibold uppercase opacity-60 mb-4">CIS Faculty</h2> <a href="/about/people/barbara-van-schewick/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme flex flex-col gap-4 sm:flex-row mb-12"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/schewick-photo-headshot.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/schewick-photo-headshot.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/schewick-photo-headshot.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme lg:ml-6 lg:mr-2 transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/schewick-photo-headshot.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/schewick-photo-headshot.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/schewick-photo-headshot.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/schewick-photo-headshot.jpg" alt="Barbara van Schewick" /> </picture> <div class="max-w-xl flex-auto flex flex-col justify-center"> <h3 class="mt-2 text-base font-semibold">Barbara van Schewick</h3> <p class="mt-1 text-sm text-typogr-tone">M. Elizabeth Magill Professor of Law at Stanford Law School<br> Director of the Stanford Center for Internet & Society<br>Professor (by courtesy) of Electrical Engineering, Stanford University</p> </div> </a> <h2 class="font-inter text-base font-semibold uppercase opacity-60 mb-4">CIS Team</h2> <ul role="list" class="mx-auto grid grid-cols-2 gap-4 text-center sm:grid-cols-3 md:grid-cols-4 md:gap-6 lg:grid-cols-6 mb-12"> <li class=""> <a href="/about/people/elaine-adolfo/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150715-elaine.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150715-elaine.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150715-elaine.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150715-elaine.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150715-elaine.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150715-elaine.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/20150715-elaine.jpg" alt="Elaine Adolfo" /> </picture> <h3 class="mt-2 text-base font-semibold">Elaine Adolfo</h3> <p class="mt-1 text-sm text-typogr-tone">Associate Director, Center for Internet and Society</p> </a> </li> <li class=""> <a href="/about/people/russell-degraff/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/01/rdegraff.jpeg 100w, /content/images/size/w320/format/webp/2024/01/rdegraff.jpeg 320w, /content/images/size/w640/format/webp/2024/01/rdegraff.jpeg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/01/rdegraff.jpeg 100w, /content/images/size/w320/format/webp/2024/01/rdegraff.jpeg 320w, /content/images/size/w640/format/webp/2024/01/rdegraff.jpeg 600w" sizes="96px" src="/content/images/size/w30/2024/01/rdegraff.jpeg" alt="Russell DeGraff" /> </picture> <h3 class="mt-2 text-base font-semibold">Russell DeGraff</h3> <p class="mt-1 text-sm text-typogr-tone">Fellow</p> </a> </li> </ul> <h2 class="font-inter text-base font-semibold uppercase opacity-60 mb-4">Affiliates</h2> <ul role="list" class="mx-auto grid grid-cols-2 gap-4 text-center sm:grid-cols-3 md:grid-cols-4 md:gap-6 lg:grid-cols-6"> <li class=""> <a href="/about/people/ademir-antonio-pereira-jr/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ademir-20pereira_photo.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ademir-20pereira_photo.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ademir-20pereira_photo.png 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ademir-20pereira_photo.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ademir-20pereira_photo.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ademir-20pereira_photo.png 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/ademir-20pereira_photo.png" alt="Ademir Pereira" /> </picture> <h3 class="mt-2 text-base font-semibold">Ademir Pereira</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/albert-gidari/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vertical.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vertical.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vertical.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vertical.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vertical.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vertical.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/vertical.jpg" alt="Albert Gidari" /> </picture> <h3 class="mt-2 text-base font-semibold">Albert Gidari</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/alex-feerst/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/alex.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/alex.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/alex.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/alex.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/alex.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/alex.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/alex.jpg" alt="Alex Feerst" /> </picture> <h3 class="mt-2 text-base font-semibold">Alex Feerst</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/andrea-matwyshyn/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/amm-20cropped-20--20copy.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/amm-20cropped-20--20copy.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/amm-20cropped-20--20copy.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/amm-20cropped-20--20copy.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/amm-20cropped-20--20copy.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/amm-20cropped-20--20copy.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/amm-20cropped-20--20copy.jpg" alt="Andrea Matwyshyn" /> </picture> <h3 class="mt-2 text-base font-semibold">Andrea Matwyshyn</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/andrew-mclaughlin/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/08/mclaughlin.jpg 100w, /content/images/size/w320/format/webp/2024/08/mclaughlin.jpg 320w, /content/images/size/w640/format/webp/2024/08/mclaughlin.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/08/mclaughlin.jpg 100w, /content/images/size/w320/format/webp/2024/08/mclaughlin.jpg 320w, /content/images/size/w640/format/webp/2024/08/mclaughlin.jpg 600w" sizes="96px" src="/content/images/size/w30/2024/08/mclaughlin.jpg" alt="Andrew McLaughlin" /> </picture> <h3 class="mt-2 text-base font-semibold">Andrew McLaughlin</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/annemarie-bridy/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image001.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image001.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image001.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image001.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image001.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image001.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/image001.jpg" alt="Annemarie Bridy" /> </picture> <h3 class="mt-2 text-base font-semibold">Annemarie Bridy</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/ben-depoorter/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/08/depoorter-e1531964504962-500x547.jpg 100w, /content/images/size/w320/format/webp/2024/08/depoorter-e1531964504962-500x547.jpg 320w, /content/images/size/w640/format/webp/2024/08/depoorter-e1531964504962-500x547.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/08/depoorter-e1531964504962-500x547.jpg 100w, /content/images/size/w320/format/webp/2024/08/depoorter-e1531964504962-500x547.jpg 320w, /content/images/size/w640/format/webp/2024/08/depoorter-e1531964504962-500x547.jpg 600w" sizes="96px" src="/content/images/size/w30/2024/08/depoorter-e1531964504962-500x547.jpg" alt="Ben Depoorter" /> </picture> <h3 class="mt-2 text-base font-semibold">Ben Depoorter</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/brett-frischmann/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/frischmann.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/frischmann.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/frischmann.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/frischmann.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/frischmann.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/frischmann.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/frischmann.jpg" alt="Brett Frischmann" /> </picture> <h3 class="mt-2 text-base font-semibold">Brett Frischmann</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/brian-hayden-pascal/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/brianpascal.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/brianpascal.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/brianpascal.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/brianpascal.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/brianpascal.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/brianpascal.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/brianpascal.jpg" alt="Brian Pascal" /> </picture> <h3 class="mt-2 text-base font-semibold">Brian Pascal</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/bryant-walker-smith/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/bryant-headshot.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/bryant-headshot.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/bryant-headshot.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/bryant-headshot.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/bryant-headshot.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/bryant-headshot.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/bryant-headshot.jpg" alt="Bryant Walker Smith" /> </picture> <h3 class="mt-2 text-base font-semibold">Bryant Walker Smith</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/catherine-crump/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crump.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crump.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crump.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crump.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crump.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crump.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/crump.jpg" alt="Catherine Crump" /> </picture> <h3 class="mt-2 text-base font-semibold">Catherine Crump</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/charles-belle/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image-204-20stanford-20cis.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image-204-20stanford-20cis.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image-204-20stanford-20cis.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image-204-20stanford-20cis.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image-204-20stanford-20cis.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image-204-20stanford-20cis.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/image-204-20stanford-20cis.jpg" alt="Charles Belle" /> </picture> <h3 class="mt-2 text-base font-semibold">Charles Belle</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/chuck-cosson/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/chuck-20cosson.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/chuck-20cosson.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/chuck-20cosson.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/chuck-20cosson.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/chuck-20cosson.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/chuck-20cosson.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/chuck-20cosson.jpg" alt="Chuck Cosson" /> </picture> <h3 class="mt-2 text-base font-semibold">Chuck Cosson</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/danielle-citron/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/citron_hires.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/citron_hires.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/citron_hires.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/citron_hires.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/citron_hires.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/citron_hires.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/citron_hires.jpg" alt="Danielle Citron" /> </picture> <h3 class="mt-2 text-base font-semibold">Danielle Citron</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/daphne-keller/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6931.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6931.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6931.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6931.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6931.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6931.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/img_6931.jpg" alt="Daphne Keller" /> </picture> <h3 class="mt-2 text-base font-semibold">Daphne Keller</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/david-levine/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/levine_david-for-web.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/levine_david-for-web.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/levine_david-for-web.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/levine_david-for-web.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/levine_david-for-web.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/levine_david-for-web.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/levine_david-for-web.jpg" alt="David Levine" /> </picture> <h3 class="mt-2 text-base font-semibold">David Levine</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/david-olson/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/08/davidolson.jpg 100w, /content/images/size/w320/format/webp/2024/08/davidolson.jpg 320w, /content/images/size/w640/format/webp/2024/08/davidolson.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/08/davidolson.jpg 100w, /content/images/size/w320/format/webp/2024/08/davidolson.jpg 320w, /content/images/size/w640/format/webp/2024/08/davidolson.jpg 600w" sizes="96px" src="/content/images/size/w30/2024/08/davidolson.jpg" alt="David Olson" /> </picture> <h3 class="mt-2 text-base font-semibold">David Olson</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/elizabeth-townsend-gard/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/08/TownsendGard-800x600.jpg 100w, /content/images/size/w320/format/webp/2024/08/TownsendGard-800x600.jpg 320w, /content/images/size/w640/format/webp/2024/08/TownsendGard-800x600.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/08/TownsendGard-800x600.jpg 100w, /content/images/size/w320/format/webp/2024/08/TownsendGard-800x600.jpg 320w, /content/images/size/w640/format/webp/2024/08/TownsendGard-800x600.jpg 600w" sizes="96px" src="/content/images/size/w30/2024/08/TownsendGard-800x600.jpg" alt="Elizabeth Townsend Gard" /> </picture> <h3 class="mt-2 text-base font-semibold">Elizabeth Townsend Gard</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/geoffrey-king/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/geoffreykingphoto.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/geoffreykingphoto.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/geoffreykingphoto.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/geoffreykingphoto.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/geoffreykingphoto.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/geoffreykingphoto.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/geoffreykingphoto.jpg" alt="Geoffrey King" /> </picture> <h3 class="mt-2 text-base font-semibold">Geoffrey King</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/giancarlo-frosio/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stanfordgcf.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stanfordgcf.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stanfordgcf.png 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stanfordgcf.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stanfordgcf.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stanfordgcf.png 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/stanfordgcf.png" alt="Giancarlo Frosio" /> </picture> <h3 class="mt-2 text-base font-semibold">Giancarlo Frosio</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/harlan-yu/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/harlanyu.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/harlanyu.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/harlanyu.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/harlanyu.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/harlanyu.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/harlanyu.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/harlanyu.jpg" alt="Harlan Yu" /> </picture> <h3 class="mt-2 text-base font-semibold">Harlan Yu</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/henry-farrell/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo-2.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo-2.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo-2.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo-2.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo-2.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo-2.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/photo-2.jpg" alt="Henry Farrell" /> </picture> <h3 class="mt-2 text-base font-semibold">Henry Farrell</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/jeffrey-vagle/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150107-jeffreyvagle.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150107-jeffreyvagle.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150107-jeffreyvagle.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150107-jeffreyvagle.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150107-jeffreyvagle.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150107-jeffreyvagle.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/20150107-jeffreyvagle.jpg" alt="Jeffrey Vagle" /> </picture> <h3 class="mt-2 text-base font-semibold">Jeffrey Vagle</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/jen-king/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20181031-jenking_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20181031-jenking_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20181031-jenking_0.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20181031-jenking_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20181031-jenking_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20181031-jenking_0.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/20181031-jenking_0.jpg" alt="Jen King" /> </picture> <h3 class="mt-2 text-base font-semibold">Jen King</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/jennifer-granick/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jf16_granick_second.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jf16_granick_second.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jf16_granick_second.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jf16_granick_second.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jf16_granick_second.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jf16_granick_second.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/jf16_granick_second.jpg" alt="Jennifer Granick" /> </picture> <h3 class="mt-2 text-base font-semibold">Jennifer Granick</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/jiarui-liu/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150309-liu.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150309-liu.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150309-liu.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150309-liu.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150309-liu.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20150309-liu.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/20150309-liu.jpg" alt="Jiarui Liu" /> </picture> <h3 class="mt-2 text-base font-semibold">Jiarui Liu</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/joan-barata/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jbarata.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jbarata.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jbarata.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jbarata.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jbarata.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/jbarata.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/jbarata.jpg" alt="Joan Barata" /> </picture> <h3 class="mt-2 text-base font-semibold">Joan Barata</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/jonathan-mayer/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image6.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image6.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image6.png 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image6.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image6.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/image6.png 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/image6.png" alt="Jonathan Mayer" /> </picture> <h3 class="mt-2 text-base font-semibold">Jonathan Mayer</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/kate-westmoreland/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/kate.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/kate.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/kate.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/kate.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/kate.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/kate.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/kate.jpg" alt="Kate Westmoreland" /> </picture> <h3 class="mt-2 text-base font-semibold">Kate Westmoreland</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/luiz-fernando-marrey-moncau/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fgv-67.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fgv-67.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fgv-67.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fgv-67.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fgv-67.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fgv-67.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/fgv-67.jpg" alt="Luiz Fernando Marrey Moncau" /> </picture> <h3 class="mt-2 text-base font-semibold">Luiz Fernando Marrey Moncau</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/martin-husovec/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/08/martin-husovec-2022-Cropped-200x200.jpg 100w, /content/images/size/w320/format/webp/2024/08/martin-husovec-2022-Cropped-200x200.jpg 320w, /content/images/size/w640/format/webp/2024/08/martin-husovec-2022-Cropped-200x200.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/08/martin-husovec-2022-Cropped-200x200.jpg 100w, /content/images/size/w320/format/webp/2024/08/martin-husovec-2022-Cropped-200x200.jpg 320w, /content/images/size/w640/format/webp/2024/08/martin-husovec-2022-Cropped-200x200.jpg 600w" sizes="96px" src="/content/images/size/w30/2024/08/martin-husovec-2022-Cropped-200x200.jpg" alt="Martin Husovec" /> </picture> <h3 class="mt-2 text-base font-semibold">Martin Husovec</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/marvin-ammori/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marvin.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marvin.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marvin.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marvin.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marvin.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marvin.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/marvin.jpg" alt="Marvin Ammori" /> </picture> <h3 class="mt-2 text-base font-semibold">Marvin Ammori</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/megan-gray/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/megangray.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/megangray.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/megangray.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/megangray.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/megangray.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/megangray.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/megangray.jpg" alt="Megan Gray" /> </picture> <h3 class="mt-2 text-base font-semibold">Megan Gray</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/miquel-peguera/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/miquel-20peguera.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/miquel-20peguera.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/miquel-20peguera.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/miquel-20peguera.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/miquel-20peguera.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/miquel-20peguera.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/miquel-20peguera.jpg" alt="Miquel Peguera" /> </picture> <h3 class="mt-2 text-base font-semibold">Miquel Peguera</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/morgan-weiland/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/weilandphoto.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/weilandphoto.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/weilandphoto.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/weilandphoto.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/weilandphoto.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/weilandphoto.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/weilandphoto.jpg" alt="Morgan Weiland" /> </picture> <h3 class="mt-2 text-base font-semibold">Morgan Weiland</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/nabiha-syed/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/08/nabiha_syed-1.jpg 100w, /content/images/size/w320/format/webp/2024/08/nabiha_syed-1.jpg 320w, /content/images/size/w640/format/webp/2024/08/nabiha_syed-1.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/08/nabiha_syed-1.jpg 100w, /content/images/size/w320/format/webp/2024/08/nabiha_syed-1.jpg 320w, /content/images/size/w640/format/webp/2024/08/nabiha_syed-1.jpg 600w" sizes="96px" src="/content/images/size/w30/2024/08/nabiha_syed-1.jpg" alt="Nabiha Syed" /> </picture> <h3 class="mt-2 text-base font-semibold">Nabiha Syed</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/neil-richards/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nr-20headshot-20sept-202013-20hires.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nr-20headshot-20sept-202013-20hires.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nr-20headshot-20sept-202013-20hires.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nr-20headshot-20sept-202013-20hires.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nr-20headshot-20sept-202013-20hires.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nr-20headshot-20sept-202013-20hires.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/nr-20headshot-20sept-202013-20hires.jpg" alt="Neil Richards" /> </picture> <h3 class="mt-2 text-base font-semibold">Neil Richards</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/norberto-andrade/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/norberto-20andrade-20--20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/norberto-20andrade-20--20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/norberto-20andrade-20--20photo.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/norberto-20andrade-20--20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/norberto-20andrade-20--20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/norberto-20andrade-20--20photo.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/norberto-20andrade-20--20photo.jpg" alt="Norberto Andrade" /> </picture> <h3 class="mt-2 text-base font-semibold">Norberto Andrade</h3> <p class="mt-1 text-sm text-typogr-tone">Junior Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/omer-tene/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/08/tene-omer.jpg 100w, /content/images/size/w320/format/webp/2024/08/tene-omer.jpg 320w, /content/images/size/w640/format/webp/2024/08/tene-omer.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/08/tene-omer.jpg 100w, /content/images/size/w320/format/webp/2024/08/tene-omer.jpg 320w, /content/images/size/w640/format/webp/2024/08/tene-omer.jpg 600w" sizes="96px" src="/content/images/size/w30/2024/08/tene-omer.jpg" alt="Omer Tene" /> </picture> <h3 class="mt-2 text-base font-semibold">Omer Tene</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/paddy-leerssen/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crop2.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crop2.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crop2.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crop2.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crop2.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/crop2.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/crop2.jpg" alt="Paddy Leerssen" /> </picture> <h3 class="mt-2 text-base font-semibold">Paddy Leerssen</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/patrick-lin/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/office_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/office_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/office_0.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/office_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/office_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/office_0.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/office_0.jpg" alt="Patrick Lin" /> </picture> <h3 class="mt-2 text-base font-semibold">Patrick Lin</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/riana-pfefferkorn/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6984.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6984.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6984.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6984.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6984.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_6984.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/img_6984.jpg" alt="Riana Pfefferkorn" /> </picture> <h3 class="mt-2 text-base font-semibold">Riana Pfefferkorn</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/richard-forno/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-416-1349643573.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-416-1349643573.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-416-1349643573.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-416-1349643573.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-416-1349643573.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-416-1349643573.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/pictures/picture-416-1349643573.jpg" alt="Richard Forno" /> </picture> <h3 class="mt-2 text-base font-semibold">Richard Forno</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/ryan-calo/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/08/calo-ryan_compressed-3-1.jpg 100w, /content/images/size/w320/format/webp/2024/08/calo-ryan_compressed-3-1.jpg 320w, /content/images/size/w640/format/webp/2024/08/calo-ryan_compressed-3-1.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/08/calo-ryan_compressed-3-1.jpg 100w, /content/images/size/w320/format/webp/2024/08/calo-ryan_compressed-3-1.jpg 320w, /content/images/size/w640/format/webp/2024/08/calo-ryan_compressed-3-1.jpg 600w" sizes="96px" src="/content/images/size/w30/2024/08/calo-ryan_compressed-3-1.jpg" alt="Ryan Calo" /> </picture> <h3 class="mt-2 text-base font-semibold">Ryan Calo</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/ryan-e-long/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20200824-ryanlong.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20200824-ryanlong.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20200824-ryanlong.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20200824-ryanlong.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20200824-ryanlong.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/20200824-ryanlong.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/20200824-ryanlong.jpg" alt="Ryan Long" /> </picture> <h3 class="mt-2 text-base font-semibold">Ryan Long</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/ryan-singel/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ryan-singel-contact-20-6.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ryan-singel-contact-20-6.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ryan-singel-contact-20-6.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ryan-singel-contact-20-6.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ryan-singel-contact-20-6.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ryan-singel-contact-20-6.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/ryan-singel-contact-20-6.jpg" alt="Ryan Singel" /> </picture> <h3 class="mt-2 text-base font-semibold">Ryan Singel</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/scott-shackelford/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/rsd14_073_0212a.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/rsd14_073_0212a.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/rsd14_073_0212a.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/rsd14_073_0212a.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/rsd14_073_0212a.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/rsd14_073_0212a.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/rsd14_073_0212a.jpg" alt="Scott Shackelford" /> </picture> <h3 class="mt-2 text-base font-semibold">Scott Shackelford</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/shaheen-shariff/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/shaheen7022.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/shaheen7022.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/shaheen7022.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/shaheen7022.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/shaheen7022.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/shaheen7022.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/shaheen7022.jpg" alt="Shaheen Shariff" /> </picture> <h3 class="mt-2 text-base font-semibold">Shaheen Shariff</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/stephen-wm-smith/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_3750.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_3750.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_3750.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_3750.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_3750.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/img_3750.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/img_3750.jpg" alt="Stephen Wm. Smith" /> </picture> <h3 class="mt-2 text-base font-semibold">Stephen Wm. Smith</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/steve-sheng/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stevesheng.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stevesheng.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stevesheng.png 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stevesheng.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stevesheng.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/stevesheng.png 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/stevesheng.png" alt="Steve Sheng" /> </picture> <h3 class="mt-2 text-base font-semibold">Steve Sheng</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/thomas-lohninger/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fire.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fire.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fire.png 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fire.png 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fire.png 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fire.png 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/fire.png" alt="Thomas Lohninger" /> </picture> <h3 class="mt-2 text-base font-semibold">Thomas Lohninger</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/tom-lowenthal/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tom-lowenthal.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tom-lowenthal.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tom-lowenthal.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tom-lowenthal.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tom-lowenthal.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tom-lowenthal.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/tom-lowenthal.jpg" alt="Tom Lowenthal" /> </picture> <h3 class="mt-2 text-base font-semibold">Tom Lowenthal</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/tom-rubin/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender_1.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender_1.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender_1.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender_1.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender_1.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender_1.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender_1.jpg" alt="Tom Rubin" /> </picture> <h3 class="mt-2 text-base font-semibold">Tom Rubin</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> <li class=""> <a href="/about/people/victoria-stodden/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vcstaccbig.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vcstaccbig.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vcstaccbig.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vcstaccbig.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vcstaccbig.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/vcstaccbig.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/vcstaccbig.jpg" alt="Victoria Stodden" /> </picture> <h3 class="mt-2 text-base font-semibold">Victoria Stodden</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/woodrow-hartzog/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/photo.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/photo.jpg" alt="Woodrow Hartzog" /> </picture> <h3 class="mt-2 text-base font-semibold">Woodrow Hartzog</h3> <p class="mt-1 text-sm text-typogr-tone">Affiliate Scholar</p> </a> </li> <li class=""> <a href="/about/people/yana-welinder/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/yw-20-1-_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/yw-20-1-_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/yw-20-1-_0.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/yw-20-1-_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/yw-20-1-_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/yw-20-1-_0.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/yw-20-1-_0.jpg" alt="Yana Welinder" /> </picture> <h3 class="mt-2 text-base font-semibold">Yana Welinder</h3> <p class="mt-1 text-sm text-typogr-tone">Non-Residential Fellow</p> </a> </li> </ul> <h2 class="font-inter text-base font-semibold uppercase opacity-60 mb-4 mt-12">Former Staff</h2> <ul role="list" class="mx-auto grid grid-cols-2 gap-4 text-center sm:grid-cols-3 md:grid-cols-4 md:gap-6 lg:grid-cols-6"> <li class=""> <a href="/about/people/aleecia-mcdonald/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aleecia.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aleecia.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aleecia.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aleecia.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aleecia.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aleecia.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/aleecia.jpg" alt="Aleecia McDonald" /> </picture> <h3 class="mt-2 text-base font-semibold">Aleecia McDonald</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/anthony-falzone/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/tony.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/tony.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/tony.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/tony.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/tony.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/tony.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/tony.jpg" alt="Anthony Falzone" /> </picture> <h3 class="mt-2 text-base font-semibold">Anthony Falzone</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/daniel-nazer/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/daniel-20nazer-20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/daniel-20nazer-20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/daniel-20nazer-20photo.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/daniel-20nazer-20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/daniel-20nazer-20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/daniel-20nazer-20photo.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/daniel-20nazer-20photo.jpg" alt="Daniel Nazer" /> </picture> <h3 class="mt-2 text-base font-semibold">Daniel Nazer</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/julie-ahrens/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/julie-20headshot_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/julie-20headshot_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/julie-20headshot_0.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/julie-20headshot_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/julie-20headshot_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/julie-20headshot_0.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/julie-20headshot_0.jpg" alt="Julie Ahrens" /> </picture> <h3 class="mt-2 text-base font-semibold">Julie Ahrens</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/lauren-gelman/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-39.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-39.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-39.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-39.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-39.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-39.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/pictures/picture-39.jpg" alt="Lauren Gelman" /> </picture> <h3 class="mt-2 text-base font-semibold">Lauren Gelman</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/tim-greene/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tim-greene-small.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tim-greene-small.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tim-greene-small.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tim-greene-small.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tim-greene-small.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/tim-greene-small.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/tim-greene-small.jpg" alt="Tim Greene" /> </picture> <h3 class="mt-2 text-base font-semibold">Tim Greene</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/valarie-kaur/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/valarie-20kaur-20sunset-20profile-20smiling.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/valarie-20kaur-20sunset-20profile-20smiling.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/valarie-20kaur-20sunset-20profile-20smiling.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/valarie-20kaur-20sunset-20profile-20smiling.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/valarie-20kaur-20sunset-20profile-20smiling.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/valarie-20kaur-20sunset-20profile-20smiling.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/valarie-20kaur-20sunset-20profile-20smiling.jpg" alt="Valarie Kaur" /> </picture> <h3 class="mt-2 text-base font-semibold">Valarie Kaur</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> </ul> <h2 class="font-inter text-base font-semibold uppercase opacity-60 mb-4 mt-12">Former Affiliates</h2> <ul role="list" class="mx-auto grid grid-cols-2 gap-4 text-center sm:grid-cols-3 md:grid-cols-4 md:gap-6 lg:grid-cols-6"> <li class=""> <a href="/about/people/aeryn-palmer/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/a.lamb_.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/a.lamb_.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/a.lamb_.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/a.lamb_.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/a.lamb_.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/a.lamb_.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/a.lamb_.jpg" alt="Aeryn Palmer" /> </picture> <h3 class="mt-2 text-base font-semibold">Aeryn Palmer</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/andrew-bridges/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/2024/08/Andrewbridges.jpg 100w, /content/images/size/w320/format/webp/2024/08/Andrewbridges.jpg 320w, /content/images/size/w640/format/webp/2024/08/Andrewbridges.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/2024/08/Andrewbridges.jpg 100w, /content/images/size/w320/format/webp/2024/08/Andrewbridges.jpg 320w, /content/images/size/w640/format/webp/2024/08/Andrewbridges.jpg 600w" sizes="96px" src="/content/images/size/w30/2024/08/Andrewbridges.jpg" alt="Andrew Bridges" /> </picture> <h3 class="mt-2 text-base font-semibold">Andrew Bridges</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/arvind-narayanan/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/arvind-narayanan-profile.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/arvind-narayanan-profile.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/arvind-narayanan-profile.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/arvind-narayanan-profile.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/arvind-narayanan-profile.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/arvind-narayanan-profile.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/arvind-narayanan-profile.jpg" alt="Arvind Narayanan" /> </picture> <h3 class="mt-2 text-base font-semibold">Arvind Narayanan</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/aseem-mehta/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aseem_bio-20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aseem_bio-20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aseem_bio-20photo.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aseem_bio-20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aseem_bio-20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/aseem_bio-20photo.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/aseem_bio-20photo.jpg" alt="Aseem Mehta" /> </picture> <h3 class="mt-2 text-base font-semibold">Aseem Mehta</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/ben-scott/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ben-20scott-20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ben-20scott-20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ben-20scott-20photo.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ben-20scott-20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ben-20scott-20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/ben-20scott-20photo.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/ben-20scott-20photo.jpg" alt="Ben Scott" /> </picture> <h3 class="mt-2 text-base font-semibold">Ben Scott</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/beth-van-schaack/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/8x10_55x4025.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/8x10_55x4025.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/8x10_55x4025.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/8x10_55x4025.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/8x10_55x4025.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/8x10_55x4025.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/8x10_55x4025.jpg" alt="Beth Van Schaack" /> </picture> <h3 class="mt-2 text-base font-semibold">Beth Van Schaack</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/brian-nussbaum/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nussbaum.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nussbaum.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nussbaum.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nussbaum.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nussbaum.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nussbaum.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/nussbaum.jpg" alt="Brian Nussbaum" /> </picture> <h3 class="mt-2 text-base font-semibold">Brian Nussbaum</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/dan-wielsch/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-14.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-14.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-14.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-14.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-14.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/pictures/picture-14.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/pictures/picture-14.jpg" alt="Dan Wielsch" /> </picture> <h3 class="mt-2 text-base font-semibold">Dan Wielsch</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/darren-stevenson/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/darrenstevenson.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/darrenstevenson.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/darrenstevenson.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/darrenstevenson.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/darrenstevenson.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/darrenstevenson.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/darrenstevenson.jpg" alt="Darren Stevenson" /> </picture> <h3 class="mt-2 text-base font-semibold">Darren Stevenson</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/elizabeth-joh/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/joh-elizabeth.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/joh-elizabeth.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/joh-elizabeth.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/joh-elizabeth.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/joh-elizabeth.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/joh-elizabeth.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/joh-elizabeth.jpg" alt="Elizabeth Joh" /> </picture> <h3 class="mt-2 text-base font-semibold">Elizabeth Joh</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/emily-baxter/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/fullsizerender.jpg" alt="Emily Baxter" /> </picture> <h3 class="mt-2 text-base font-semibold">Emily Baxter</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/kristen-e-eichensehr/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/eichensehr-20ucla-20bio-20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/eichensehr-20ucla-20bio-20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/eichensehr-20ucla-20bio-20photo.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/eichensehr-20ucla-20bio-20photo.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/eichensehr-20ucla-20bio-20photo.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/eichensehr-20ucla-20bio-20photo.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/eichensehr-20ucla-20bio-20photo.jpg" alt="Kristen Eichensehr" /> </picture> <h3 class="mt-2 text-base font-semibold">Kristen Eichensehr</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/margaret-hu/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/hu-margaret_newbkgrnd.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/hu-margaret_newbkgrnd.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/hu-margaret_newbkgrnd.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/hu-margaret_newbkgrnd.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/hu-margaret_newbkgrnd.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/hu-margaret_newbkgrnd.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/hu-margaret_newbkgrnd.jpg" alt="Margaret Hu" /> </picture> <h3 class="mt-2 text-base font-semibold">Margaret Hu</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/marshall-erwin/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marshall_erwin.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marshall_erwin.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marshall_erwin.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marshall_erwin.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marshall_erwin.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/marshall_erwin.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/marshall_erwin.jpg" alt="Marshall Erwin" /> </picture> <h3 class="mt-2 text-base font-semibold">Marshall Erwin</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/neal-cohen/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nealcis.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nealcis.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nealcis.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nealcis.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nealcis.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/nealcis.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/nealcis.jpg" alt="Neal Cohen" /> </picture> <h3 class="mt-2 text-base font-semibold">Neal Cohen</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/peter-asaro/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/asaroheadshot2.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/asaroheadshot2.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/asaroheadshot2.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/asaroheadshot2.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/asaroheadshot2.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/asaroheadshot2.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/asaroheadshot2.jpg" alt="Peter Asaro" /> </picture> <h3 class="mt-2 text-base font-semibold">Peter Asaro</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/richard-salgado/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/richard_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/richard_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/richard_0.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/richard_0.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/richard_0.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/richard_0.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/richard_0.jpg" alt="Richard Salgado" /> </picture> <h3 class="mt-2 text-base font-semibold">Richard Salgado</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/sonia-katyal/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/katyal_sonia.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/katyal_sonia.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/katyal_sonia.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/katyal_sonia.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/katyal_sonia.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/katyal_sonia.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/katyal_sonia.jpg" alt="Sonia Katyal" /> </picture> <h3 class="mt-2 text-base font-semibold">Sonia Katyal</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/stephanie-pell/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/pell2-1.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/pell2-1.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/pell2-1.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/pell2-1.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/pell2-1.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/pell2-1.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/pell2-1.jpg" alt="Stephanie Pell" /> </picture> <h3 class="mt-2 text-base font-semibold">Stephanie Pell</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> <li class=""> <a href="/about/people/tara-whalen/" class="h-full block px-2 py-3 hover:bg-backgr-tone rounded-theme"> <picture > <source srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/headshot-whalen-stanford.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/headshot-whalen-stanford.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/headshot-whalen-stanford.jpg 600w" sizes="96px" type="image/webp" > <img class="object-cover mx-auto h-24 w-24 rounded-theme transition duration-400 blur" onload="this.classList.remove('blur')" loading="lazy" srcset="/content/images/size/w100/format/webp/sites/default/files/styles/profile_image/public/people/portaits/headshot-whalen-stanford.jpg 100w, /content/images/size/w320/format/webp/sites/default/files/styles/profile_image/public/people/portaits/headshot-whalen-stanford.jpg 320w, /content/images/size/w640/format/webp/sites/default/files/styles/profile_image/public/people/portaits/headshot-whalen-stanford.jpg 600w" sizes="96px" src="/content/images/size/w30/sites/default/files/styles/profile_image/public/people/portaits/headshot-whalen-stanford.jpg" alt="Tara Whalen" /> </picture> <h3 class="mt-2 text-base font-semibold">Tara Whalen</h3> <p class="mt-1 text-sm text-typogr-tone"></p> </a> </li> </ul> </div> </section> </main> <footer class="bg-backgr-tone px-4 border-t border-border"> <div class="max-w-container mx-auto flex flex-col py-8"> <nav class="text-sm text-typogr-tone pb-4"> <ul class="flex flex-wrap gap-3 md:gap-4" data-nav-items> <li class="nav-about-us " data-label="About Us" data-length="8"> <a class="hover:underline decoration-2" href="https://cyberlaw.stanford.edu/about-us/"> <span>About Us</span> </a> </li> <li class="nav-work " data-label="Work" data-length="4"> <a class="hover:underline decoration-2" href="https://cyberlaw.stanford.edu/work/"> <span>Work</span> </a> </li> <li class="nav-people " data-label="People" data-length="6"> <a class="hover:underline decoration-2" href="https://cyberlaw.stanford.edu/people/"> <span>People</span> </a> </li> <li class="nav-blog " data-label="Blog" data-length="4"> <a class="hover:underline decoration-2" href="https://cyberlaw.stanford.edu/blog/"> <span>Blog</span> </a> </li> <li class="nav-publications " data-label="Publications" data-length="12"> <a class="hover:underline decoration-2" href="https://cyberlaw.stanford.edu/publications/"> <span>Publications</span> </a> </li> <li class="nav-press " data-label="Press" data-length="5"> <a class="hover:underline decoration-2" href="https://cyberlaw.stanford.edu/press/"> <span>Press</span> </a> </li> </ul> </nav> <div class="text-sm opacity-60 pt-4 border-t border-border"> <span>©2024.</span> <span>Stanford Center for Internet and Society</span> </div> </div> </footer> <template data-post-card-template> <article class="flex flex-col gap-3 p-4 bg-backgr-tone border border-border rounded-theme md:px-6 md:py-5"> <div class="flex font-medium text-[0.8rem] text-brand"> <a class="hover:underline decoration-2" data-template-tag href=""></a> <span class="mx-2 opacity-50">•</span> <time class="" data-template-date></time> </div> <h2 class="leading-snug text-lg font-semibold hover:underline"> <a data-template-title href=""></a> </h2> <p class="text-sm leading-relaxed text-typogr-tone" data-template-excerpt></p> </article> </template> <template data-publication-types="blog,press,white-paper-report,litigation-brief,regulatory-filing,academic-writing,journal-article,report,working-papers,other-writing"></template> <template data-cis-team="barbara-van-schewick,elaine-adolfo,russell-degraff"></template> <template data-toggle-template> <button class="-ml-2" title="Menu toggle" aria-label="Menu toggle" onclick="this.classList.toggle('rotate-180');this.nextElementSibling.classList.toggle('hidden')" > <i class="icon icon-chevron-down w-5 h-5 stroke-2 stroke-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M6 9l6 6l6 -6" /> </svg> </i> </button> </template> <script> function renderSubmenus() { // const navItems = document.querySelectorAll('[data-nav] li') const navItems = document.querySelectorAll('[data-nav-items] li') const subItems = document.querySelectorAll('.is-subitem') // Remove '-' signs subItems.forEach(item => { const itemName = item.querySelector('a span') itemName.innerText = itemName.innerText.slice(1) }); // Add subitems in place let subMenu, hasItems navItems.forEach((item, index) => { if (item.classList.contains('is-subitem') && !navItems[index - 1].classList.contains('is-subitem')) navItems[index - 1].classList.add('is-mainitem'); subMenu = item.classList.contains('is-subitem') ? subMenu : document.createElement('ul'); if (item.classList.contains('is-subitem')) { subMenu.appendChild(item) subMenu.setAttribute('data-nav-items', '') subMenu.setAttribute('data-nav-subitems', '') if (subMenu.closest('[data-nav-desktop]')) { subMenu.classList.add('absolute', 'z-[1]', 'flex','flex-col', 'shadow-2xl', 'border', 'border-border', 'bg-backgr-tone', '-ml-0.5', 'mt-10', 'top-1', 'hidden') } else { subMenu.classList.add('basis-full', 'border-t', 'border-border', 'hidden') } } else { item.appendChild(subMenu) } }); const dropdowMenus = document.querySelectorAll('[data-nav-items] .is-mainitem') const toggle = document.querySelector('[data-toggle-template]'); dropdowMenus.forEach(menu => { const toggleBtn = toggle.content.cloneNode(true); menu.insertBefore(toggleBtn, menu.children[1]); }); } </script> <script> document.addEventListener('DOMContentLoaded', function() { var links = document.querySelectorAll('a'); links.forEach(function(link) { if (link.hostname != window.location.hostname) { link.target = '_blank'; } }); }); </script> <script> let regex = new RegExp(/\[\[([0-9]+)\]\](?!:)/, 'g') ; document.querySelectorAll('article p, article li, article figcaption, article .kg-callout-text').forEach(element => { var textchunk = ""; for (var i = 0; i < element.childNodes.length; i++) { var curNode = element.childNodes[i]; if (curNode.nodeName === "#text") { textchunk=curNode.nodeValue const matches = curNode.nodeValue.matchAll(regex); for (const match of matches) { let firstpiece = textchunk.slice(0,match.index) let lastpiece = textchunk.slice(match.index + match[0].length) let linkpiece = ` <sup id="fnref:${match[1]}"> <a href="#fn:${match[1]}">${match[1]}</a> </sup> ` let newpiece = firstpiece + linkpiece + lastpiece let tmp = document.createRange().createContextualFragment(newpiece) curNode.replaceWith(tmp) } } } } ) let regex2 = new RegExp(/\[\[([0-9]+)\]\]:/, 'g') for (let node of document.querySelectorAll('article p')) { textchunk=node.innerHTML const matches = textchunk.matchAll(regex2); for (const match of matches) { let newpiece = `<div class="footnotes"><ol><li class="footnote" id="fn:${match[1]}"><p>${textchunk.slice(match[1].length + 5)} <a href="#fnref:${match[1]}" title="return to article"> ↩</a></p></ol></div>` let tmp = document.createRange().createContextualFragment(newpiece) node.replaceWith(tmp) } } </script> <style> .littlefoot { --popover-background-color: white; --popover-horizontal-padding: 2rem; --popover-vertical-padding: 1.5rem; } /* Littlefoot */ .littlefoot{--button-background-color:#949494;--button-text-color:#fff;--button-active-background-color:#3f3f3f;--button-active-text-color:#fff;--button-border-radius:8px;--button-border-radius:0.5rem;--button-height:16px;--button-height:1rem;--button-margin:0 1.6px;--button-margin:0 0.1rem;--button-padding:0 9.6px;--button-padding:0 0.6rem;--button-transition:background-color 0.25s ease,color 0.25s ease;--popover-background-color:#f5f5f5;--popover-text-color:#111;--popover-border:1px solid #949494;--popover-border-radius:8px;--popover-border-radius:0.5rem;--popover-max-height:15em;--popover-max-width:90%;--popover-horizontal-padding:22.4px;--popover-horizontal-padding:1.4rem;--popover-vertical-padding:9.6px;--popover-vertical-padding:0.6rem;--popover-shadow:0 0 8px rgba(0,0,0,.302);--popover-transform-origin:50% 0;--popover-transform:scale(0.1) translateZ(0);--popover-active-transform:scale(1) translateZ(0);--popover-transition:opacity 0.25s ease,transform 0.25s ease;--popover-width:22em;--popover-scroll-indicator-color:#3f3f3f;--popover-tooltip-size:8px;--popover-tooltip-size:0.5rem;position:relative}.littlefoot__button{background-color:var(--button-background-color);border:0;border:var(--button-border,0);border-radius:var(--button-border-radius);color:var(--button-text-color);cursor:pointer;display:inline-block;font-size:12px;font-size:var(--button-font-size,12px);font-size:.75rem;font-size:var(--button-font-size,.75rem);font-weight:400;font-weight:var(--button-font-weight,initial);height:var(--button-height);margin:var(--button-margin);padding:var(--button-padding);-webkit-text-decoration:none;text-decoration:none;transition:var(--button-transition);vertical-align:middle}.littlefoot__button.is-active,.littlefoot__button:active,.littlefoot__button:focus,.littlefoot__button:hover{background-color:var(--button-active-background-color);color:var(--button-active-text-color)}.littlefoot__button svg{float:left;height:4.8px;height:.3rem}.littlefoot__popover{border:var(--popover-border);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);margin:calc(var(--popover-tooltip-size) + var(--button-height)) 0;max-width:var(--popover-max-width);position:absolute;top:0;transform:var(--popover-transform);transform-origin:var(--popover-transform-origin);transition:var(--popover-transition);width:var(--popover-width);z-index:1}.littlefoot__popover.is-above{bottom:0;top:auto}.littlefoot__popover.is-active{transform:var(--popover-active-transform)}.littlefoot__wrapper{position:relative;z-index:1}.littlefoot__content,.littlefoot__wrapper{border-radius:var(--popover-border-radius)}.littlefoot__content{-webkit-overflow-scrolling:touch;background-color:var(--popover-background-color);color:var(--popover-text-color);font-family:initial;font-family:var(--popover-font-family,initial);font-size:medium;font-size:var(--popover-font-size,initial);font-style:normal;font-style:var(--popover-font-style,initial);font-weight:400;font-weight:var(--popover-font-weight,initial);line-height:normal;line-height:var(--popover-line-height,normal);max-height:var(--popover-max-height);overflow:auto;padding:var(--popover-vertical-padding) var(--popover-horizontal-padding)}.littlefoot__content img{max-width:100%}.littlefoot__content:focus{outline:none}.is-scrollable{--arrow-x:calc(var(--popover-horizontal-padding)*-1);--arrow-y:calc(var(--popover-vertical-padding)/2)}.is-scrollable .littlefoot__content:after{bottom:0;color:var(--popover-scroll-indicator-color);content:"\21E3";display:block;left:0;opacity:1;position:sticky;text-align:center;transform:translateX(var(--arrow-x)) translateY(var(--arrow-y));transition:var(--popover-transition);width:var(--popover-horizontal-padding)}.is-scrollable.is-fully-scrolled .littlefoot__content:after{opacity:0}.littlefoot__tooltip{--tooltip-margin:calc(var(--popover-tooltip-size)*-1);background-color:var(--popover-background-color);border:var(--popover-border);box-shadow:var(--popover-shadow);height:calc(var(--popover-tooltip-size)*2);margin-left:var(--tooltip-margin);position:absolute;transform:rotate(45deg);width:calc(var(--popover-tooltip-size)*2)}.is-below .littlefoot__tooltip{top:var(--tooltip-margin)}.is-above .littlefoot__tooltip{bottom:var(--tooltip-margin)}@media (max-width:767px){.littlefoot__popover{border-radius:0;border-width:1px 0 0;bottom:0;left:0!important;margin:0;max-width:100%!important;position:fixed;right:0;top:auto;transform:translateY(100%);width:100%}.littlefoot__popover.is-active{transform:translateY(0)}.littlefoot__wrapper{border-radius:0;max-width:100%!important;transform:none}.littlefoot__tooltip{display:none}}@media not print{.littlefoot--print{display:none}}@media print{.littlefoot__button,.littlefoot__popover{display:none}} .littlefoot__wrapper a { text-decoration: underline; } </style> <script> // inlined Littlefoot code below !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).littlefoot={})}(this,(function(e){"use strict";var t=function(){return t=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},t.apply(this,arguments)},n=("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self,{__esModule:!0}),r=n.getStyle=void 0;r=n.getStyle=function(e,t){var n,r=((null===(n=e.ownerDocument)||void 0===n?void 0:n.defaultView)||window).getComputedStyle(e);return r.getPropertyValue(t)||r[t]};var o=void 0,i=n,a=96,c=25.4;function u(e){return e?i.getStyle(e,"fontSize")||u(e.parentElement):i.getStyle(window.document.documentElement,"fontSize")}function s(e,t){e.classList.add(t)}function l(e,t){e.classList.remove(t)}function f(e){var t;null===(t=e.parentNode)||void 0===t||t.removeChild(e)}o=function e(t,n){var r,o,i=null!==(o=null===(r=null==n?void 0:n.ownerDocument)||void 0===r?void 0:r.defaultView)&&void 0!==o?o:window,s=i.document.documentElement||i.document.body,l=function(e){var t,n=e||"0",r=parseFloat(n),o=n.match(/[\d-.]+(\w+)$/);return[r,(null!==(t=null==o?void 0:o[1])&&void 0!==t?t:"").toLowerCase()]}(t),f=l[0];switch(l[1]){case"rem":return f*e(u(window.document.documentElement));case"em":return f*e(u(n),null==n?void 0:n.parentElement);case"in":return f*a;case"q":return f*a/c/4;case"mm":return f*a/c;case"cm":return f*a*10/c;case"pt":return f*a/72;case"pc":return f*a/6;case"vh":return(f*i.innerHeight||s.clientWidth)/100;case"vw":return(f*i.innerWidth||s.clientHeight)/100;case"vmin":return f*Math.min(i.innerWidth||s.clientWidth,i.innerHeight||s.clientHeight)/100;case"vmax":return f*Math.max(i.innerWidth||s.clientWidth,i.innerHeight||s.clientHeight)/100;default:return f}};var d="littlefoot__tooltip";function p(e){var t=e.offsetHeight,n=e.getBoundingClientRect().top+t/2;return{above:n,below:window.innerHeight-n}}function v(e){var t=parseFloat(r(e,"marginLeft")),n=e.offsetWidth-t;return(e.getBoundingClientRect().left+n/2)/window.innerWidth}function h(e,t){var n=2*parseInt(r(e,"marginTop"),10)+e.offsetHeight;return t.below<n&&t.below<t.above?"above":"below"}var m="is-active",g="is-changing",y="is-scrollable",b=function(e){return!!e.parentElement};function w(e){var t=e.id,n=e.button,i=e.content,a=e.host,c=e.popover,u=e.wrapper,w=!1,x=0,E="above";return{id:t,activate:function(e){var t;n.setAttribute("aria-expanded","true"),s(n,g),s(n,m),n.insertAdjacentElement("afterend",c),c.style.maxWidth=document.body.clientWidth+"px",t=i,x=Math.round(o(r(t,"maxHeight"),t)),null==e||e(c,n)},dismiss:function(e){n.setAttribute("aria-expanded","false"),s(n,g),l(n,m),l(c,m),null==e||e(c,n)},isActive:function(){return n.classList.contains(m)},isReady:function(){return!n.classList.contains(g)},isHovered:function(){return w},ready:function(){s(c,m),l(n,g)},remove:function(){f(c),l(n,g)},reposition:function(){b(c)&&(i.style.maxHeight=function(e,t,n){var o=p(t),i=h(e,o),a=parseInt(r(e,"marginTop"),10);return Math.min(n,o[i]-a-15)}(c,n,x)+"px",E=function(e,t,n){var r=h(e,p(t));if(n!==r){l(e,"is-"+n),s(e,"is-"+r);var o=100*v(t)+"%",i="above"===r?"100%":"0";e.style.transformOrigin=o+" "+i}return r}(c,n,E),c.offsetHeight<i.scrollHeight?(s(c,y),i.setAttribute("tabindex","0")):(l(c,y),i.removeAttribute("tabindex")))},resize:function(){b(c)&&(c.style.left=function(e,t){var n=e.offsetWidth;return-v(t)*n+parseInt(r(t,"marginLeft"),10)+t.offsetWidth/2}(i,n)+"px",u.style.maxWidth=i.offsetWidth+"px",function(e,t){var n=e.querySelector("."+d);n&&(n.style.left=100*v(t)+"%")}(c,n))},startHovering:function(){w=!0},stopHovering:function(){w=!1},destroy:function(){return f(a)}}}var x=void 0;x=function(e,t){void 0===t&&(t=0);var n,r=0;return Object.assign((function(){for(var o=[],i=0;i<arguments.length;i++)o[i]=arguments[i];var a=Math.max(0,r+t-Date.now());a?(clearTimeout(n),n=setTimeout((function(){r=Date.now(),e.apply(void 0,o)}),a)):(r=Date.now(),e.apply(void 0,o))}),{cancel:function(){r=0,clearTimeout(n)}})};var E="is-fully-scrolled";function S(e,t){e.addEventListener("wheel",x(function(e){return function(t){var n=t.currentTarget,r=-t.deltaY;r>0&&l(e,E),n&&r<=0&&r<n.clientHeight+n.scrollTop-n.scrollHeight&&s(e,E)}}(t),16))}var A="littlefoot__content",H="littlefoot__wrapper",T="littlefoot--print",M=function(e){return s(e,T)};function D(e,t){return Array.from(e.querySelectorAll(t))}function O(e,t){return e.querySelector("."+t)||e.firstElementChild||e}function k(e){var t=document.createElement("div");return t.innerHTML=e,t.firstElementChild}function P(e){return void 0!==e}function j(e){var t=e.parentElement,n=function(e,t){return Array.from(e.children).filter((function(e){return 8!==e.nodeType&&e.matches(t)}))}(t,":not(.littlefoot--print)"),r=n.filter((function(e){return"HR"===e.tagName}));n.length===r.length&&(r.concat(t).forEach(M),j(t))}function I(e){var t=e.parentElement;f(e),t.innerHTML.replace("[]","").replace(" "," ").trim()||I(t)}function L(e,t){var n=k(e.body.outerHTML);D(n,'[href$="#'+e.referenceId+'"]').forEach(I);var r=n.innerHTML.trim();return{original:e,data:{id:String(t+1),number:t+1,reference:"lf-"+e.referenceId,content:r.startsWith("<")?r:"<p>"+r+"</p>"}}}function W(e){var t=/<%=?\s*(\w+?)\s*%>/g;return function(n){return e.replace(t,(function(e,t){var r;return String(null!==(r=n[t])&&void 0!==r?r:"")}))}}function C(e){var n,r,o,i=e.allowDuplicates,a=e.anchorParentSelector,c=e.anchorPattern,u=e.buttonTemplate,s=e.contentTemplate,f=e.footnoteSelector,d=e.numberResetSelector,p=e.scope,v=function(e,t,n){return D(e,n+' a[href*="#"]').filter((function(e){return(e.href+e.rel).match(t)}))}(document,c,p).map(function(e,t,n,r){var o=[];return function(i){var a=i.href.split("#")[1],c=D(e,"#"+window.CSS.escape(a)).find((function(e){return t||!o.includes(e)})),u=null==c?void 0:c.closest(r);if(u){o.push(u);var s=i.closest(n)||i;return{reference:s,referenceId:s.id||i.id,body:u}}}}(document,i,a,f)).filter(P).map(L).map(d?(n=d,r=0,o=null,function(e){var i=e.original,a=e.data,c=i.reference.closest(n);return r=o===c?r+1:1,o=c,{original:i,data:t(t({},a),{number:r})}}):function(e){return e}).map(function(e,t){var n=W(e),r=W(t);return function(e){var t=e.original,o=e.data,i=o.id,a=k('<span class="'.concat("littlefoot",'">').concat(n(o),"</span>")),c=a.firstElementChild;c.setAttribute("aria-expanded","false"),c.dataset.footnoteButton="",c.dataset.footnoteId=i;var u=k(r(o));u.dataset.footnotePopover="",u.dataset.footnoteId=i;var s=O(u,H),l=O(u,A);return S(l,u),{original:t,data:o,id:i,button:c,host:a,popover:u,content:l,wrapper:s}}}(u,s)).map((function(e){return M(e.original.reference),M(e.original.body),j(e.original.body),e.original.reference.insertAdjacentElement("beforebegin",e.host),e})).map(w);return{footnotes:v,unmount:function(){v.forEach((function(e){return e.destroy()})),D(document,".littlefoot--print").forEach((function(e){return l(e,T)}))}}}var _={activateDelay:100,activateOnHover:!1,allowDuplicates:!0,allowMultiple:!1,anchorParentSelector:"sup",anchorPattern:/(fn|footnote|note)[:\-_\d]/gi,dismissDelay:100,dismissOnUnhover:!1,footnoteSelector:"li",hoverDelay:250,numberResetSelector:"",scope:"",contentTemplate:'<aside class="littlefoot__popover" id="fncontent:<% id %>"><div class="'.concat(H,'"><div class="').concat(A,'"><% content %></div></div><div class="').concat(d,'"></div></aside>'),buttonTemplate:'<button class="littlefoot__button" id="<% reference %>" title="See Footnote <% number %>"><svg role="img" aria-labelledby="title-<% reference %>" viewbox="0 0 31 6" preserveAspectRatio="xMidYMid"><title id="title-<% reference %>">Footnote <% number %></title><circle r="3" cx="3" cy="3" fill="white"></circle><circle r="3" cx="15" cy="3" fill="white"></circle><circle r="3" cx="27" cy="3" fill="white"></circle></svg></button>'};var F,z={},R={},q={get exports(){return R},set exports(e){R=e}};function U(){return F||(F=1,function(e,t){e.exports=function(){function e(){if(!(this instanceof e))return new e;this.size=0,this.uid=0,this.selectors=[],this.selectorObjects={},this.indexes=Object.create(this.indexes),this.activeIndexes=[]}var t=window.document.documentElement,n=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.msMatchesSelector;e.prototype.matchesSelector=function(e,t){return n.call(e,t)},e.prototype.querySelectorAll=function(e,t){return t.querySelectorAll(e)},e.prototype.indexes=[];var r=/^#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/g;e.prototype.indexes.push({name:"ID",selector:function(e){var t;if(t=e.match(r))return t[0].slice(1)},element:function(e){if(e.id)return[e.id]}});var o=/^\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/g;e.prototype.indexes.push({name:"CLASS",selector:function(e){var t;if(t=e.match(o))return t[0].slice(1)},element:function(e){var t=e.className;if(t){if("string"==typeof t)return t.split(/\s/);if("object"==typeof t&&"baseVal"in t)return t.baseVal.split(/\s/)}}});var i,a=/^((?:[\w\u00c0-\uFFFF\-]|\\.)+)/g;e.prototype.indexes.push({name:"TAG",selector:function(e){var t;if(t=e.match(a))return t[0].toUpperCase()},element:function(e){return[e.nodeName.toUpperCase()]}}),e.prototype.indexes.default={name:"UNIVERSAL",selector:function(){return!0},element:function(){return[!0]}},i="function"==typeof window.Map?window.Map:function(){function e(){this.map={}}return e.prototype.get=function(e){return this.map[e+" "]},e.prototype.set=function(e,t){this.map[e+" "]=t},e}();var c=/((?:$(?:\([^()]+$|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g;function u(e,t){var n,r,o,i,a,u,s=(e=e.slice(0).concat(e.default)).length,l=t,f=[];do{if(c.exec(""),(o=c.exec(l))&&(l=o[3],o[2]||!l))for(n=0;n<s;n++)if(a=(u=e[n]).selector(o[1])){for(r=f.length,i=!1;r--;)if(f[r].index===u&&f[r].key===a){i=!0;break}i||f.push({index:u,key:a});break}}while(o);return f}function s(e,t){var n,r,o;for(n=0,r=e.length;n<r;n++)if(o=e[n],t.isPrototypeOf(o))return o}function l(e,t){return e.id-t.id}return e.prototype.logDefaultIndexUsed=function(){},e.prototype.add=function(e,t){var n,r,o,a,c,l,f,d,p=this.activeIndexes,v=this.selectors,h=this.selectorObjects;if("string"==typeof e){for(h[(n={id:this.uid++,selector:e,data:t}).id]=n,f=u(this.indexes,e),r=0;r<f.length;r++)a=(d=f[r]).key,(c=s(p,o=d.index))||((c=Object.create(o)).map=new i,p.push(c)),o===this.indexes.default&&this.logDefaultIndexUsed(n),(l=c.map.get(a))||(l=[],c.map.set(a,l)),l.push(n);this.size++,v.push(e)}},e.prototype.remove=function(e,t){if("string"==typeof e){var n,r,o,i,a,c,s,l,f=this.activeIndexes,d=this.selectors=[],p=this.selectorObjects,v={},h=1===arguments.length;for(n=u(this.indexes,e),o=0;o<n.length;o++)for(r=n[o],i=f.length;i--;)if(c=f[i],r.index.isPrototypeOf(c)){if(s=c.map.get(r.key))for(a=s.length;a--;)(l=s[a]).selector!==e||!h&&l.data!==t||(s.splice(a,1),v[l.id]=!0);break}for(o in v)delete p[o],this.size--;for(o in p)d.push(p[o].selector)}},e.prototype.queryAll=function(e){if(!this.selectors.length)return[];var t,n,r,o,i,a,c,u,s={},f=[],d=this.querySelectorAll(this.selectors.join(", "),e);for(t=0,r=d.length;t<r;t++)for(i=d[t],n=0,o=(a=this.matches(i)).length;n<o;n++)s[(u=a[n]).id]?c=s[u.id]:(c={id:u.id,selector:u.selector,data:u.data,elements:[]},s[u.id]=c,f.push(c)),c.elements.push(i);return f.sort(l)},e.prototype.matches=function(e){if(!e)return[];var t,n,r,o,i,a,c,u,s,f,d,p=this.activeIndexes,v={},h=[];for(t=0,o=p.length;t<o;t++)if(u=(c=p[t]).element(e))for(n=0,i=u.length;n<i;n++)if(s=c.map.get(u[n]))for(r=0,a=s.length;r<a;r++)!v[d=(f=s[r]).id]&&this.matchesSelector(e,f.selector)&&(v[d]=!0,h.push(f));return h.sort(l)},e}()}(q)),R}!function(e,t){!function(e,t){t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t;var n={},r={},o=new WeakMap,i=new WeakMap,a=new WeakMap,c=Object.getOwnPropertyDescriptor(Event.prototype,"currentTarget");function u(e,t,n){var r=e[t];return e[t]=function(){return n.apply(e,arguments),r.apply(e,arguments)},e}function s(e,t,n){var r=[],o=t;do{if(1!==o.nodeType)break;var i=e.matches(o);if(i.length){var a={node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o=o.parentElement);return r}function l(){o.set(this,!0)}function f(){o.set(this,!0),i.set(this,!0)}function d(){return a.get(this)||null}function p(e,t){c&&Object.defineProperty(e,"currentTarget",{configurable:!0,enumerable:!0,get:t||c.get})}function v(e){try{return e.eventPhase,!0}catch(e){return!1}}function h(e){if(v(e)){var t=(1===e.eventPhase?r:n)[e.type];if(t){var c=s(t,e.target,1===e.eventPhase);if(c.length){u(e,"stopPropagation",l),u(e,"stopImmediatePropagation",f),p(e,d);for(var h=0,m=c.length;h<m&&!o.get(e);h++){var g=c[h];a.set(e,g.node);for(var y=0,b=g.observers.length;y<b&&!i.get(e);y++)g.observers[y].data.call(g.node,e)}a.delete(e),p(e)}}}}function m(e,o,i){var a=!!(arguments.length>3&&void 0!==arguments[3]?arguments[3]:{}).capture,c=a?r:n,u=c[e];u||(u=new t,c[e]=u,document.addEventListener(e,h,a)),u.add(o,i)}function g(e,t,o){var i=!!(arguments.length>3&&void 0!==arguments[3]?arguments[3]:{}).capture,a=i?r:n,c=a[e];c&&(c.remove(t,o),c.size||(delete a[e],document.removeEventListener(e,h,i)))}function y(e,t,n){return e.dispatchEvent(new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:n}))}e.fire=y,e.off=g,e.on=m,Object.defineProperty(e,"__esModule",{value:!0})}(t,U())}(0,z);var V="[data-footnote-id]",N=function(e,t){return e.target.closest(t)},B=function(e){return null==e?void 0:e.dataset.footnoteId},Y=function(e){return function(t){t.preventDefault();var n=N(t,V),r=B(n);r&&e(r)}},$=document.addEventListener,G=window.addEventListener;function J(e){var t,n,r,o=new AbortController,i=o.signal,a=(t=e.toggle,n=e.dismissAll,function(e){var r=N(e,"[data-footnote-button]"),o=B(r);o?t(o):N(e,"[data-footnote-popover]")||n()}),c=(r=e.dismissAll,function(e){27!==e.keyCode&&"Escape"!==e.key&&"Esc"!==e.key||r()}),u=x(e.repositionAll,16),s=x(e.resizeAll,16),l=Y(e.hover),f=Y(e.unhover);return $("touchend",a,{signal:i}),$("click",a,{signal:i}),$("keyup",c,{signal:i}),$("gestureend",u,{signal:i}),G("scroll",u,{signal:i}),G("resize",s,{signal:i}),z.on("mouseover",V,l),z.on("mouseout",V,f),function(){o.abort(),z.off("mouseover",V,l),z.off("mouseout",V,f)}}function K(e){void 0===e&&(e={});var n=t(t({},_),e),r=function(e,t){var n=e.footnotes,r=e.unmount,o=function(e){return function(n){n.isReady()&&(n.dismiss(t.dismissCallback),setTimeout(n.remove,e))}},i=function(e){return function(r){t.allowMultiple||n.filter((function(e){return e.id!==r.id})).forEach(o(t.dismissDelay)),r.isReady()&&(r.activate(t.activateCallback),r.reposition(),r.resize(),setTimeout(r.ready,e))}},a=function(e){return function(t){var r=n.find((function(e){return e.id===t}));r&&e(r)}};return{activate:function(e,t){return a(i(t))(e)},dismiss:function(e,t){return a(o(t))(e)},dismissAll:function(){return n.forEach(o(t.dismissDelay))},repositionAll:function(){return n.forEach((function(e){return e.reposition()}))},resizeAll:function(){return n.forEach((function(e){return e.resize()}))},toggle:a((function(e){return e.isActive()?o(t.dismissDelay)(e):i(t.activateDelay)(e)})),hover:a((function(e){e.startHovering(),t.activateOnHover&&!e.isActive()&&i(t.hoverDelay)(e)})),unhover:a((function(e){e.stopHovering(),t.dismissOnUnhover&&setTimeout((function(){return n.filter((function(e){return!e.isHovered()})).forEach(o(t.dismissDelay))}),t.hoverDelay)})),unmount:r}}(C(n),n),o=J(r);return{activate:function(e,t){void 0===t&&(t=n.activateDelay),r.activate(e,t)},dismiss:function(e,t){void 0===t&&(t=n.dismissDelay),void 0===e?r.dismissAll():r.dismiss(e,t)},unmount:function(){o(),r.unmount()},getSetting:function(e){return n[e]},updateSetting:function(e,t){n[e]=t}}}e.default=K,e.littlefoot=K,Object.defineProperty(e,"__esModule",{value:!0})})); littlefoot.littlefoot({ buttonTemplate: `<button aria-label="Footnote <% number %>" class="littlefoot__button" id="<% reference %>" title="See Footnote <% number %>" /> <% number %> </button>` }) // Pass any littlefoot settings here. </script> </body> </html>