

	<!DOCTYPE html>
<html lang="en-US" class="ms-inclusion-theme">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-title" content="The Code of Us - You can’t make a breakthrough without breaking something: systems that don’t support us all, barriers that prevent access, mindsets that no longer serve us.">
		<link rel="profile" href="http://gmpg.org/xfn/11">
		<link rel="pingback" href="https://news.microsoft.com/codeofus/xmlrpc.php">

		
		<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-content/plugins/microsoft-uhf/assets/microsoft-cookie-list.js"></script>
    <script src="https://unpkg.com/yett"></script>
    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />













	<!-- This site is optimized with the Yoast SEO plugin v27.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Microsoft The Code of Us</title>
	<link rel="canonical" href="https://news.microsoft.com/codeofus/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Microsoft: The Code of Us" />
	<meta property="og:description" content="We&#039;re activating the same ingenuity, intention, and experience behind our most groundbreaking technological innovations to develop solutions to the diversity and inclusion challenges in our workplace and our world." />
	<meta property="og:url" content="https://news.microsoft.com/codeofus/" />
	<meta property="og:site_name" content="The Code of Us" />
	<meta property="article:modified_time" content="2026-05-21T14:41:01+00:00" />
	<meta property="og:image" content="https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/social-image-codeofus.jpg" />
	<meta property="og:image:width" content="1200" />
	<meta property="og:image:height" content="674" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:title" content="Microsoft: The Code of Us" />
	<meta name="twitter:description" content="We&#039;re activating the same ingenuity, intention, and experience behind our most groundbreaking technological innovations to develop solutions to the diversity and inclusion challenges in our workplace and our world." />
	<meta name="twitter:image" content="https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/social-image-codeofus.jpg" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/news.microsoft.com\/codeofus\/","url":"https:\/\/news.microsoft.com\/codeofus\/","name":"Microsoft The Code of Us","isPartOf":{"@id":"https:\/\/news.microsoft.com\/codeofus\/#website"},"datePublished":"2026-02-04T07:21:25+00:00","dateModified":"2026-05-21T14:41:01+00:00","breadcrumb":{"@id":"https:\/\/news.microsoft.com\/codeofus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/news.microsoft.com\/codeofus\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/news.microsoft.com\/codeofus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/news.microsoft.com\/codeofus\/#website","url":"https:\/\/news.microsoft.com\/codeofus\/","name":"The Code of Us","description":"You can’t make a breakthrough without breaking something: systems that don’t support us all, barriers that prevent access, mindsets that no longer serve us.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/news.microsoft.com\/codeofus\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//js.monitor.azure.com' />
<link rel='dns-prefetch' href='//news.microsoft.com' />
<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
<link rel='dns-prefetch' href='//unpkg.com' />
<link rel="alternate" type="application/rss+xml" title="The Code of Us &raquo; Feed" href="https://news.microsoft.com/codeofus/feed/" />
<link rel="alternate" type="application/rss+xml" title="The Code of Us &raquo; Comments Feed" href="https://news.microsoft.com/codeofus/comments/feed/" />
<link rel='dns-prefetch' href='//www.clarity.ms' />
		<script type="text/javascript">
			(function(c,l,a,r,i,t,y){
				c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
				t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
				y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
			})(window, document, "clarity", "script", "imxzhoxlr5");
		</script>
	<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://news.microsoft.com/codeofus/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fnews.microsoft.com%2Fcodeofus%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://news.microsoft.com/codeofus/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fnews.microsoft.com%2Fcodeofus%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://news.microsoft.com/codeofus/wp-includes/css/dist/block-library/style.min.css?ver=6.9.4' type='text/css' media='all' />
<style id='co-authors-plus-coauthors-style-inline-css' type='text/css'>
.wp-block-co-authors-plus-coauthors.is-layout-flow [class*=wp-block-co-authors-plus]{display:inline}

/*# sourceURL=https://news.microsoft.com/codeofus/wp-content/plugins/co-authors-plus/build/blocks/block-coauthors/style-index.css */
</style>
<style id='co-authors-plus-avatar-style-inline-css' type='text/css'>
.wp-block-co-authors-plus-avatar :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-avatar :where(img){vertical-align:middle}.wp-block-co-authors-plus-avatar:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-avatar.aligncenter{display:table;margin-inline:auto}

/*# sourceURL=https://news.microsoft.com/codeofus/wp-content/plugins/co-authors-plus/build/blocks/block-coauthor-avatar/style-index.css */
</style>
<style id='co-authors-plus-image-style-inline-css' type='text/css'>
.wp-block-co-authors-plus-image{margin-bottom:0}.wp-block-co-authors-plus-image :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-image :where(img){vertical-align:middle}.wp-block-co-authors-plus-image:is(.alignfull,.alignwide) :where(img){width:100%}.wp-block-co-authors-plus-image:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-image.aligncenter{display:table;margin-inline:auto}

/*# sourceURL=https://news.microsoft.com/codeofus/wp-content/plugins/co-authors-plus/build/blocks/block-coauthor-image/style-index.css */
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #0067B8;--wp--preset--color--secondary: #626262;--wp--preset--color--tertiary: #CACACA;--wp--preset--color--quarternary: #F4F4F4;--wp--preset--color--xbox-primary: #197B1A;--wp--preset--color--xbox-secondary: #2C3136;--wp--preset--color--xbox-tertiary: #576573;--wp--preset--color--xbox-quarternary: #f2f2f2;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-quarternary-color{color: var(--wp--preset--color--quarternary) !important;}.has-xbox-primary-color{color: var(--wp--preset--color--xbox-primary) !important;}.has-xbox-secondary-color{color: var(--wp--preset--color--xbox-secondary) !important;}.has-xbox-tertiary-color{color: var(--wp--preset--color--xbox-tertiary) !important;}.has-xbox-quarternary-color{color: var(--wp--preset--color--xbox-quarternary) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-quarternary-background-color{background-color: var(--wp--preset--color--quarternary) !important;}.has-xbox-primary-background-color{background-color: var(--wp--preset--color--xbox-primary) !important;}.has-xbox-secondary-background-color{background-color: var(--wp--preset--color--xbox-secondary) !important;}.has-xbox-tertiary-background-color{background-color: var(--wp--preset--color--xbox-tertiary) !important;}.has-xbox-quarternary-background-color{background-color: var(--wp--preset--color--xbox-quarternary) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-quarternary-border-color{border-color: var(--wp--preset--color--quarternary) !important;}.has-xbox-primary-border-color{border-color: var(--wp--preset--color--xbox-primary) !important;}.has-xbox-secondary-border-color{border-color: var(--wp--preset--color--xbox-secondary) !important;}.has-xbox-tertiary-border-color{border-color: var(--wp--preset--color--xbox-tertiary) !important;}.has-xbox-quarternary-border-color{border-color: var(--wp--preset--color--xbox-quarternary) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='wp-smart-crop-renderer-css' href='https://news.microsoft.com/codeofus/wp-content/plugins/wp-smartcrop/css/image-renderer.css?ver=2.0.10' type='text/css' media='all' />
<link rel='stylesheet' id='my-plugin-style-css' href='https://news.microsoft.com/codeofus/wp-content/plugins/wp-media-manager/styles.css?ver=0.6.32' type='text/css' media='all' />
<link rel='stylesheet' id='slick-base-css' href='//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css?ver=4.6.2' type='text/css' media='all' />
<link rel='stylesheet' id='slick-theme-css' href='//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css?ver=4.6.2' type='text/css' media='all' />
<link rel='stylesheet' id='mssrc-style-css' href='https://news.microsoft.com/codeofus/wp-content/themes/source-theme/assets/css/theme.css?ver=4.6.2' type='text/css' media='all' />
<link rel='stylesheet' id='mssrc-style-print-css' href='https://news.microsoft.com/codeofus/wp-content/themes/source-theme/assets/css/print.css?ver=4.6.2' type='text/css' media='all' />
<link rel='stylesheet' id='ms-cookie-content-css' href='https://news.microsoft.com/codeofus/wp-content/plugins/microsoft-oembeds/cookie-consent.css?ver=1.0.0' type='text/css' media='screen' />
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-3.min.js?ver=1" id="1ds-application-insights-js"></script>
<script type="text/javascript" id="microsoft-1ds-metrics-js-js-before">
/* <![CDATA[ */
var oneds_object = {"tenant_key":"02b8b033c936448088ba2769c37bfca7-db7a82b5-6cee-4095-b663-08de34ae93c0-7335","market":"en-us","pagetype":"Homepage","name":"The Code of Us"}
//# sourceURL=microsoft-1ds-metrics-js-js-before
/* ]]> */
</script>
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-content/plugins/microsoft-1ds-metrics/assets/microsoft-1ds-metrics-js.js?ver=1" id="microsoft-1ds-metrics-js-js"></script>
<script type="text/javascript" id="microsoft-uhf-js-extra">
/* <![CDATA[ */
var microsoftUhfSettings = {"homePath":"/codeofus/","loginUrl":"https://www.microsoft.com/en-us/signin.aspx","logoutUrl":"https://www.microsoft.com/en-us/signout.aspx","scripts":[],"inline":[]};
//# sourceURL=microsoft-uhf-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-content/plugins/microsoft-uhf/assets/microsoft-uhf.js?ver=1.0.1" id="microsoft-uhf-js"></script>
<link rel="https://api.w.org/" href="https://news.microsoft.com/codeofus/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://news.microsoft.com/codeofus/wp-json/wp/v2/pages/19" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://news.microsoft.com/codeofus/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://news.microsoft.com/codeofus/' />
<style>
    uhf-header:not(:defined) {
        display: block;
        height: 54px;
    }

    uhf-brand:not(:defined),
    uhf-contextual-nav:not(:defined),
    uhf-actions:not(:defined),
    uhf-global-nav:not(:defined),
    uhf-search:not(:defined),
    uhf-mecontrol:not(:defined),
    uhf-cart:not(:defined),
    uhf-dropdown:not(:defined),
    uhf-popout:not(:defined) {
        visibility: hidden;
    }
</style>
<link rel="stylesheet" href="https://uhf.microsoft.com/statics/20260602.14.12/css/style-BpBYj3rT.css" /><link rel="icon" href="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/cropped-Microsoft_logo.svg_-300x300-1-128x120.png" sizes="32x32" />
<link rel="icon" href="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/cropped-Microsoft_logo.svg_-300x300-1.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/cropped-Microsoft_logo.svg_-300x300-1.png" />
<meta name="msapplication-TileImage" content="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/cropped-Microsoft_logo.svg_-300x300-1.png" />
		<style type="text/css" id="wp-custom-css">
			[mks-block] .p\-t\:0 {
	  margin-right: 30%;
    margin-bottom: calc( 2 * var(--unit-vr) )!important;
}


[data-posts-wrapper] [data-article] [yt-player-btn] ~ a {
  pointer-events: none;
}


@media screen and (max-width: 600px) {

	
.mobile-ready .h\:100vh{
		height:540px!important;
	}
.mobile-ready .min\-h\:450px {
		min-height:540px!important;
	}	

	.mobile-ready .fit {
		height:80%!important;
	}
	
}		</style>
		<script type="module" src="https://uhf.microsoft.com/statics/20260602.14.12/js/entry.js"></script>
    <script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>	</head>

	<body class="home wp-singular page-template-default page page-id-19 wp-embed-responsive wp-theme-source-theme microsoft-uhf has-microsoft-branding">
		<div id="page-header">

			<uhf-header locale="en-us" partnerId="MSSource" headerId="MSSourceHeaderInclusion" theme="light">
    <a slot="skip-link" class="uhf-skip-link" href="" data-m='{"compnm": "UHF", "view": "UHF", "pa": "UniversalHeader", "hn": "SkipToMain", "cN": "Skip to content_nonnav", "ecn": "Skip to content_nonnav", "ehn": "SkipToMain"}'>Skip to main content</a>
    
<uhf-brand slot="brand">
    <a href="https://www.microsoft.com" class="uhf-microsoft-logo" slot="microsoft-logo" aria-label="Microsoft" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;Anchor&quot;, &quot;cN&quot;: &quot;GlobalNav_Logo_cont&quot;, &quot;ecn&quot;: &quot;GlobalNav_Logo_cont&quot;, &quot;ehn&quot;: &quot;Anchor&quot;}">
        <img src="https://uhf.microsoft.com/images/microsoft/RE1Mu3b.png" alt="Microsoft" />
    </a>
            <a href="https://news.microsoft.com/source" class="uhf-site-logo" slot="brand-logo" aria-label="Source" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;Anchor&quot;, &quot;cN&quot;: &quot;CatNav_Logo_cont&quot;, &quot;ecn&quot;: &quot;CatNav_Logo_cont&quot;, &quot;ehn&quot;: &quot;Anchor&quot;}">
 <span>Source</span>             </a>
</uhf-brand>


<uhf-contextual-nav 
    slot="contextual-nav" 
    overflowText="More" 
    brand="Source" 
    homeUrl="https://news.microsoft.com/source" 
    homeText="Home"
    data-nav-label="Contextual menu"
    theme=cat-theme-gray
    >



<uhf-dropdown 
    text="The Code of Us" 
        id=""
    data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}"
>
    

            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_Home_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_Home_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">Home</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/asian/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_Asian_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_Asian_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">Asian</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/blackandafricanamerican/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_Black &amp; African American_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_Black &amp; African American_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">Black &amp; African American</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/disability/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_Disability_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_Disability_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">Disability</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/families/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_Families_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_Families_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">Families</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/hispanicandlatinx/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_Hispanic &amp; Latinx_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_Hispanic &amp; Latinx_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">Hispanic &amp; Latinx</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/indigenous/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_Indigenous_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_Indigenous_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">Indigenous</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/LGBTQIA/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_LGBTQIA&#x2B;_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_LGBTQIA&#x2B;_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">LGBTQIA&#x2B;</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/military/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_Military_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_Military_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">Military</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://news.microsoft.com/inclusionisinnovation/women/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;The Code of Us&quot;, &quot;cN&quot;: &quot;CatNav_The Code of Us_Women_nav&quot;, &quot;ecn&quot;: &quot;CatNav_The Code of Us_Women_nav&quot;, &quot;ehn&quot;: &quot;The Code of Us&quot;}">Women</a>


</uhf-dropdown></uhf-contextual-nav>    <uhf-actions slot="actions">
        
<uhf-global-nav slot="global-nav" text="All Microsoft"  data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_nonnav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_nonnav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}" data-nav-label="All Microsoft menu">
    
    <uhf-dropdown-header slot="header">
            <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/microsoft-365" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_M365_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_M365_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft 365</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://azure.microsoft.com/en-us?ocid=cmm4r4ppnhp" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_GlobalAzure_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_GlobalAzure_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Azure</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://copilot.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Copilot_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Copilot_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Copilot</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/windows/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Windows_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Windows_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Windows</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/surface" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Surface_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Surface_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Surface</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://www.xbox.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_XBOX_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_XBOX_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">XBOX</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/sale?icid=DSM_TopNavDeals" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Deals_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Deals_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Deals</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/business" id="l0_SmallBusiness" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Small Business_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Small Business_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Small Business</a>
            <a class="uhf-nav-item uhf-dropdown-link" href="https://support.microsoft.com/en-us" id="l1_support" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Support_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_Support_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Support</a>
    </uhf-dropdown-header>

        <uhf-dropdown-column title="Software" show-tooltip="false" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://apps.microsoft.com/home" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_Windows Apps_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_More_Software_WindowsApps_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Windows Apps</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/microsoft-365/outlook/email-and-calendar-software-microsoft-outlook" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_Outlook_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_More_Software_Outlook_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Outlook</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/microsoft-365/onedrive/online-cloud-storage" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_OneDrive_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_More_Software_OneDrive_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">OneDrive</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/microsoft-teams/group-chat-software" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_Microsoft Teams_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_More_Software_Microsoft Teams_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft Teams</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/microsoft-365/onenote/digital-note-taking-app" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_OneNote_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_More_Software_OneNote_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">OneNote</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/edge" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_Microsoft Edge_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_More_Software_Edge_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft Edge</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://support.microsoft.com/en-us/office/moving-from-skype-to-microsoft-teams-free-3c0caa26-d9db-4179-bcb3-930ae2c87570?icid=DSM_All_Skype" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_Moving from Skype to Teams_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Software_More_Software_Skype_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Moving from Skype to Teams</a>
        </uhf-dropdown-column>
        <uhf-dropdown-column title="PCs &amp; Devices  " show-tooltip="false" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/pc?icid=CNavDevicesPC" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCs &amp; Devices  _Computers_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCsAndDevices_More_PCsAndDevices_PCsAndTablets_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Computers</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/xbox?icid=DSM_All_ShopXbox" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCs &amp; Devices  _Shop XBOX_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCsAndDevices_More_PCsAndDevices_ShopXbox_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Shop XBOX</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/accessories?icid=CNavDevicesAccessories" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCs &amp; Devices  _Accessories_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCsAndDevices_More_PCsAndDevices_Accessories_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Accessories</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/virtualreality?icid=CNavVirtualReality" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCs &amp; Devices  _VR &amp; mixed reality_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCsAndDevices_More_PCsAndDevices_VMAndMixedReality_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">VR &amp; mixed reality</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/certified-refurbished-products" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCs &amp; Devices  _Certified Refurbished_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCsAndDevices_More_PCsAndDevicesCertifiedRefurbished_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Certified Refurbished</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/microsoft-trade-in" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCs &amp; Devices  _Trade-in for cash_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_PCsAndDevices_More_PCsAndDevices_Trade-in-for-cash_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Trade-in for cash</a>
        </uhf-dropdown-column>
        <uhf-dropdown-column title="Entertainment" show-tooltip="false" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.xbox.com/en-us/games/store/xbox-game-pass-ultimate/cfq7ttc0khs0?icid=DSM_All_XboxGamePassUltimate" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Entertainment_XBOX Game Pass Ultimate_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Entertainment_More_Entertainment_XboxGamePassUltimate_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">XBOX Game Pass Ultimate</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.xbox.com/en-us/games/store/pc-game-pass/cfq7ttc0kgq8?icid=CNavAllPCGamePass" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Entertainment_PC Game Pass_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Entertainment_More_Entertainment_PC_Game_Pass_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">PC Game Pass</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/xboxgames?icid=DSM_All_XboxGames" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Entertainment_XBOX games_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Entertainment_More_Entertainment_XboxGames_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">XBOX games</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://apps.microsoft.com/games" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Entertainment_PC games_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Entertainment_More_Entertainment_PCGames_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">PC games</a>
        </uhf-dropdown-column>
        <uhf-dropdown-column title="Business" show-tooltip="false" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/ai?icid=DSM_All_AI" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_Microsoft AI_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_More_Business_AI_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft AI</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/security" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_Microsoft Security_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_More_Business_Microsoft Security_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft Security</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/dynamics-365" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_Dynamics 365_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_More_Business_MicrosoftDynamics365_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Dynamics 365</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/microsoft-365/business" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_Microsoft 365 for business_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_More_Business_Microsoft365forbusiness_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft 365 for business</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/power-platform" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_Microsoft Power Platform_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_More_Business_MicrosoftPowerPlatform_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft Power Platform</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/windows-365" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_Windows 365_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_More_Business_Windows365_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Windows 365</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/business?icid=CNavBusinessStore" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_Small Business_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_More_Business_SmallBusiness_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Small Business</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/sovereignty?icid=DSM_More_Sovereignty" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_Digital Sovereignty_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Business_More_Business_Sovereignty_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Digital Sovereignty</a>
        </uhf-dropdown-column>
        <uhf-dropdown-column title="Developer &amp; IT  " show-tooltip="false" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://azure.microsoft.com/en-us/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _Azure_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _More_DeveloperAndIT_Azure_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Azure</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://developer.microsoft.com/en-us/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _Microsoft Developer_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _More_DeveloperAndIT_MicrosoftDeveloper_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft Developer</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://learn.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _Microsoft Learn_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _More_DeveloperAndIT_MicrosoftLearn_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft Learn</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/software-development-companies/offers-benefits/isv-success?icid=DSM_All_SupportAIMarketplace&amp;ocid=cmm3atxvn98" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _Support for AI marketplace apps_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _More_DeveloperAndIT_SupportForAIMarketplaceApps_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Support for AI marketplace apps</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://techcommunity.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _Microsoft Tech Community_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _More_DeveloperAndIT_MicrosoftTechCommunity_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft Tech Community</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://marketplace.microsoft.com?icid=DSM_All_Marketplace&amp;ocid=cmm3atxvn98" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _Microsoft Marketplace_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _More_DeveloperAndIT_Marketplace_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft Marketplace</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/software-development-companies?icid=DSM_All_SoftwareCompanies&amp;ocid=cmm3atxvn98" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _Software companies_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _Software companies_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Software companies</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://visualstudio.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _Visual Studio_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Developer &amp; IT  _More_DeveloperAndIT_VisualStudio_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Visual Studio</a>
        </uhf-dropdown-column>
        <uhf-dropdown-column title="Other" show-tooltip="false" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/rewards" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_Microsoft Rewards_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_More_Other_Microsoft Rewards_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Microsoft Rewards</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/download" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_Free downloads &amp; security_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_More_Other_FreeDownloadsAndSecurity_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Free downloads &amp; security</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/education" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_Education_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_More_Other_Education_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Education</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/store/b/gift-cards?icid=DSM_All_GiftCards" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_Gift cards_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_More_Other_GiftCards_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Gift cards</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/licensing/" id="Licensing" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_Licensing_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_More_Other_Licensing_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Licensing</a>
                    <a class="uhf-nav-item uhf-dropdown-link" href="https://unlocked.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalHeader&quot;, &quot;hn&quot;: &quot;OneMicrosoftBar&quot;, &quot;cN&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_Unlocked stories_nav&quot;, &quot;ecn&quot;: &quot;GlobalNav_OneMicrosoftBar_AllMicrosoft_More_Other_More_Other_Unlocked_stories_nav&quot;, &quot;ehn&quot;: &quot;OneMicrosoftBar&quot;}">Unlocked stories</a>
        </uhf-dropdown-column>

    <uhf-dropdown-footer slot="footer">
        <a class="uhf-nav-item uhf-dropdown-link" href="https://www.microsoft.com/en-us/sitemap" data-m="">View Sitemap</a>
    </uhf-dropdown-footer>

</uhf-global-nav>


            <uhf-search 
                slot="search" 
                placeholder="Search news.microsoft.com/codeofus/"
                search-label="Search"
                cancel-label="Cancel"
                searchUrl="https://news.microsoft.com/codeofus/"
                autoSuggestUrl="https://www.microsoft.com/msstoreapiprod/api/autosuggest"
                queryParameterName="s"
                            >
            </uhf-search>
    </uhf-actions>
</uhf-header>
	<div class="sticky-header" role="banner" id="stickyHeader">
		<div class="sticky-header__container">
			<div class="sticky-header__left">
				<a class="sticky-header__logo" href="https://microsoft.com" target="_self" aria-label="microsoft.com">
					<img alt="" itemprop="logo" class="c-image" src="https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE1Mu3b?ver=5c31" role="presentation" aria-hidden="true" style="overflow-x: visible;">
				</a>
				<a class="sticky-header__logo-link" href="https://news.microsoft.com/codeofus/" target="_self" aria-label="">
					<span class="title">
						The Code of Us											</span>
				</a>
			</div>

							<div class="sticky-header__right">
					<ul class="social-share-networks">

													<li class="social-share-networks__item">
								<a class="social-share-networks__anchor" href="https://www.facebook.com/sharer/sharer.php?u=https://news.microsoft.com/codeofus/" target="_blank" title="Share on Facebook">
									<svg viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.071.286H1.93A1.929 1.929 0 0 0 0 2.214v14.143c0 1.085.844 1.929 1.929 1.929h5.504v-6.107H4.902V9.286h2.531v-2.17c0-2.491 1.487-3.897 3.737-3.897 1.125 0 2.25.2 2.25.2v2.452h-1.246c-1.245 0-1.647.763-1.647 1.566v1.849h2.772l-.442 2.893h-2.33v6.107h5.544A1.929 1.929 0 0 0 18 16.357V2.214C18 1.17 17.116.286 16.071.286Z" fill="#777"/></svg>								</a>
							</li>
														<li class="social-share-networks__item">
								<a class="social-share-networks__anchor" href="https://www.x.com/share?url=https://news.microsoft.com/codeofus/" target="_blank" title="Share on X">
									<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396h-95.6L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5 78.2-89.5h47.5zm-37.8 251.6L153.4 142.9h-28.3l171.8 224.7h26.3z" fill="#777"/></svg>								</a>
							</li>
														<li class="social-share-networks__item">
								<a class="social-share-networks__anchor" href="https://www.linkedin.com/sharing/share-offsite/?url=https://news.microsoft.com/codeofus/" target="_blank" title="Share on LinkedIn">
									<svg viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.714.286H1.246C.563.286 0 .888 0 1.612V17c0 .723.563 1.286 1.246 1.286h15.468c.683 0 1.286-.563 1.286-1.286V1.612c0-.724-.603-1.326-1.286-1.326ZM5.424 15.714H2.772V7.156h2.652v8.558ZM4.098 5.951c-.884 0-1.567-.683-1.567-1.527 0-.844.683-1.567 1.567-1.567.844 0 1.527.723 1.527 1.567s-.683 1.527-1.527 1.527Zm11.33 9.763h-2.691v-4.178c0-.965 0-2.25-1.367-2.25-1.406 0-1.607 1.085-1.607 2.21v4.218H7.112V7.156h2.53v1.165h.041c.362-.683 1.246-1.406 2.531-1.406 2.692 0 3.215 1.808 3.215 4.098v4.701Z" fill="#777"/></svg>								</a>
							</li>
														<li class="social-share-networks__item">
								<a class="social-share-networks__anchor" href="https://www.reddit.com/submit?url=https://news.microsoft.com/codeofus/&title=The Code of Us" target="_blank" title="Share on Reddit">
									<svg viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.37 12.902c-.12-.08-.28-.08-.361 0-.804.803-3.295.763-4.058 0-.08-.08-.241-.08-.362 0-.08.12-.08.281 0 .361 1.005 1.005 3.777 1.005 4.781 0 .08-.08.08-.24 0-.361Zm-3.696-2.17c0-.602-.442-1.085-1.045-1.085a1.08 1.08 0 0 0-1.084 1.085 1.08 1.08 0 0 0 1.084 1.085c.603 0 1.045-.482 1.045-1.085Zm3.656-1.085c-.562 0-1.044.482-1.044 1.085s.482 1.085 1.044 1.085a1.08 1.08 0 0 0 1.085-1.085 1.08 1.08 0 0 0-1.085-1.085ZM18 2.214C18 1.17 17.116.286 16.071.286H1.93A1.929 1.929 0 0 0 0 2.214v14.143c0 1.085.844 1.929 1.929 1.929H16.07A1.929 1.929 0 0 0 18 16.357V2.214ZM13.982 7.88c1.487 0 2.01 2.01.643 2.692.04.242.08.483.08.684 0 2.29-2.571 4.138-5.705 4.138s-5.705-1.848-5.705-4.139c0-.2.04-.441.08-.642-1.406-.724-.884-2.733.603-2.733.401 0 .803.161 1.044.442.965-.683 2.25-1.084 3.697-1.165l.844-3.736c0-.12.16-.201.28-.161l2.652.562c.161-.361.523-.602.925-.602a1.08 1.08 0 0 1 1.085 1.085 1.08 1.08 0 0 1-1.085 1.084c-.563 0-1.045-.482-1.045-1.084l-2.41-.523-.724 3.375c1.447.04 2.732.482 3.697 1.165a1.459 1.459 0 0 1 1.044-.442Z" fill="#777"/></svg>								</a>
							</li>
							
					</ul>
				</div>
					</div>
	</div>
	
		</div>
		
		<!--main-->
		<main>

	
			<section id="main">
				<div class="wp-block-columns">
					<div class="wp-block-column
										">
						
						
						
<section mks-block class="ms-inclusion-full-width mssrc-block-full-bleed-cover-panel-block mobile-ready"  >

	<div class="mks-debug-guides"></div>

	<div class="relative bg-#000 relative h-100vh overflow-hidden min-h-450px m:!h-540px m:!min-h-540px" style="color:#ffffff">

		<div class="top-0 left-0 w-full h-full absolute">

							<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/TCOU-landing-page.png" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/TCOU-landing-page-128x120.png 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/TCOU-landing-page-768x432.png 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/TCOU-landing-page-1024x576.png 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/TCOU-landing-page-1536x864.png 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/TCOU-landing-page.png 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/TCOU-landing-page-300x169.png 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/01/TCOU-landing-page-1900x1069.png 1900w" alt="Code of Us colorful illustration" class="absolute top-0 left-0 w-full h-full object-cover !rounded-0" />
			
			
			<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(to top, #26000a, #26000a00);"></div>

		</div>

		<div id=""
			class="max-w-1700px mx-auto w-full pointer-events-none relative h-full m:w-full  flex justify-start items-end px-94fxx m:px-6.25% pb-6vr m:pt-2vr m:pb-4vr">
			<article scroll-object  class="relative m:w-full flex flex-col items-start justify-center">

				
				
				<h2 class="pointer-events-auto mt-0 font-h3 font-400 mb-0.5vr">
					
					
						<split-text>
							The Code of Us						</split-text>

					
									</h2>
				<div role="paragraph" class="pointer-events-auto mt-0 font-t5 mb-1vr w-620fxx m:w-full text-left">
					<split-text delay="0.3" class="block relative" debug>
						The Code of Us isn’t just what we create; it’s who we are. Employees, their stories, and their truths are what power Microsoft.					</split-text>
				</div>
				<div class="pointer-events-auto">
														</div>
			</article>
		</div>

	</div>

	<div id=""  class="h-100vhfix w-full fixed top-0 left-0 hidden z-99999999">
		<button
			data-close-player 
			aria-label="Close video"
			class="
				hidden top-40px right-40px z-4 bg-#fff absolute transition-[transform] duration-[0.6s] ease-out
				w-40px h-40px border border-solid border-#FFF rounded-100px hover:scale-[1.2]
				m:top-6.25% m:right-6.25%">
			<span class="absolute top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] rotate-[-45deg] h-2px w-15px block bg-#000"></span>
			<span class="absolute top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] rotate-[45deg] h-2px w-15px block bg-#000"></span>
		</button>
	</div>

</section>

<script type="text/javascript">
	(() => {
		let mssrc_iframe, mssrc_close_btn;
		const mssrc_player              = document.getElementById( 'player-6a2786e78655f' );
		const mssrc_player_play_btn     = document.getElementById( 'player-btn-6a2786e78655f' );
		const mssrc_player_play_title_btn = document.getElementById( 'player-title-btn-6a2786e78655f' );
		const mssrc_player_text         = document.getElementById( 'player-text-6a2786e78655f' );
		function mssrc_on_key_down( e ) {
			if ( document.activeElement !== mssrc_close_btn ) {
				mssrc_iframe.focus( );
			}
		}
		function mssrc_init_iframe( e ) {
			mssrc_iframe = document.createElement( 'iframe' );
			mssrc_iframe.style.top      = 0;
			mssrc_iframe.style.left     = 0;
			mssrc_iframe.style.position = 'absolute';
			mssrc_iframe.style.width    = '100%';
			mssrc_iframe.style.height   = '100%';
			mssrc_iframe.setAttribute( 'frameborder', 0 );
			mssrc_iframe.setAttribute( 'tabindex',    1 );
			mssrc_iframe.setAttribute( 'allow',       'autoplay; fullscreen' );
			mssrc_iframe.setAttribute( 'title',       'The Code of Us' );
			mssrc_iframe.setAttribute( 'src', 'https://www.youtube-nocookie.com/embed/?autoplay=1&autohide=1&fs=1&modestbranding=1&showinfo=0&controls=2&autoplay=1&rel=0&theme=light&vq=hd720' );
			mssrc_close_btn = mssrc_player.querySelector( '[data-close-player]' );
			mssrc_player.insertBefore( mssrc_iframe, mssrc_close_btn );
			mssrc_player.removeEventListener( 'click', mssrc_init_iframe );
			mssrc_player_text.style.display = 'none';
			mssrc_player.style.display     = 'block';
			document.addEventListener( 'keyup', mssrc_on_key_down );
			setTimeout( ( ) => {
				mssrc_iframe.focus( );
				mssrc_iframe.click( );
				setTimeout( ( ) => {
					mssrc_iframe.focus( );
					mssrc_iframe.click( );
					mssrc_close_btn.setAttribute( 'tabindex', 1 );
				}, 1000 );
			}, 1000 );
			function mssrc_close_player( ) {
				mssrc_close_btn.removeEventListener( 'click', mssrc_close_player );
				mssrc_player.removeChild( mssrc_iframe );
				mssrc_player.style.display   = 'none';
				mssrc_close_btn.style.display = 'none';
				mssrc_player_text.style.removeProperty( 'display' );
				mssrc_close_btn.setAttribute( 'tabindex', -1 );
				document.removeEventListener( 'keyup', mssrc_on_key_down );
				mssrc_player_play_btn.focus( );
			}
			mssrc_close_btn.addEventListener( 'click', mssrc_close_player );
			mssrc_close_btn.style.display = 'block';
		}
		mssrc_player_play_btn && mssrc_player_play_btn.addEventListener( 'click', mssrc_init_iframe );
		mssrc_player_play_title_btn && mssrc_player_play_title_btn.addEventListener( 'click', mssrc_init_iframe );
	})();
</script>


<section num-banners="0" mks-block class="ms-inclusion-full-width mssrc-block-posts-drag" >

	<div class="mks-debug-guides"></div>

	<div scroll-object 
		style="
			background:#ffffff; 
			color:#0a0a0a;
		">
		<div class="max-w-1700px mx-auto w-full   pt-4vr px-94fxx __px-4vr m:px-6.25% pb-2vr " style="color:#0a0a0a">
			<h2 class="font-h3 font-400 mb-0.5vr">
				<split-text>Stories behind the innovation</split-text>
			</h2>
			<p delay="0.5" class="font-t5 mb-1vr w-620fxx   _font-t1 __font-h4 font-400 _mb-0.5vr mt-0 m:w-full">
				<split-text>You can’t make a breakthrough without breaking something: systems that don’t support us all, barriers that prevent access, mindsets that no longer serve us.     Explore these stories to learn more.</split-text>
			</p>
		</div>
	</div>

	<div core-drag loop="true" autoplay="true" debug="false" class="!px-0 relative   m:w-full overflow-hidden" style="background:#ffffff; color:#0a0a0a">

		<div class="bg-#fff h-70% absolute bottom--1px left-0 w-full m:h-50%"></div>

		<nav class="mb-4vr wp-block-comp-padding relative w-full _pl-94fxx bg-#fff m:hidden flex">
			<div class="px-94fxx m:px-6.25% flex items-center">

				<button data-drag-prev data-direction="-1" aria-label="go to previous card"
					class="
						align-middle cursor-pointer relative overflow-hidden group inline-block 
						flex items-center justify-center bg-#fff h-50px w-50px border border-solid border-current rounded-200px text-10px text-#000 hover:text-#fff transition-[color] duration-[0.5s] ease-outCubic
						mr-10fxx
					">
					<span class="absolute top-0 left-0 w-full h-full bg-#000 scale-[0] transform group-hover:scale-[1] transition-[all] duration-[0.5s] ease-outCubic rounded-200px"></span>
					<svg class="relative w-17px stroke-current" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M19 9L2 9M2 9L10 17M2 9L10 1" stroke-width="2"/>
					</svg>
				</button>

				<button data-drag-next data-direction="1" aria-label="go to next card" 
					class="
						align-middle cursor-pointer relative overflow-hidden group inline-block 
						flex items-center justify-center bg-#fff h-50px w-50px border border-solid border-current rounded-200px text-10px text-#000 hover:text-#fff transition-[color] duration-[0.5s] ease-outCubic
						mr-10fxx
					">
					<span class="absolute top-0 left-0 w-full h-full bg-#000 scale-[0] transform group-hover:scale-[1] transition-[all] duration-[0.5s] ease-outCubic rounded-200px"></span>
					<svg class="relative w-17px stroke-current" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M0 9H17M17 9L9 1M17 9L9 17" stroke-width="2"/>
					</svg>
				</button>

				<button 
					data-drag-playpause 
					data-direction="1" 
					aria-label="Stop auto play"
					class="group align-middle cursor-pointer relative overflow-hidden group inline-block flex items-center justify-center bg-#fff h-50px w-50px border border-solid border-current rounded-200px text-10px text-#000 hover:text-#fff transition-[color] duration-[0.5s] ease-outCubic"
					>
					<span class="absolute top-0 left-0 w-full h-full bg-#000 scale-[0] transform group-hover:scale-[1] transition-[all] duration-[0.5s] ease-outCubic rounded-200px"></span>
					<svg class="relative ml-5px mt-3px w-15px fill-current group-hover:fill-#fff  hidden [.is-paused_&#038;]:inline-block"  version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
						<polygon  points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
					</svg>
					<svg class="relative ml-0px mt-3px w-35px fill-current group-hover:fill-#fff inline-block [.is-paused_&#038;]:hidden" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M256 810.666667h170.666667V213.333333h-170.666667v597.333334z m341.333333-597.333334v597.333334h170.666667V213.333333h-170.666667z"  /></svg>
				</button>

			</div>
		</nav>

		<div drag-wrapper class="relative">

			<div drag-content class=" relative _pl-178fxx pb-2vr flex justify-start items-center m:block  m:px-6.25%">

										
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="2u8bKBmHrp4"
									yt-video-id-mobile="2u8bKBmHrp4"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/TCOU-DIS-Landing-Page-v2.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/TCOU-DIS-Landing-Page-v2-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/TCOU-DIS-Landing-Page-v2-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/TCOU-DIS-Landing-Page-v2-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/TCOU-DIS-Landing-Page-v2-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/TCOU-DIS-Landing-Page-v2.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/TCOU-DIS-Landing-Page-v2-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/TCOU-DIS-Landing-Page-v2-1900x1069.jpg 1900w" alt="Disability landing page hero illustration" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Disability Community Awareness: Breaking Barriers, Building Belonging in Tech &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Disability Community Awareness: Breaking Barriers, Building Belonging in Tech 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Different experiences. Shared Impact. Recognizing the voices and contributions of people of all abilities at Microsoft​.																																								<span class="font-t7 italic block">
														1 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="afAVnSG_nas"
									yt-video-id-mobile="afAVnSG_nas"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-365x578.jpg 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-768x1217.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-431x683.jpg 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical.jpg 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-177x281.jpg 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-454x720.jpg 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-606x960.jpg 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-126x200.jpg 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-800x1268.jpg 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-252x400.jpg 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-BoardOfCode-Thumbnail-Vertical-646x1024.jpg 646w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Life lessons, life-sized game board. &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Life lessons, life-sized game board. 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Families are what keep us moving, growing, and showing up. ​Families shape the people who build Microsoft. They spark ambition, inspire resilience, and push us to create the future of tech.​																																								<span class="font-t7 italic block">
														2 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="15XjZQeW43s"
									yt-video-id-mobile="15XjZQeW43s"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-365x578.jpg 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-768x1217.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-431x683.jpg 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical.jpg 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-177x281.jpg 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-454x720.jpg 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-606x960.jpg 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-126x200.jpg 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-800x1268.jpg 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-252x400.jpg 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/03/TCOU-PoemsOfUs-Thumbnail-Vertical-646x1024.jpg 646w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo; Families power who we are at Microsoft&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											 Families power who we are at Microsoft																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Microsoft coworkers swapped stories about family to write powerful poetry. Now, they&#8217;ll hear what the other person wrote for the first time. Let the snaps commence.																																								<span class="font-t7 italic block">
														3 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="3e7UOkqB44U"
									yt-video-id-mobile="3e7UOkqB44U"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/TCOU-S2-WHM-Landing-Page.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/TCOU-S2-WHM-Landing-Page-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/TCOU-S2-WHM-Landing-Page-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/TCOU-S2-WHM-Landing-Page-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/TCOU-S2-WHM-Landing-Page-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/TCOU-S2-WHM-Landing-Page.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/TCOU-S2-WHM-Landing-Page-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/TCOU-S2-WHM-Landing-Page-1900x1069.jpg 1900w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Women&#039;s experiences expand what it means to work in tech&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Women&#8217;s experiences expand what it means to work in tech																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Through leadership, creativity, and lived experience, women across Microsoft are redefining the blueprint for how innovation is built. Explore their stories and help amplify the legacy they’re creating today and for what comes next at the Code of Us.																																								<span class="font-t7 italic block">
														4 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="WS882kbX9-k"
									yt-video-id-mobile="WS882kbX9-k"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/greg.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/greg-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/greg-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/greg-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/greg-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/greg.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/greg-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/greg-1900x1069.jpg 1900w" alt="Greg Hitchcock illustrative portrait" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Giving fonts a purpose – across culture and ability&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Giving fonts a purpose – across culture and ability																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											As a member of the Cowlitz Indian Tribe, Greg, knows the importance of preserving the emotion and expression of native languages. As Principal Software Engineering Manager for Microsoft, he aims to work with fonts and characters to further protect and archive sacred languages in the digital landscape. 																																								<span class="font-t7 italic block">
														5 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="P6cUKX-sLu8"
									yt-video-id-mobile="P6cUKX-sLu8"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-365x578.jpg 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-768x1217.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-431x683.jpg 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical.jpg 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-177x281.jpg 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-454x720.jpg 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-606x960.jpg 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-126x200.jpg 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-800x1268.jpg 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-252x400.jpg 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/02/BAA-Bag-Lunch-Vertical-646x1024.jpg 646w" alt="&quot;Bag lunch&quot; hero illustration" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Black and African American employees share stories inside Microsoft&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Black and African American employees share stories inside Microsoft																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Explore stories of creativity, identity, and impact from colleagues across Microsoft teams and time zones, and share them to keep the momentum going.																																								<span class="font-t7 italic block">
														6 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="Kqai-VfVLOQ"
									yt-video-id-mobile="Kqai-VfVLOQ"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-365x578.jpg 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-768x1217.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-431x683.jpg 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops.jpg 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-177x281.jpg 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-454x720.jpg 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-606x960.jpg 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-126x200.jpg 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-800x1268.jpg 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-252x400.jpg 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/personalitypops-646x1024.jpg 646w" alt="Personality pops episode illustration" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Personality Pops&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Personality Pops																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Every pop tells a different story, but the color determines the truth that spills out. 																																								<span class="font-t7 italic block">
														7 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="Ga1uSGvsVsg"
									yt-video-id-mobile="Ga1uSGvsVsg"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-365x578.jpg 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-768x1217.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-431x683.jpg 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy.jpg 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-177x281.jpg 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-454x720.jpg 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-606x960.jpg 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-126x200.jpg 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-800x1268.jpg 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-252x400.jpg 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/legacy-646x1024.jpg 646w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Living Our Legacy:     We celebrate our Indigenous community through story and picture   &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Living Our Legacy:     We celebrate our Indigenous community through story and picture   																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Powerful pictures. Important stories. Indigenous employees share their identities through handpicked images.																																								<span class="font-t7 italic block">
														8 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="77RfuX7MVjA"
									yt-video-id-mobile="77RfuX7MVjA"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/09/tcou-social.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/09/tcou-social-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/09/tcou-social-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/09/tcou-social.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/09/tcou-social-300x169.jpg 300w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;The Code of Us celebrates Hispanic and Latinx communities &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											The Code of Us celebrates Hispanic and Latinx communities 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											We celebrate the cultures, traditions, and contributions of the Hispanic and Latinx communities at Microsoft—honoring the past, uplifting the present, and inspiring the future.																																								<span class="font-t7 italic block">
														9 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="KjoigOXvOa4"
									yt-video-id-mobile="KjoigOXvOa4"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3.png" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-128x120.png 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-433x578.png 433w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-768x1025.png 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-512x683.png 512w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3.png 1080w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-210x281.png 210w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-539x720.png 539w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-719x960.png 719w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-150x200.png 150w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-950x1268.png 950w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-300x400.png 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-768x1024.png 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/02/REACTVERT-1-3-1024x1366.png 1024w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Microsoft Reacts: Black History Month Edition &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Microsoft Reacts: Black History Month Edition 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Watch as Microsoft employees use their sense of sound and touch to react to objects and facts about Black innovation during Black History Month. 																																								<span class="font-t7 italic block">
														10 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="KnD3ByFIDfs"
									yt-video-id-mobile="KnD3ByFIDfs"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-365x578.jpg 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-768x1217.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-431x683.jpg 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL.jpg 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-177x281.jpg 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-454x720.jpg 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-606x960.jpg 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-126x200.jpg 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-800x1268.jpg 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-252x400.jpg 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-SPEAK-AAPI-TALL-646x1024.jpg 646w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo; The Code of Us: Speak My Language AAPI Edition &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											 The Code of Us: Speak My Language AAPI Edition 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Watch as Microsoft employees try to guess the meanings and translations of each other&#8217;s cultural phrases for AAPI Heritage Month. 																																								<span class="font-t7 italic block">
														11 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="47Oe7B5rD_0"
									yt-video-id-mobile="47Oe7B5rD_0"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical.png" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-128x120.png 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-365x578.png 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-768x1217.png 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-431x683.png 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical.png 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-177x281.png 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-454x720.png 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-606x960.png 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-126x200.png 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-800x1268.png 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-252x400.png 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/True-Or-False-Family-Vertical-646x1024.png 646w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;The Code of Us: True or False Family Edition &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											The Code of Us: True or False Family Edition 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											The Code of Us puts Microsoft employees to the test in a game of True or False – Family Edition. 																																								<span class="font-t7 italic block">
														12 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="obLhUjgC1Vc"
									yt-video-id-mobile="obLhUjgC1Vc"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-365x578.jpg 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-768x1217.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-431x683.jpg 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall.jpg 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-177x281.jpg 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-454x720.jpg 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-606x960.jpg 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-126x200.jpg 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-800x1268.jpg 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-252x400.jpg 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/03/Previewing-image-CIC-WHM-tall-646x1024.jpg 646w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;The Code of Us: Codes in Common&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											The Code of Us: Codes in Common																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Discover the shared experiences of two Microsoft employees as they discuss their unique perspectives of being women in tech.																																								<span class="font-t7 italic block">
														13 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="cWISIu0y6KY"
									yt-video-id-mobile="cWISIu0y6KY"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-365x578.jpg 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-768x1217.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-431x683.jpg 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL.jpg 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-177x281.jpg 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-454x720.jpg 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-606x960.jpg 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-126x200.jpg 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-800x1268.jpg 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-252x400.jpg 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/04/TCOU-TRUE-MILITARY-TALL-646x1024.jpg 646w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;The Code of Us: True or False – Military Edition &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											The Code of Us: True or False – Military Edition 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Microsoft employees with military backgrounds put their knowledge to the test in a round of True or False. 																																								<span class="font-t7 italic block">
														14 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="Ai_l63shFUM"
									yt-video-id-mobile="Ai_l63shFUM"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-365x578.jpg 365w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-768x1217.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-431x683.jpg 431w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1.jpg 852w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-177x281.jpg 177w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-454x720.jpg 454w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-606x960.jpg 606w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-126x200.jpg 126w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-800x1268.jpg 800w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-252x400.jpg 252w, https://news.microsoft.com/codeofus/wp-content/uploads/2025/05/ToF-9x16-1-646x1024.jpg 646w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo; The Code of Us: True or false, LGBTQIA+ edition&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											 The Code of Us: True or false, LGBTQIA+ edition																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											LGBTQIA+ voices share their takes on community facts and personal opinions. Can you guess the answers?																																								<span class="font-t7 italic block">
														15 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="oLeBVxt_se8"
									yt-video-id-mobile="oLeBVxt_se8"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Gabriela.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Gabriela-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Gabriela-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Gabriela-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Gabriela-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Gabriela.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Gabriela-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Gabriela-1900x1069.jpg 1900w" alt="Gabriela Olmos portrait" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Growing day by day&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Growing day by day																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											After her family experienced bankruptcy when she was young, Gabriela learned how to fix things the only way she knew how — through community. Now she’s set on driving growth bit by bit every day.																																								<span class="font-t7 italic block">
														16 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="tcOwhSE9O7I"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_01_Caroline_C-1.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_01_Caroline_C-1-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_01_Caroline_C-1-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_01_Caroline_C-1-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_01_Caroline_C-1-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_01_Caroline_C-1.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_01_Caroline_C-1-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_01_Caroline_C-1-1900x1069.jpg 1900w" alt="Caroline Scalley - Creative, Weird, Energenic" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Freedom in self-expression&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Freedom in self-expression																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Emerging from a journey of self-discovery and embracing their nonbinary identity, C, senior business administrator at Microsoft, embodies resilience. Drawing from their Puerto Rican heritage and love for self-expression, C blends humor with originality and compassion in their role, redefining norms through unique understanding. 																																								<span class="font-t7 italic block">
														17 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="b13sMIlefoo"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/megumi.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/megumi-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/megumi-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/megumi-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/megumi-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/megumi.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/megumi-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/megumi-1900x1069.jpg 1900w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;“You are enough. You wouldn’t be here if someone here didn’t think you were incredible.” &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											“You are enough. You wouldn’t be here if someone here didn’t think you were incredible.” 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Raised with values rooted in her Japanese heritage, Megumi found solace in community during deployments while in the military. Now as a managing editor of customer storytelling at Microsoft, she empowers global voices, advocating for authenticity and reminding others of their inherent worth. 																																								<span class="font-t7 italic block">
														18 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="_PuSfpyHAt4"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_Joao_C-1.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_Joao_C-1-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_Joao_C-1-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_Joao_C-1-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_Joao_C-1-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_Joao_C-1.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_Joao_C-1-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_Joao_C-1-1900x1069.jpg 1900w" alt="Joao Madureira - Tenacious, Passionate, Empathetic" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Utilizing your superpower&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Utilizing your superpower																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Armed with what he calls “super empathy,” Joao, principal customer reliability engineer at Microsoft, harnesses inclusivity as his strength. As a gay man and a Latino, he activates allyship in the workplace, ensuring all voices are heard. His actions have not only brought in new talent but also propelled inclusivity forward. 																																								<span class="font-t7 italic block">
														19 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="mMrx9DB9mBQ"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/cynthia-bryant2.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/cynthia-bryant2-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/cynthia-bryant2-422x578.jpg 422w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/cynthia-bryant2.jpg 517w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/cynthia-bryant2-499x683.jpg 499w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/cynthia-bryant2-205x281.jpg 205w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/cynthia-bryant2-146x200.jpg 146w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/cynthia-bryant2-292x400.jpg 292w" alt="Cynthia Bryant portrait" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Near and dear&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Near and dear																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Keepsakes that get passed through generations of a connected family can unlock hidden characteristics of our colleagues. Cynthia presents us with some of hers that showcase her mom’s creativity and how she encourages herself to fly. 																																								<span class="font-t7 italic block">
														20 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="2VkohAVQgsU"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_2388-16x9-horizontal.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_2388-16x9-horizontal-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_2388-16x9-horizontal-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_2388-16x9-horizontal-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_2388-16x9-horizontal-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_2388-16x9-horizontal.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_2388-16x9-horizontal-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_2388-16x9-horizontal-1900x1069.jpg 1900w" alt="Christina Parker Portrait - Ambitious, Compassionate, Creative" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;&quot;Your uniqueness makes you who you are.” &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											&#8220;Your uniqueness makes you who you are.” 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Inspired by her early love for fantasy and gaming, Christina champions diversity and representation in the gaming industry, explaining the accuracy of portrayals and the importance of players seeing themselves in the virtual worlds they love.  																																								<span class="font-t7 italic block">
														21 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="SrBDxu2xkbA"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/athena-chang2.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/athena-chang2-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/athena-chang2-422x578.jpg 422w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/athena-chang2.jpg 517w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/athena-chang2-499x683.jpg 499w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/athena-chang2-205x281.jpg 205w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/athena-chang2-146x200.jpg 146w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/athena-chang2-292x400.jpg 292w" alt="Athena Chang portrait" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Art of cherishing memories&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Art of cherishing memories																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Sometimes our possessions remind us of our favorite places or home. Athena shares the items that take her back to Taiwan, Prague, and New York.																																								<span class="font-t7 italic block">
														22 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="HpWmTljMaeA"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Jerome-16x9-2-1.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Jerome-16x9-2-1-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Jerome-16x9-2-1-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Jerome-16x9-2-1-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Jerome-16x9-2-1-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Jerome-16x9-2-1.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Jerome-16x9-2-1-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Jerome-16x9-2-1-1900x1069.jpg 1900w" alt="Jerome portrait" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;When innovation and passion collide&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											When innovation and passion collide																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Jerome discusses the influence of his father&#8217;s guidance, his passion for art and music, and his innovative approach to driving positive change and representation in his professional sphere. 																																								<span class="font-t7 italic block">
														23 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="ckn_YA_Sdg4"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_4335-16x9-horizontal.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_4335-16x9-horizontal-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_4335-16x9-horizontal-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_4335-16x9-horizontal-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_4335-16x9-horizontal-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_4335-16x9-horizontal.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_4335-16x9-horizontal-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_4335-16x9-horizontal-1900x1069.jpg 1900w" alt="Erin Jagelski Portrait - Strong-willed, Creative, Empathetic" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;&quot;At the end of the day, I think that’s what people want: to be heard.” &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											&#8220;At the end of the day, I think that’s what people want: to be heard.” 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Guided by a gift for listening and a commitment to motherhood, Erin shares how she navigated post-maternity challenges and pioneered support networks for parents in the workplace by blending her passion and leadership to foster inclusive environments.  																																								<span class="font-t7 italic block">
														24 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="e48XBC95iVU"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/CY24_Melissa_Hero_Final0.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/CY24_Melissa_Hero_Final0-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/CY24_Melissa_Hero_Final0-415x578.jpg 415w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/CY24_Melissa_Hero_Final0.jpg 646w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/CY24_Melissa_Hero_Final0-490x683.jpg 490w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/CY24_Melissa_Hero_Final0-202x281.jpg 202w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/CY24_Melissa_Hero_Final0-517x720.jpg 517w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/CY24_Melissa_Hero_Final0-144x200.jpg 144w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/CY24_Melissa_Hero_Final0-287x400.jpg 287w" alt="Melissa Curry portrait" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Melissa&#039;s treasures of heritage and achievement&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Melissa&#8217;s treasures of heritage and achievement																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Our possessions showcase the things that really matter to us. Melissa unveils the artifacts that encapsulate her heritage, achievements, and bonds that shape her. Tell us about the artifacts that weave the fabric of your story.  																																								<span class="font-t7 italic block">
														25 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

							
																	<a href="https://news.microsoft.com/codeofus/features/i-dont-have-the-option-to-be-shy/" target="_self"										class="absolute top-0 left-0 w-full h-full overflow-hidden bg-#000" style="-webkit-user-drag:none;" 
										aria-label="Read I don’t have the option to be shy "
										>
										<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-768x578.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-768x512.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-1024x683.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-1536x1025.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-300x281.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-768x720.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-1024x960.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-300x200.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-1900x1268.jpg 1900w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-300x400.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-768x1024.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Goncalo-portrait-1024x1281.jpg 1024w" alt="Gonçalo looking left" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />
										<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									</a>
															
							<div class="w-full px-20px pb-1vr pt-2.5vr ">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Article													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											<a href="https://news.microsoft.com/codeofus/features/i-dont-have-the-option-to-be-shy/" target="_self"															class="text-#fff" 
															>
															I don’t have the option to be shy 														</a>
																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											<a href="https://news.microsoft.com/codeofus/features/i-dont-have-the-option-to-be-shy/" target="_self"															class="text-#fff" style="-webkit-user-drag:none;" 
															aria-label="Read I don’t have the option to be shy "
															>
															Gonçalo has always yearned for independence. His journey with cerebral palsy led him from relying on others for care to taking care of others. 																													</a>
																										<span class="font-t7 italic block">
														26 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="3rMPCc2dCcI"
									yt-video-id-mobile="WtB5mm7dB8g"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-768x578.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-768x1365.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-1024x683.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-864x1536.jpg 864w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero.jpg 1080w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-300x281.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-768x720.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-1024x960.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-300x200.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-1080x1268.jpg 1080w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-300x400.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-768x1024.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Kimberly-Resize_9x16_Hero-1024x1366.jpg 1024w" alt="Illustration for Kimberly" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Embrace your identity, embrace life &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Animated Story													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Embrace your identity, embrace life 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Kimberly Marreros Chuco discusses embracing one&#8217;s unique identity and learning from challenges, emphasizing the importance of adaptability and accepting mistakes as part of growth, inspired by her experiences moving from an Andean mining town.																													<br><span class="mt-0.5vr inline-block font-t7 italic">Featured Artist: Tai Silva</span>
																																								<span class="font-t7 italic block">
														27 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="L1ZoBoyOm1E"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-352x578.jpg 352w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-768x1261.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-416x683.jpg 416w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-936x1536.jpg 936w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-1248x2048.jpg 1248w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-171x281.jpg 171w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-439x720.jpg 439w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-585x960.jpg 585w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-122x200.jpg 122w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-773x1268.jpg 773w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-244x400.jpg 244w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-624x1024.jpg 624w, https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Ashley_InnovatorsJourney_Final_010-832x1366.jpg 832w" alt="Ashley Portrait" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Ashley Innovator&#039;s Inventory and the big plans she’s made&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Video													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Ashley Innovator&#8217;s Inventory and the big plans she’s made																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Our personal treasures hold the stories of who we are. Ashley shares the tangible symbols of her values and journey. What mementos narrate your life’s chapters?																																								<span class="font-t7 italic block">
														28 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="3vku0fXKb40"
									yt-video-id-mobile="8mJ7nI20w9M"									>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-768x578.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-768x960.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-864x683.jpg 864w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero.jpg 864w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-300x281.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-768x720.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-864x960.jpg 864w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-300x200.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-300x400.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_5x4_Hero-768x1024.jpg 768w" role="presentation" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;This is my sazón &rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Animated Story													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											This is my sazón 																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Ivelisse is a user experience designer who uses patience and her family to combat her own self-doubt. 																																								<span class="font-t7 italic block">
														29 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="XyCMjMbmKXM"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-768x578.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-1024x683.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-300x281.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-768x720.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-1024x960.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-300x200.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-1900x1080.jpg 1900w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-300x400.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-768x1024.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_16x9-1024x1080.jpg 1024w" alt="Illustration for Ethan" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Nurturing inner peace&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Animated Story													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Nurturing inner peace																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											When Ethan started at Microsoft, he prioritized money over his wellbeing. Twelve years later, the senior customer success account manager and D&amp;I storytelling host knows that the only way to truly take care of others is to first take care of yourself. Discover his story of gratitude and growth.																																								<span class="font-t7 italic block">
														30 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="a3SMaAmLun8"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Elaine-Resize_5x4_Hero.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Elaine-Resize_5x4_Hero-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Elaine-Resize_5x4_Hero-648x578.jpg 648w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Elaine-Resize_5x4_Hero.jpg 648w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Elaine-Resize_5x4_Hero-648x683.jpg 648w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Elaine-Resize_5x4_Hero-300x281.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Elaine-Resize_5x4_Hero-648x720.jpg 648w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Elaine-Resize_5x4_Hero-300x200.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Elaine-Resize_5x4_Hero-300x400.jpg 300w" alt="Abstract Illustration of Elaine Chang" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Master of messiness&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Animated Story													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Master of messiness																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											As a mom and a tech leader, Elaine has learned to embrace the chaos and put her “octopus mind” to work in service of innovation, at work and at home.																																								<span class="font-t7 italic block">
														31 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="NQ0Wy1K-KNw"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-768x578.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-768x960.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-1024x683.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-300x281.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-768x720.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-1024x960.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-300x200.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-1024x1268.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-300x400.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Shrivaths_Board_4x5-768x1024.jpg 768w" alt="Illustration of a group of people revealing a new sphere" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;What leaders look like&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Animated Story													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											What leaders look like																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											Shrivaths worried that coworkers would be reluctant to follow a leader who had disabilities. Instead, he discovered that his experiences made him a stronger, more empathetic manager.																																								<span class="font-t7 italic block">
														32 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

												
						<div drag-layer drag-step 
							class="
								group text-#fff relative flex items-end justify-start  !transition-none m:mb-30px relative min- w-250px
								w-400fxx shrink-0 grow-0 m:w-full rounded-8px overflow-hidden m:!__translate-x-0
								mr-20px
							">

															<div class="cursor-pointer absolute top-0 left-0 w-full h-full overflow-hidden bg-#000"
									yt-player-btn
									yt-player-id="yt-6a2786e79b6ad"
									yt-video-id="tXQiKJb30gk"
																		>

									<img style="-webkit-user-drag:none;" src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-768x578.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-768x1365.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-1024x683.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-864x1536.jpg 864w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16.jpg 1080w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-300x281.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-768x720.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-1024x960.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-300x200.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-1080x1268.jpg 1080w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-300x400.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-768x1024.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_9x16-1024x1366.jpg 1024w" alt="Abstract Illustration of Sofia Gonzalez showing dual identities coming into one" class="absolute top-0 left-0 w-full h-full object-cover group-hover:opacity-[0.7] transition-[opacity] duration-[0.6s] ease-out" />

									<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(359.65deg, rgba(0, 0, 0, 0.8) 7%, rgba(0, 0, 0, 0) 100%);"></div>
									<button
										aria-label="Play video &ldquo;Experiencing both sides&rdquo;"
										_style="backdrop-filter:blur(20px)"
										class="
											| bg:white top-20fxx right-20fxx _top-50% _left-50% transform _translate-x-[-50%] _translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
											| w-50px h-50px border-none  rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
											| m:top-15px m:right-15px">
										<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
											<polygon fill="#000" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
										</svg>
									</button>
								</div>
							
							<div class="w-full px-20px pb-1vr pt-2.5vr pointer-events-none">
								<div class="overflow-hidden  h-full w-full relative">
									<div drag-card-content class="relative w-full h-full  flex items-end justify-start transform  group-hover:!translate-y-0 transition-[transform] duration-[1s] ease-out">
										<div class="relative">
											<div>
																									<span class="mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-#FFF rounded-30px m:mb-6px">
														Animated Story													</span>
												 
												<h3 class="!mt-0 font-h6 font-400 !text-#fff m:_mb-0">
																											Experiencing both sides																									</h3>
											</div>
											<div drag-card-text>
												<p class="mt-0 font-t5 m:__hidden">
																											As a child, Ana crossed between Juárez, Mexico , and El Paso, Texas, every day to go to school. Learning how to live, communicate, and connect in both cultures has made her a better designer, mentor, and innovator.																																								<span class="font-t7 italic block">
														33 of 33													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>

							<div class=" w-0px pt-155%"></div>

						</div>

						
			</div>
		</div>

	</div>

</section>


<section mks-block class="ms-inclusion-full-width mssrc-block-full-bleed-cover-panel-block"  >

	<div class="mks-debug-guides"></div>

	<div class="relative bg-#000 relative h-100vh overflow-hidden min-h-450px m:!h-540px m:!min-h-540px" style="color:#ffffff">

		<div class="top-0 left-0 w-full h-full absolute">

							<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/TCOU-S2-BAA-Landing-Page.jpg" srcset="https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/TCOU-S2-BAA-Landing-Page-128x120.jpg 128w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/TCOU-S2-BAA-Landing-Page-768x432.jpg 768w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/TCOU-S2-BAA-Landing-Page-1024x576.jpg 1024w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/TCOU-S2-BAA-Landing-Page-1536x864.jpg 1536w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/TCOU-S2-BAA-Landing-Page.jpg 1920w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/TCOU-S2-BAA-Landing-Page-300x169.jpg 300w, https://news.microsoft.com/codeofus/wp-content/uploads/2026/01/TCOU-S2-BAA-Landing-Page-1900x1069.jpg 1900w" alt="Code of Us Hero illustration" class="absolute top-0 left-0 w-full h-full object-cover !rounded-0" />
			
			
			<div class="absolute top-0 left-0 w-full h-full" style="background: linear-gradient(to top, #000000, #00000000);"></div>

		</div>

		<div id="player-text-6a2786e79ecdc"
			class="max-w-1700px mx-auto w-full pointer-events-none relative h-full m:w-full  flex justify-start items-end px-94fxx m:px-6.25% pb-6vr m:pt-2vr m:pb-4vr">
			<article scroll-object  class="relative m:w-full flex flex-col items-start justify-center">

				
				
				<h2 class="pointer-events-auto mt-0 font-h3 font-400 mb-0.5vr">
										<span class="cursor-pointer" id="player-title-btn-6a2786e79ecdc">
					
					
						<split-text>
							Personality Pops						</split-text>

										</span>
					
									</h2>
				<div role="paragraph" class="pointer-events-auto mt-0 font-t5 mb-1vr w-620fxx m:w-full text-left">
					<split-text delay="0.3" class="block relative" debug>
						Every pop tells a different story, but the color determines the truth that spills out. 					</split-text>
				</div>
				<div class="pointer-events-auto">
											<button
							id="player-btn-6a2786e79ecdc"
							class="
								cursor-pointer inline-block font-t7 rounded-20px _h:1.5vr _leading-100%  py-10px px-20px
								transition-all duration-[0.6s] ease-out prop:color,background
								m:pt-8px m:pr-16px m:pb-9px m:pl-16px m:text-14px
								bg-#fff border border-solid border-[#fff] text-#000 hover:bg-transparent hover:text-#fff hover:border border-solid border-#fff __mr-20px
								"
							aria-label="watch video">
							Watch video						</button>
														</div>
			</article>
		</div>

	</div>

	<div id="player-6a2786e79ecdc"  class="h-100vhfix w-full fixed top-0 left-0 hidden z-99999999">
		<button
			data-close-player 
			aria-label="Close video"
			class="
				hidden top-40px right-40px z-4 bg-#fff absolute transition-[transform] duration-[0.6s] ease-out
				w-40px h-40px border border-solid border-#FFF rounded-100px hover:scale-[1.2]
				m:top-6.25% m:right-6.25%">
			<span class="absolute top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] rotate-[-45deg] h-2px w-15px block bg-#000"></span>
			<span class="absolute top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] rotate-[45deg] h-2px w-15px block bg-#000"></span>
		</button>
	</div>

</section>

<script type="text/javascript">
	(() => {
		let mssrc_iframe, mssrc_close_btn;
		const mssrc_player              = document.getElementById( 'player-6a2786e79ecdc' );
		const mssrc_player_play_btn     = document.getElementById( 'player-btn-6a2786e79ecdc' );
		const mssrc_player_play_title_btn = document.getElementById( 'player-title-btn-6a2786e79ecdc' );
		const mssrc_player_text         = document.getElementById( 'player-text-6a2786e79ecdc' );
		function mssrc_on_key_down( e ) {
			if ( document.activeElement !== mssrc_close_btn ) {
				mssrc_iframe.focus( );
			}
		}
		function mssrc_init_iframe( e ) {
			mssrc_iframe = document.createElement( 'iframe' );
			mssrc_iframe.style.top      = 0;
			mssrc_iframe.style.left     = 0;
			mssrc_iframe.style.position = 'absolute';
			mssrc_iframe.style.width    = '100%';
			mssrc_iframe.style.height   = '100%';
			mssrc_iframe.setAttribute( 'frameborder', 0 );
			mssrc_iframe.setAttribute( 'tabindex',    1 );
			mssrc_iframe.setAttribute( 'allow',       'autoplay; fullscreen' );
			mssrc_iframe.setAttribute( 'title',       'Personality Pops' );
			mssrc_iframe.setAttribute( 'src', 'https://www.youtube-nocookie.com/embed/Kqai-VfVLOQ?autoplay=1&autohide=1&fs=1&modestbranding=1&showinfo=0&controls=2&autoplay=1&rel=0&theme=light&vq=hd720' );
			mssrc_close_btn = mssrc_player.querySelector( '[data-close-player]' );
			mssrc_player.insertBefore( mssrc_iframe, mssrc_close_btn );
			mssrc_player.removeEventListener( 'click', mssrc_init_iframe );
			mssrc_player_text.style.display = 'none';
			mssrc_player.style.display     = 'block';
			document.addEventListener( 'keyup', mssrc_on_key_down );
			setTimeout( ( ) => {
				mssrc_iframe.focus( );
				mssrc_iframe.click( );
				setTimeout( ( ) => {
					mssrc_iframe.focus( );
					mssrc_iframe.click( );
					mssrc_close_btn.setAttribute( 'tabindex', 1 );
				}, 1000 );
			}, 1000 );
			function mssrc_close_player( ) {
				mssrc_close_btn.removeEventListener( 'click', mssrc_close_player );
				mssrc_player.removeChild( mssrc_iframe );
				mssrc_player.style.display   = 'none';
				mssrc_close_btn.style.display = 'none';
				mssrc_player_text.style.removeProperty( 'display' );
				mssrc_close_btn.setAttribute( 'tabindex', -1 );
				document.removeEventListener( 'keyup', mssrc_on_key_down );
				mssrc_player_play_btn.focus( );
			}
			mssrc_close_btn.addEventListener( 'click', mssrc_close_player );
			mssrc_close_btn.style.display = 'block';
		}
		mssrc_player_play_btn && mssrc_player_play_btn.addEventListener( 'click', mssrc_init_iframe );
		mssrc_player_play_title_btn && mssrc_player_play_title_btn.addEventListener( 'click', mssrc_init_iframe );
	})();
</script>


<!-- block sort posts -->
<section mks-block class="mssrc-block-sortable-content-block" id="more-infos">

	<div class="mks-debug-guides"></div>

	<div 
		class="max-w-1700px mx-auto w-full  pt-4vr pb-4vr  relative w-full  px-94fxx  m:px-6.25% m:block m:pb-100px"
		style="background:#ffffff; color:#0a0a0a;"
		id="sort-posts-wrapper-6a2786e79ef1c"
		>

					<div>

									<h2 class="font-h5 font-400 mb-1vr">
						Communities					</h2>
									<div role="paragraph" class="font-t5 mb-1vr w-620fxx   _font-t1 __font-h4 font-400 _mb-0.5vr mt-0 m:w-full">
						<split-text>Anything is possible when everyone is included. Discover stories told by Microsoft employees and illustrated by members of their communities at Microsoft and around the world. </split-text>
					</div>
								
			</div>
		

		<div class="fs-0  mb-2vr ">
												<button data-filter name="Asian and Pacific Islander" slug="asian-and-pacific-islander"
						class="
							cursor-pointer group bg-#fff mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-current 
							rounded-30px mb-6px hover:bg-#000 hover:text-#fff is-selected:bg-#000 is-selected:text-#fff
							mr-17fxx m:mr-15px
						">
						Asian and Pacific Islander						<span class="hidden [.group.is-selected_&#038;]:inline-block">&nbsp; ✕</span>
					</button>
									<button data-filter name="Black and African American" slug="black-and-african-american"
						class="
							cursor-pointer group bg-#fff mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-current 
							rounded-30px mb-6px hover:bg-#000 hover:text-#fff is-selected:bg-#000 is-selected:text-#fff
							mr-17fxx m:mr-15px
						">
						Black and African American						<span class="hidden [.group.is-selected_&#038;]:inline-block">&nbsp; ✕</span>
					</button>
									<button data-filter name="Disability" slug="disability"
						class="
							cursor-pointer group bg-#fff mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-current 
							rounded-30px mb-6px hover:bg-#000 hover:text-#fff is-selected:bg-#000 is-selected:text-#fff
							mr-17fxx m:mr-15px
						">
						Disability						<span class="hidden [.group.is-selected_&#038;]:inline-block">&nbsp; ✕</span>
					</button>
									<button data-filter name="Families" slug="families"
						class="
							cursor-pointer group bg-#fff mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-current 
							rounded-30px mb-6px hover:bg-#000 hover:text-#fff is-selected:bg-#000 is-selected:text-#fff
							mr-17fxx m:mr-15px
						">
						Families						<span class="hidden [.group.is-selected_&#038;]:inline-block">&nbsp; ✕</span>
					</button>
									<button data-filter name="Hispanic and Latinx" slug="hispanic-and-latinx"
						class="
							cursor-pointer group bg-#fff mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-current 
							rounded-30px mb-6px hover:bg-#000 hover:text-#fff is-selected:bg-#000 is-selected:text-#fff
							mr-17fxx m:mr-15px
						">
						Hispanic and Latinx						<span class="hidden [.group.is-selected_&#038;]:inline-block">&nbsp; ✕</span>
					</button>
									<button data-filter name="Indigenous" slug="indigenous"
						class="
							cursor-pointer group bg-#fff mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-current 
							rounded-30px mb-6px hover:bg-#000 hover:text-#fff is-selected:bg-#000 is-selected:text-#fff
							mr-17fxx m:mr-15px
						">
						Indigenous						<span class="hidden [.group.is-selected_&#038;]:inline-block">&nbsp; ✕</span>
					</button>
									<button data-filter name="LGBTQIA+" slug="lgbtqia"
						class="
							cursor-pointer group bg-#fff mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-current 
							rounded-30px mb-6px hover:bg-#000 hover:text-#fff is-selected:bg-#000 is-selected:text-#fff
							mr-17fxx m:mr-15px
						">
						LGBTQIA+						<span class="hidden [.group.is-selected_&#038;]:inline-block">&nbsp; ✕</span>
					</button>
									<button data-filter name="Military" slug="military"
						class="
							cursor-pointer group bg-#fff mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-current 
							rounded-30px mb-6px hover:bg-#000 hover:text-#fff is-selected:bg-#000 is-selected:text-#fff
							mr-17fxx m:mr-15px
						">
						Military						<span class="hidden [.group.is-selected_&#038;]:inline-block">&nbsp; ✕</span>
					</button>
									<button data-filter name="Women" slug="women"
						class="
							cursor-pointer group bg-#fff mb-0.5vr inline-block font-t7 italic py-5px px-11px border border-solid border-current 
							rounded-30px mb-6px hover:bg-#000 hover:text-#fff is-selected:bg-#000 is-selected:text-#fff
							mr-17fxx m:mr-15px
						">
						Women						<span class="hidden [.group.is-selected_&#038;]:inline-block">&nbsp; ✕</span>
					</button>
									</div>

		<div data-posts-wrapper scroll-object class="flex justify-start flex-wrap items-start m:block flex-wrap ">
									<article data-article tags="families" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-15XjZQeW43s"
					yt-video-id="15XjZQeW43s">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/04/TCOU-BoardOfCode-Thumbnail-Horizontal.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/families-power-who-we-are-at-microsoft/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Families power who we are at Microsoft				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Microsoft coworkers swapped stories about family to write powerful poetry. Now, they&#8217;ll hear what the other person wrote for the first time. Let the snaps commence.					</span>
							</a>
		</article>
															<article data-article tags="families" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-afAVnSG_nas"
					yt-video-id="afAVnSG_nas">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/04/TCOU-PoemsOfUs-Thumbnail-Horizontal.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/families-shape-the-people-who-build-microsoft/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Families shape the people who build Microsoft				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Microsoft coworkers move across a game board where every space opens a conversation about family. Each roll reveals a story worth sharing.					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-VRs7BQGSybM"
					yt-video-id="VRs7BQGSybM">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/04/TCOU-S2-WHM-SPEAKANDSIP-THUMBNAIL-HORIZ.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/how-women-at-microsoft-are-driving-change-in-tech/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					How women at Microsoft are driving change in tech				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Women at Microsoft share personal stories, lived experiences, and candid reflections that go beyond job titles and technical roles. They highlight how culture, identity, mentorship, and inclusion shape the future of the tech industry.					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-3e7UOkqB44U"
					yt-video-id="3e7UOkqB44U">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/04/TCOU-S2-WHM-POPS-THUMBNAIL-HORIZ.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/how-women-at-microsoft-are-shaping-the-future-of-technology/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					How women at Microsoft are shaping the future of technology				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Through leadership, creativity, and lived experience, women across Microsoft are redefining the blueprint for how innovation is built. 					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-P6cUKX-sLu8"
					yt-video-id="P6cUKX-sLu8">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/04/BAA-Bag-Lunch-Horizontal.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/black-and-african-american-employees-share-stories-inside-microsoft/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Black and African American employees share stories inside Microsoft				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Explore stories of creativity, identity, and impact from colleagues across Microsoft teams and time zones, and share them to keep the momentum going.					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-Kqai-VfVLOQ"
					yt-video-id="Kqai-VfVLOQ">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/04/BAA-Personality-Pops-Horizontal.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/black-and-african-american-voices-shape-today-their-impact-builds-tomorrow/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Black and African American voices shape today. Their impact builds tomorrow.				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Black and African American voices shape today. Their impact builds tomorrow.					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-oEeit3UrB2I"
					yt-video-id="oEeit3UrB2I">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2026/04/TCOU-DIS-KV-Horizontal-_NoLogo.png" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/microsoft-employees-try-to-guess-each-others-stories-disability-community-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Microsoft employees try to guess each other&#8217;s stories: disability community edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						From breaking barriers to designing breakthroughs, the disability community expands what’s possible for people and technology.					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-2u8bKBmHrp4"
					yt-video-id="2u8bKBmHrp4">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/TCOU-DIS-Landing-Page-v2.jpg" alt="Disability landing page hero illustration" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/disability-community-awareness-microsoft-employees-break-barriers-build-belonging-in-tech/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Disability community awareness: Microsoft employees break barriers &amp; build belonging in tech				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Different experiences. Shared Impact. Recognizing the voices and contributions of people of all abilities at Microsoft​.					</span>
							</a>
		</article>
															<article data-article tags="indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-Ga1uSGvsVsg"
					yt-video-id="Ga1uSGvsVsg">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/11/social-v3.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/indigenous-stories-at-microsoft-building-a-future-rooted-in-tradition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Indigenous stories at Microsoft: building a future rooted in tradition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Indigenous heritage is a source of strength and vision—shaping communities and industries worldwide. The Code of Us honors Indigenous employees whose stories and traditions enrich Microsoft’s culture and future.​					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-J_IWhiEQLoM"
					yt-video-id="J_IWhiEQLoM">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/09/TCOU-HISP-Landing-Page_0902.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/como-lo-digo-microsoft-employees-share-their-favorite-cultural-sayings/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Cómo Lo Digo?: Microsoft employees share their favorite cultural sayings				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Microsoft employees share their favorite Spanish phrases and the cultural meanings behind them.					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-77RfuX7MVjA"
					yt-video-id="77RfuX7MVjA">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/09/TCOU-HISP-Landing-Page.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2026/04/27/celebrating-the-diverse-voices-of-hispanic-and-latinx-cultures-at-microsoft/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Celebrating the diverse voices of Hispanic and Latinx cultures at Microsoft				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						We’re celebrating Hispanic and Latinx culture, traditions, and contributions at Microsoft—and the people who bring them to life every day. 					</span>
							</a>
		</article>
															<article data-article tags="lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-Cbd3qrgrJKQ"
					yt-video-id="Cbd3qrgrJKQ">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/07/FY25_TCOU_Pride_Key-Visual_Me-Coded_16x9_PNG.jpg" alt="Pride illustration" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/07/09/the-code-of-us-celebrates-pride/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					The Code of Us Celebrates Pride				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						At Microsoft, we’re proud to celebrate Pride and uplift LGBTQIA+ voices across our global community. In this special edition of “The Code of Us,” you’ll meet some of the incredible employees who make Microsoft what it is—by being exactly who they are.					</span>
							</a>
		</article>
															<article data-article tags="lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-iO_Lq52atwE"
					yt-video-id="iO_Lq52atwE">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/avatar.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/whos-your-avatar-lgbtqia-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Who’s your avatar, LGBTQIA+ edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Microsoft’s LGBTQIA+ communities are showing up and showing out, one avatar at a time—because identity is limitless, and so is Pride.					</span>
							</a>
		</article>
															<article data-article tags="lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-Ai_l63shFUM"
					yt-video-id="Ai_l63shFUM">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/t-f.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/true-or-false-lgbtqia-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					True or false, LGBTQIA+ edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						LGBTQIA+ voices share their takes on community facts and personal opinions. Can you guess the answers?					</span>
							</a>
		</article>
															<article data-article tags="families" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-L0QaJMKzRus"
					yt-video-id="L0QaJMKzRus">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/dish-dash.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/the-dish-dish-family-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					The Dish Dish Family Edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						This Family Month, The Code of Us is highlighting what Microsoft employees are cooking up in their family kitchens as they &#8216;dish&#8217; on their favorite dishes. 					</span>
							</a>
		</article>
															<article data-article tags="families" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-47Oe7B5rD_0"
					yt-video-id="47Oe7B5rD_0">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/trueorfalse.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/true-or-false-family-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					True or False Family Edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						The Code of Us puts Microsoft employees to the test in a game of True or False – Family Edition. 					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-obLhUjgC1Vc"
					yt-video-id="obLhUjgC1Vc">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/codeofcommon.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/the-code-of-us-codes-in-common/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					The Code of Us: Codes in Common				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Discover the shared experiences of two Microsoft employees as they discuss their unique perspectives of being women in tech.					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-cBqUS7_CHoY"
					yt-video-id="cBqUS7_CHoY">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/roundtable-w.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/the-code-of-us-roundtable-talk/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					The Code of Us: Roundtable Talk				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Women at Microsoft reflect on their unique experiences and impact in the tech industry. 					</span>
							</a>
		</article>
															<article data-article tags="military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-1POXLmdKVuU"
					yt-video-id="1POXLmdKVuU">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/TCOU-MILT-Speak-My-Language-16x9-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/speak-my-language-military-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Speak My Language – Military Edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Watch as Microsoft employees try to guess the meanings of each other&#8217;s military jargon for National Military Appreciation Month! 					</span>
							</a>
		</article>
															<article data-article tags="military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-cWISIu0y6KY"
					yt-video-id="cWISIu0y6KY">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/TCOU-MILT-True-False-16x9-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/true-or-false-military-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					True or False – Military Edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Microsoft employees with military backgrounds put their knowledge to the test in a round of True or False. 					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-mgKe-ZkMaRY"
					yt-video-id="mgKe-ZkMaRY">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/TCOU-DISH-AAPI-WIDE.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/the-dish-dish-asian-and-pacific-islander-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					The Dish Dish Asian and Pacific Islander Edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Get ready to taste the flavors from 3 unique Asian perspectives. It&#8217;s a celebration of culture through food! 					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-KnD3ByFIDfs"
					yt-video-id="KnD3ByFIDfs">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/TCOU-SPEAK-AAPI-WIDE.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/speak-my-language-aapi-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Speak My Language AAPI Edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Watch as Microsoft employees try to guess the meanings and translations of each other&#8217;s cultural phrases for AAPI Heritage Month. 					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-yx1ipOSe38Q"
					yt-video-id="yx1ipOSe38Q">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/roundtable.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/roundtable-talk-black-history-month/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Roundtable Talk &#8211; Black History Month				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Join us for a Black History Month roundtable as Microsoft employees discuss how their unique code shapes innovation, inspiration, and representation in tech.					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-KjoigOXvOa4"
					yt-video-id="KjoigOXvOa4">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2025/06/ms-reacts-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2025/06/04/microsoft-reacts-black-history-month-edition/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Microsoft Reacts: Black History Month Edition				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Watch as Microsoft employees use their sense of sound and touch to react to objects and facts about Black innovation during Black History Month. 					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-TbakoIT_UNM"
					yt-video-id="TbakoIT_UNM">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/Jessica.jpg" alt="Jessica, Director of Accessibility Partnerships at Microsoft photo" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/11/29/partnering-for-inclusion-and-accessibility/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Partnering for inclusion and accessibility				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Jessica, Director of Accessibility Partnerships at Microsoft, views her disability as a strength. Drawing from personal experience, she leads global initiatives to drive inclusion and accessible technology, empowering people with disabilities and ensuring everyone can bring their full selves to work.					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-300SZmEcQOE"
					yt-video-id="300SZmEcQOE">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/Ryen.jpg" alt="Ryen, Principal Security Program Manager photo collage" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/11/29/how-a-military-veteran-found-empowerment-in-her-adhd-and-autism/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					How a military veteran found empowerment in her ADHD and autism				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Ryen, Principal Security Program Manager at Microsoft, harnesses her ADHD and autism to her advantage in work and life. Drawing from military experience, she’s dedicated to protecting Microsoft and its customers from cybersecurity threats, while fostering trust and striving to be her best every day.					</span>
							</a>
		</article>
															<article data-article tags="indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-RrkYz9jvgV8"
					yt-video-id="RrkYz9jvgV8">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/Staci.jpg" alt="Staci Pendergress illustrative portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/10/31/honoring-heritage-and-self/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Honoring heritage and self				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Staci, Sr. Software Engineer at Microsoft, attributes her resilience and willingness to listen to her Indigenous heritage. As the first in her family to be born and raised off the Blackfeet reservation and graduate from college, she honors her parents&#8217; sacrifices by advocating for representation in the tech world.					</span>
							</a>
		</article>
															<article data-article tags="indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-WS882kbX9-k"
					yt-video-id="WS882kbX9-k">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/greg.jpg" alt="Greg Hitchcock illustrative portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/10/31/giving-fonts-a-purpose-across-culture-and-ability/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Giving fonts a purpose – across culture and ability				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						As a member of the Cowlitz Indian Tribe, Greg, knows the importance of preserving the emotion and expression of native languages. As Principal Software Engineering Manager for Microsoft, he aims to work with fonts and characters to further protect and archive sacred languages in the digital landscape. 					</span>
							</a>
		</article>
															<article data-article tags="indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c--3Gl4Qfz9nI"
					yt-video-id="-3Gl4Qfz9nI">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/10/Gillian.jpg" alt="Gillian Vaughn illustrative portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/10/31/telling-indigenous-stories-in-gaming/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Telling Indigenous stories in gaming				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Crediting her Cherokee roots, Gillian, Software Engineer at Microsoft, takes pride in seeing the value in everything around her. Now she’s made it her mission to show that Indigenous Peoples, culture, and stories are valuable in tech and gaming as well. 					</span>
							</a>
		</article>
															<article data-article tags="families,hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-eyyqjvfOn2A"
					yt-video-id="eyyqjvfOn2A">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Diana.jpg" alt="Diana Gonzalez portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/09/13/finding-a-sense-of-belonging/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Finding a sense of belonging				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						As a young mom, Diana experienced imposter syndrome. Her personal journey helped her overcome it and she&#8217;s now a Senior Cloud Solution Architect at Microsoft. Diana also gets to pursue a childhood interest, writing for Fashion at Microsoft.					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-ukvEfR036eQ"
					yt-video-id="ukvEfR036eQ">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/daniel.jpg" alt="Daniel Martins portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/09/13/a-path-for-the-gamers/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					A path for the gamers				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Utilizing the resourcefulness he feels is intrinsic to his Brazilian heritage, Daniel, Xbox Loyalty Marketing Lead at Microsoft, set out to help young Latin-Americans get into gaming with programs like Imagine Cup.					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-oLeBVxt_se8"
					yt-video-id="oLeBVxt_se8">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/09/Gabriela.jpg" alt="Gabriela Olmos portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/09/13/growing-day-by-day/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Growing day by day				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						After her family experienced bankruptcy when she was young, Gabriela, Senior Director at Microsoft, learned how to fix things the only way she knew how — through community. Now she’s driving the business forward  every day.					</span>
							</a>
		</article>
															<article data-article tags="military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-Q0PY_DnxIjA"
					yt-video-id="Q0PY_DnxIjA">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/Passerine_MSH24_5757-16x9-vertical.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/a-captains-treasure/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					A captain’s treasure				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						We hold on to items over time and watch them become symbolic for where we’ve been and what we’ve done. For Petrus, an essay, insignia, and audiobook all hold significance to his path so far.					</span>
							</a>
		</article>
															<article data-article tags="military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-dbis2MB46C4"
					yt-video-id="dbis2MB46C4">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/Passerine_MSH24_8768-16x9-vertical.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/a-journey-defined-by-wings-and-words/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					A journey defined by wings and words				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						For Vishal, relics like his &#8220;thinking ball,&#8221; his first wings earned in the US Marine Corps, and treasured letters from his family offer comfort and remind him of who he is and what he&#8217;s both accomplished and overcome. These objects help to portray Vishal&#8217;s journey of duty, sacrifice, and gratitude. 					</span>
							</a>
		</article>
															<article data-article tags="families" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-SrBDxu2xkbA"
					yt-video-id="SrBDxu2xkbA">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/athena-innovation.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/art-of-cherishing-travel/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Art of cherishing travel				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Sometimes our possessions remind us of our favorite places or home. Athena shares the items that take her back to Taiwan, Prague, and New York. Join the conversation and share with us what items remind you of the places you&#8217;ve been. 					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american,families,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-mMrx9DB9mBQ"
					yt-video-id="mMrx9DB9mBQ">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/cynthia-innovate.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/near-and-dear/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Near and dear				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Keepsakes that get passed through generations of a connected family can unlock hidden characteristics of our colleagues. Cynthia presents us with some of hers that showcase her mom’s creativity and how she encourages herself to fly. What cherished keepsakes have passed through the hands of your family?					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american,families,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-D22ixkK_Rn0"
					yt-video-id="D22ixkK_Rn0">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/cynthia-bryant.jpg" alt="Cynthia Bryant portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/power-of-empathy-in-effective-leadership/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Power of empathy in effective leadership				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						After balancing work and caring for her son as he dealt with challenges to his eyesight, Cynthia activated her courage. Now, she strives to manage her team with grace, strength and truth in moments where they are also balancing family life and career.					</span>
							</a>
		</article>
															<article data-article tags="families" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-lmxkVOxO1y0"
					yt-video-id="lmxkVOxO1y0">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/athena-chang.jpg" alt="Athena Chang portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/nurturing-cultural-commitment/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Nurturing cultural commitment				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Inspired by her son, Athena navigates her career and motherhood with empathy and resilience. Marked by familial support and the importance of cultural preservation as she raises her own family, she shares a deep connection with her clients.					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-28cYcSjCIKQ"
					yt-video-id="28cYcSjCIKQ">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Emmanuelle-Resize_4x5_Hero.jpg" alt="Illustration for Emmanuelle" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/innovating-beyond-the-minds-eye/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Innovating beyond the mind’s eye				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Emmanuelle has an invisible disability that prevents her from visualizing things in her mind. Now she proves that she can do anything that anybody else can, working passionately to spread awareness of aphantasia. 					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/are-we-missing-anyone/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/SN_headshot_square.jpg" alt="Sopheak Neak portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/are-we-missing-anyone/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Bringing my collective self to problem solving				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Cambodian-born American immigrant Sopheak is on a journey to realize his own identity and in doing so, creating safe spaces and resources for his community—inside and outside of Microsoft.					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-RmQkDN-rrGA"
					yt-video-id="RmQkDN-rrGA">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/08/Thiago_16x9-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/no-shame/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					No shame				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Thiago struggled to keep his ADHD and anxiety a secret, until working through a mental health crisis led him to realize that his differences brought a unique perspective to his work. 					</span>
							</a>
		</article>
															<article data-article tags="disability,families" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/rethinking-remote-inclusion/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/sascha.jpg" alt="Sascha portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/rethinking-remote-inclusion/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Rethinking remote				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						During the pandemic, Experience Lead Sascha and his team set out to make meetings and events more inclusive, for both remote and on-site teams. The result was Microsoft’s first hybrid event room.					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/an-invisible-disability/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/CD-D-7-Thad.png" alt="Photo Illustration of Thad Stafford" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/an-invisible-disability/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					The power of empathy				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						For Customer Success Account Manager Thad, living with PTSD, anxiety, and substance abuse disorder empowers him to connect more intentionally with customers.					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-Or0DlNrRsjc"
					yt-video-id="Or0DlNrRsjc">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Nichole_16x9.jpg" alt="Abstract Illustration of Nichole Kurz" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/nicholes-balancing-act/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Nichole&#8217;s Balancing Act 				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Nichole was used to juggling her job, her life, and her anxiety. At a time when she achieved her biggest professional goal, she found that her mental health threatened to bring it all crashing down. 					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-CfIAhr7X2CQ"
					yt-video-id="CfIAhr7X2CQ">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/Manuel-Resize_16x9_Hero.jpg" alt="Abstract Illustration about Manuel" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/freedom-in-uncovering/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Freedom in uncovering				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Manuel has been navigating life with epilepsy. From concealing his condition to being vocal about his needs, Manuel shares a journey of strength, acceptance, and the power of a supportive workplace.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,families" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/embracing-differences-has-a-global-impact/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/Davinder2.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/embracing-differences-has-a-global-impact/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Lessons on fatherhood and resilience from my Sikh upbringing				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Senior Customer Engineer Davinder Pal channels the teachings from his faith and family life into meaningful representation of Sikhism in tech.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/nidhis-extra-edge/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/nidhi.jpg" alt="Nidhi Jain portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/nidhis-extra-edge/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					New world views				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Diagnosed with a visual disability in her teens, Senior Product Manager Nidhi advocates for assistive technologies in the workplace designed to meet people where they are.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/you-can-just-be-yourself/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/ngoc.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/you-can-just-be-yourself/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					From covering my identity to embracing it				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Raised by Vietnamese refugees and in nondiverse communities, Director of Customer Success Ngoc now helps provide a safe, welcoming space for AAPI self-identified colleagues.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-NQ0Wy1K-KNw"
					yt-video-id="NQ0Wy1K-KNw">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Shrivaths_Board_16x9-scaled-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/what-leaders-look-like/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					What Leaders Look Like				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Shrivaths worried that coworkers would be reluctant to follow a leader with disabilities. Instead, he discovered that his experiences made him a stronger, more empathetic manager. 					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-4TfJohSg6Pg"
					yt-video-id="4TfJohSg6Pg">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/sonja-innovation.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/planting-seeds-cultivating-personal-growth/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Planting seeds, cultivating personal growth				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Our possessions sometimes serve as personalized markers of our growth. Sonja shares with us her avocado plant, which serves as a symbol of her personal evolution.  					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-MHqeGtHKYpA"
					yt-video-id="MHqeGtHKYpA">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/megumi.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/a-mothers-love/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					A mother’s love				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Meet Megumi, whose possessions speak volumes about her journey. From her mother&#8217;s protective amulet to a cherished challenge coin marking professional growth, each item resonates with Megumi&#8217;s personal evolution and resilience. 					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-nJOhhxMdxjw"
					yt-video-id="nJOhhxMdxjw">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/naval.jpg" alt="Naval Tripathi -Creative, Curious, Resourseful" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/the-power-of-an-open-heart-and-mind/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					The power of an open heart and mind				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Sometimes we possess intangible items that are useful ideals that we carry with us. Naval shares with us three tools within his spiritual inventory that act as his most treasured possessions.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-GLvO0u4mCs0"
					yt-video-id="GLvO0u4mCs0">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/sonja.jpg" alt="Sonja Gu - Funny, Caring, Creative" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/always-room-to-grow/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Always room to grow				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Drawing empathy from her upbringing in China and her mother&#8217;s resilience, a product marketing manager at Microsoft, transitioned from banking to tech with a goal in mind: to pioneer solutions and foster company evolution. Overcoming introversion, she now confidently contributes in a way that reflects her own growth. 					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-fQKxIQgDOyY"
					yt-video-id="fQKxIQgDOyY">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Jose-Resize_16x9_Hero.jpg" alt="Illustration of Jose Hernandez&#039;s story" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/everything-has-a-solution/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Everything has a solution				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Jose is a data scientist that uses the lessons instilled by his parents to find solutions to the challenges around him.					</span>
							</a>
		</article>
															<article data-article tags="families,hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-_M3Mn38Gi8Y"
					yt-video-id="_M3Mn38Gi8Y">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/08/PabloV-Resize_3000x1682_Hero-scaled.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/personal-tech/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Personal tech				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						For Pablo, director of Audience Evangelism, responsible innovation is more than a professional mandate: it’s part of his job as a dad. 					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-tXQiKJb30gk"
					yt-video-id="tXQiKJb30gk">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Ana_16x9.jpg" alt="Illustration for video Experiencing both sides" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/experiencing-both-sides/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Experiencing both sides				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Ana grew up in Mexico but went to school in El Paso. Discover how moving between two cultures helped make her a better graphic designer. 					</span>
							</a>
		</article>
															<article data-article tags="families,hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/great-expectations/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/joseeph.jpg" alt="Joseph portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/great-expectations/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Great expectations				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						When Colombian-born Joseph interviewed at Microsoft fresh out of graduate school, he was not expecting to get the job. Twenty-two years later, he continues to advocate for recruiting people from around the globe.					</span>
							</a>
		</article>
															<article data-article tags="families,hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-xJxUPX3yDns"
					yt-video-id="xJxUPX3yDns">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/citizen.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/citizen-of-the-world/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Citizen of the world				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Sandra is originally from Mexico, living in Estonia, and managing orientation for new employees from all over the world. 					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-N7aiIUZiv2w"
					yt-video-id="N7aiIUZiv2w">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/CH-B-4_Rodrigo_Hero-large.jpg" alt="Illustration for Hispanic and Latinx Community" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/bring-yourself-to-work/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Bring yourself to work				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Rodrigo grew up undocumented and felt like he lived in the shadows. When he joined a group of Microsoft volunteers translating for refugees at the U.S. border, he rediscovered his light. 					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-3vku0fXKb40"
					yt-video-id="3vku0fXKb40">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/Ivelisse-Resize_3000x1682_Hero-scaled.jpg" alt="Illustration of Ivelisse Capellan Heyer" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/this-is-my-sazon/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					This is my sazón				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Ivelisse is a user experience designer that uses patience and her family to combat her own self-doubt. 					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-BaoKHkRLrVQ"
					yt-video-id="BaoKHkRLrVQ">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/16x9_Hero_V1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/good-energy/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Good Energy				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Mekonnen first learned about mechanical engineering from a cab fare. Now, as a leader, mentor, and advocate, he’s helping the next generation of Black innovators find their way. 					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/black-in-corporate-america/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/douglas.jpg" alt="Douglas portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/black-in-corporate-america/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					A journey to racial awareness				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						For Digital Account Executive Douglas, starting the first Blacks at Microsoft chapter in Latin America has brought him closer to his cultural identity and community.						</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-NW6sRNpJkTU"
					yt-video-id="NW6sRNpJkTU">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/tracy.jpg" alt="Tracy jones portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/tracy-jones-innovators-inventory-is-all-about-stories/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Tracy Jones Innovator&#8217;s Inventory is all about stories				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Every object tells a story of growth and inspiration. Join us as Tracy reveals the personal inventory that defines his path and principles. What items have shaped your journey?					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-L1ZoBoyOm1E"
					yt-video-id="L1ZoBoyOm1E">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/ashley-innovator.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/ashley-innovators-inventory-and-the-big-plans-shes-made/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Ashley Innovator&#8217;s Inventory and the big plans she’s made				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Our personal treasures hold the stories of who we are. Ashley shares the tangible symbols of her values and journey. What mementos narrate your life’s chapters?					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-6GXz8c7ft2U"
					yt-video-id="6GXz8c7ft2U">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/jerome-new.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/jerome-innovators-inventory-and-the-items-that-remind-him-of-who-he-is/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Jerome Innovator&#8217;s Inventory and the items that remind him of who he is				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Every artifact in our life can be a source of inspiration and a marker for success. Jerome presents us with the personal items that fuel his creativity and professional growth. What mementos represent your path to success?					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-HpWmTljMaeA"
					yt-video-id="HpWmTljMaeA">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Jerome-16x9-2-1.jpg" alt="Jerome portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/when-innovation-and-passion-collide/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					When innovation and passion collide				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Jerome discusses the influence of his father&#8217;s guidance, his passion for art and music, and his innovative approach to driving positive change and representation in his professional sphere.					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-qse946pScEw"
					yt-video-id="qse946pScEw">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/Black-AA-Ashley-16x9-1.jpg" alt="Portrait of Ashley" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/the-link-between-customer-success-and-the-freedom-to-be-yourself/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					The link between customer success and the freedom to be yourself				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Inspired by her son and her joy-centered approach, Ashley, a Microsoft customer success account manager, champions the power of a unique voice to drive change and growth in the corporate world. 					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-u0BH3t-qjbM"
					yt-video-id="u0BH3t-qjbM">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/Black-AA-Tracy-16x9-2.jpg" alt="Portrait of Tracy" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/how-a-poet-achieved-his-ultimate-goal/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					How a poet achieved his ultimate goal				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Driven by his mother&#8217;s dream and a commitment to innovation, representation, and the empowerment of the Black and African American community, Tracy shares his inspiring journey from poet to professional writer. 					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,families,military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/managing-change-and-embracing-differences/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/amulya-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/managing-change-and-embracing-differences/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Lessons from childhood on embracing change				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						For Project Manager Amulya, growing up in an army family shaped her approach to creating more opportunities for women in tech.					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx,military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/from-the-army-to-the-cloud/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/jimmy2-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/from-the-army-to-the-cloud/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					From the army to the cloud				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						From army veteran to senior cloud solution architect, Jimmy proves that curiosity is key to personal development and connecting with customers.					</span>
							</a>
		</article>
															<article data-article tags="military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-b13sMIlefoo"
					yt-video-id="b13sMIlefoo">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/megumi-1.jpg" alt="Megumi Voight - adventurous, harmonious, chaos" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/nurturing-our-intrinsic-value/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Nurturing our intrinsic value				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Raised with values rooted in her Japanese heritage, Megumi found solace in community during deployments while in the military. Now as a managing editor of customer storytelling at Microsoft, she empowers global voices, advocating for authenticity and reminding others of their inherent worth. 					</span>
							</a>
		</article>
															<article data-article tags="military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-mvTPki3DmI4"
					yt-video-id="mvTPki3DmI4">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/vishal-3.jpg" alt="Vishal Amin - Perseverance, emotional, social intelligence" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/redefining-security-in-a-digital-landscape/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Redefining security in a digital landscape				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						After falling victim to a public data breach, Vishal developed a passion for cybersecurity and set out to defend digital spaces. He traces his journey from his Marine Corps enlistment to becoming managing director of security solutions at Microsoft, embodying the ethos to promote a safer digital world. 					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american,military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-tplMa2ypzeg"
					yt-video-id="tplMa2ypzeg">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/patrus.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/beyond-a-promise/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Beyond a promise				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Upon joining the US Marines at age 17, Petrus promised his mom he’d get a college degree, and he delivered. Now a customer success account manager, he honors his roots by guiding fellow veterans and fostering social justice discussions beyond the workplace. 					</span>
							</a>
		</article>
															<article data-article tags="indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-_I4nyQg3CyY"
					yt-video-id="_I4nyQg3CyY">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/brent.jpg" alt="Brent Illustration" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/uncovering-courageously/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Uncovering courageously				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Senior Technical Specialist Brent once felt obligated to navigate unsafe workspaces. However, a pivotal incident at a previous company gave him the courage to uncover and ultimately find a space and voice at Microsoft where he no longer felt the need to hide his true self. Illustrated by Lynne Hardy. 					</span>
							</a>
		</article>
															<article data-article tags="indigenous,military" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/your-opportunity-will-com/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/CM-C-7_Zachary-1.jpg" alt="Photo illustration of Zachary Oxendine" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/your-opportunity-will-com/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					My unconventional path to tech				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Air Force reservist and Engineering Technical Program Manager Zachary pulls from his rural, Indigenous roots to empower the next generation of leaders in STEM.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/dylan-apera-stay-curious/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/04/dylan.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/dylan-apera-stay-curious/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Stay curious				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Cloud Solution Architect Dylan leverages the power of the nontechnical skills he learned from his small island upbringing to build relationships with customers.					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx,indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/more-than-a-game/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/CH-C-17_LuisAngel.png" alt="Photo Illustration of Luis Angel Mex" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/more-than-a-game/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					More than a game				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Growing up in Mérida, Yucatán in Mexico, Luis was very connected to his Mayan heritage. These days, he honors that heritage by creating culturally inclusive gaming studios and experiences.					</span>
							</a>
		</article>
															<article data-article tags="indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/deanna-generates-impact/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/CI-D-2-Deanna.png" alt="Photo illustration of Manitoban Deanna LaJambe" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/deanna-generates-impact/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Common ground				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						After more than 10 years working at Microsoft, Manitoban reflects on the impact of exercising her “empathy muscle” in life and at work.					</span>
							</a>
		</article>
															<article data-article tags="indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-ptyjdNSz8G4"
					yt-video-id="ptyjdNSz8G4">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/option1_16_9.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/written-in-the-sky/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Written in the sky				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						As a Microsoft Engineer and member of the Eastern Band of Cherokee, Tracy found a way to fuse tradition and technology using Microsoft language tools to help preserve and teach Indigenous languages. Experience his story, illustrated by Gregg Deal.					</span>
							</a>
		</article>
															<article data-article tags="indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-D4yzDFRSl3U"
					yt-video-id="D4yzDFRSl3U">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/08/Hero_Paola16_9.jpg" alt="Illustration for the icebreaker story" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/the-icebreaker/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					The icebreaker				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						When Paola started her new position during the pandemic, she found it challenging to connect with coworkers. So, she used existing technology and suggestions from her peers in the Indigenous community, to create something completely new.					</span>
							</a>
		</article>
															<article data-article tags="indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-3rMPCc2dCcI"
					yt-video-id="3rMPCc2dCcI">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/kimhero.jpg" alt="Illustration of Kim" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/embrace-your-identity-embrace-life/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Embrace your identity, embrace life				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Business Program Manager Kimberly shares her inspiring journey of self-acceptance and adaptability, born from challenges she’s faced since moving from a mining town in the Andes. Through her story, she reminds us that it&#8217;s essential to embrace our unique identity and find beauty in the challenges we face, always remembering that making mistakes is a valuable part of our growth. Illustrated by Tai Silva. 					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-qv1xRwW4F6w"
					yt-video-id="qv1xRwW4F6w">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Funmi-Resize_16x9_HeroV2-1.jpg" alt="Illustration for Funmi&#039;s story" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/data-driven-dreams/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Data-driven dreams				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Funmi is a data and AI specialist who believes in the power of storytelling and our collective power to transform society. Discover her story, illustrated by artist Dai Ruiz.					</span>
							</a>
		</article>
															<article data-article tags="military,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-dvEa0IMMsRo"
					yt-video-id="dvEa0IMMsRo">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Mary-Resize_3000x1682_Hero.jpg" alt="Illustration for Mary McCready&#039;s story" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/a-commitment-to-service/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					A commitment to service				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Mary, a US Marine Corps veteran and Microsoft content manager, has dedicated her life to helping others—from fellow vets, to Microsoft customers, to humanity as a whole. Discover Mary’s story of innovation and ingenuity, illustrated by artist Edward Dinzole.					</span>
							</a>
		</article>
															<article data-article tags="military,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-WdHOJOva_-s"
					yt-video-id="WdHOJOva_-s">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/08/Jasmin-Resize_3000x1682_Hero-scaled.jpg" alt="Illustration for Jasmin&#039;s story" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/on-the-front-line-of-change/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					On the front line of change				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						When Jasmin, a security expert in the Australian military, started transitioning from defense, her first battle was against self-doubt. Now, she’s fighting to empower veterans like herself to achieve more and win their own battles, illustrated by Debs Lim.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,families,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/all-of-these-experiences/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/Mia-NY-2.jpg" alt="Mia Reyes portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/all-of-these-experiences/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					All the lives that have shaped me				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						First-generation Filipino American Director of Product Marketing Mia has found a role where her nontraditional career path is not just accepted but celebrated.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-RDX57HCEWCw"
					yt-video-id="RDX57HCEWCw">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Zuzu-Resize_16x9-Hero.jpg" alt="Illustration for Zuzu&#039;s story" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/24/cracking-the-code/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Cracking the code				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						When Zuzu began her career as a software engineer, she often battled Imposter Syndrome. Then, she decided to fight the status quo. Discover her story of ingenuity and empowerment, illustrated by Cha Pornea.					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/the-real-me/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/iona.jpg" alt="Portrait of Iona" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/the-real-me/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Removing the mask of perfection				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						For Customer Success Account Manager and Blacks at Microsoft (BAM) Chief of Staff Iona, finally showing up as her true authentic self helped her see her full potential — and created a safe space for other Black women.					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-qse946pScEw"
					yt-video-id="qse946pScEw">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/ashley.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/i-am-free-to-be-exactly-who-i-am/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					“I am free to be exactly who I am.”				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Inspired by her son and her joy-centered approach, Ashley, a Microsoft customer success account manager, champions the power of a unique voice to drive change and growth in the corporate world. 					</span>
							</a>
		</article>
															<article data-article tags="families,hispanic-and-latinx,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/balancing-career-motherhood-and-personal-purpose/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/Foto-1861.jpg" alt="Estefania (Fany) Canosa portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/balancing-career-motherhood-and-personal-purpose/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Balancing career, motherhood, and personal purpose				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						HR Business Partner and mom of two, Estefania advocates for women taking on new challenges both in the workplace and on the homefront.					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/gaming-for-change/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/20230122_151912.jpg" alt="Lilia Fratini Portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/gaming-for-change/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Gaming for change				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Senior Direct Sales Associate and HOLA member Lilia blends her love of gaming and technology with her commitment to community through building more access to STEM learning opportunities for kids.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,families,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/showing-up-and-taking-action/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/LisaHN_headshot1.jpg" alt="Lisa Huang-North portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/showing-up-and-taking-action/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Showing up and taking action				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Microsoft Security Senior Product Manager and entrepreneur Lisa pulls from her multicultural upbringing to foster community for people who identify as Asian American and Pacific Islander.					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/empowerment-as-a-personal-value/" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/01/dskeen_Headshot2022.jpg" alt="Danielle Skeen portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/empowerment-as-a-personal-value/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Empowerment as a personal value				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Sales Manager Danielle&#8217;s growth mindset and passion for empowering her team tie back to her Jamaican roots.					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-x0zv31EGoak"
					yt-video-id="x0zv31EGoak">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_2388-16x9-horizontal.jpg" alt="Christina Parker Portrait - Ambitious, Compassionate, Creative" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/waypoints-of-wisdom-and-christinas-journey-in-stem-and-gaming/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Waypoints of wisdom and Christina’s journey in STEM and gaming				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						All of our possessions are markers, proudly celebrating the waypoints we’ve reached in our lives. Christina shares her cherished keepsakes that guide us through her journey in STEM and gaming. Share the mementos that act as markers in your life. 					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-LtGdZ6BWjy4"
					yt-video-id="LtGdZ6BWjy4">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/erin-innovate.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/erins-symbols-of-self-and-her-journey-through-personal-keepsakes/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Erin’s symbols of self and her journey through personal keepsakes 				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Each item a person owns helps to shape their story. Erin shares the symbols of her journey and cherished memories. Dive into the conversation and reveal the keepsakes that narrate your story. 					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,families,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-a3SMaAmLun8"
					yt-video-id="a3SMaAmLun8">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/CA-B-4_Elaine-scaled-large.jpg" alt="Illustration for Families Community" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/master-of-messiness/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Master of Messiness				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						As a mom and a tech leader, Elaine has learned to embrace the chaos and put her “Octopus mind” to work in service of innovation, at work and at home, illustrated by Niege Borges.					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-e48XBC95iVU"
					yt-video-id="e48XBC95iVU">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/Melissa-innovate.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/melissa-currys-treasures-of-heritage-and-achievement/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Melissa Curry’s treasures of heritage and achievement				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Our possessions showcase the things that really matter to us. Melissa unveils the artifacts that encapsulate her heritage, achievements, and bonds that shape her. Tell us about the artifacts that weave the fabric of your story. 					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-JsUe-03ztZc"
					yt-video-id="JsUe-03ztZc">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/06/Melissa-Hero-Image-Resize_3000x1682.jpg" alt="Illustration for Melissa Kroskie&#039;s story" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/empowerment-by-design/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Empowerment by Design				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Once one of few women in her field, Melissa has become a fierce advocate for accessible workspaces that enable independence and empowerment for everyone. Illustrated by Pola Augustynowicz 					</span>
							</a>
		</article>
															<article data-article tags="" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-ckn_YA_Sdg4"
					yt-video-id="ckn_YA_Sdg4">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/MS_4335-16x9-horizontal.jpg" alt="Erin Jagelski Portrait - Strong-willed, Creative, Empathetic" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/erins-mission-to-revolutionize-parental-support-in-the-workplace/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Erin’s mission to revolutionize parental support in the workplace				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Guided by a gift for listening and a commitment to motherhood, Erin shares how she navigated post-maternity challenges and pioneered support networks for parents in the workplace by blending her passion and leadership to foster inclusive environments. 					</span>
							</a>
		</article>
															<article data-article tags="indigenous,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-HACCmO-balg"
					yt-video-id="HACCmO-balg">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/02/melissa.jpg" alt="Melissa Portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/a-leap-through-financial-hardship/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					A leap through financial hardship				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Influenced by her son and a mentor, Melissa explains how she transformed her life through Microsoft’s LEAP program, going from financial hardship to flourishing as a technical program manager. Now, she gives back as an ambassador and helps to foster tech opportunities in underserved communities. 					</span>
							</a>
		</article>
															<article data-article tags="women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-2VkohAVQgsU"
					yt-video-id="2VkohAVQgsU">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/christina-innovate.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/virtual-representation-and-diversity-in-the-gaming-world/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Virtual representation and diversity in the gaming world				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Inspired by her early love for fantasy and gaming, Christina champions diversity and representation in the gaming industry, explaining the accuracy of portrayals and the importance of players seeing themselves in the virtual worlds they love. 
					</span>
							</a>
		</article>
															<article data-article tags="disability,families,lgbtqia,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/transformation-in-action/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/Naomi-and-dog-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/transformation-in-action/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Making space				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						With a background more in humans than in technology, Seattle-based Community Manager Naomi helps steer cultural transformation for Microsoft’s Advertising team in her everyday interactions.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,families,lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/immeasurable-joy-and-beauty/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/03/image001-9-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/immeasurable-joy-and-beauty/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Finding belonging through allyship				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						As a parent of adopted children and a member of multiple communities, Senior Product Marketing Manager says he’s able to find deeper connections through allyship.					</span>
							</a>
		</article>
															<article data-article tags="lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/coming-out-to-myself/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/WP_20140620_001.jpg" alt="Adam Dinwoodie" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/coming-out-to-myself/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Coming out to myself				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						For Technical Advisor and GLEAM UK Community Lead Adam, launching the Pride Network at his previous company became a catalyst for his push to create safer spaces in the workplace.					</span>
							</a>
		</article>
															<article data-article tags="lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-KRBKTdzVP-o"
					yt-video-id="KRBKTdzVP-o">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/caroline-innovate-1.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/from-doodles-to-opened-doors/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					From doodles to opened doors 				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						C invites us into their world through cherished possessions that act as chapters of their journey. A vintage toy computer reflects their tech journey, while a pin evokes memories of childhood creativity with Microsoft Paint. 					</span>
							</a>
		</article>
															<article data-article tags="lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-LPerRjI2Fsk"
					yt-video-id="LPerRjI2Fsk">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/CP-C-19_Morty.jpg" alt="Illustration representing" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/showing-up-authentically/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Showing Up, Authentically				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Senior Program Manager Morty often felt unsafe bringing his identity to the forefront. Now, at Microsoft, he’s been given the welcoming and supportive environment that he’s needed to thrive in the workplace. Discover his story of authenticity and advocacy, illustrated by Avalon Nuovo.					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american,lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-meof5qEBODQ"
					yt-video-id="meof5qEBODQ">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/Ethan-Resize_3000x1682-scaled.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/nurturing-inner-peace/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Nurturing Inner Peace				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						When Ethan started at Microsoft, he prioritized money over his wellbeing. Twelve years later, the senior customer success manager and ERG storytelling host knows that the only way to truly take care of others is to first take care of yourself. Discover his story of gratitude and growth, illustrated by Camila Abdanur.					</span>
							</a>
		</article>
															<article data-article tags="lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-f_Jl1v2XZUA"
					yt-video-id="f_Jl1v2XZUA">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/07/CP-B-4_Christabel.jpg" alt="Illustration representing Finding euphoria" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/animated-video/" class="post-category" style="color:#0a0a0a">
							Animated Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/finding-euphoria/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Finding Euphoria 				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Christabel found the courage to come out to her coworkers after a company conference. Now, she’s spreading the word—and her wings—as a transgender educator and advocate. Illustrated by Karla Monterossa.					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx,lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-_PuSfpyHAt4"
					yt-video-id="_PuSfpyHAt4">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_Joao_C-1.jpg" alt="Joao Madureira - Tenacious, Passionate, Empathetic" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/utilizing-your-superpower/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Utilizing your superpower				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Armed with what he calls “super empathy,” Joao, principal customer reliability engineer at Microsoft, harnesses inclusivity as his strength. As a gay man and a Latino, he activates allyship in the workplace, ensuring all voices are heard. His actions have not only brought in new talent but also propelled inclusivity forward.					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx,lgbtqia" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<div class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa"
					yt-player-btn
					yt-player-id="yt-6a2786e79ef1c-VgtvKXL5ydg"
					yt-video-id="VgtvKXL5ydg">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/05/Ilus_01_Caroline_C-1.jpg" alt="Caroline Scalley - Creative, Weird, Energenic" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
												<button
							aria-label="Play video"
							style="backdrop-filter:blur(20px)"
							class="
								| cursor-pointer bg-none bg-transparent top-50% left-50% transform translate-x-[-50%] translate-y-[-50%] absolute transition-[transform] duration-[0.6s] ease-out
								| w-50px h-50px border border-solid border-#FFF rounded-100px m:w-50px m:h-50px group-hover:scale-[1.2]
							">
							<svg class="relative ml-5px mt-3px w-15px" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 92.2 122.88" xml:space="preserve">
								<polygon fill="#fff" points="92.2,60.97 0,122.88 0,0 92.2,60.97"/>
							</svg>
						</button>
					</span>
				</div>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/video/" class="post-category" style="color:#0a0a0a">
							Video						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/2024/07/23/freedom-in-self-expression/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Freedom in self-expression				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Emerging from a journey of self-discovery and embracing their nonbinary identity, C, senior business administrator at Microsoft, shares their distinctive qualities with pride. Drawing from their Puerto Rican heritage and love for self-expression, C blends humor with originality and compassion in their role, redefining norms through unique understanding.					</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/life/changing-the-game/#new_tab" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/albert.jpg" alt="albertportrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/life/changing-the-game/#new_tab">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Changing the game				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Content Program Manager Albert didn’t have a computer until high school. Today, he’s working to create more opportunities in the gaming industry for people who look and sound like him.						</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/codeofus/features/hidden-no-longer/" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/044A1314-1.jpg" alt="Toyia portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/features/hidden-no-longer/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Hidden no longer 				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Toyia&#8217;s journey of self-acceptance has helped her embrace her complexities, raise her voice, and tear down stereotypes.					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/codeofus/features/a-life-less-silent/" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/11/lyn-1.jpg" alt="Portrait of Lyn" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/features/a-life-less-silent/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					A life less silent 				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						For Lyn, her hearing loss journey helped her find her voice. Now she wants to make sure everyone has a chance to be heard.					</span>
							</a>
		</article>
															<article data-article tags="disability" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/codeofus/features/i-dont-have-the-option-to-be-shy/" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2024/07/Goncalo-thumb.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/features/i-dont-have-the-option-to-be-shy/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					I don’t have the option to be shy				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Gonçalo has always yearned for independence. His journey with cerebral palsy led him from relying on others for care to taking care of others.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,families,indigenous,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/codeofus/features/a-path-with-many-lanes/" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/10/tash2-scaled.jpg" alt="Tash Bettridge portrait" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/features/a-path-with-many-lanes/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					A path with many lanes				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Through years of juggling her studies, part-time jobs, and motherhood, Customer Success Account Manager Tash managed to find her place in tech— and has made it her mission to help other women do the same.   						</span>
							</a>
		</article>
															<article data-article tags="black-and-african-american,families,indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/codeofus/features/keeper-of-stories/" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/10/2J9A3719.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/features/keeper-of-stories/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Keeper of stories				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Product Marketing Manager Samuel leverages his unique upbringing and multicultural heritage to challenge biases and drive change on the sustainability front.					</span>
							</a>
		</article>
															<article data-article tags="asian-and-pacific-islander,families,indigenous" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/codeofus/features/i-am-my-marae-my-marae-is-me-ko-au-te-marae-ko-te-marae-ko-au/" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/10/CY24_WrittenStories_Indigenous_Dan-27.jpg" alt="Portrait of Dan Te Whenua Walker" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/features/i-am-my-marae-my-marae-is-me-ko-au-te-marae-ko-te-marae-ko-au/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					I am my marae, my marae is me &#8211; “Ko au te marae, ko te marae ko au”				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						For Senior Channel Sales Manager Dan, connecting with the local Māori community allowed him to bridge the two worlds of his dual heritage, Māori and Pākehā. 						</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/codeofus/features/my-true-self-my-way/" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/081823_MFST_HispanicLatinx_Telmo-7-scaled.jpg" alt="Photo of Telmo Sampaio" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/features/my-true-self-my-way/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					My true self, my way				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Principal Service Engineering Manager Telmo learned the strength of embracing differences early in life. Today, they’re empowering engineers to bring their diverse backgrounds, cultural values, and ideas into the workplace.					</span>
							</a>
		</article>
															<article data-article tags="hispanic-and-latinx,women" class="block w-18.25% mr-1.5% mb-1.5vr m:mb-50px m:!mr-neg60fxx  shrink-0 grow-0 m:w-full ">
							<a href="https://news.microsoft.com/codeofus/features/embracing-the-unplanned-path/" class="mb-0.5vr before:content-[''] before:block before:pt-60% relative rounded-8px overflow-hidden block bg-#fafafa">
					<span class="block absolute top-0 left-0 w-full h-full opacity-0 scale-[1.2] transform in-view:!opacity-1 in-view:transition-all in-view:duration-[1.8s] in-view:delay-[0s] in-view:ease-out-slow in-view:scale-[1]">
													<img src="https://news.microsoft.com/codeofus/wp-content/uploads/2023/09/hero-shot.jpg" alt="" class="absolute top-0 left-0 w-full h-full object-cover transform scale-[1] in-view:transition-[all] in-view:duration-[1s] in-view:ease-out group-hover:scale-[1.2]" />
											</span>
				</a>
			
			<div class="block">
													<span class="inline-block mb-0 font-t7 pb-0px" style="border-bottom: solid 1px #0a0a0a20">
												<a href="https://news.microsoft.com/codeofus/topics/article/" class="post-category" style="color:#0a0a0a">
							Article						</a>
					</span>
							</div>

			<a href="https://news.microsoft.com/codeofus/features/embracing-the-unplanned-path/">
				<h3 class=" font-normal  mb-0.4em mt-0" style="color: #0a0a0a">
					Embracing the unplanned path 				</h3>
									<span class="m-0 font-t5 [&#038;_p]:mx-0 [&#038;_p]:my-0" style="color: #0a0a0a94">
						Senior Product Manager Elva Fernandez has confronted financial challenges, language barriers, and career shifts. She now uses her voice to shape the future of Microsoft’s products and bring about meaningful change in her community.					</span>
							</a>
		</article>
											</div>

		<div class="text-center">
			<button load-more-button
				class="
					cursor-pointer mt-2vr cursor-pointer inline-block font-t7 rounded-20px  py-10px px-20px
					transition-all duration-[0.6s] ease-out prop:color,background
					m:pt-8px m:pr-16px m:pb-9px m:pl-16px m:text-14px
					bg-#fff border border-solid border-[#000] text-#000 hover:bg-#000 hover:text-#fff hover:border border-solid border-#fff
				">
				View More			</button>
		</div>

	</div>
</section>

<script type="text/javascript">
	(() => {
		const $sortPostsWrapper       = document.getElementById( 'sort-posts-wrapper-6a2786e79ef1c' );
		const $firstSlidesWrapper     = $sortPostsWrapper.querySelector( '[first-slides-wrapper]' );
		const $moreBtn                = $sortPostsWrapper.querySelector( '[load-more-button]' );
		const $filters                = $sortPostsWrapper.querySelectorAll( '[data-filter]' );
		const $slides                 = $sortPostsWrapper.querySelectorAll( '[data-article]' );
		const $banner                 = $sortPostsWrapper.querySelector( '[data-banner]' );
		const $postsWrapper           = $sortPostsWrapper.querySelector( '[data-posts-wrapper]' );

		const slides = [];
		$slides.forEach( ( el, i ) => {
			const tags = el.getAttribute( 'tags' ).split( ',' );
			slides.push( { el, tags } );
		} );

		let selectedFilters = [];
		const params = new URLSearchParams( window.location.search );
		const tags   = params.get( 'selected_tags' );
		if ( tags ) {
			selectedFilters = tags.split( ',' );
		}
		else {
					}

		let maxVisiblePosts    = 10;
		let totalMatchingPosts = 0;

		function showMore( e ) {
			maxVisiblePosts += 10;
			filterPosts( );
			updateMoreButtonVisibility( );
		}

		function updateURL( ) {
			const params = new URLSearchParams( );
			if ( 0 < selectedFilters.length ) {
				params.set( 'selected_tags', selectedFilters.join( ',' ) );
			}
			history.pushState( null, '', `${location.pathname}?${params}` );
		}

		function positionBanner( ) {
			if ( ! $banner ) {
				return;
			}
			$postsWrapper.removeChild( $banner );
			let visiblePosts = Array.from( $postsWrapper.children ).filter( el => 'none' !== el.style.display );
			if ( 3 < visiblePosts.length ) {
				$postsWrapper.insertBefore( $banner, visiblePosts[ 3 ] );
			} else {
				$postsWrapper.appendChild( $banner );
			}
		}

		function updateMoreButtonVisibility( ) {
			if ( totalMatchingPosts <= maxVisiblePosts ) {
				$moreBtn.style.display = 'none';
			} else {
				$moreBtn.style.display = 'inline-block';
			}
		}

		function updateFilterStatus( ) {
			$filters.forEach( el => {
				const slug  = el.getAttribute( 'slug' );
				const isSelected = selectedFilters.includes( slug );
				el.classList.toggle( 'is-selected', isSelected );
			} );
		}

		function filterPosts( ) {
			totalMatchingPosts = 0;
			slides.forEach( ( slide, i ) => {
				let hasAnyTag = 0 === selectedFilters.length ? true : false;
				selectedFilters.forEach( filter => {
					slide.tags.forEach( tag => {
						if ( filter === tag || 'all' === filter ) {
							hasAnyTag = true;
						}
					} );
				} );
				slide.el.style.display = hasAnyTag && totalMatchingPosts < maxVisiblePosts ? 'block' : 'none';
				if ( hasAnyTag ) {
					totalMatchingPosts++;
				}
			} );
			updateFilterStatus( );
			positionBanner( );
		}

		$filters.forEach( el => {
			const slug = el.getAttribute( 'slug' );
			el.addEventListener( 'click', ( ) => {
				const index = selectedFilters.indexOf( slug );
				if ( -1 === index ) {
					selectedFilters.push( slug );
				} else {
					selectedFilters.splice( index, 1 );
				}
				maxVisiblePosts = 10;
				filterPosts( );
				updateMoreButtonVisibility( );
				updateURL( );
			} );
		} );

		$moreBtn && $moreBtn.addEventListener( 'click', showMore );

		filterPosts( );
		updateMoreButtonVisibility( );

	})()
</script>					</div>

					
				</div>
			</section>

			
		</main>

	<!-- adds social link and share button just before the main footer section -->
				<div class="ms-inclusion-social-footer">
			<div class="ms-inclusion-social-footer__row">
				<section class="ms-inclusion-social-footer__column" aria-labelledby="inclusion_follow_title">
					<h2 class="ms-inclusion-social-footer__label" id="inclusion_follow_title">Follow us:</h2>
					<ul class="ms-inclusion-social-footer__list">
						<li class="ms-inclusion-social-footer__list-item">
							<a class="ms-inclusion-social-footer__link" title="Follow on Facebook" href="https://www.facebook.com/MicrosoftLife" target="_blank" rel="noopener">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 310" xml:space="preserve"><path d="M81.703 165.106h33.981V305a5 5 0 0 0 5 5H178.3a5 5 0 0 0 5-5V165.765h39.064a5 5 0 0 0 4.967-4.429l5.933-51.502a5 5 0 0 0-4.966-5.572h-44.996V71.978c0-9.732 5.24-14.667 15.576-14.667h29.42a5 5 0 0 0 5-5V5.037a5 5 0 0 0-5-5h-40.545A39.746 39.746 0 0 0 185.896 0c-7.035 0-31.488 1.381-50.804 19.151-21.402 19.692-18.427 43.27-17.716 47.358v37.752H81.703a5 5 0 0 0-5 5v50.844a5 5 0 0 0 5 5.001z"/></svg>							</a>
						</li>
						<li class="ms-inclusion-social-footer__list-item">
							<a class="ms-inclusion-social-footer__link" title="Follow on X" href="https://x.com/microsoftlife" target="_blank" rel="noopener">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 448"><path d="M64 0C28.7 0 0 28.7 0 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64Zm297.1 84L257.3 202.6 379.4 364h-95.6L209 266.1 123.3 364H75.8l111-126.9L69.7 84h98l67.7 89.5L313.6 84Zm-37.8 251.6L153.4 110.9h-28.3l171.8 224.7h26.3z"/></svg>							</a>
						</li>
						<!-- <li class="ms-inclusion-social-footer__list-item">
							<a class="ms-inclusion-social-footer__link" title="Follow on Instagram" href="https://www.instagram.com/microsoftlife/" target="_blank" rel="noopener">
															</a>
						</li> -->
					</ul>
				</section>
				<section class="ms-inclusion-social-footer__column" aria-labelledby="inclusion_share_title">
					<h2 class="ms-inclusion-social-footer__label" id="inclusion_share_title">Share this page:</h2>
					<ul class="ms-inclusion-social-footer__list">
						<li class="ms-inclusion-social-footer__list-item">
							<a class="ms-inclusion-social-footer__link" title="Share on Facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fnews.microsoft.com%2Fcodeofus" target="_blank" rel="noopener">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 310 310" xml:space="preserve"><path d="M81.703 165.106h33.981V305a5 5 0 0 0 5 5H178.3a5 5 0 0 0 5-5V165.765h39.064a5 5 0 0 0 4.967-4.429l5.933-51.502a5 5 0 0 0-4.966-5.572h-44.996V71.978c0-9.732 5.24-14.667 15.576-14.667h29.42a5 5 0 0 0 5-5V5.037a5 5 0 0 0-5-5h-40.545A39.746 39.746 0 0 0 185.896 0c-7.035 0-31.488 1.381-50.804 19.151-21.402 19.692-18.427 43.27-17.716 47.358v37.752H81.703a5 5 0 0 0-5 5v50.844a5 5 0 0 0 5 5.001z"/></svg>							</a>
						</li>
						<li class="ms-inclusion-social-footer__list-item">
							<a class="ms-inclusion-social-footer__link" title="Share on X" href="https://x.com/intent/tweet?text=Inclusion%20is%20Innovation&amp;url=https%3A%2F%2Fnews.microsoft.com%2Fcodeofus" target="_blank" rel="noopener">
								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 448"><path d="M64 0C28.7 0 0 28.7 0 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64Zm297.1 84L257.3 202.6 379.4 364h-95.6L209 266.1 123.3 364H75.8l111-126.9L69.7 84h98l67.7 89.5L313.6 84Zm-37.8 251.6L153.4 110.9h-28.3l171.8 224.7h26.3z"/></svg>							</a>
						</li>
						<li class="ms-inclusion-social-footer__list-item">
							<a class="ms-inclusion-social-footer__link" title="Share on LinkedIn" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https%3A%2F%2Fnews.microsoft.com%2Fcodeofus&amp;title=Inclusion%20is%20Innovation&amp;source=https%3A%2F%2Fnews.microsoft.com%2Fcodeofus" target="_blank" rel="noopener">
								<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M20 20h-4v-6.999c0-1.92-.847-2.991-2.366-2.991-1.653 0-2.634 1.116-2.634 2.991V20H7V7h4v1.462s1.255-2.202 4.083-2.202C17.912 6.26 20 7.986 20 11.558V20ZM2.442 4.921A2.451 2.451 0 0 1 0 2.46 2.451 2.451 0 0 1 2.442 0a2.451 2.451 0 0 1 2.441 2.46 2.45 2.45 0 0 1-2.441 2.461ZM0 20h5V7H0v13Z" fill-rule="evenodd"/></svg>							</a>
						</li>
					</ul>
				</section>
			</div>
		</div>
	

	
		<uhf-footer locale="en-us" partnerId="MSSource" footerId="MSSourceFooter" theme="light">
    <script id="uhf-footer-ccpa">
        (function () {
            function checkThirdPartyAdsOptOutCookie() {
                try {
                    var match = document.cookie.match('(^|;)\\s*3PAdsOptOut\\s*=\\s*([^;]+)');
                    return (match ? match[2] : '') !== '1';
                } catch (e) {
                    return true;
                }
            }
            var globalPrivacyControlEnabled = navigator.globalPrivacyControl;
            window.GPC_DataSharingOptIn = globalPrivacyControlEnabled ? false : checkThirdPartyAdsOptOutCookie();
            if (typeof window.onGPCLoaded === 'function') {
                window.onGPCLoaded();
            }
        })();
    </script>
    
<uhf-footer-nav slot="uhf-footer-nav">
            <div class="uhf-footer-nav-row">
                    <uhf-footer-nav-group class="uhf-footer-nav-group" heading="What&#x27;s new" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_What&#x27;s new_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Whats_New_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">
                                <a class="uhf-footer-link" href="https://www.microsoft.com/surface/devices/surface-pro" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_What&#x27;s new_Surface Pro_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Whats_New_Footer_WhatsNew_NewSurfacePro_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Surface Pro</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/surface/devices/surface-laptop" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_What&#x27;s new_Surface Laptop_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Whats_New_Footer_WhatsNew_SurfaceLaptop_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Surface Laptop</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/surface/devices/surface-laptop-ultra?icid=DSM_Footer_WhatsNew_SurfaceLaptopUltra" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_What&#x27;s new_Surface Laptop Ultra_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Whats_New_Footer_WhatsNew_Surface Laptop Ultra_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Surface Laptop Ultra</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/surface/devices/surface-rtx-spark-dev-box?icid=DSM_Footer_WhatsNew_SurfaceRTXSparkDevBox" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_What&#x27;s new_Surface RTX Spark Dev Box_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Whats_New_footer_whatsnew_SurfaceRTXSparksDevBox_nav_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Surface RTX Spark Dev Box</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/microsoft-copilot/organizations?icid=DSM_Footer_CopilotOrganizations" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_What&#x27;s new_Copilot for organizations_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Whats_New_Footer_WhatsNew_CopilotMicrosoft_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Copilot for organizations</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/microsoft-copilot/for-individuals?form=MY02PT&amp;OCID=GE_web_Copilot_Free_868g3t5nj" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_What&#x27;s new_Copilot for personal use_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Whats_New_Footer_WhatsNew_CopilotPersonal_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Copilot for personal use</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/microsoft-products-and-apps" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_What&#x27;s new_Explore Microsoft products_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Whats_New_Footer_WhatsNew_ExploreMicrosoftProducts_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Explore Microsoft products</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/windows/apps-for-windows?icid=DSM_Footer_WhatsNew_Windows11apps" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_What&#x27;s new_Windows 11 apps_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Whats_New_Footer_WhatsNew_Windows_11_apps_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Windows 11 apps</a>
                    </uhf-footer-nav-group>
                    <uhf-footer-nav-group class="uhf-footer-nav-group" heading="Microsoft Store" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Microsoft Store_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Store_and_Support_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">
                                <a class="uhf-footer-link" href="https://account.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Microsoft Store_Account profile_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Store_and_Support_Footer_StoreandSupport_AccountProfile_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Account profile</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/download" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Microsoft Store_Download Center_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Store_and_Support_Footer_StoreandSupport_DownloadCenter_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Download Center</a>
                                <a class="uhf-footer-link" href="https://go.microsoft.com/fwlink/?linkid=2139749" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Microsoft Store_Microsoft Store support_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Store_and_Support_Footer_StoreandSupport_SalesAndSupport_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Store support</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/store/b/returns" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Microsoft Store_Returns_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Store_and_Support_Footer_StoreandSupport_Returns_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Returns</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/store/b/order-tracking" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Microsoft Store_Order tracking_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Store_and_Support_Footer_StoreandSupport_OrderTracking_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Order tracking</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/store/b/certified-refurbished-products" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Microsoft Store_Certified Refurbished_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Store_and_Support_Footer_StoreandSupport_StoreLocations_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Certified Refurbished</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/store/b/why-microsoft-store?icid=footer_why-msft-store_7102020" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Microsoft Store_Microsoft Store Promise_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Store_and_Support_Footer_StoreandSupport_MicrosoftPromise_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Store Promise</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/store/b/payment-financing-options?icid=footer_financing_vcc" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Microsoft Store_Flexible Payments_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Store_and_Support_Footer_StoreandSupport_Financing_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Flexible Payments</a>
                    </uhf-footer-nav-group>
                    <uhf-footer-nav-group class="uhf-footer-nav-group" heading="Education" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Education_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Education_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/education" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Education_Microsoft in education_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Education_Footer_Education_MicrosoftInEducation_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft in education</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/education/devices/overview" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Education_Devices for education_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Education_Footer_Education_DevicesforEducation_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Devices for education</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/education/products/teams" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Education_Microsoft Teams for Education_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Education_Footer_Education_MicrosoftTeamsforEducation_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Teams for Education</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/education/products/microsoft-365" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Education_Microsoft 365 Education_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Education_Footer_Education_Microsoft365Education_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft 365 Education</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/education/how-to-buy" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Education_How to buy for your school_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Education_Footer_Howtobuyforyourschool_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">How to buy for your school</a>
                                <a class="uhf-footer-link" href="https://education.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Education_Educator training and development_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Education_Footer_Education_EducatorTrainingDevelopment_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Educator training and development</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/store/b/education" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Education_Deals for students and parents_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Education_Footer_Education_DealsForStudentsandParents_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Deals for students and parents</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/education/ai-in-education" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Education_AI for education_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Education_Footer_Education_Azureforstudents_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">AI for education</a>
                    </uhf-footer-nav-group>
            </div>
            <div class="uhf-footer-nav-row">
                    <uhf-footer-nav-group class="uhf-footer-nav-group" heading="Business" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Business_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Business_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/ai?icid=DSM_Footer_AI" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Business_Microsoft AI_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Business_Footer_Business_AI_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft AI</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/security" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Business_Microsoft Security_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Business_Footer_Business_Microsoft Security_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Security</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/dynamics-365" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Business_Dynamics 365_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Business_Footer_Business_MicrosoftDynamics365_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Dynamics 365</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/microsoft-365/business" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Business_Microsoft 365_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Business_Footer_Business_M365_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft 365</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/power-platform" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Business_Microsoft Power Platform_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Business_Footer_DeveloperAndIT_Power Platform_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Power Platform</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/microsoft-teams/group-chat-software" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Business_Microsoft Teams_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Business_Footer_Business_Microsoft365_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Teams</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/microsoft-365-copilot?icid=DSM_Footer_Microsoft365Copilot" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Business_Microsoft 365 Copilot_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Business_Footer_CopilotMicrosoft365 _nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft 365 Copilot</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/store/b/business?icid=CNavBusinessStore" id="Small Business" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Business_Small Business_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Business_Footer_Business-SmallBusiness_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Small Business</a>
                    </uhf-footer-nav-group>
                    <uhf-footer-nav-group class="uhf-footer-nav-group" heading="Developer &amp; IT" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Developer &amp; IT_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Developer_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">
                                <a class="uhf-footer-link" href="https://azure.microsoft.com/en-us/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Developer &amp; IT_Azure_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Developer_Footer_DeveloperAndIT_MicrosoftAzure_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Azure</a>
                                <a class="uhf-footer-link" href="https://developer.microsoft.com/en-us/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Developer &amp; IT_Microsoft Developer_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Developer_Footer_DeveloperAndIT_MicrosoftDeveloper_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Developer</a>
                                <a class="uhf-footer-link" href="https://learn.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Developer &amp; IT_Microsoft Learn_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Developer_Footer_DeveloperAndIT_MicrosoftLearn_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Learn</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/software-development-companies/offers-benefits/isv-success?icid=DSM_Footer_SupportAIMarketplace&amp;ocid=cmm3atxvn98" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Developer &amp; IT_Support for AI marketplace apps_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Developer_Footer_DeveloperAndIT_SupportForAIMarketplaceApps_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Support for AI marketplace apps</a>
                                <a class="uhf-footer-link" href="https://techcommunity.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Developer &amp; IT_Microsoft Tech Community_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Developer_Footer_DeveloperAndIT_MicrosoftTechCommunity_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Tech Community</a>
                                <a class="uhf-footer-link" href="https://marketplace.microsoft.com?icid=DSM_Footer_Marketplace&amp;ocid=cmm3atxvn98" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Developer &amp; IT_Microsoft Marketplace_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Developer_Footer_DeveloperAndIT_Marketplace_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Microsoft Marketplace</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/software-development-companies?icid=DSM_Footer_SoftwareCompanies&amp;ocid=cmm3atxvn98" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Developer &amp; IT_Software companies_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Developer_Software companies_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Software companies</a>
                                <a class="uhf-footer-link" href="https://visualstudio.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Developer &amp; IT_Visual Studio_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Developer_Footer_DeveloperAndIT_MicrosoftVisualStudio_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Visual Studio</a>
                    </uhf-footer-nav-group>
                    <uhf-footer-nav-group class="uhf-footer-nav-group" heading="Company" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Company_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Company_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">
                                <a class="uhf-footer-link" href="https://careers.microsoft.com/" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Company_Careers_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Company_Footer_Company_Careers_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Careers</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/about" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Company_About Microsoft_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Company_Footer_Company_AboutMicrosoft_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">About Microsoft</a>
                                <a class="uhf-footer-link" href="https://news.microsoft.com/source/?icid=DSM_Footer_Company_CompanyNews" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Company_Company news_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Company_Footer_Company_CompanyNews_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Company news</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/privacy?icid=DSM_Footer_Company_Privacy" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Company_Privacy at Microsoft_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Company_Footer_Company_PrivacyAtMicrosoft_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Privacy at Microsoft</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/investor/default.aspx" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Company_Investors_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Company_Footer_Company_Investors_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Investors</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/diversity/default?icid=DSM_Footer_Company_Diversity" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Company_Diversity and inclusion_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Company_Footer_Company_DiversityAndInclusion_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Diversity and inclusion</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/accessibility" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Company_Accessibility_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Company_Footer_Company_Accessibility_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Accessibility</a>
                                <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/corporate-responsibility/sustainability?icid=DSM_Footer_Sustainability" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;FooterNav&quot;, &quot;cN&quot;: &quot;FooterNav_Company_Sustainability_nav&quot;, &quot;ecn&quot;: &quot;FooterNav_Company_Footer_Company_Sustainability_nav&quot;, &quot;ehn&quot;: &quot;FooterNav&quot;}">Sustainability</a>
                    </uhf-footer-nav-group>
            </div>
</uhf-footer-nav>
        <a slot="uhf-footer-locale-picker" class="uhf-footer-link" href="https://www.microsoft.com/en-us/locale" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_English (United States)_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_LocalePicker_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}" aria-label="Content Language Selector. Currently set to English (United States)">English (United States)</a>
    <div slot="uhf-footer-california-privacy-link">
        
<a class="uhf-footer-link" href="https://aka.ms/yourcaliforniaprivacychoices" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_California Privacy_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_CaliforniaPrivacy_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">
    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43">
    <title>Your Privacy Choices Opt-Out Icon</title>
    <path d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"/>
    <path d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"/>
    <path d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z" style="fill:#fff"/>
    <path d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z" style="fill:#06f"/>
    </svg>
    <span>Your Privacy Choices</span>
</a>
        <noscript>
            
<a class="uhf-footer-link" href="https://aka.ms/yourcaliforniaprivacychoices" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_California Privacy_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_CaliforniaPrivacy_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">
    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43">
    <title>Your Privacy Choices Opt-Out Icon</title>
    <path d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff"/>
    <path d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f"/>
    <path d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z" style="fill:#fff"/>
    <path d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z" style="fill:#06f"/>
    </svg>
    <span>Your Privacy Choices</span>
</a>
        </noscript>
    </div>
    <a slot="uhf-footer-consumer-health-privacy-link" class="uhf-footer-link" href="https://go.microsoft.com/fwlink/?linkid=2259814" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_Consumer Health Privacy_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_ConsumerHealthPrivacy_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">Consumer Health Privacy</a>
    
<uhf-footer-menu slot="uhf-footer-menu" data-nav-label="Microsoft corporate links">
            <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/sitemap1.aspx" id="uhf-Footer_Sitemap" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_Sitemap_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_Footer_Sitemap_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">Sitemap</a>
            <a class="uhf-footer-link" href="https://support.microsoft.com/contactus" id="uhf-Footer_ContactUs" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_Contact Microsoft_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_Footer_ContactUs_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">Contact Microsoft</a>
            <a class="uhf-footer-link" href="https://go.microsoft.com/fwlink/?LinkId=521839" id="uhf-Footer_PrivacyandCookies" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_Privacy _nav&quot;, &quot;ecn&quot;: &quot;LegalNav_Footer_PrivacyandCookies_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">Privacy </a>
            <a class="uhf-footer-link" href="#" id="uhf-Footer_ManageCookies" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_Manage cookies_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_Footer_ManageCookies_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">Manage cookies</a>
            <a class="uhf-footer-link" href="https://go.microsoft.com/fwlink/?LinkID=206977" id="uhf-Footer_TermsOfUse" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_Terms of use_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_Footer_TermsOfUse_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">Terms of use</a>
            <a class="uhf-footer-link" href="https://go.microsoft.com/fwlink/?linkid=2196228" id="uhf-Footer_Trademarks" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_Trademarks_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_Footer_Trademarks_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">Trademarks</a>
            <a class="uhf-footer-link" href="https://go.microsoft.com/fwlink/?linkid=2196227" id="uhf-Footer_SafetyAndEco" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_Safety &amp; eco_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_Footer_SafetyAndEco_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">Safety &amp; eco</a>
            <a class="uhf-footer-link" href="https://www.microsoft.com/en-us/legal/compliance/recycling" id="uhf-Recycling" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_Recycling_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_Recycling_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">Recycling</a>
            <a class="uhf-footer-link" href="https://choice.microsoft.com" id="uhf-Footer_AboutourAds" data-m="{&quot;compnm&quot;: &quot;UHF&quot;, &quot;view&quot;: &quot;UHF&quot;, &quot;pa&quot;: &quot;UniversalFooter&quot;, &quot;hn&quot;: &quot;LegalNav&quot;, &quot;cN&quot;: &quot;LegalNav_About our ads_nav&quot;, &quot;ecn&quot;: &quot;LegalNav_Footer_AboutourAds_nav&quot;, &quot;ehn&quot;: &quot;LegalNav&quot;}">About our ads</a>
</uhf-footer-menu>
</uhf-footer>
	
	<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/codeofus/*"},{"not":{"href_matches":["/codeofus/wp-*.php","/codeofus/wp-admin/*","/codeofus/wp-content/uploads/*","/codeofus/wp-content/*","/codeofus/wp-content/plugins/*","/codeofus/wp-content/themes/source-theme/*","/codeofus/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" id="jquery.wp-smartcrop-js-extra">
/* <![CDATA[ */
var wpsmartcrop_options = {"focus_mode":"power-lines"};
//# sourceURL=jquery.wp-smartcrop-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-content/plugins/wp-smartcrop/js/jquery.wp-smartcrop.min.js?ver=2.0.10" id="jquery.wp-smartcrop-js"></script>
<script type="text/javascript" id="ms_uhf_cookies_js-js-extra">
/* <![CDATA[ */
var ms_uhf_data = {"settings":"{\"services\":[{\"name\":\"Google Analytics\",\"cookies\":\"_ga\\n_ga_E5QDMQSXPE\\n_ga_JN5MSL685T\\n_ga_NNH8F3SCG6\",\"domains\":\".microsoft.com\\nnews.microsoft.com\\nmsriviera20dev.wpengine.com\\n.wpengine.com \",\"categories\":{\"Analytics\":true,\"Advertising\":false,\"SocialMedia\":false},\"code\":\"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\\n 'https:\\/\\/www.googletagmanager.com\\/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\\n })(window,document,'script','dataLayer', 'GTM-N8QG7G3');\"},{\"name\":\"MS Ads\",\"cookies\":\"_uetvid\",\"domains\":\".microsoft.com\\nmicrosoft.com\\nnews.microsoft.com\",\"categories\":{\"Analytics\":true,\"Advertising\":false,\"SocialMedia\":false},\"code\":\"\"}],\"options\":null}"};
//# sourceURL=ms_uhf_cookies_js-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-content/plugins/microsoft-uhf-cookies//scripts.js?ver=38" id="ms_uhf_cookies_js-js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js?ver=4.6.2" id="slick-slider-js"></script>
<script type="text/javascript" src="https://unpkg.com/infinite-scroll@4/dist/infinite-scroll.pkgd.min.js?ver=4.6.2" id="infinite-scroll-js"></script>
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-content/themes/source-theme/assets/js/theme.js?ver=4.6.2" id="mssrc-footer-js"></script>
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-content/plugins/page-links-to/dist/new-tab.js?ver=3.4.1" id="page-links-to-js"></script>
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-content/plugins/microsoft-oembeds/cookie-consent.js?ver=1.0.0" id="ms-cookie-consent-js"></script>
<script type="text/javascript" src="https://news.microsoft.com/codeofus/wp-content/plugins/microsoft-uhf/assets/microsoft-cookie-updates.js?ver=1.0.1" id="microsoft-cookie-updates-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://news.microsoft.com/codeofus/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://news.microsoft.com/codeofus/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>
</body>
</html>
