
<!DOCTYPE HTML>
<html lang="en">
    <head>
    
    <meta name="template" content="base-page-template"/>
    

    
    
  
<meta name="content-page-ref" content="1jJf7pzp9FmD39LdaE-fddy5gHIdfIUg7PX62P3VZU2FrS0DYNG499L_mzh1AG-d"/>
<script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/micro.js"></script>
<link rel="canonical" href="https://cen.acs.org/index.html"/>


    

<meta charset="UTF-8"/>
<meta http-equiv="x-ua-compatible" content="ie=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no"/>

<!-- CRITICAL: Priority resource hints using preconnect -->
<link rel="preconnect" href="https://securepubads.g.doubleclick.net" crossorigin/>
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin/>
<link rel="preconnect" href="https://cmp.osano.com" crossorigin/>
<!-- PERFORMANCE: Full preconnect for Scene7 CDN (saves ~2 seconds on LCP) -->
<link rel="preconnect" href="https://s7d9.scene7.com" crossorigin/>
<link rel="dns-prefetch" href="https://s7d9.scene7.com"/>

<!-- Preload critical local font for faster FCP and reduced layout shift -->
<link rel="preload" href="/etc.clientlibs/cen-cloud/clientlibs/clientlib-site/resources/fonts/Inter-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous"/>

<!-- PERFORMANCE: Preload LCP image for article pages (saves ~2 seconds on LCP) -->


<!-- Favicon - Multiple formats for cross-browser compatibility -->
<!-- Firefox prefers PNG format with explicit sizes -->
<link rel="icon" type="image/png" sizes="32x32" href="/content/dam/acs-cen-redesign/logo/favicon.ico"/>
<link rel="icon" type="image/png" sizes="16x16" href="/content/dam/acs-cen-redesign/logo/favicon.ico"/>

<link rel="icon" type="image/x-icon" href="/content/dam/acs-cen-redesign/logo/favicon.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="/content/dam/acs-cen-redesign/logo/favicon.ico"/>
<!-- Legacy ICO for older browsers -->
<link rel="icon" href="/content/dam/acs-cen-redesign/logo/favicon.ico" type="image/x-icon"/>
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/content/dam/acs-cen-redesign/logo/favicon.ico"/>

<!-- Essential AEM includes -->







<title>
    
        C&amp;EN | Chemistry news from around the world
    
</title>



    
    
        <meta property="og:title" content="Chemical &amp; Engineering News"/>
    
    
        <meta property="og:site_name" content="Chemical &amp; Engineering News"/>
    
    
        <meta property="og:description" content="Chemical &amp; Engineering News is a weekly news magazine published by the American Chemical Society, providing professional and technical news and analysis in the fields of chemistry and chemical engineering."/>
    
    
        <meta property="og:type" content="website"/>
    
    
        <meta property="og:image" content="https://s7d1.scene7.com/is/image/CENODS/og-cen-default:Widescreen?$responsive$&amp;qlt&#61;90,0&amp;resMode&#61;sharp2&amp;fmt&#61;webp"/>
        
    
    
        <meta property="og:locale" content="en_US"/>
    
    
    
        <meta name="twitter:title" content="Chemical &amp; Engineering News"/>
    
    
        <meta name="twitter:description" content="Chemical &amp; Engineering News is a weekly news magazine published by the American Chemical Society, providing professional and technical news and analysis in the fields of chemistry and chemical engineering."/>
    
    
        <meta name="twitter:image" content="https://s7d1.scene7.com/is/image/CENODS/og-cen-default:Widescreen?$responsive$&amp;qlt&#61;90,0&amp;resMode&#61;sharp2&amp;fmt&#61;webp"/>
        
    
    
        <meta name="description" content="Chemical &amp; Engineering News is a weekly news magazine published by the American Chemical Society, providing professional and technical news and analysis in the fields of chemistry and chemical engineering."/>
    
    
        <meta property="og:url" content="https://cen.acs.org/index.html"/>
    
    
    <!-- PIANO meta tags -->
    
    
    
    
    
    
    
    
    
    
    
    
    
        <meta name="cXenseParse:mwn-pageclass" content="frontpage"/>
    
    
    

    
    <meta name="facebook-domain-verification" content="an25ujdd57jxj7j3n94vqa7wv6hww6"/>
    <meta name="twitter:site" content="@cenmag"/>
    <meta name="twitter:creator" content="@cenmag"/>
    


<!-- SEO - Conditionally included based on page variant -->





    


<script type="application/ld+json">
		{"@context":"http://schema.org","@type":"WebSite","name":"C&EN | Chemistry news from around the world","url":"https://cen.acs.org","isPartOf":{"@type":"WebSite","name":"Chemical & Engineering News","url":"https://cen.acs.org","publisher":{"@type":"Organization","name":"American Chemical Society","logo":{"@type":"ImageObject","url":"https://cen.acs.org/content/dam/acs-cen-redesign/logo/favicon.ico","width":"180","height":"180"}}}}
</script>

<!-- Homepage datalayer  -->


<script>
var digitalData = {
	'pageInfo' : {
			 'pageName' : 'C\x26EN | Chemistry news from around the world',			 
			 'description' : '',
		     'contentType' : 'Main Landing Pages',
    	     'contentName' : 'Home Page',
             'nfc' : ''
			}
};

var _cbq = window._cbq || [];
_cbq.push(['_contentType',  digitalData.pageInfo.contentType]);
_cbq.push(['_contentName',  digitalData.pageInfo.contentName]);
</script>






<!-- CRITICAL: Auth configuration -->

<script>
    window.authDomain = "login.acs.org";
    window.authLoginUrl = "\/acs\/auth\/login";
    window.authLogoutUrl = "\/acs\/auth\/logout";
    window.env = "cen";
</script>

<!-- OPTIMIZATION: Reduced blocking scripts -->
<!-- Initialize ad slots early but load script async -->
<script>
    var gptadslots = [];
    var googletag = googletag || { cmd: [] };
</script>

<!-- OPTIMIZATION: Load GPT script with priority hints -->
<script async defer src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>

<!-- OPTIMIZATION: Resource loader utility -->
<script>
    (function () {
        // Central resource loading utility
        window.ResourceLoader = {
            loaded: {},

            // Load script with configurable options and callbacks
            loadScript: function (src, options) {
                if (this.loaded[src]) return Promise.resolve();

                options = options || {};

                return new Promise(function (resolve, reject) {
                    var script = document.createElement('script');
                    script.src = src;
                    script.async = true;

                    if (options.defer) script.defer = true;
                    if (options.fetchPriority) script.fetchPriority = options.fetchPriority;

                    script.onload = function () {
                        window.ResourceLoader.loaded[src] = true;
                        if (options.onLoad) options.onLoad();
                        resolve();
                    };

                    script.onerror = function (e) {
                        console.warn('Failed to load: ' + src);
                        if (options.onError) options.onError(e);
                        reject(e);
                    };

                    (options.parent || document.head).appendChild(script);
                });
            },

            // Load on interaction or after delay, whichever comes first
            loadOnInteraction: function (src, options) {
                options = options || {};
                var delay = options.delay || 2000;
                var events = options.events || ['mousedown', 'touchstart', 'keydown', 'scroll'];
                var self = this;

                // Create interaction handler
                var loadHandler = function () {
                    // Remove all event listeners
                    events.forEach(function (event) {
                        document.removeEventListener(event, loadHandler, { passive: true });
                    });

                    // Clear timeout
                    if (timeoutId) clearTimeout(timeoutId);

                    // Load the script
                    self.loadScript(src, options);
                };

                // Set up event listeners
                events.forEach(function (event) {
                    document.addEventListener(event, loadHandler, { passive: true });
                });

                // Set timeout as fallback
                var timeoutId = setTimeout(loadHandler, delay);

                return {
                    cancel: function () {
                        events.forEach(function (event) {
                            document.removeEventListener(event, loadHandler, { passive: true });
                        });
                        if (timeoutId) clearTimeout(timeoutId);
                    }
                };
            }
        };
    })();
</script>


<!-- OPTIMIZATION: Improved Osano loading -->
<script>
    (function () {
        var osanoSrc = 'https://cmp.osano.com/16BPzAUFV1UoQ26HU/547d6a0d-2615-4ea3-8f3f-2ced531b6add/osano.js';

        // Load Osano on first interaction or after 2 seconds
        window.ResourceLoader.loadOnInteraction(osanoSrc, {
            delay: 2000,
            onLoad: function () {
                window.osanoLoaded = true;
                //set marketing consent value to localStorage to fix ppid issue for all Ad impressions in UK,SZ.. 
                localStorage.setItem('osano_marketing_consent', window.Osano.cm.getConsent()['MARKETING']); 
            }
        });
    })();
</script>


<!-- CRITICAL: UUID configuration for Ads -->
<script>
setTimeout(function() {
  var osano_consentmanager_uuid = "osano_consentmanager_uuid";
  var osano_localStorage_val = localStorage.getItem(osano_consentmanager_uuid);
  var osano_marketing_consent = localStorage.getItem('osano_marketing_consent'); 
  let hex_ppid = '';
  
  const stringToHexHash = (str, len) => {
    let hash = 0;
    for (let i = 0; i < str.length; i++) {
      hash = str.charCodeAt(i) + ((hash << 5) - hash);
    }
    const hex = hash.toString(16);
    let alphanumeric = hex.replace(/[^0-9a-zA-Z]/gi, "");
    while (alphanumeric.length < len) {
      alphanumeric = "0" + alphanumeric;
    }
    return alphanumeric.substr(0, len);
  };
  
  if (osano_localStorage_val && osano_localStorage_val.trim() !== '') {
    hex_ppid = stringToHexHash(osano_localStorage_val, 37);
   // console.log('--PPID--'+hex_ppid);
   console.log('--found ppid--');
  } else {
  	hex_ppid = '';
    console.log("The value for osano_consentmanager_uuid from local storage is empty");
  }
   if(osano_marketing_consent != "DENY" && hex_ppid){
     localStorage.setItem('cen_ads_ppid', hex_ppid);
     console.log('set ppid in localStore');
    }
}, 3000); 
</script>


<!-- CRITICAL: Early Ad System Initialization - Fixes 40% Firefox issue -->
<script>
(function() {
    // Initialize ad system in header for consistent timing
    window.adSystem = window.adSystem || {
        initialized: false,
        headerReady: false,
        renderQueue: [],
        errors: []
    };

    // Mark header initialization as complete
    window.adSystem.headerReady = true;

    // Early DFP configuration - runs before jQuery dependency
    window.initializeDFPEarly = function() {
        if (typeof googletag === 'undefined' || !googletag.cmd) {
            console.warn('GPT not available for early initialization');
            return;
        }

        googletag.cmd.push(function() {
            // Configure DFP settings that don't require jQuery
            googletag.pubads().enableSingleRequest();
            googletag.pubads().collapseEmptyDivs();
            googletag.pubads().setCentering(true);
            
            // Enable services
            googletag.enableServices();

            // CLS: mark ad wrappers after GPT fills or collapses slots
            googletag.pubads().addEventListener('slotRenderEnded', function(event) {
                var slotId = event.slot.getSlotElementId();
                var el = document.getElementById(slotId);
                if (!el) return;
                var wrapper = el.closest('.advertisement');
                if (!wrapper) return;

                // Skip shared wrappers (e.g. header has leaderboard + reveal in one wrapper).
                // Only hide if this is the sole GPT slot inside the wrapper.
                if (event.isEmpty) {
                    var siblingSlots = wrapper.querySelectorAll('[id^="div-gpt"]');
                    if (siblingSlots.length > 1) {
                        console.log('[CLS] Skipping ad-empty on shared wrapper for slot:', slotId);
                        return;
                    }
                    wrapper.classList.add('ad-empty');
                } else {
                    wrapper.classList.add('ad-loaded');
                }

                // CLS measurement log
                console.log('[CLS] Slot rendered:', slotId,
                    '| empty:', event.isEmpty,
                    '| size:', event.size,
                    '| wrapper class:', wrapper.className);
            });

            // CLS measurement: observe layout shifts attributed to ad containers
            if (window.PerformanceObserver) {
                try {
                    var clsObserver = new PerformanceObserver(function(list) {
                        list.getEntries().forEach(function(entry) {
                            if (!entry.hadRecentInput && entry.value > 0.01) {
                                var sources = entry.sources || [];
                                sources.forEach(function(source) {
                                    var node = source.node;
                                    if (node && (
                                        node.closest('.advertisement') ||
                                        node.closest('.article-top-ads') ||
                                        node.classList && node.classList.contains('advertisement')
                                    )) {
                                        console.warn('[CLS-Ad] Layout shift detected:',
                                            'value:', entry.value.toFixed(4),
                                            '| element:', node.tagName + '#' + (node.id || '') + '.' + (node.className || ''),
                                            '| startTime:', entry.startTime.toFixed(0) + 'ms');
                                    }
                                });
                            }
                        });
                    });
                    clsObserver.observe({ type: 'layout-shift', buffered: true });
                } catch (e) {
                    // PerformanceObserver for layout-shift not supported
                }
            }

            window.adSystem.initialized = true;
            console.log('✅ DFP initialized early in header');
        });
    };

    // Execute early initialization when GPT is ready
    if (window.googletag && googletag.cmd) {
        window.initializeDFPEarly();
    } else {
        // Wait for GPT script to load
        var checkGPT = setInterval(function() {
            if (window.googletag && googletag.cmd) {
                window.initializeDFPEarly();
                clearInterval(checkGPT);
            }
        }, 50);
        
        // Clear interval after 5 seconds to prevent infinite loop
        setTimeout(function() {
            clearInterval(checkGPT);
        }, 5000);
    }

    // // Header-based ad rendering function (jQuery independent)
    // window.renderDynamicAdsHeader = function() {
    //     if (!window.googletag || !googletag.cmd || !window.adSystem.initialized) {
    //         console.warn('Ad system not ready for rendering');
    //         return;
    //     }

    //     googletag.cmd.push(function() {
    //         var adUnits = document.querySelectorAll('.adunit');
    //         var newSlots = [];
    //         var existingSlots = [];
            
    //         adUnits.forEach(function(el, index) {
    //             console.log('[Ads] Processing ad unit:', el, 'Index:', index);
    //             var slotId = el.id;
                
    //             // Generate ID if missing (important for dynamically inserted ads)
    //             if (!slotId) {
    //                 slotId = 'dynamic-ad-' + Date.now() + '-' + index;
    //                 el.id = slotId;
    //             }

    //             // Check if slot already defined
    //             var isAlreadyDefined = el.dataset.slotDefined === "true" || el.hasAttribute('data-google-query-id');
                
    //             if (isAlreadyDefined) {
    //                 // Slot already exists, just collect for refresh
    //                 var existingSlot = googletag.pubads().getSlots().find(function(s) {
    //                     return s.getSlotElementId() === slotId;
    //                 });
    //                 if (existingSlot) {
    //                     existingSlots.push(existingSlot);
    //                     console.log('♻️ Existing ad slot found:', slotId);
    //                 }
    //                 return;
    //             }

    //             try {
    //                 // Fix ad path construction
    //                 var adUnitPath = el.dataset.adunit || 'cen';
    //                 console.log('[Ads] Original ad unit path:', adUnitPath);
    //                 var adPath = '/8868/' + adUnitPath.replace(/^\/+/, '').replace(/^8868\//, '');
    //                 console.log('[Ads] Processed ad path:', adPath);
                    
    //                 // Parse dimensions - support fluid ads
    //                 var dimensionsAttr = (el.dataset.dimensions || '300x600').toString().trim().toLowerCase();
    //                 console.log('[Ads] Original dimensions attribute:', dimensionsAttr);
    //                 var dimensions;
                    
    //                 if (dimensionsAttr === 'fluid') {
    //                     dimensions = ['fluid'];
    //                 } else if (dimensionsAttr.includes('x')) {
    //                     var parts = dimensionsAttr.split('x');
    //                     dimensions = [[parseInt(parts[0]), parseInt(parts[1])]];
    //                 } else {
    //                     dimensions = [[728, 90]]; // Default
    //                 }
                    
    //                 var slot = googletag.defineSlot(adPath, dimensions, slotId);
                    
    //                 if (!slot) {
    //                     console.warn('Failed to define slot:', adPath, slotId);
    //                     return;
    //                 }
                    
    //                 slot.addService(googletag.pubads());
                    
    //                 // Apply size mapping only for non-fluid ads
    //                 if (dimensionsAttr !== 'fluid') {
    //                     var mapping = googletag.sizeMapping()
    //                         .addSize([640, 0], [[728, 90]])
    //                         .addSize([0, 0], [[320, 50]])
    //                         .build();
    //                     slot.defineSizeMapping(mapping);
    //                 }
                    
    //                 el.dataset.slotDefined = "true";
    //                 googletag.display(slotId);
    //                 newSlots.push(slot);
                    
    //                 console.log('[Ads] ✅ New ad slot created:', slotId, 'path:', adPath, 'dimensions:', dimensions);
    //             } catch (error) {
    //                 console.error('[Ads] ❌ Ad rendering error:', slotId, error);
    //             }
    //         });
            
    //         // Refresh existing slots if any
    //         if (existingSlots.length > 0) {
    //             console.log('🔄 Refreshing', existingSlots.length, 'existing ad slots');
    //             googletag.pubads().refresh(existingSlots);
    //         }
    //     });
    // };

    // Check if Osano consent is granted for marketing
    function hasOsanoConsent() {
        try {
            return window.Osano && 
                   window.Osano.cm && 
                   typeof window.Osano.cm.getConsent === 'function' &&
                   window.Osano.cm.getConsent().MARKETING === 'ACCEPT';
        } catch (e) {
            return false;
        }
    }

    // Trigger ads after consent check — uses renderDynamicAds (throttled in footer)
    var _adsTriggered = false;
    function triggerAdsWithConsent() {
        if (_adsTriggered) return;

        function doRender() {
            if (_adsTriggered) return;
            _adsTriggered = true;
            console.log('[DynamicAds] ✅ Rendering ads');
            // Route through the throttled renderDynamicAds when available,
            // fall back to renderDynamicAdsHeader for early calls before footer loads
            if (typeof window.renderDynamicAds === 'function') {
                window.renderDynamicAds();
            } else if (typeof window.renderDynamicAdsHeader === 'function') {
                window.renderDynamicAdsHeader();
            }
        }

        if (hasOsanoConsent()) {
            setTimeout(doRender, 100);
        } else {
            console.log('[DynamicAds] ⏳ Waiting for Osano consent...');

            var handleConsent = function() {
                if (hasOsanoConsent()) {
                    doRender();
                }
            };

            window.addEventListener('osano-cm-consent-saved', handleConsent);
            window.addEventListener('osano-cm-initialized', handleConsent);

            // Poll as fallback (max 5 seconds)
            var attempts = 0;
            var maxAttempts = 50;
            var pollInterval = setInterval(function() {
                attempts++;
                if (hasOsanoConsent()) {
                    doRender();
                    clearInterval(pollInterval);
                } else if (attempts >= maxAttempts) {
                    console.warn('[DynamicAds] ⏰ Consent timeout after 5s');
                    clearInterval(pollInterval);
                }
            }, 100);
        }
    }

    // Auto-trigger rendering when DOM is ready (with Osano consent check)
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', triggerAdsWithConsent);
    } else {
        triggerAdsWithConsent();
    }
})();
</script>

<!--core clientlibs -->

    
<link rel="stylesheet" href="/etc.clientlibs/cen-cloud/clientlibs/clientlib-dependencies.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.css" type="text/css">
<link rel="stylesheet" href="/etc.clientlibs/cen-cloud/clientlibs/clientlib-site.lc-86f2484824278ae502d13c3f8e226bdf-lc.min.css" type="text/css">




    <script async defer src="/etc.clientlibs/cen-cloud/clientlibs/clientlib-dependencies.lc-d41d8cd98f00b204e9800998ecf8427e-lc.min.js"></script>
<script async defer src="/etc.clientlibs/cen-cloud/clientlibs/clientlib-site.lc-501049115b3e8fe0b39fba1f9323b224-lc.min.js"></script>





<!-- OPTIMIZATION: Improved GTM loading -->
<script>
    // Initialize dataLayer immediately
    window.dataLayer = window.dataLayer || [];

    // Load GTM with optimized strategy
    (function () {
        var gtmId = 'GTM-MRZG95K3';
        var loadTime = 800; // Load after 800ms or user interaction

        // Load on interaction or timeout
        window.ResourceLoader.loadOnInteraction('https://www.googletagmanager.com/gtm.js?id=' + gtmId, {
            delay: loadTime,
            onLoad: function () {
                window.dataLayer.push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
            }
        });
    })();
</script>


<!--DFP mappings for all pages except articles -->

        <script>
        googletag.cmd.push(function() {
            //Mapping For Header Leaderboard Only
           var mapping1 = googletag.sizeMapping()
                                   .addSize([0, 0], [[320, 50]])
                                   .addSize([730, 600], [[728, 90]])
                                   .build();
          // Leaderboard Ad  
          try{
           gptadslots.push(googletag.defineSlot('/8868/cen/above_header', [[728,90],[970,90]], 'div-gpt-ad-21681463464-1')
        		   					.defineSizeMapping(mapping1) 
                                    .addService(googletag.pubads()));}
          catch (error) {
                console.log(error);}
          // Header Reveal Ad
          try{ 
          gptadslots.push(googletag.defineSlot('/8868/cen', [1,1], 'div-gpt-ad-8773544-1')
                                    .setTargeting('pos', ['interstitial'])
                                    .addService(googletag.pubads()));}
          catch (error) {
            	console.log(error);}
          //set cen_ads_ppid for ads (UK,SZ)
          var cen_ads_ppid =  localStorage.getItem('cen_ads_ppid');
          if(cen_ads_ppid){
	          googletag.pubads().setPublisherProvidedId(cen_ads_ppid);
    	      console.log('ppid sent for landing pages');
          }
          else{
			console.log('ppid not sent for landing pages');
			}
           // enableSingleRequest() + enableServices() called once in customheaderlibs.html
         });
     </script>



<!--DFP mappings for articles -->


<!-- DFP ads clientlib -->

    
<script src="/etc.clientlibs/clientlibs/granite/jquery.lc-7842899024219bcbdb5e72c946870b79-lc.min.js"></script>
<script src="/etc.clientlibs/cen-cloud/clientlibs/clientlib_dfpads.lc-8be12982a473aa270c7a75ea7bb0b42b-lc.min.js"></script>





<!-- OPTIMIZATION: Improved Launch script loading -->

    <script>
        (function () {
            var launchSrc = "\/\/assets.adobedtm.com\/822408db7b4a\/5997dbcdb559\/launch\u002D440fa7e38116.min.js";

            // Function to load Launch script
            function loadLaunch() {
                if (window.launchLoaded) return;

                window.ResourceLoader.loadScript(launchSrc, {
                    defer: true,
                    onLoad: function () {
                        window.launchLoaded = true;
                    }
                });
            }

            // Load when DOM is ready with small delay
            if (document.readyState === 'loading') {
                document.addEventListener('DOMContentLoaded', function () {
                    setTimeout(loadLaunch, 300);
                });
            } else {
                setTimeout(loadLaunch, 300);
            }
        })();
    </script>


<!-- PIANO script loading -->

	<script type="text/javascript" async="" src="https://experience.tinypass.com/xbuilder/experience/load?aid=baHINTpApu" defer></script>


<!-- PIANO tp push -->

	<script type="text/javascript">
var tp = window.tp || [];
tp.push(["setContentIsNative", false]);
tp.push(["init", function() {
    tp.experience.init();
    tp.experience.execute();
}]);
tp.push(["addHandler", "experienceExecute", function() {
    console.log('[PianoCookie] experienceExecute handler fired');
    console.log('[PianoCookie] __onPianoExperienceComplete available:', typeof window.__onPianoExperienceComplete === 'function');
    window.__pianoExperienceExecuted = true;
    if (typeof window.__onPianoExperienceComplete === 'function') {
        window.__onPianoExperienceComplete();
    } else {
        console.log('[PianoCookie] Webpack bundle not loaded yet, flag set for deferred pickup');
    }
}]);
</script>



<!-- OPTIMIZATION: Enhanced header reveal ad with better fallbacks -->

    <script>
        (function () {
            // Function to initialize header reveal ad
            function initHeaderRevealAd() {
                if (typeof googletag === 'undefined' || !googletag.cmd) {
                    // Retry after delay if GPT not ready
                    setTimeout(initHeaderRevealAd, 100);
                    return;
                }

                googletag.cmd.push(function () {
                    googletag.pubads().addEventListener('slotRenderEnded', function (event) {
                        if (event.slot.getSlotElementId() === 'div-gpt-ad-8773544-1') {
                            if (event.size != null) {
                                window.scrollTo(0, 0);

                                // DOM element removal with framework-agnostic approach
                                var headerAd = document.getElementById('div-gpt-ad-21681463464-1');
                                if (headerAd) headerAd.remove();

                            } else if (event.size === null) {
                                // DOM element removal with framework-agnostic approach
                                var revealAd = document.getElementById('div-gpt-ad-8773544-1');
                                if (revealAd) revealAd.remove();
                            }
                        }
                    });
                });
            }

            // Execute when DOM is ready
            if (document.readyState === 'loading') {
                document.addEventListener('DOMContentLoaded', initHeaderRevealAd);
            } else {
                initHeaderRevealAd();
            }
        })();
    </script>


<!-- <script src="https://www.google.com/recaptcha/api.js" async defer></script> -->
    
    
    

    

    
    
    
    
    

    
    <!--<sly data-sly-test.appResourcesPath=/etc.clientlibs/cen-cloud/clientlibs/clientlib-site/resources data-sly-call="libs.core.wcm.components.page.v3.page.head__002e__resources__002e__html$1@2e00b58f"></sly>-->
    
</head>
    <body class="page basicpage cen-cloud.site" id="page-fa2f81fa0a" data-cmp-link-accessibility-enabled data-cmp-link-accessibility-text="opens in a new tab" data-cmp-data-layer-name="adobeDataLayer">
        
        
        
            




            
<div class="root responsivegrid">


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="genericAds aem-GridColumn aem-GridColumn--default--12">

    
    
    
    
    
    
    
    
    
        
    





    <div class="advertisement pt-1 pb-1 bg-gray">
        <h6 class="advertisement-label" role="region" aria-label="Advertisement-genericAds4">Advertisement</h6>
        <div class="article-top-ads" id="div-gpt-ad-21681463464-1">
                <script>
          googletag.cmd.push(function()
          {
                googletag.display('div-gpt-ad-21681463464-1');
          });
</script>
        </div>
        <div id='div-gpt-ad-8773544-1'>
 			<script>
  			googletag.cmd.push(function() { googletag.display('div-gpt-ad-8773544-1'); });
  			</script>
  		</div>
    </div>
    <script>
        // On disable-lazy-loading pages, Adventive rich-media ads expand (~450px on load)
        // then collapse on first scroll (~343px), shifting all article content below by ~82px.
        // Lock the ad slot to its expanded height so the collapse has no layout impact.
        // On normal pages the collapse is intentional UX, so we leave it alone.
        (function() {
            if (document.documentElement.getAttribute('data-disable-lazy-loading') !== 'true') return;
            var adSlot = document.getElementById('div-gpt-ad-8773544-1');
            if (!adSlot || !window.ResizeObserver) return;
            var locked = false;
            var observer = new ResizeObserver(function(entries) {
                var entry = entries[0];
                var h = entry.borderBoxSize ? entry.borderBoxSize[0].blockSize : entry.contentRect.height;
                if (!locked && h > 90) {
                    // Ad has expanded beyond a standard banner height — lock this height.
                    adSlot.style.minHeight = Math.round(h) + 'px';
                    locked = true;
                    observer.disconnect();
                }
            });
            observer.observe(adSlot);
        })();
    </script>


</div>
<div class="experiencefragment aem-GridColumn aem-GridColumn--default--12">

    
        
    
    
</div>
<div class="experiencefragment aem-GridColumn aem-GridColumn--default--12">

    
    

    



<div class="xf-content-height">
    <div class="root responsivegrid">


<div class="aem-Grid aem-Grid--16 aem-Grid--default--16 ">
    
    <div class="acsHeader aem-GridColumn aem-GridColumn--default--12">

    

<nav class="uber-menu d-none d-lg-block" aria-label="Main">
    <a href="#main-content" class="skip-link">Skip to main content</a>
    <ul class="uber-menu--list" role="list">
        
            <li class="uber-menu--item ">
                
                <a href="https://www.acs.org/" target="_blank" rel="noopener noreferrer" aria-label="ACS (opens in new tab)">
                    
                        <img src="/content/dam/acs-cen-redesign/2025/logo/icon-acs-color_uberMenu.svg" alt="ACS logo" loading="eager" class="logo-acs-header" aria-hidden="true"/>
                    
                    <span aria-hidden="true">ACS</span>
                </a>
            </li>
        
            <li class="uber-menu--item ">
                
                <a href="https://pubs.acs.org/" target="_blank" rel="noopener noreferrer" aria-label="ACS Publications (opens in new tab)">
                    
                    <span aria-hidden="true">ACS Publications</span>
                </a>
            </li>
        
            <li class="uber-menu--item active">
                
                <a href="/" target="_blank" rel="noopener noreferrer" aria-label="C&amp;EN (opens in new tab)">
                    
                    <span aria-hidden="true">C&amp;EN</span>
                </a>
            </li>
        
            <li class="uber-menu--item ">
                
                <a href="https://www.cas.org/" target="_blank" rel="noopener noreferrer" aria-label="CAS (opens in new tab)">
                    
                    <span aria-hidden="true">CAS</span>
                </a>
            </li>
        
            <li class="uber-menu--item ">
                
                <a href="https://chemistryjobs.acs.org/" target="_blank" rel="noopener noreferrer" aria-label="Jobs (opens in new tab)">
                    
                    <span aria-hidden="true">Jobs</span>
                </a>
            </li>
        
    </ul>
</nav>
<div id="acsStickyHeader-sentinel" style="height: 1px; width: 100%; visibility: hidden; pointer-events: none;"></div>


<header class="site-header sticky-top" id="acsStickyHeader">
    <div class="site-header--inner">
        <ul class="site-header--navigation text-nowrap" role="list">
            <li class="site-header--navigation-menu">
                <section>


<span class="tooltip-wrapper">
   <button class="btn btn-menu collapsed tooltip-btn" type="button" aria-controls="site-menu" aria-label="Main menu">
      <span class="icon-menu" aria-hidden="true" id="header-menu-button">
         <svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 -960 960 960" width="40" fill="#242424">
            <path d="M140-254.62v-50.25h680v50.25H140Zm0-200.25v-50.26h680v50.26H140Zm0-200.26v-50.25h680v50.25H140Z"/>
         </svg>
      </span>
   </button>
   <span id="menuTooltip" class="tooltip-text" role="tooltip" aria-hidden="true">Main menu</span>
</span>
<div class="site-header--menu-panel shadow-lg hidden" id="site-menu" role="dialog" aria-label="menu" aria-hidden="true">
    <div class="container-lg">
        <div class="row p-3 p-md-0 mb-md-4 mb-1 d-xl-none text-center">
            <div class="col-12">
                <ul class="header-menu-inline--bullet" aria-label="Navigation Links">
                    
                        <li class="header-menu-item">
                            <a href="/explore/news.html" target="_self">News</a>
                        </li>
                    
                        <li class="header-menu-item">
                            <a href="/topics.html" target="_self">Topics</a>
                        </li>
                    
                        <li class="header-menu-item">
                            <a href="/newsletter.html" target="_self">Newsletter</a>
                        </li>
                    
                        <li class="header-menu-item">
                            <a href="/explore/podcasts.html" target="_self">Podcasts</a>
                        </li>
                    
                    
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-2 col-md-6">

                <h2 class="header-menu-title" tabindex="-1">
                    
                        
                        <a href="/explore.html" target="_self" id="sectionExplore" class="link-arrow d-none d-md-inline">
                            Explore
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
                            </svg>
                        </a>
                    
                    

                    <button class="btn btn-lg btn-block text-red text-start fw-semibold btn-chevron d-md-none" type="button" data-collapse-target="#menu-panel-explore" aria-expanded="false" aria-controls="menu-panel-explore">
                        Explore<span class="btn-chevron--toggle" aria-hidden="true"></span>
                    </button>
                </h2>
                <a href="#sectionHighlights" class="skip-link">Skip
                    Explore section</a>
                <div class="mobile-menu-panel collapse d-md-block" id="menu-panel-explore">
                    <ul class="header-menu-vert mb-md-5" role="list" aria-label="Types of Articles">
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/features.html" target="_self">Features
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/perspectives.html" target="_self">Perspectives
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/interviews.html" target="_self">Interviews
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/acs-news.html" target="_self">ACS News
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/graphics.html" target="_self">Graphics
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/chempics.html" target="_self">Chempics
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/games.html" target="_self">Games
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/newscripts.html" target="_self">Newscripts
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/webinars.html" target="_self">Webinars
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/explore/white-papers.html" target="_self">Whitepapers<br />&amp; E-books
                                </a>
                            </li>
                        
                    </ul>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <h2 class="header-menu-title" tabindex="-1">
                    
                        
                        <a id="sectionHighlights" href="/highlights.html" target="_self" class="link-arrow d-none d-md-inline">
                            Highlights
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
                            </svg>
                        </a>
                    
                    <button class="btn btn-lg btn-block text-red text-start fw-semibold btn-chevron d-md-none" type="button" data-collapse-target="#menu-panel-highlights" aria-expanded="false" aria-controls="menu-panel-highlights">
                        Highlights<span class="btn-chevron--toggle" aria-hidden="true"></span>
                    </button>
                </h2>

                <a href="#sectionTopics" class="skip-link">Skip
                    Highlights section</a>
                <div class="mobile-menu-panel collapse d-md-block" id="menu-panel-highlights">
                    <ul class="header-menu-vert-bullet" role="list" aria-label="Highlighted Articles">
                        
                            <li class="header-menu-item">
                                
                                <a href="/pharmaceuticals/drug-discovery/new-opioid-painkiller-surprisingly-few/104/web/2026/04" target="_self">
                                    New opioid painkiller has surprisingly few side effects
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/environment/pollution/community-air-monitoring-cancer-alley/104/web/2026/04" target="_self">
                                    Will community air monitoring bring &#39;Cancer Alley&#39; cleaner air?
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="/business/specialty-chemicals/Iran-war-threatens-global-helium/104/web/2026/03" target="_self">
                                    Iran war threatens global helium supply
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="https://cen.acs.org/policy/research-funding/funds-fueled-chemistry/104/web/2026/01" target="_self">
                                    The funds that fueled chemistry
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="https://cen.acs.org/environment/pesticides/glyphosate-roundup-bayer-monsanto-preemption-trump-executive-order/104/web/2026/03" target="_self">
                                    Farm bill and Trump’s glyphosate order magnify pesticides’ ‘watershed moment’
                                </a>
                            </li>
                        
                            <li class="header-menu-item">
                                
                                <a href="https://cen.acs.org/synthesis/cuprocene-copper-sandwich-complex/104/web/2026/02" target="_self">
                                    Copper finally joins the metallocene club
                                </a>
                            </li>
                        
                    </ul>
                    
                </div>
            </div>
            <div class="col-lg-6 col-md-12">
                <div class="row">
                    <div class="col-lg-8 col-md-8">

                        <h2 class="header-menu-title" tabindex="-1">
                            
                                
                                <a id="sectionTopics" href="/topics.html" target="_self" class="link-arrow d-none d-md-inline">
                                    TOPICS
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
                                    </svg>
                                </a>
                            

                            <button class="btn btn-lg btn-block text-red text-start fw-semibold btn-chevron d-md-none" type="button" data-collapse-target="#menu-panel-topics" aria-expanded="false" aria-controls="menu-panel-topics">
                                TOPICS<span class="btn-chevron--toggle" aria-hidden="true"></span>
                            </button>
                        </h2>
                        <a href="#sectionMagazine" class="skip-link">Skip TOPICS
                            section</a>
                        <div class="mobile-menu-panel collapse d-md-block" id="menu-panel-topics">
                            <ul class="header-menu-vert column-count-lg-2 mb-md-4" role="list" aria-label="List of Topics">
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/analytical-chemistry.html" target="_self">Analytical Chemistry
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/biological-chemistry.html" target="_self">Biological Chemistry
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/business.html" target="_self">Business
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/careers.html" target="_self">Careers
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/education.html" target="_self">Education
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/energy.html" target="_self">Energy
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/environment.html" target="_self">Environment
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/food.html" target="_self">Food
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/materials.html" target="_self">Materials
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/people.html" target="_self">People
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/pharmaceuticals.html" target="_self">Pharmaceuticals
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/physical-chemistry.html" target="_self">Physical Chemistry
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/policy.html" target="_self">Policy
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/research-integrity.html" target="_self">Research Integrity
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/safety.html" target="_self">Safety
                                        </a>
                                    </li>
                                
                                    <li class="header-menu-item">
                                        
                                        <a href="/topics/synthesis.html" target="_self">Synthesis
                                        </a>
                                    </li>
                                
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4">


                        <h2 class="header-menu-title" tabindex="-1">
                            
                                
                                <a id="sectionMagazine" href="/magazine/all-issue.html" target="_self" class="link-arrow d-none d-md-inline">
                                    MAGAZINE
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" aria-hidden="true" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
                                    </svg>
                                </a>
                            
                            <button class="btn btn-lg btn-block text-red text-start fw-semibold btn-chevron d-md-none" type="button" data-collapse-target="#menu-panel-magazine" aria-expanded="false" aria-controls="menu-panel-magazine">
                                MAGAZINE<span class="btn-chevron--toggle" aria-hidden="true"></span>
                            </button>
                        </h2>
                        <a href="#sectionSocial" class="skip-link">Skip Magazine section</a>
                        <div class="mobile-menu-panel collapse d-md-block" id="menu-panel-magazine">
                            
                            
                            <a aria-hidden="true" tabindex="-1" href="/magazine/104/10406.html" target="_self">
                                
                                
                                    
                                    <img data-lazy-src="/content/dam/cen/104/05/25/WIP/10406-ofc.jpg" class="img-fluid mb-3" aria-hidden="true" tabindex="-1"/>
                                
                            </a>
                            <ul class="header-menu-vert mb-md-5" role="list" aria-label="Magazine Issues" href="#sectionSocial">
                                <li class="header-menu-item fw-bold">
                                    
                                    
                                        <a href="/magazine/104/10406.html" target="_self">
                                            
                                                Volume 104 |
                                            
                                            
                                                Issue 6
                                            
                                            May 20, 2026 
                                        </a>
                                    
                                    <ul class="header-menu-inline">
                                        <li class="header-menu-item header-menu-item--sm fw-normal">
                                            
                                            <a href="/magazine/all-issue.html" target="_self">Previous
                                                Issues</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-md-0 mt-3">
            <div class="col-lg-12 text-center">
                <ul id="sectionSocial" class="header-menu-inline" role="list" aria-label="Follow Us on Social Media">
                    
                        <li class="header-menu-item menu-social">
                            
                            <a href="https://www.facebook.com/CENews" onclick="window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" title="facebook" aria-label="facebook">
                                
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16" aria-hidden="true">
                                        <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/>
                                    </svg>
                                
                                
                                
                                
                                
                            </a>
                        </li>
                    
                        <li class="header-menu-item menu-social">
                            
                            <a href="https://www.instagram.com/cenmag/" onclick="window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" title="instagram" aria-label="instagram">
                                
                                
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16" aria-hidden="true">
                                        <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/>
                                    </svg>
                                
                                
                                
                                
                            </a>
                        </li>
                    
                        <li class="header-menu-item menu-social">
                            
                            <a href="https://x.com/cenmag" onclick="window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" title="x" aria-label="x">
                                
                                
                                
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16" aria-hidden="true">
                                        <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
                                    </svg>
                                
                                
                                
                            </a>
                        </li>
                    
                        <li class="header-menu-item menu-social">
                            
                            <a href="https://www.linkedin.com/showcase/c&en/" onclick="window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" title="linkedin" aria-label="linkedin">
                                
                                
                                
                                
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16" aria-hidden="true">
                                        <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
                                    </svg>
                                
                                
                            </a>
                        </li>
                    
                        <li class="header-menu-item menu-social">
                            
                            <a href="https://bsky.app/profile/cenmag.bsky.social" onclick="window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" title="bsky" aria-label="bsky">
                                
                                
                                
                                
                                
                                    <svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" width="24" aria-hidden="true">
                                        <path d="M12 10.8c-1.087 -2.114 -4.046 -6.053 -6.798 -7.995C2.566 0.944 1.561 1.266 0.902 1.565 0.139 1.908 0 3.08 0 3.768c0 0.69 0.378 5.65 0.624 6.479 0.815 2.736 3.713 3.66 6.383 3.364 0.136 -0.02 0.275 -0.039 0.415 -0.056 -0.138 0.022 -0.276 0.04 -0.415 0.056 -3.912 0.58 -7.387 2.005 -2.83 7.078 5.013 5.19 6.87 -1.113 7.823 -4.308 0.953 3.195 2.05 9.271 7.733 4.308 4.267 -4.308 1.172 -6.498 -2.74 -7.078a8.741 8.741 0 0 1 -0.415 -0.056c0.14 0.017 0.279 0.036 0.415 0.056 2.67 0.297 5.568 -0.628 6.383 -3.364 0.246 -0.828 0.624 -5.79 0.624 -6.478 0 -0.69 -0.139 -1.861 -0.902 -2.206 -0.659 -0.298 -1.664 -0.62 -4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z">
                                        </path>
                                    </svg>
                                
                            </a>
                        </li>
                    
                </ul>
            </div>
        </div>
    </div>
</div>
</section>
            </li>
            
                
    <li class="site-header--navigation-search">
                    <span class="tooltip-wrapper">
                        <button class="btn btn-search collapsed tooltip-btn" type="button" aria-controls="search-panel" aria-label="Search">
                            <span class="icon-search" aria-hidden="true" id="header-search-button">
                                <svg xmlns="http://www.w3.org/2000/svg" height="40" viewBox="0 -960 960 960" width="40" fill="#242424">
                                    <path d="M787.64-137.33 530.87-394.1q-29.9 25.86-69.4 40.06-39.51 14.19-81.78 14.19-102.1 0-172.82-70.68-70.71-70.68-70.71-171.84 0-101.17 70.68-171.91t171.99-70.74q101.31 0 172.03 70.69 70.73 70.7 70.73 171.9 0 42.3-14.39 81.84-14.38 39.54-40.53 70.69l257.17 256.1-36.2 36.47ZM379.28-390.1q80.41 0 136.23-55.96 55.82-55.97 55.82-136.38t-55.82-136.37q-55.82-55.96-136.23-55.96-80.75 0-136.81 55.96t-56.06 136.37q0 80.41 56.06 136.38 56.06 55.96 136.81 55.96Z"/>
                                </svg>
                            </span>
                        </button>
                        <span id="searchTooltip" class="tooltip-text" role="tooltip" aria-hidden="true">Search</span>
                    </span>
        <div class="site-header--search-panel shadow-lg hidden" id="search-panel" role="dialog" aria-labelledby="search-heading" aria-hidden="true">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <h2 id="search-heading" class="visually-hidden">Search C&amp;EN</h2>
                    <form role="search">
                        <div class="input-group">
                            <div class="form-floating">
                                <input type="search" class="form-control form-control-lg" id="search-input" placeholder="Search C&amp;EN"/>
                                <label for="search-input" aria-hidden="true">Search C&amp;EN</label>
                            </div>
                            <button class="btn btn-primary btn-lg" type="submit" id="search-button">Search</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </li>

            
            
                <li class="site-header--navigation-item text-item d-none d-xl-block">
                    <a href="/explore/news.html" target="_self">News</a>
                </li>
            
                <li class="site-header--navigation-item text-item d-none d-xl-block">
                    <a href="/topics.html" target="_self">Topics</a>
                </li>
            
                <li class="site-header--navigation-item text-item d-none d-xl-block">
                    <a href="/newsletter.html" target="_self">Newsletter</a>
                </li>
            
                <li class="site-header--navigation-item text-item d-none d-xl-block">
                    <a href="/explore/podcasts.html" target="_self">Podcasts</a>
                </li>
            
            
        </ul>
        <div class="site-header--logo">
            
            <a href="/" target="_self" aria-label="C&amp;EN homepage">
                <img src="/content/dam/acs-cen-redesign/2025/logo/logo-cen-tagline-red.svg" alt="C&amp;EN logo" loading="eager" class="logo-cen-header"/>
            </a>
        </div>
        <div class="site-header--account">



<div class="site-header--account-btn-group" id="site-header">
    <div class="d-none d-lg-block upgradeButton" id="header-user-button" data-src="/subscribe.html" data-save-articles="/saved-articles.html" data-save-preferences="/preferences.html">
    </div>
    <div id="header-user-account" data-src="/subscribe.html">
    </div>
</div></div>
    </div>
</header></div>
<div class="trendingMenuItem aem-GridColumn aem-GridColumn--default--12">




    <nav class="trending-menu" aria-label="Trending Topics">
        <ul class="trending-menu--list" role="list">
            <li class="trending-menu--label">
                
                    <a href="/trending.html">
                        <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/trending-icon.svg" alt="" aria-hidden="true" decoding="async"/>
                        Trending:<span class="visually-hidden"> View all trending topics</span>
                    </a>
                
                
            </li>

            
                <li class="trending-menu--item">
                    <a href="/trending/research-integrity.html">Scientific Integrity</a>
                </li>
            
                <li class="trending-menu--item">
                    <a href="/trending/vaccines.html">Vaccines and Immunizations</a>
                </li>
            
                <li class="trending-menu--item">
                    <a href="/trending/petrochemicals.html">Petrochemical Struggles</a>
                </li>
            
                <li class="trending-menu--item">
                    <a href="/trending/ACS-150-anniversary.html">ACS&#39;s 150th Anniversary</a>
                </li>
            
        </ul>
    </nav>
</div>
<div class="loginWayfindingModal aem-GridColumn aem-GridColumn--default--12">



<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header border-0">
                <span class="tooltip-wrapper ms-auto"><button type="button" class="btn-close tooltip-btn" id="loginModalCloseButton" aria-describedby="closeMessage" data-bs-dismiss="modal" aria-label="Close"></button>
                    <span id="closeMessage" class="tooltip-item" role="tooltip" style="display: none;">Close</span></span>
            </div>
            <div class="modal-body">
                <div class="p-md-5 pt-md-0">

                    <div class="text-center mb-4" aria-hidden="true">
                        <img class="img-fluid" src="/content/dam/acs-cen-redesign/2025/logo/logo-cen-tagline-red.svg"/>
                    </div>

                    <h2 class="modal-title fs-3 fw-bold mb-4 text-center" id="loginModalLabel">Log in or create an account</h2>

                    <ul class="list-checklist mb-4">
                        
                            <li class="mb-1">Access thousands of C&amp;EN articles</li>
                        
                            <li class="mb-1">Get personalized recommendations</li>
                        
                            <li class="mb-1">Follow your preferred chemistry topics</li>
                        
                            <li class="mb-1">Save your favorite articles</li>
                        
                    </ul>

                    
                        <a href="/acs/auth/login" id="loginModalSubscriberLogin" class="btn btn-primary btn-lg btn-block mb-3">Log In</a>
                        
                    

                    <p class="font-14 text-medium-gray text-center">
                        Don&#39;t have an account?
                        <a href="/acs/auth/login" class="text-decoration-underline">Create one</a>
                    </p>

                    <div class="d-flex align-items-center my-3">
                        <hr class="flex-grow-1 opacity-25" aria-hidden="true"/>
                        <span class="px-3 text-uppercase small text-muted" tabindex="-1" data-modal-arrow-cycle>Or</span>
                        <hr class="flex-grow-1 opacity-25" aria-hidden="true"/>
                    </div>

                    
                        <a href="/acs/auth/login?connection=cirrus" id="loginModalInstitutionLogin" class="btn btn-outline-primary btn-block btn-icon-start"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building" viewBox="0 0 16 16">
                                <path d="M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"/>
                                <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3z"/>
                            </svg>  Access Through Institution</a>
                        
                    
                </div>
            </div>
        </div>
    </div>
</div>

<script>
(function initLoginWayfindingModal() {
    var loginModal = document.getElementById('loginModal');
    if (!loginModal) return;

    function normalizeAuthHref(href) {
        if (!href) return href;
        return href.replace(/(\/acs\/auth\/[^?#]+)\.html(?=([?#]|$))/i, '$1');
    }

    function buildCanonicalLoginHref(connection) {
        var currentPageURL = encodeURIComponent(window.location.href);
        var base = '/acs/auth/login';
        if (connection) {
            return base + '?connection=' + encodeURIComponent(connection) + '&pageURL=' + currentPageURL;
        }
        return base + '?pageURL=' + currentPageURL;
    }

    loginModal.addEventListener('show.bs.modal', function() {
        // Force canonical auth endpoints for modal CTAs.
        var subscriberAnchor = loginModal.querySelector('.modal-body .btn-primary[href]');
        if (subscriberAnchor) {
            subscriberAnchor.setAttribute('href', buildCanonicalLoginHref(''));
        }

        var institutionAnchor = loginModal.querySelector('.modal-body .btn-outline-primary[href]');
        if (institutionAnchor) {
            institutionAnchor.setAttribute('href', buildCanonicalLoginHref('cirrus'));
        }

        // Normalize any remaining auth links and preserve pageURL.
        var currentPageURL = encodeURIComponent(window.location.href);
        var links = loginModal.querySelectorAll('a[href*="/acs/auth/login"], a[href*="/acs/auth/"]');
        links.forEach(function(link) {
            var href = normalizeAuthHref(link.getAttribute('href'));
            if (href && !href.includes('pageURL=')) {
                var separator = href.includes('?') ? '&' : '?';
                href = href + separator + 'pageURL=' + currentPageURL;
            }
            link.setAttribute('href', href);
        });
    });

    // Capture-phase handler ensures modal auth links are normalized before
    // any delegated click handlers can rewrite the destination.
    loginModal.addEventListener('click', function(e) {
        var target = e.target;
        var anchor = target.closest('a[href]');
        if (!anchor || !loginModal.contains(anchor)) return;

        var currentPageURL = encodeURIComponent(window.location.href);
        var href = normalizeAuthHref(anchor.getAttribute('href') || '');
        if (!href) return;

        if (href.indexOf('/acs/auth/') !== -1) {
            // Canonicalize all modal auth navigations to extensionless login endpoint.
            if (anchor.classList.contains('btn-outline-primary')) {
                href = buildCanonicalLoginHref('cirrus');
            } else {
                href = buildCanonicalLoginHref('');
            }

            // Preserve normalized href for hover/status bar and browser history.
            anchor.setAttribute('href', href);

            // Stop competing handlers and force consistent servlet navigation.
            e.preventDefault();
            e.stopImmediatePropagation();
            window.location.assign(href);
            return;
        }
    }, true);

    // Fallback for button-based CTAs (when authored without href).
    loginModal.addEventListener('click', function(e) {
        var btn = e.target.closest('.btn-primary, .btn-outline-primary');
        if (!btn || !loginModal.contains(btn) || btn.tagName === 'A') return;

        var currentPageURL = encodeURIComponent(window.location.href);
        if (btn.classList.contains('btn-primary')) {
            e.preventDefault();
            window.location.href = '/acs/auth/login?pageURL=' + currentPageURL;
            return;
        }

        if (btn.classList.contains('btn-outline-primary')) {
            e.preventDefault();
            window.location.href = '/acs/auth/login?connection=cirrus&pageURL=' + currentPageURL;
        }
    });
})();
</script></div>

    
</div>
</div>

</div>

</div>
<div class="responsivegrid aem-GridColumn--default--none aem-GridColumn aem-GridColumn--default--8 aem-GridColumn--offset--default--2">


<div class="aem-Grid aem-Grid--16 aem-Grid--default--16 ">
    
    <div class="homepageSections aem-GridColumn aem-GridColumn--default--12"><main id="main-content">
   <h1 class="visually-hidden">Chemical &amp; Engineering News (C&amp;EN) Homepage</h1>
   <!-- Alert START -->
   
   <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="homepageNotifications aem-GridColumn aem-GridColumn--default--12">

<script>
    function handleCloseNotification() {
      document.getElementById('homeNotification').style.display = 'none';
    }
  </script></div>
<div class="htmlComponent aem-GridColumn aem-GridColumn--default--12">
    
      
    




</div>

    
</div>
</section>
   <!-- Alert END-->
   <div class="container mt-4 mb-5">
      <div class="row">
         <!-- Section 1: List of Articles START -->
         <section class="col-lg-8 pe-lg-5 pb-lg-0 pb-5 homepage-body" id="article-list">
            
            


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="experiencefragment aem-GridColumn aem-GridColumn--default--12">

    
    

    



<div class="xf-content-height">
    <div class="root responsivegrid">


<div class="aem-Grid aem-Grid--16 aem-Grid--default--16 ">
    
    <div class="homepageHero aem-GridColumn aem-GridColumn--default--12">


     

  
       

  
       
 
  
       

   
      

   

    <!--Option 5 Design -->
    
        <div class="hero-feature pb-5 mb-5 border-bottom">

            <div class="row">
                <div class="col-12 mb-5">
                    
                        <article class="article-item article-item--vert article-item--hero hero-feature--primary" role="presentation">
                            <div class="article-item--image">
                                <a href="/biological-chemistry/biochemistry/how-biochemistry-fuels-world-cup-athletes/104/web/2026/06" tabindex="-1" aria-hidden="true">
                                    <!-- Check if we have an intro video -->
                                    
                                    <!-- Fallback to image if no intro video -->
                                    
                                        <img src="https://s7d1.scene7.com/is/image/CENODS/Feature---The-biochemistry-that-fuels-World-Cup-athletes---442704-1:Widescreen?$responsive$&qlt=90,0&resMode=sharp2&fmt=webp" decoding="async" class="homepage-hero-image" style="width: 100%; height: auto; object-fit: cover;"/>
                                    
                                </a>
                            </div>
                            <div class="article-item--content">
                                <div class="tags">
                                    <a tabindex="0" href="/explore/features.html" class="tag-item" aria-describedby="11">Features</a>
                                    <a tabindex="0" href="/topics/biological-chemistry/biochemistry.html" class="tag-item" aria-describedby="homepage-featured-1">Biochemistry</a>
                                </div>
                                <div class="article-item--title" id="homepage-featured-1" role="heading" aria-level="2">
                                    
                                    <a href="/biological-chemistry/biochemistry/how-biochemistry-fuels-world-cup-athletes/104/web/2026/06">How biochemistry fuels World Cup athletes </a>
                                </div>
                                
                                <div class="article-item--description">
                                    Players may be thinking about soccer, but sugar, salt, and sweat contain the chemical secrets to success
                                </div>
                                <div class="article-item--meta">
                                    <span class="date">June 10, 2026</span>
                                    <ul class="actions">
                                        <li><a onclick="openShareModal(event)" data-link="/biological-chemistry/biochemistry/how-biochemistry-fuels-world-cup-athletes/104/web/2026/06" data-title="How biochemistry fuels World Cup athletes " data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, How biochemistry fuels World Cup athletes " role="button">
                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                                    <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                                </svg><span class="tooltip-text" aria-hidden="true">Share</span></a>
                                        </li>
                                        <li>
                                            <a data-path="/content/cen/articles/104/web/2026/06/how-biochemistry-fuels-world-cup-athletes" data-link="/biological-chemistry/biochemistry/how-biochemistry-fuels-world-cup-athletes/104/web/2026/06" data-doi="10.47287/cen.442797.featurearticle" data-title="How biochemistry fuels World Cup athletes " data-taxonomy="Biochemistry" data-articletype="Features" data-authorname="Bethany Halford" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, How biochemistry fuels World Cup athletes " role="button" tabindex="0">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                    <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                                </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </article>
                    
                        
                    
                        
                    
                </div>
            </div>


            <div class="row">
                
                    
                
                    <div class="col-xl-6 pe-xl-4 mb-5">
                        <article class="article-item article-item--vert article-item--hero hero-feature--primary" role="presentation">
                            <div class="article-item--image">
                                <a href="/business/specialty-chemicals/fda-approves-new-sunscreen-molecule-bemt/104/web/2026/06" tabindex="-1" aria-hidden="true">
                                    <!-- Check if we have an intro video -->
                                    
                                    <!-- Fallback to image if no intro video -->
                                    
                                        <img src="/content/dam/cen/104/06/10/WEB/FDA-approves-new-UV-filter--first-in-decades---498144.jpg" decoding="async" class="homepage-hero-image" style="width: 100%; height: auto; object-fit: cover;"/>
                                    
                                </a>
                            </div>
                            <div class="article-item--content">
                                <div class="tags">
                                    <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="11">News</a>
                                    <a tabindex="0" href="/topics/business/specialty-chemicals.html" class="tag-item" aria-describedby="homepage-featured-2">Specialty Chemicals</a>
                                </div>
                                <div class="article-item--title" id="homepage-featured-2" role="heading" aria-level="2">
                                    
                                    <a href="/business/specialty-chemicals/fda-approves-new-sunscreen-molecule-bemt/104/web/2026/06">US gets a new sunscreen molecule, bemotrizinol </a>
                                </div>
                                
                                <div class="article-item--description">
                                    BEMT is the first UV filter to be approved by the FDA since 1996
                                </div>
                                <div class="article-item--meta">
                                    <span class="date">June 10, 2026</span>
                                    <ul class="actions">
                                        <li><a onclick="openShareModal(event)" data-link="/business/specialty-chemicals/fda-approves-new-sunscreen-molecule-bemt/104/web/2026/06" data-title="US gets a new sunscreen molecule, bemotrizinol " data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, US gets a new sunscreen molecule, bemotrizinol " role="button">
                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                                    <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                                </svg><span class="tooltip-text" aria-hidden="true">Share</span></a></li>
                                        <li>
                                            <a data-path="/content/cen/articles/104/web/2026/06/fda-approves-new-sunscreen-molecule-bemt" data-link="/business/specialty-chemicals/fda-approves-new-sunscreen-molecule-bemt/104/web/2026/06" data-doi="10.47287/cen.497197.newsarticle" data-title="US gets a new sunscreen molecule, bemotrizinol " data-taxonomy="Specialty Chemicals" data-articletype="News" data-authorname="Craig Bettenhausen" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, US gets a new sunscreen molecule, bemotrizinol " role="button" tabindex="0">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                    <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                                </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </article>
                    </div>
                
                    
                
                
                    
                
                    
                
                    <div class="col-xl-6 ps-xl-4">
                        <article class="article-item article-item--vert article-item--hero hero-feature--primary" role="presentation">
                            <div class="article-item--image">
                                <a href="/materials/how-soccer-ball-materials-evolved/104/web/2026/06" tabindex="-1" aria-hidden="true">
                                    <!-- Check if we have an intro video -->
                                    
                                    <!-- Fallback to image if no intro video -->
                                    
                                        <img src="https://s7d1.scene7.com/is/image/CENODS/opener-art-1:Widescreen?$responsive$&qlt=90,0&resMode=sharp2&fmt=webp" decoding="async" class="homepage-hero-image" style="width: 100%; height: auto; object-fit: cover;"/>
                                    
                                </a>
                            </div>
                            <div class="article-item--content">
                                <div class="tags">
                                    <a tabindex="0" href="/explore/features.html" class="tag-item" aria-describedby="11">Features</a>
                                    <a tabindex="0" href="/topics/materials.html" class="tag-item" aria-describedby="homepage-featured-3">Materials</a>
                                </div>
                                <div class="article-item--title" id="homepage-featured-3" role="heading" aria-level="2">
                                    
                                    <a href="/materials/how-soccer-ball-materials-evolved/104/web/2026/06">How soccer ball materials have evolved</a>
                                </div>
                                
                                <div class="article-item--description">
                                    All eyes will be <i>on</i> the ball during the FIFA World Cup, but let’s take a peek at the science and engineering that go into footballs
                                </div>
                                <div class="article-item--meta">
                                    <span class="date">June 9, 2026</span>
                                    <ul class="actions">
                                        <li><a onclick="openShareModal(event)" data-link="/materials/how-soccer-ball-materials-evolved/104/web/2026/06" data-title="How soccer ball materials have evolved" data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, How soccer ball materials have evolved" role="button">
                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                                    <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                                </svg><span class="tooltip-text" aria-hidden="true">Share</span></a></li>
                                        <li>
                                            <a data-path="/content/cen/articles/104/web/2026/06/how-soccer-ball-materials-evolved" data-link="/materials/how-soccer-ball-materials-evolved/104/web/2026/06" data-doi="10.47287/cen.448501.digitale(scrollytelly)" data-title="How soccer ball materials have evolved" data-taxonomy="Materials" data-articletype="Features" data-authorname="Prachi Patel" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, How soccer ball materials have evolved" role="button" tabindex="0">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                    <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                                </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </article>
                    </div>
                
            </div>
        </div>
    

       
       
    
       

<script>
document.addEventListener("DOMContentLoaded", function () {
  // Handle video autoplay issues and accessibility for homepage hero
  const heroVideos = document.querySelectorAll('.homepage-hero-video');
  
  heroVideos.forEach(video => {
    // Ensure video plays when loaded
    video.addEventListener('loadeddata', function() {
      if (video.paused) {
        video.play().catch(e => {
          console.log('Homepage hero video autoplay prevented by browser:', e);
        });
      }
    });

    // Pause video when not visible (performance optimization)
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          // Video is visible, play it
          video.play().catch(e => console.log('Video play failed:', e));
        } else {
          // Video is not visible, pause it
          video.pause();
        }
      });
    }, { 
      threshold: 0.3,  // More conservative threshold for hero videos
      rootMargin: '50px' // Start playing before fully visible
    });

    observer.observe(video);

    // Handle video error
    video.addEventListener('error', function(e) {
      console.warn('Homepage hero video error:', e);
      // Hide video and show fallback image
      video.style.display = 'none';
      const fallbackImg = video.querySelector('img');
      if (fallbackImg) {
        fallbackImg.style.display = 'block';
      }
    });
  });
});
</script>
</div>

    
</div>
</div>

</div>

</div>
<div class="homepageMostRecentList aem-GridColumn aem-GridColumn--default--12">
    <div class="article-list-vert">
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/explore/acs-news.html" class="tag-item" aria-describedby="homepage-most-recent-list">ACS News</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/acs-news/natural-polymers-consortium-commercial-sustainability/104/web/2026/06">Consortium takes on challenges of advancing sustainable materials use commercially</a>
                        </div>
                        <div class="article-item--description">
                            A new paper is a call for collaboration for an underresearched topic
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 11, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Consortium takes on challenges of advancing sustainable materials use commercially" role="button" data-link="/acs-news/natural-polymers-consortium-commercial-sustainability/104/web/2026/06" data-title="Consortium takes on challenges of advancing sustainable materials use commercially">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/natural-polymers-consortium-commercial-sustainability" data-link="/acs-news/natural-polymers-consortium-commercial-sustainability/104/web/2026/06" data-doi="10.47287/cen.468352.acsnews" data-title="Consortium takes on challenges of advancing sustainable materials use commercially" data-taxonomy="ACS News" data-articletype="News" data-authorname="Sara Cottle" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Consortium takes on challenges of advancing sustainable materials use commercially" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/acs-news/natural-polymers-consortium-commercial-sustainability/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/Opportunities-and-challenges-commercialization-sustainable-materials---467904-1:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A person holds a giant carton made of paper pulp filled with brown eggs." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/acs-news/awards.html" class="tag-item" aria-describedby="homepage-most-recent-list">Awards</a>
						        
						    
						        
						            <a tabindex="0" href="/explore/acs-news.html" class="tag-item" aria-describedby="homepage-most-recent-list">ACS News</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/acs-news/barry-snider-receives-2026-paul-gassman-award/104/web/2026/06">Barry Snider receives 2026 Paul G. Gassman Distinguished Service Award</a>
                        </div>
                        <div class="article-item--description">
                            The professor is being recognized for his service to the organic chemistry community
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 10, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Barry Snider receives 2026 Paul G. Gassman Distinguished Service Award" role="button" data-link="/acs-news/barry-snider-receives-2026-paul-gassman-award/104/web/2026/06" data-title="Barry Snider receives 2026 Paul G. Gassman Distinguished Service Award">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/barry-snider-receives-2026-paul-gassman-award" data-link="/acs-news/barry-snider-receives-2026-paul-gassman-award/104/web/2026/06" data-doi="10.47287/cen.493605.acsawards" data-title="Barry Snider receives 2026 Paul G. Gassman Distinguished Service Award" data-taxonomy="ACS News" data-articletype="Awards" data-authorname="Sara Cottle" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Barry Snider receives 2026 Paul G. Gassman Distinguished Service Award" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/acs-news/barry-snider-receives-2026-paul-gassman-award/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/2026-Gassman-Distinguished-Service-Award---493059:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A man wearing a blue collared shirt and round glasses smiles at the camera." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/biological-chemistry/genomics.html" class="tag-item" aria-describedby="homepage-most-recent-list">Genomics</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/biological-chemistry/genomics/google-deepmind-sanger-institute-form-ai-genomics-consortium/104/web/2026/06">Google DeepMind and Sanger Institute form AI genomics consortium</a>
                        </div>
                        <div class="article-item--description">
                            The collaboration will focus on creating high-quality datasets for AI models
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 10, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Google DeepMind and Sanger Institute form AI genomics consortium" role="button" data-link="/biological-chemistry/genomics/google-deepmind-sanger-institute-form-ai-genomics-consortium/104/web/2026/06" data-title="Google DeepMind and Sanger Institute form AI genomics consortium">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/google-deepmind-sanger-institute-form-ai-genomics-consortium" data-link="/biological-chemistry/genomics/google-deepmind-sanger-institute-form-ai-genomics-consortium/104/web/2026/06" data-doi="10.47287/cen.498199.newsarticle" data-title="Google DeepMind and Sanger Institute form AI genomics consortium" data-taxonomy="Genomics" data-articletype="News" data-authorname="Sarah Braner" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Google DeepMind and Sanger Institute form AI genomics consortium" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/biological-chemistry/genomics/google-deepmind-sanger-institute-form-ai-genomics-consortium/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/Google-Deepmind-Wellcome-Sanger-consortium---498351:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A gloved hand holds a centrifuge tube over a sample shaker." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/acs-news/awards.html" class="tag-item" aria-describedby="homepage-most-recent-list">Awards</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/people/awards.html" class="tag-item" aria-describedby="homepage-most-recent-list">ACS News</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/people/awards/kavli-award-twistronics/104/web/2026/06">Twistronics founders win 2026 Kavli Prize in Nanoscience</a>
                        </div>
                        <div class="article-item--description">
                            Eva Y. Andrei, Pablo Jarillo-Herrero, and Allan H. MacDonald discovered that graphene’s properties can be tailored by twisting its layers
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 10, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Twistronics founders win 2026 Kavli Prize in Nanoscience" role="button" data-link="/people/awards/kavli-award-twistronics/104/web/2026/06" data-title="Twistronics founders win 2026 Kavli Prize in Nanoscience">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/kavli-award-twistronics" data-link="/people/awards/kavli-award-twistronics/104/web/2026/06" data-doi="10.47287/cen.496647.newsarticle" data-title="Twistronics founders win 2026 Kavli Prize in Nanoscience" data-taxonomy="ACS News" data-articletype="Awards" data-authorname="Fionna Samuels" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Twistronics founders win 2026 Kavli Prize in Nanoscience" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/people/awards/kavli-award-twistronics/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/News---Twistronics-wins-Kavli-award---496253:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Two overlapping hexagons of different colors and with an internal hexagonal pattern are slightly askew and have a new, shimmering pattern as a result, with a close-up showing the offset angle." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/perspectives/columns/greening-chemistry.html" class="tag-item" aria-describedby="homepage-most-recent-list">Greening Chemistry</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/environment/green-chemistry.html" class="tag-item" aria-describedby="homepage-most-recent-list">Green Chemistry</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/environment/green-chemistry/generational-indigenous-thinking-bring-green/104/web/2026/06">What generational and Indigenous thinking can bring to green chemistry</a>
                        </div>
                        <div class="article-item--description">
                            In this column, 3 researchers discuss the value of their collaborations developing a new method of accounting for sustainability
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 10, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, What generational and Indigenous thinking can bring to green chemistry" role="button" data-link="/environment/green-chemistry/generational-indigenous-thinking-bring-green/104/web/2026/06" data-title="What generational and Indigenous thinking can bring to green chemistry">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/generational-indigenous-thinking-bring-green" data-link="/environment/green-chemistry/generational-indigenous-thinking-bring-green/104/web/2026/06" data-doi="10.47287/cen.486801.greeningchemistry" data-title="What generational and Indigenous thinking can bring to green chemistry" data-taxonomy="Green Chemistry" data-articletype="Greening Chemistry" data-authorname="Liz Webkamigad, Jody Rebek, and Audrey Moores, specials to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, What generational and Indigenous thinking can bring to green chemistry" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/environment/green-chemistry/generational-indigenous-thinking-bring-green/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/Greening-Chemistry:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Green-tinted montage of two people in lab coats looking at a model molecule, with images of a forest on either side of them. Two parallel thin lines arc across all three panels." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/business/start-ups.html" class="tag-item" aria-describedby="homepage-most-recent-list">Start-ups</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/business/start-ups/crownlands-launch-olfactory-transcriptomic-atlas/104/web/2026/06">Crownlands emerges from stealth with a transcriptomic atlas from nasal swabs</a>
                        </div>
                        <div class="article-item--description">
                            Start-up studies olfactory neurons as a proxy for the brain
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 10, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Crownlands emerges from stealth with a transcriptomic atlas from nasal swabs" role="button" data-link="/business/start-ups/crownlands-launch-olfactory-transcriptomic-atlas/104/web/2026/06" data-title="Crownlands emerges from stealth with a transcriptomic atlas from nasal swabs">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/crownlands-launch-olfactory-transcriptomic-atlas" data-link="/business/start-ups/crownlands-launch-olfactory-transcriptomic-atlas/104/web/2026/06" data-doi="10.47287/cen.496850.newsarticle" data-title="Crownlands emerges from stealth with a transcriptomic atlas from nasal swabs" data-taxonomy="Start-ups" data-articletype="News" data-authorname="Laurel Oldach" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Crownlands emerges from stealth with a transcriptomic atlas from nasal swabs" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/business/start-ups/crownlands-launch-olfactory-transcriptomic-atlas/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="/content/dam/cen/104/06/10/WEB/Embargoed---Crownlands-launch---496897.jpg" alt="Line drawing of a cross-section of cells in an epithelium, with three distinct layers of cell bodies in green, pink, and blue. The pink cells have bodies in the middle layer but thin processes that stretch up to the top of the tissue layer and down to the bottom." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
        
    </div>



<script>
document.addEventListener("DOMContentLoaded", function () {
  // Handle video autoplay issues and accessibility for homepage most recent list
  const homepageVideos = document.querySelectorAll('.homepage-most-recent-video');

  homepageVideos.forEach(video => {
    // Ensure video plays when loaded
    video.addEventListener('loadeddata', function() {
      if (video.paused) {
        video.play().catch(e => {
          console.log('Homepage most recent video autoplay prevented by browser:', e);
        });
      }
    });

    // Pause video when not visible (performance optimization)
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          // Video is visible, play it
          video.play().catch(e => console.log('Video play failed:', e));
        } else {
          // Video is not visible, pause it
          video.pause();
        }
      });
    }, {
      threshold: 0.3,  // Conservative threshold
      rootMargin: '50px' // Start playing before fully visible
    });

    observer.observe(video);

    // Handle video error
    video.addEventListener('error', function(e) {
      console.warn('Homepage most recent video error:', e);
      // Hide video and show fallback image
      video.style.display = 'none';
      const fallbackImg = video.querySelector('img');
      if (fallbackImg) {
        fallbackImg.style.display = 'block';
      }
    });
  });
});
</script>
</div>

    
</div>

            <!-- List of articles START -->
            <div class="article-list-vert homepage-section-1">
               
               <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    
    
</div>
</section>
            </div>
            <!-- List of articles END -->
         </section>
         <!-- Section 1: List of Articles END -->

         <!-- CORRECTED SIDEBAR - ENTIRE SIDEBAR STICKS AS ONE UNIT -->
         <aside class="col-lg-4 ps-xl-5 homepage-right sticky-sidebar" id="sidebar" role="complementary" aria-label="Section 1 Sidebar">
            <!-- All sidebar content moves together as one sticky unit -->
            <div class="sidebar-content">
               <div class="homepage-right--item order-0 mb-md-5 mb-3" id="tabbed-content">
                  
                  <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="homepageTabbedList aem-GridColumn aem-GridColumn--default--12">

<div class="tabbed-article-list">
    <ul class="nav nav-underline" id="homepage-tabs-editor-popular" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="homepage-editorspicks-tab" data-bs-toggle="tab" data-bs-target="#homepage-editorspicks-tab-pane" type="button" role="tab" aria-controls="homepage-editorspicks-tab-pane" aria-selected="true">Editor's
                Picks</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="homepage-popular-tab" data-bs-toggle="tab" data-bs-target="#homepage-popular-tab-pane" type="button" role="tab" aria-controls="homepage-popular-tab-pane" aria-selected="false">Popular</button>
        </li>
    </ul>
    <div class="tab-content" id="homepage-tabs-editor-popular-content">
        <div class="tab-pane fade show active" id="homepage-editorspicks-tab-pane" role="tabpanel" aria-labelledby="editorspicks-tab">
            <div class="tab-body">
                <ol class="tab-body--list" id="homepage-editorspicks-tab-list">
                </ol>
            </div>
        </div>
        <div class="tab-pane fade" id="homepage-popular-tab-pane" role="tabpanel" aria-labelledby="popular-tab">
            <div class="tab-body">
                <ol class="tab-body--list" id="homepage-popular-tab-list">
                </ol>
            </div>
        </div>
    </div>
</div></div>

    
</div>
</section>
               </div>
               <div class="homepage-right--item order-1 mb-md-5 mb-0">
                  
                  <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="homePageForYou aem-GridColumn aem-GridColumn--default--12"><!-- Edit mode placeholder -->


<div id="foryouhomepage"></div></div>

    
</div>
</section>
               </div>
               <div class="homepage-right--item order-0 order-lg-2">
                  
                  <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="genericAdsAdvanced aem-GridColumn aem-GridColumn--default--12">



    
    

    
    
    
    
    
    
    
        
    




    
    
    
			 <div class="article-small-ads landing-page-ads landingads-noborder advertisement pt-1 pb-1">
    
            <div class="advertisement-label" role="region" aria-label="Advertisement-genericAdsAdvanced1">ADVERTISEMENT</div>
            <div class="adunit" data-adunit="cen" data-dimensions="300x250" data-targeting='{"Topic":",,,,,","Collection":"","Keyword":""}'>
            </div>
        </div>
    
    
    
	
    
    


 </div>

    
</div>
</section>
               </div>
            </div>
         </aside>
      </div>
      <!-- End .row -->
   </div>

   <!-- Ad 728x90 Leaderboard START -->
   
   <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="genericAdsAdvanced aem-GridColumn aem-GridColumn--default--12">



    
    

    
    
    
    
    
    
    
        
    




    
    
    
    
			<div class="article-small-ads landing-page-ads landingads-noborder advertisement pt-4 pb-4 mt-5 mb-5 border-top border-bottom"> 
    
            <div class="advertisement-label" role="region" aria-label="Advertisement-genericAdsAdvanced2">ADVERTISEMENT</div>
            <div class="adunit" data-adunit="cen" data-dimensions="728x90" data-size-mapping="my-size-mapping" data-targeting='{"Topic":",,,,,","Collection":"","Keyword":""}'>
            </div>
        </div>
    
    
	
    
    


 </div>

    
</div>
</section>
   <!-- Ad 728x90 Leaderboard END -->

   <div class="container mt-5 mb-5">
      <div class="row">
         <!-- Section 2: List of Articles START -->
         <section class="col-lg-8 pe-lg-5 pb-lg-0 order-lg-first order-last homepage-body">
            
            <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="homepageMostRecentList aem-GridColumn aem-GridColumn--default--12">
    <div class="article-list-vert">
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/business/outsourcing.html" class="tag-item" aria-describedby="homepage-most-recent-list">Outsourcing</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/business/outsourcing/pentagon-ruling-hits-chinas-wuxi/104/web/2026/06">Pentagon ruling hits China’s WuXi AppTec</a>
                        </div>
                        <div class="article-item--description">
                            The drug services provider is now on a no-hire list for US companies that get federal funds
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 10, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Pentagon ruling hits China’s WuXi AppTec" role="button" data-link="/business/outsourcing/pentagon-ruling-hits-chinas-wuxi/104/web/2026/06" data-title="Pentagon ruling hits China’s WuXi AppTec">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/pentagon-ruling-hits-chinas-wuxi" data-link="/business/outsourcing/pentagon-ruling-hits-chinas-wuxi/104/web/2026/06" data-doi="10.47287/cen.497202.newsarticle" data-title="Pentagon ruling hits China’s WuXi AppTec" data-taxonomy="Outsourcing" data-articletype="News" data-authorname="Aayushi Pratap" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Pentagon ruling hits China’s WuXi AppTec" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/business/outsourcing/pentagon-ruling-hits-chinas-wuxi/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/WuXi-Apptec-named-497249-1:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Executives from WuXi STA, a subsidiary of WuXi AppTec, break ground for the company’s manufacturing campus in Middletown, Delaware, in 2022. " tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/biological-chemistry/gene-editing.html" class="tag-item" aria-describedby="homepage-most-recent-list">Gene Editing</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/biological-chemistry/gene-editing/base-editing-human-embryos/104/web/2026/06">Base editing in human embryos fixes some mutations and creates others</a>
                        </div>
                        <div class="article-item--description">
                            The work proves that embryo editing is far from a clinical reality. But the experiment has sparked controversy nonetheless
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 9, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Base editing in human embryos fixes some mutations and creates others" role="button" data-link="/biological-chemistry/gene-editing/base-editing-human-embryos/104/web/2026/06" data-title="Base editing in human embryos fixes some mutations and creates others">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/base-editing-human-embryos" data-link="/biological-chemistry/gene-editing/base-editing-human-embryos/104/web/2026/06" data-doi="10.47287/cen.494700.newsarticle" data-title="Base editing in human embryos fixes some mutations and creates others" data-taxonomy="Gene Editing" data-articletype="News" data-authorname="Max Barnhart" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Base editing in human embryos fixes some mutations and creates others" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/biological-chemistry/gene-editing/base-editing-human-embryos/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/Human-embryo-base-editing---494750:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A smooth gray surface has a circle on it with a rougher surface inside the circle, as well as two smaller circles that are touching and have dots within each." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/business/mergers-acquisitions.html" class="tag-item" aria-describedby="homepage-most-recent-list">Mergers &amp; Acquisitions</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/business/mergers-&-acquisitions/gsk-nuvalent-oncology-acquisition/104/web/2026/06">GSK to buy cancer drug developer Nuvalent for $10.6 billion</a>
                        </div>
                        <div class="article-item--description">
                            Biotech firm is developing small molecules for lung cancers
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 9, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, GSK to buy cancer drug developer Nuvalent for $10.6 billion" role="button" data-link="/business/mergers-&-acquisitions/gsk-nuvalent-oncology-acquisition/104/web/2026/06" data-title="GSK to buy cancer drug developer Nuvalent for $10.6 billion">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/gsk-nuvalent-oncology-acquisition" data-link="/business/mergers-&-acquisitions/gsk-nuvalent-oncology-acquisition/104/web/2026/06" data-doi="10.47287/cen.496898.newsarticle" data-title="GSK to buy cancer drug developer Nuvalent for $10.6 billion" data-taxonomy="Mergers &amp; Acquisitions" data-articletype="News" data-authorname="Rowan Walrath" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, GSK to buy cancer drug developer Nuvalent for $10.6 billion" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/business/mergers-&-acquisitions/gsk-nuvalent-oncology-acquisition/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/NEWS--GSK-acquires-Nuvalent---497200:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A scientist wearing blue nitrile gloves and a white lab coat emblazoned with the GSK logo draws fluid from a tube into a syringe." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
                    
                    
                        <div class="article-list-item">
                            <div class="adunit" data-adunit="cen" data-dimensions="fluid"></div>
                        </div>
                    
                    
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/policy/litigation.html" class="tag-item" aria-describedby="homepage-most-recent-list">Litigation</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/policy/litigation/australia-pfas-lawsuit-3m-fire-afff/104/web/2026/06">Australia’s $1.4 billion PFAS lawsuit could be a global model </a>
                        </div>
                        <div class="article-item--description">
                            The suit against 3M is part of a growing body of PFAS litigation that places remediation responsibilities on manufacturers
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 9, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Australia’s $1.4 billion PFAS lawsuit could be a global model " role="button" data-link="/policy/litigation/australia-pfas-lawsuit-3m-fire-afff/104/web/2026/06" data-title="Australia’s $1.4 billion PFAS lawsuit could be a global model ">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/australia-pfas-lawsuit-3m-fire-afff" data-link="/policy/litigation/australia-pfas-lawsuit-3m-fire-afff/104/web/2026/06" data-doi="10.47287/cen.494298.newsarticle" data-title="Australia’s $1.4 billion PFAS lawsuit could be a global model " data-taxonomy="Litigation" data-articletype="News" data-authorname="Bec Roldan, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Australia’s $1.4 billion PFAS lawsuit could be a global model " role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/policy/litigation/australia-pfas-lawsuit-3m-fire-afff/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/Australia-s-PFAS-lawsuit-could-be-a-model-for-other-countries---493061:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A firefighter in an orange fire suit and wearing a white hard hat holds a hose spraying white foam against a tree in a forest while a second firefighter looks on." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/synthesis/reagents.html" class="tag-item" aria-describedby="homepage-most-recent-list">Reagents</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/synthesis/reagents/bleach-iron-catalyst-make-epoxidation-safer/104/web/2026/06">Bleach and an iron catalyst make epoxidation scalable and safer</a>
                        </div>
                        <div class="article-item--description">
                            The reaction epoxidizes a variety of substrates without the need for hazardous mCPBA
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 9, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Bleach and an iron catalyst make epoxidation scalable and safer" role="button" data-link="/synthesis/reagents/bleach-iron-catalyst-make-epoxidation-safer/104/web/2026/06" data-title="Bleach and an iron catalyst make epoxidation scalable and safer">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/bleach-iron-catalyst-make-epoxidation-safer" data-link="/synthesis/reagents/bleach-iron-catalyst-make-epoxidation-safer/104/web/2026/06" data-doi="10.47287/cen.481252.newsarticle" data-title="Bleach and an iron catalyst make epoxidation scalable and safer" data-taxonomy="Reagents" data-articletype="News" data-authorname="Victoria Corless, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Bleach and an iron catalyst make epoxidation scalable and safer" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/synthesis/reagents/bleach-iron-catalyst-make-epoxidation-safer/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/News--Catalyst-and-bleach-replace-dangerous-oxidant---481048:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="On the left side of the reaction arrow is tri-<i>O</i>-acetyl-<i>D<i>-glucal, and on the right side is the epoxidized version of that compound. The reaction arrow in the middle is labeled with “Iron catalyst, bleach” and “15 min.”</i></i>" tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news/briefs/business-briefs.html" class="tag-item" aria-describedby="homepage-most-recent-list">Business Briefs</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/business.html" class="tag-item" aria-describedby="homepage-most-recent-list">Business</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/business/business-watch-carlyle-divestiture-basf-incyte-vega-therapeutics/104/web/2026/06">Business Watch: Regulators want Carlyle divestiture in BASF bid; Incyte to buy Vega Therapeutics</a>
                        </div>
                        <div class="article-item--description">
                            Here’s what we’re watching in the chemical and pharmaceutical industries this week
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 9, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Business Watch: Regulators want Carlyle divestiture in BASF bid; Incyte to buy Vega Therapeutics" role="button" data-link="/business/business-watch-carlyle-divestiture-basf-incyte-vega-therapeutics/104/web/2026/06" data-title="Business Watch: Regulators want Carlyle divestiture in BASF bid; Incyte to buy Vega Therapeutics">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/business-watch-carlyle-divestiture-basf-incyte-vega-therapeutics" data-link="/business/business-watch-carlyle-divestiture-basf-incyte-vega-therapeutics/104/web/2026/06" data-doi="10.47287/cen.494751.newsarticle" data-title="Business Watch: Regulators want Carlyle divestiture in BASF bid; Incyte to buy Vega Therapeutics" data-taxonomy="Business" data-articletype="Business Briefs" data-authorname="C&amp;EN editorial team" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Business Watch: Regulators want Carlyle divestiture in BASF bid; Incyte to buy Vega Therapeutics" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/business/business-watch-carlyle-divestiture-basf-incyte-vega-therapeutics/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/Business-Watch-for-June-9---494802:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A worker applies an automotive refinish to a vehicle body." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
            
        
    </div>



<script>
document.addEventListener("DOMContentLoaded", function () {
  // Handle video autoplay issues and accessibility for homepage most recent list
  const homepageVideos = document.querySelectorAll('.homepage-most-recent-video');

  homepageVideos.forEach(video => {
    // Ensure video plays when loaded
    video.addEventListener('loadeddata', function() {
      if (video.paused) {
        video.play().catch(e => {
          console.log('Homepage most recent video autoplay prevented by browser:', e);
        });
      }
    });

    // Pause video when not visible (performance optimization)
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          // Video is visible, play it
          video.play().catch(e => console.log('Video play failed:', e));
        } else {
          // Video is not visible, pause it
          video.pause();
        }
      });
    }, {
      threshold: 0.3,  // Conservative threshold
      rootMargin: '50px' // Start playing before fully visible
    });

    observer.observe(video);

    // Handle video error
    video.addEventListener('error', function(e) {
      console.warn('Homepage most recent video error:', e);
      // Hide video and show fallback image
      video.style.display = 'none';
      const fallbackImg = video.querySelector('img');
      if (fallbackImg) {
        fallbackImg.style.display = 'block';
      }
    });
  });
});
</script>
</div>

    
</div>
</section>
         </section>
         <!-- Section 2: List of Articles END -->

         <!-- SECTION 2 SIDEBAR - ENTIRE SIDEBAR STICKS AS ONE UNIT -->
         <aside class="col-lg-4 ps-xl-5 mx-md-auto order-lg-last order-first homepage-right sticky-sidebar" role="complementary" aria-label="Section 2 Sidebar">
            <div class="sidebar-content">
               <div class="homepage-right--item order-1 mb-5">
                  
                  <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="chemistryInPictures aem-GridColumn aem-GridColumn--default--12">

    


<section>
    
        
            <div class="homepage-right--item order-1 mb-5">
                <!-- Without Frame Border Variant -->
                <div class="frame-border">
                    <div class="text-center mb-4">
                        
                        <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/logo-chempics.svg" class="img-fluid w-50 mb-3" decoding="async"/></a>
                        <p class="text-medium-gray mb-0">Showcasing the beauty of chemistry, chemical engineering, and related sciences.</p>
                    </div>

                    <!-- Article -->
                    <article class="article-item article-item--vert" role="presentation">
                        <div class="article-item--image">
                            <a href="/biological-chemistry/biochemistry/chemistry-pictures-spindle-fibers-dna/104/web/2026/06" aria-hidden="true" tabindex="-1">
                                <!-- Check if we have an intro video -->
                                
                                    <!-- Video with auto loop enabled for intro video -->
                                    <video class="chemistry-pictures-video" style="width: 100%; height: auto; object-fit: cover;" autoplay loop muted playsinline preload="metadata" poster="https://s7d1.scene7.com/is/content/CENODS/485700-dosido?ext=.mp4" aria-label="Chemistry in Pictures intro video" title="Chemistry in Pictures - Chemistry in Pictures: DNA’s cellular do-si-do">
                                        <source src="https://s7d1.scene7.com/is/content/CENODS/485700-dosido?ext=.mp4" type="video/mp4"/>
                                        <!-- Fallback for browsers that don't support video -->
                                        <img src="https://s7d1.scene7.com/is/content/CENODS/485700-dosido?ext=.mp4" alt="Chemistry in Pictures - Chemistry in Pictures: DNA’s cellular do-si-do" style="width: 100%; height: auto;"/>
                                    </video>
                                
                                <!-- Fallback to image if no intro video -->
                                
                            </a>
                        </div>

                        <div class="article-item--content">
                            <div class="tags">
                                
                                  
                                    <a tabindex="0" class="tag-item" href="/topics/biological-chemistry/biochemistry.html">Biochemistry</a>
                                    
                                
                            </div>

                            <div class="article-item--title" role="heading" aria-level="3" id="article-0">
                                <a href="/biological-chemistry/biochemistry/chemistry-pictures-spindle-fibers-dna/104/web/2026/06">Chemistry in Pictures: DNA’s cellular do-si-do</a>
                            </div>
                            

                            <div class="article-item--meta">
                                <span class="date">
                                    June 4, 2026
                                </span>
                                <ul class="actions">
                                    <li>
                                        <a onclick="openShareModal(event)" data-link="/biological-chemistry/biochemistry/chemistry-pictures-spindle-fibers-dna/104/web/2026/06" data-title="Chemistry in Pictures: DNA’s cellular do-si-do" data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Chemistry in Pictures: DNA’s cellular do-si-do" role="button">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                                <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                            </svg><span class="tooltip-text" aria-hidden="true">Share</span>
                                            </a>
                                    </li>
                                    <li>
                                        <a data-path="/content/cen/articles/104/web/2026/06/chemistry-pictures-spindle-fibers-dna" data-link="/biological-chemistry/biochemistry/chemistry-pictures-spindle-fibers-dna/104/web/2026/06" data-doi="10.47287/cen.485700.chempics" data-title="Chemistry in Pictures: DNA’s cellular do-si-do" data-taxonomy="Biochemistry" data-articletype="Chempics" data-authorname="Max Barnhart" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Chemistry in Pictures: DNA’s cellular do-si-do" tabindex="0" role="button">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                            </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </article>

                    <div class="d-flex flex-lg-column flex-md-row flex-column justify-content-center align-items-center gap-3 mt-4">
                        <div>
                            <a href="/explore/chempics.html" class="link-arrow">
                                More Chempics
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
                                </svg>
                            </a>
                        </div>
                        <div>
                            <a id="submityour" href="#" role="button" class="btn btn-primary" aria-haspopup="dialog">
                                Submit your Photo
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        
    
</section>
<script>
document.addEventListener("DOMContentLoaded", function () {
  // Handle submit button modal
  const openModalBtn = document.getElementById("submityour");
  if (openModalBtn) {
    openModalBtn.addEventListener("click", function () {
      const modalElement = document.getElementById("chempicsModal");
      if (!modalElement) {
        console.error("Modal element not found!");
        return;
      }

      const modal = new bootstrap.Modal(modalElement);
      modal.show();
    });
  }

  // Handle video autoplay issues and accessibility
  const videos = document.querySelectorAll('.chemistry-pictures-video');
  videos.forEach(video => {
    // Ensure video plays when visible
    video.addEventListener('loadeddata', function() {
      if (video.paused) {
        video.play().catch(e => {
          console.log('Video autoplay prevented by browser:', e);
        });
      }
    });

    // Pause video when not visible (performance optimization)
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          video.play().catch(e => console.log('Video play failed:', e));
        } else {
          video.pause();
        }
      });
    }, { threshold: 0.5 });

    observer.observe(video);
  });
});
</script>
</div>

    
</div>
</section>
               </div>
               <div class="homepage-right--item order-2 mb-5 d-none d-lg-block">
                  
                  <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="sponsoredContent aem-GridColumn aem-GridColumn--default--12">


    
    
    
        
    
    



  
    <div class="adunit" data-adunit="cen" data-dimensions="fluid" data-targeting='{"Topic":",","pos":"CEN_Native_Right_Rail"}'></div>
  
  

</div>

    
</div>
</section>
               </div>
               <div class="homepage-right--item order-0 order-lg-3 mb-5">
                  
                  <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    
    
</div>
</section>
               </div>
            </div>
         </aside>
         <!-- End aside -->
      </div>
      <!-- End .row -->
   </div>

   <!-- Ad 728x90 Leaderboard START -->
   
   <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="genericAdsAdvanced aem-GridColumn aem-GridColumn--default--12">



    
    

    
    
    
    
    
    
    
        
    




    
    
    
    
			<div class="article-small-ads landing-page-ads landingads-noborder advertisement pt-4 pb-4 mt-5 mb-5 border-top border-bottom"> 
    
            <div class="advertisement-label" role="region" aria-label="Advertisement-genericAdsAdvanced2">ADVERTISEMENT</div>
            <div class="adunit" data-adunit="cen" data-dimensions="728x90" data-size-mapping="my-size-mapping" data-targeting='{"Topic":",,,,,","Collection":"","Keyword":""}'>
            </div>
        </div>
    
    
	
    
    


 </div>

    
</div>
</section>
   <!-- Ad 728x90 Leaderboard END -->

   <!-- Podcast fullwidth START -->
   
   <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="featureArticleType aem-GridColumn aem-GridColumn--default--12">



    

    

    
    
    <section aria-label="Podcast: Inflection Point" class="mt-5 mb-lg-5 mb-0 border-bottom-lg" id="feature-articles-carousel-a8d59fa3">
        <div class="container pb-5">
            <div class="row justify-content-between">
                <div class="col-xl-auto">
                    
                        <h2 class="heading-line-top fw-bold mb-4">Podcast: Inflection Point</h2>
                    
                    

                </div>
                
                    <div class="col-xl-auto pt-xl-2 mb-xl-0 mb-5">
                        <div class="d-flex flex-wrap justify-content-lg-end justify-content-center" role="list">
                            
                                <div role="listitem">
                                    
                                    <a class="iconOutline" href="https://podcasts.apple.com/us/podcast/inflection-point/id1804147797" target="_blank" rel="noopener noreferrer" aria-label="Apple Podcast (opens in new tab)">
                                        <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/apple-podcasts-dark-blue.png" alt="Apple Podcast" class="m-1" decoding="async" style="max-width: 156px;" aria-hidden="true"/>
                                    </a>
                                </div>
                            
                                <div role="listitem">
                                    
                                    <a class="iconOutline" href="https://www.youtube.com/playlist?list=PLM2CTqSTy7cQDVZGhs3tnyi6dZEawD-9_" target="_blank" rel="noopener noreferrer" aria-label="Listen on Youtube Music (opens in new tab)">
                                        <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/youtube-music-dark-blue.png" alt="Listen on Youtube Music" class="m-1" decoding="async" style="max-width: 156px;" aria-hidden="true"/>
                                    </a>
                                </div>
                            
                                <div role="listitem">
                                    
                                    <a class="iconOutline" href="https://open.spotify.com/show/1dajV3XMJNL3i61U4LhNeh" target="_blank" rel="noopener noreferrer" aria-label="Listen on Sportify (opens in new tab)">
                                        <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/spotify-dark-blue.png" alt="Listen on Sportify" class="m-1" decoding="async" style="max-width: 156px;" aria-hidden="true"/>
                                    </a>
                                </div>
                            
                                <div role="listitem">
                                    
                                    <a class="iconOutline" href="https://www.amazon.com/Inflection-Point/dp/B0F2B9GJSB" target="_blank" rel="noopener noreferrer" aria-label="Listen on Amazon Music (opens in new tab)">
                                        <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/amazon-music-dark-blue.png" alt="Listen on Amazon Music" class="m-1" decoding="async" style="max-width: 156px;" aria-hidden="true"/>
                                    </a>
                                </div>
                            
                            <span class="d-lg-none d-md-block w-100 m-0"></span>
                        </div>
                    </div>
                
            </div>
            <div class="row gx-lg-5" id="feature-articles">
                
                    <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
                        
                        
                            <article class="article-item article-item--vert article-item--sm-horz">
                        
                        <div class="article-item--image">
                            <a href="/environment/green-chemistry/podcast-capturing-removing-carbon-moonshot/104/web/2026/06" aria-hidden="true" tabindex="-1">
                                <!-- Check if we have an intro video -->
                                
                                <!-- Fallback to image if no intro video -->
                                
                                    <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/Capturing-and-removing-carbon-(Inflection-Point)---444395:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="The left third of the collage appears to be coral under blue-tinted water. In the center, there is a black-and-white image of a man standing in front of the moon looking at an instrument resembling a telescope. On the right third, there is a green forest." style="width: 100%; height: auto; object-fit: cover;"/>
                                
                            </a>
                        </div>
                        <div class="article-item--content">
                            <div class="tags">
                                
                                    
                                        <a tabindex="0" href="/explore/podcasts/inflection-point.html" class="tag-item" aria-describedby="Can we carbon-capture our way out of climate change?">Inflection Point</a>
                                    
                                
                                    
                                        <a tabindex="0" href="/topics/environment/green-chemistry.html" class="tag-item" aria-describedby="Can we carbon-capture our way out of climate change?">Green Chemistry</a>
                                    
                                
                            </div>
                            <div class="article-item--title" role="heading" aria-level="2">
                                <a href="/environment/green-chemistry/podcast-capturing-removing-carbon-moonshot/104/web/2026/06">Can we carbon-capture our way out of climate change?</a>
                            </div>
                            <div class="article-item--meta">
                                <span class="date">June 3, 2026</span>
                                <ul class="actions">
                                    <li><a onclick="openShareModal(event)" data-link="/environment/green-chemistry/podcast-capturing-removing-carbon-moonshot/104/web/2026/06" data-title="Can we carbon-capture our way out of climate change?" data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Can we carbon-capture our way out of climate change?" role="button">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share-fill text-red" viewBox="0 0 16 16">
                                                <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                            </svg>
                                            <span class="tooltip-text" aria-hidden="true">Share</span>
                                        </a></li>
                                    <li>
                                        <a data-path="/content/cen/articles/104/web/2026/06/podcast-capturing-removing-carbon-moonshot" data-link="/environment/green-chemistry/podcast-capturing-removing-carbon-moonshot/104/web/2026/06" data-doi="10.47287/cen.444248.podcastinflectionpoint" data-title="Can we carbon-capture our way out of climate change?" data-taxonomy="Green Chemistry" data-articletype="Inflection Point" data-authorname="David Anderson, Gina Vitale, Alex Scott, Fionna Samuels, Jeremy Barr, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Can we carbon-capture our way out of climate change?" role="button" tabindex="0">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                            </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        </article>
                    </div>
                
                    <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
                        
                        
                            <article class="article-item article-item--vert article-item--sm-horz">
                        
                        <div class="article-item--image">
                            <a href="/pharmaceuticals/pharmaceutical-chemicals/inflection-point-retinol-skincare-history-podcast/104/web/2026/05" aria-hidden="true" tabindex="-1">
                                <!-- Check if we have an intro video -->
                                
                                <!-- Fallback to image if no intro video -->
                                
                                    <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/444201-inflection-point-s2e1:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="The pyramids of Egypt, a container full of retinol cream, and a decanter full of whiskey float in front of a black background." style="width: 100%; height: auto; object-fit: cover;"/>
                                
                            </a>
                        </div>
                        <div class="article-item--content">
                            <div class="tags">
                                
                                    
                                        <a tabindex="0" href="/explore/podcasts/inflection-point.html" class="tag-item" aria-describedby="Podcast: The blindsiding history of retinol">Inflection Point</a>
                                    
                                
                                    
                                        <a tabindex="0" href="/topics/pharmaceuticals/pharmaceutical-chemicals.html" class="tag-item" aria-describedby="Podcast: The blindsiding history of retinol">Pharmaceutical Chemicals</a>
                                    
                                
                            </div>
                            <div class="article-item--title" role="heading" aria-level="2">
                                <a href="/pharmaceuticals/pharmaceutical-chemicals/inflection-point-retinol-skincare-history-podcast/104/web/2026/05">Podcast: The blindsiding history of retinol</a>
                            </div>
                            <div class="article-item--meta">
                                <span class="date">May 20, 2026</span>
                                <ul class="actions">
                                    <li><a onclick="openShareModal(event)" data-link="/pharmaceuticals/pharmaceutical-chemicals/inflection-point-retinol-skincare-history-podcast/104/web/2026/05" data-title="Podcast: The blindsiding history of retinol" data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Podcast: The blindsiding history of retinol" role="button">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share-fill text-red" viewBox="0 0 16 16">
                                                <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                            </svg>
                                            <span class="tooltip-text" aria-hidden="true">Share</span>
                                        </a></li>
                                    <li>
                                        <a data-path="/content/cen/articles/104/web/2026/05/inflection-point-retinol-skincare-history-podcast" data-link="/pharmaceuticals/pharmaceutical-chemicals/inflection-point-retinol-skincare-history-podcast/104/web/2026/05" data-doi="10.47287/cen.444201.podcastinflectionpoint" data-title="Podcast: The blindsiding history of retinol" data-taxonomy="Pharmaceutical Chemicals" data-articletype="Inflection Point" data-authorname="David Anderson, Gina Vitale, Craig Bettenhausen, Jeremy Barr, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Podcast: The blindsiding history of retinol" role="button" tabindex="0">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                            </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        </article>
                    </div>
                
                    <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
                        
                        
                            <article class="article-item article-item--vert article-item--sm-horz">
                        
                        <div class="article-item--image">
                            <a href="/materials/energy-storage/lithium-ion-batteries-history-electric-vehicles-devices-rechargeable/103/web/2025/12" aria-hidden="true" tabindex="-1">
                                <!-- Check if we have an intro video -->
                                
                                <!-- Fallback to image if no intro video -->
                                
                                    <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/241154-inflectionpt-ep4:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Illustration of lithium-ion batteries." style="width: 100%; height: auto; object-fit: cover;"/>
                                
                            </a>
                        </div>
                        <div class="article-item--content">
                            <div class="tags">
                                
                                    
                                        <a tabindex="0" href="/explore/podcasts/inflection-point.html" class="tag-item" aria-describedby="The electric innovations that brought lithium-ion batteries online">Inflection Point</a>
                                    
                                
                                    
                                        <a tabindex="0" href="/topics/materials/energy-storage.html" class="tag-item" aria-describedby="The electric innovations that brought lithium-ion batteries online">Energy Storage</a>
                                    
                                
                            </div>
                            <div class="article-item--title" role="heading" aria-level="2">
                                <a href="/materials/energy-storage/lithium-ion-batteries-history-electric-vehicles-devices-rechargeable/103/web/2025/12">The electric innovations that brought lithium-ion batteries online</a>
                            </div>
                            <div class="article-item--meta">
                                <span class="date">December 17, 2025</span>
                                <ul class="actions">
                                    <li><a onclick="openShareModal(event)" data-link="/materials/energy-storage/lithium-ion-batteries-history-electric-vehicles-devices-rechargeable/103/web/2025/12" data-title="The electric innovations that brought lithium-ion batteries online" data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, The electric innovations that brought lithium-ion batteries online" role="button">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share-fill text-red" viewBox="0 0 16 16">
                                                <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                            </svg>
                                            <span class="tooltip-text" aria-hidden="true">Share</span>
                                        </a></li>
                                    <li>
                                        <a data-path="/content/cen/articles/103/web/2025/12/lithium-ion-batteries-history-electric-vehicles-devices-rechargeable" data-link="/materials/energy-storage/lithium-ion-batteries-history-electric-vehicles-devices-rechargeable/103/web/2025/12" data-doi="10.1021/cen-253541-Podcast Inflection Point" data-title="The electric innovations that brought lithium-ion batteries online" data-taxonomy="Energy Storage" data-articletype="Inflection Point" data-authorname="David Anderson, Gina Vitale, Prachi Patel, Jeremy Barr, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, The electric innovations that brought lithium-ion batteries online" role="button" tabindex="0">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                            </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        </article>
                    </div>
                
                    <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
                        
                        
                            <article class="article-item article-item--vert article-item--sm-horz">
                        
                        <div class="article-item--image">
                            <a href="/pharmaceuticals/antibiotics/Podcast-Inflection-Point-ancient-origins-antibiotic-resistance/103/web/2025/12" aria-hidden="true" tabindex="-1">
                                <!-- Check if we have an intro video -->
                                
                                <!-- Fallback to image if no intro video -->
                                
                                    <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/Inflection-Point-S2E3---Antibiotic-Resistance---241692:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" style="width: 100%; height: auto; object-fit: cover;"/>
                                
                            </a>
                        </div>
                        <div class="article-item--content">
                            <div class="tags">
                                
                                    
                                        <a tabindex="0" href="/explore/podcasts/inflection-point.html" class="tag-item" aria-describedby="Podcast: The ancient, ‘juicy’ origins of antibiotic resistance">Inflection Point</a>
                                    
                                
                                    
                                        <a tabindex="0" href="/topics/pharmaceuticals/antibiotics.html" class="tag-item" aria-describedby="Podcast: The ancient, ‘juicy’ origins of antibiotic resistance">Antibiotics</a>
                                    
                                
                            </div>
                            <div class="article-item--title" role="heading" aria-level="2">
                                <a href="/pharmaceuticals/antibiotics/Podcast-Inflection-Point-ancient-origins-antibiotic-resistance/103/web/2025/12">Podcast: The ancient, ‘juicy’ origins of antibiotic resistance</a>
                            </div>
                            <div class="article-item--meta">
                                <span class="date">December 3, 2025</span>
                                <ul class="actions">
                                    <li><a onclick="openShareModal(event)" data-link="/pharmaceuticals/antibiotics/Podcast-Inflection-Point-ancient-origins-antibiotic-resistance/103/web/2025/12" data-title="Podcast: The ancient, ‘juicy’ origins of antibiotic resistance" data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Podcast: The ancient, ‘juicy’ origins of antibiotic resistance" role="button">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share-fill text-red" viewBox="0 0 16 16">
                                                <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                            </svg>
                                            <span class="tooltip-text" aria-hidden="true">Share</span>
                                        </a></li>
                                    <li>
                                        <a data-path="/content/cen/articles/103/web/2025/12/Podcast-Inflection-Point-ancient-origins-antibiotic-resistance" data-link="/pharmaceuticals/antibiotics/Podcast-Inflection-Point-ancient-origins-antibiotic-resistance/103/web/2025/12" data-doi="10.1021/cen-241154-Podcast Inflection Point" data-title="Podcast: The ancient, ‘juicy’ origins of antibiotic resistance" data-taxonomy="Antibiotics" data-articletype="Inflection Point" data-authorname="David Anderson, Gina Vitale, Rowan Walrath, and Jeremy Barr, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Podcast: The ancient, ‘juicy’ origins of antibiotic resistance" role="button" tabindex="0">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                            </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        </article>
                    </div>
                
            </div>
            
                <div class="row">
                    <div class="col text-end mt-4">
                        <a href="/explore/podcasts.html" class="link-arrow" role="link">More Episodes
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
                            </svg>
                        </a>
                    </div>
                </div>
            
        </div>
    </section>


    

    
        
    
        
    



<script>
document.addEventListener("DOMContentLoaded", function () {
  // Handle video autoplay issues and accessibility for feature articles
  const featureVideos = document.querySelectorAll('.feature-article-video');
  
  featureVideos.forEach(video => {
    // Ensure video plays when loaded
    video.addEventListener('loadeddata', function() {
      if (video.paused) {
        video.play().catch(e => {
          console.log('Feature article video autoplay prevented by browser:', e);
        });
      }
    });

    // Pause video when not visible (performance optimization)
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          // Video is visible, play it
          video.play().catch(e => console.log('Video play failed:', e));
        } else {
          // Video is not visible, pause it
          video.pause();
        }
      });
    }, { 
      threshold: 0.3,  // Conservative threshold
      rootMargin: '50px' // Start playing before fully visible
    });

    observer.observe(video);

    // Handle video error
    video.addEventListener('error', function(e) {
      console.warn('Feature article video error:', e);
      // Hide video and show fallback image
      video.style.display = 'none';
      const fallbackImg = video.querySelector('img');
      if (fallbackImg) {
        fallbackImg.style.display = 'block';
      }
    });
  });
});
</script>
</div>

    
</div>
</section>
   <!-- Podcast fullwidth END -->

   <div class="container mt-lg-5 mt-0 mb-5">
      <div class="row">
         <!-- Section 3: List of Articles START -->
         <section class="col-lg-8 pe-lg-5 pb-lg-0 order-lg-first order-last homepage-body">
            
            <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="homepageMostRecentList aem-GridColumn aem-GridColumn--default--12">
    <div class="article-list-vert">
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/analytical-chemistry/art-artifacts.html" class="tag-item" aria-describedby="homepage-most-recent-list">Art &amp; Artifacts</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/analytical-chemistry/art-&-artifacts/as-humans-evolved-tooth-enamel-changed-at-nanoscale/104/web/2026/06">As humans evolved, changes in diet changed our tooth enamel at the nanoscale</a>
                        </div>
                        <div class="article-item--description">
                            Changes in orientation of hydroxyapatite crystals linked to increasing hardness of foods
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 9, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, As humans evolved, changes in diet changed our tooth enamel at the nanoscale" role="button" data-link="/analytical-chemistry/art-&-artifacts/as-humans-evolved-tooth-enamel-changed-at-nanoscale/104/web/2026/06" data-title="As humans evolved, changes in diet changed our tooth enamel at the nanoscale">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/as-humans-evolved-tooth-enamel-changed-at-nanoscale" data-link="/analytical-chemistry/art-&-artifacts/as-humans-evolved-tooth-enamel-changed-at-nanoscale/104/web/2026/06" data-doi="10.47287/cen.493000.newsarticle" data-title="As humans evolved, changes in diet changed our tooth enamel at the nanoscale" data-taxonomy="Art &amp; Artifacts" data-articletype="News" data-authorname="Payal Dhar, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, As humans evolved, changes in diet changed our tooth enamel at the nanoscale" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/analytical-chemistry/art-&-artifacts/as-humans-evolved-tooth-enamel-changed-at-nanoscale/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/NEWS--Human-tooth-enamel-structure-changed-with-a-change-in-diet---493752:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Lower jaw of a human with almost a full set of teeth, two incisors are missing." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/interviews/profiles-in-chemistry.html" class="tag-item" aria-describedby="homepage-most-recent-list">Profiles in Chemistry</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/pharmaceuticals/drug-discovery.html" class="tag-item" aria-describedby="homepage-most-recent-list">Drug Discovery</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/pharmaceuticals/drug-discovery/Pharm-Table-podcast-duo-bridges/104/web/2026/06">‘Pharm to Table’ podcast duo bridges the academia-industry divide</a>
                        </div>
                        <div class="article-item--description">
                            The Merck colleagues and cohosts advocate closer collaboration between academic and industry chemists
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 9, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, ‘Pharm to Table’ podcast duo bridges the academia-industry divide" role="button" data-link="/pharmaceuticals/drug-discovery/Pharm-Table-podcast-duo-bridges/104/web/2026/06" data-title="‘Pharm to Table’ podcast duo bridges the academia-industry divide">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/Pharm-Table-podcast-duo-bridges" data-link="/pharmaceuticals/drug-discovery/Pharm-Table-podcast-duo-bridges/104/web/2026/06" data-doi="10.47287/cen.306754.profile" data-title="‘Pharm to Table’ podcast duo bridges the academia-industry divide" data-taxonomy="Drug Discovery" data-articletype="Profiles in Chemistry" data-authorname="Mark Peplow, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, ‘Pharm to Table’ podcast duo bridges the academia-industry divide" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/pharmaceuticals/drug-discovery/Pharm-Table-podcast-duo-bridges/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/Dani-Schultz---LC-Campeau---3067991-1:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="LC Campeau (left) and Dani Schultz sit in front of a podcast microphone." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/environment/green-chemistry.html" class="tag-item" aria-describedby="homepage-most-recent-list">Green Chemistry</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/environment/green-chemistry/carbon-dioxide-alkene-oxidation/104/web/2026/06">Carbon dioxide can selectively oxidize alkenes</a>
                        </div>
                        <div class="article-item--description">
                            Iron catalyst plucks oxygen from the molecule at room temperature
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 8, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Carbon dioxide can selectively oxidize alkenes" role="button" data-link="/environment/green-chemistry/carbon-dioxide-alkene-oxidation/104/web/2026/06" data-title="Carbon dioxide can selectively oxidize alkenes">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/carbon-dioxide-alkene-oxidation" data-link="/environment/green-chemistry/carbon-dioxide-alkene-oxidation/104/web/2026/06" data-doi="10.47287/cen.490298.newsarticle" data-title="Carbon dioxide can selectively oxidize alkenes" data-taxonomy="Green Chemistry" data-articletype="News" data-authorname="Brianna Barbu" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Carbon dioxide can selectively oxidize alkenes" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/environment/green-chemistry/carbon-dioxide-alkene-oxidation/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/carbon-dioxide-alkene-oxidation---491150:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A 3D plastic model of a carbon dioxide molecule." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
                    
                    
                    
                        <div class="article-list-item">
                            <div class="adunit" data-adunit="cen" data-dimensions="fluid"></div>
                        </div>
                    
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/news.html" class="tag-item" aria-describedby="homepage-most-recent-list">News</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/policy/regulation.html" class="tag-item" aria-describedby="homepage-most-recent-list">Regulation</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/policy/regulation/epa-research-ord-oases-iris-chemical-toxicity/104/web/2026/06">EPA science office head defends the agency’s research overhaul</a>
                        </div>
                        <div class="article-item--description">
                            House Democrats pressed Maureen Gwinn on the closure of the Office of Research and Development and other recent actions during a hearing on Thursday
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 8, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, EPA science office head defends the agency’s research overhaul" role="button" data-link="/policy/regulation/epa-research-ord-oases-iris-chemical-toxicity/104/web/2026/06" data-title="EPA science office head defends the agency’s research overhaul">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/epa-research-ord-oases-iris-chemical-toxicity" data-link="/policy/regulation/epa-research-ord-oases-iris-chemical-toxicity/104/web/2026/06" data-doi="10.47287/cen.493802.newsarticle" data-title="EPA science office head defends the agency’s research overhaul" data-taxonomy="Regulation" data-articletype="News" data-authorname="Laura Dattaro, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, EPA science office head defends the agency’s research overhaul" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/policy/regulation/epa-research-ord-oases-iris-chemical-toxicity/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/EPA-science-office-head-defends-reorganization-of-research-efforts---493849:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A woman wearing a black blazer sits at a table in front of a microphone." tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/acs-news/awards/nominations.html" class="tag-item" aria-describedby="homepage-most-recent-list">Nominations</a>
						        
						    
						        
						            <a tabindex="0" href="/explore/acs-news.html" class="tag-item" aria-describedby="homepage-most-recent-list">ACS News</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/acs-news/southern-chemists-award-2026/104/web/2026/06">Memphis section seeks 2026 Southern Chemist Award nominations</a>
                        </div>
                        <div class="article-item--description">
                            The award is open to chemists who have worked in the US South for 10 years
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 8, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Memphis section seeks 2026 Southern Chemist Award nominations" role="button" data-link="/acs-news/southern-chemists-award-2026/104/web/2026/06" data-title="Memphis section seeks 2026 Southern Chemist Award nominations">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/southern-chemists-award-2026" data-link="/acs-news/southern-chemists-award-2026/104/web/2026/06" data-doi="10.47287/cen.491301.acsnominations" data-title="Memphis section seeks 2026 Southern Chemist Award nominations" data-taxonomy="ACS News" data-articletype="Nominations" data-authorname="Sara Cottle" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Memphis section seeks 2026 Southern Chemist Award nominations" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    
                </article>
            </div>
            
                
            
        
            <div class="article-list-item">
                <article class="article-item article-item--horz" role="presentation">
                    <div class="article-item--content">
						<div class="tags">
						    
						        
						            <a tabindex="0" href="/explore/perspectives/editorials.html" class="tag-item" aria-describedby="homepage-most-recent-list">Editorials</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/pharmaceuticals/vaccines.html" class="tag-item" aria-describedby="homepage-most-recent-list">Vaccines</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/pharmaceuticals/vaccines/editorial-skepticism-success-matter-ai-vaccines/104/web/2026/06">Editorial: Skepticism—and success—matters on AI and vaccines</a>
                        </div>
                        <div class="article-item--description">
                            A British research partnership points the way on antigen design 
                        </div>
                        <div class="article-item--meta">
                            <span class="date">June 8, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Editorial: Skepticism—and success—matters on AI and vaccines" role="button" data-link="/pharmaceuticals/vaccines/editorial-skepticism-success-matter-ai-vaccines/104/web/2026/06" data-title="Editorial: Skepticism—and success—matters on AI and vaccines">
                                       
                                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
                                            <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5"/>
                                        
                                                </svg>  <span class="tooltip-text" aria-hidden="true">Share</span>
                                    </a>
                                </li>
                                <li>
                                    <a data-path="/content/cen/articles/104/web/2026/06/editorial-skepticism-success-matter-ai-vaccines" data-link="/pharmaceuticals/vaccines/editorial-skepticism-success-matter-ai-vaccines/104/web/2026/06" data-doi="10.47287/cen.494450.editorial" data-title="Editorial: Skepticism—and success—matters on AI and vaccines" data-taxonomy="Vaccines" data-articletype="Editorials" data-authorname="C&amp;EN editorial staff" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Editorial: Skepticism—and success—matters on AI and vaccines" role="button" tabindex="0">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="bi bi-bookmark text-red" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z"/>
                                        </svg><span class="tooltip-text" aria-hidden="true">Save</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="article-item--image">
                        <a href="/pharmaceuticals/vaccines/editorial-skepticism-success-matter-ai-vaccines/104/web/2026/06" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                            <!-- Fallback to image if no intro video -->
                            
                                <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/related-fix-494500:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" tabindex="-1" decoding="async" loading="lazy"/>
                            
                        </a>
                    </div>
                </article>
            </div>
            
                
            
        
    </div>



<script>
document.addEventListener("DOMContentLoaded", function () {
  // Handle video autoplay issues and accessibility for homepage most recent list
  const homepageVideos = document.querySelectorAll('.homepage-most-recent-video');

  homepageVideos.forEach(video => {
    // Ensure video plays when loaded
    video.addEventListener('loadeddata', function() {
      if (video.paused) {
        video.play().catch(e => {
          console.log('Homepage most recent video autoplay prevented by browser:', e);
        });
      }
    });

    // Pause video when not visible (performance optimization)
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          // Video is visible, play it
          video.play().catch(e => console.log('Video play failed:', e));
        } else {
          // Video is not visible, pause it
          video.pause();
        }
      });
    }, {
      threshold: 0.3,  // Conservative threshold
      rootMargin: '50px' // Start playing before fully visible
    });

    observer.observe(video);

    // Handle video error
    video.addEventListener('error', function(e) {
      console.warn('Homepage most recent video error:', e);
      // Hide video and show fallback image
      video.style.display = 'none';
      const fallbackImg = video.querySelector('img');
      if (fallbackImg) {
        fallbackImg.style.display = 'block';
      }
    });
  });
});
</script>
</div>
<div class="linkCTA aem-GridColumn aem-GridColumn--default--12">
    <div class="row">
        <div class="col text-end mt-4">
            <a href="https://cen.acs.org/explore.html?page=2" class="link-arrow" role="link">Explore More
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708">
                    </path>
                </svg>
            </a>
        </div>
    </div>


</div>

    
</div>
</section>
         </section>
         <!-- Section 3: List of Articles END -->

         <!-- SECTION 4 SIDEBAR - ENTIRE SIDEBAR STICKS AS ONE UNIT -->
         <aside class="col-lg-4 ps-xl-5 mx-md-auto order-lg-last order-first homepage-right sticky-sidebar" role="complementary" aria-label="Section 3 Sidebar">
            <div class="sidebar-content">
               <div class="homepage-right--item order-lg-first order-last mb-5">
                  
                  <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    <div class="homepagePullQuote aem-GridColumn aem-GridColumn--default--12">
    
    <div class="homepage-right--item order-1 mb-5">
    <div class="frame-border">
        <!-- Pull Quote START -->
        <blockquote class="article-quote clearfix">
            <div class="article-quote--header"></div>
            <p class="article-quote--text">"We need to think about the consequences of a weakened FDA. It really feels like there’s no adult in the room anymore to stop and think about what the consequences of all this will be."</p>
            <footer class="article-quote--footer" role="presentation">
                <cite>
                     <span class="quote-name">Stephanie Springer</span>,
                    <span class="quote-title">who worked at the US Food and Drug Administration from 2022 to 2025</span>
                
                </cite>
                <a href="/people/Chemical-Story-left-FDA-fear/104/web/2026/05" class="link-arrow" role="button">Read Article<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                        <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
                    </svg></a>
            </footer>
        </blockquote>
        <!-- Pull Quote END -->
    </div>
    </div>
    

</div>
<div class="genericAdsAdvanced aem-GridColumn aem-GridColumn--default--12">



    
    

    
    
    
    
    
    
    
        
    




    
    
    
			 <div class="article-small-ads landing-page-ads landingads-noborder advertisement pt-1 pb-1">
    
            <div class="advertisement-label" role="region" aria-label="Advertisement-genericAdsAdvanced1">ADVERTISEMENT</div>
            <div class="adunit" data-adunit="cen" data-dimensions="300x250" data-targeting='{"Topic":",,,,,","Collection":"","Keyword":""}'>
            </div>
        </div>
    
    
    
	
    
    


 </div>

    
</div>
</section>
               </div>
               <div class="homepage-right--item order-lg-last order-first mb-5">
                  <!-- Ad 300x250 START -->
                  <div class="advertisement mb-lg-5 mb-1">
                     
                     <section>


<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
    
    
    
</div>
</section>
                  </div>
               </div>
            </div>
         </aside>
         <!-- End aside -->
      </div>
      <!-- End .row -->
   </div>
</main></div>
<div class="genericAdsAdvanced aem-GridColumn aem-GridColumn--default--12">



    
    

    
    
    
    
    
    
    
        
    




    
    
    
    
			<div class="article-small-ads landing-page-ads landingads-noborder advertisement pt-4 pb-4 mt-5 mb-5 border-top border-bottom"> 
    
            <div class="advertisement-label" role="region" aria-label="Advertisement-genericAdsAdvanced2">ADVERTISEMENT</div>
            <div class="adunit" data-adunit="cen" data-dimensions="728x90" data-size-mapping="my-size-mapping" data-targeting='{"Topic":",,,,,","Collection":"","Keyword":""}'>
            </div>
        </div>
    
    
	
    
    


 </div>
<div class="formSubmitModal aem-GridColumn aem-GridColumn--default--12">

<div class="modal fade zIndex2200" id="chempicsModal" tabindex="-1" aria-labelledby="chempicsModal" aria-hidden="true">
  <div class="modal-dialog modal-lg ">
    <div class="modal-content border-0 shadow-lg">

    <div class="modal-header bg-light-blue text-black d-flex justify-content-between align-items-start">
  <div class="pe-3">
    <h1 class="modal-title fw-bold mb-2" id="Chempics">Chemistry In Pictures</h1>
    <p class="modal-subtitle mb-0 text-black-50"></p>
  </div>
  <span class="tooltip-wrapper ms-auto"><button type="button" class="btn-close tooltip-btn" aria-describedby="closeMessagechempicsModal" data-bs-dismiss="modal" aria-label="Close"></button>
    <span id="closeMessagechempicsModal" class="tooltip-text" role="tooltip" aria-hidden="true">Close</span></span>
</div>
<iframe title="Chemistry In Pictures" src="/static/chemistry-in-pictures.html" allow="geolocation; microphone; camera; fullscreen" name="chemPicFormSubmit" id="chemPicForms" scrolling="yes" style="width: 10px; min-width: 100%; display: block; overflow: hidden; height: 539px; border: none;"></iframe>
 </div>
  </div>
</div>
 </div>

    
</div>
</div>
<div class="experiencefragment aem-GridColumn aem-GridColumn--default--12">

    
    

    



<div class="xf-content-height">
    <div class="root responsivegrid">


<div class="aem-Grid aem-Grid--16 aem-Grid--default--16 ">
    
    <div class="pre-footer aem-GridColumn aem-GridColumn--default--12">



<aside id="prefooter" class="site-prefooter pt-xl-5 pb-xl-5 container-xl" role="complementary" aria-label="Pre-footer" style="display: none;">
  <div class="row">
    <!-- Newsletter Section -->
    <div id="prefooter-newsletter" class="col-lg-6 pe-lg-5 site-prefooter--content mx-auto newsletter-section">
      <div class="row">
        <div class="col-auto d-none d-lg-block">
          <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/icon-prefooter-newsletter.svg" class="img-fluid prefooter-img" decoding="async"/>
        </div>
        <div class="col">
          <h4 class="fs-4 mt-3 mt-lg-0 fw-semibold" aria-level="2">C&amp;EN&#39;s Elements Newsletter</h4>
          <p class="text-medium-gray">Stay on top of the chemistry world with your editor-curated roundup of C&amp;EN stories</p>
          <div id="form_output"></div>
          <form data-primary-tag="341921710" class="mb-3" role="form" method="post" action="#" name="CENNonMemberSubscriptonWidget2023" id="form725">
            <div class="input-group">
              <div class="form-floating">
                <input type="email" class="form-control" id="EmailAddress" placeholder="Email Address" aria-label="Email Address" aria-describedby="subscribe-button"/>
                <label for="EmailAddress">Email Address</label>
              </div>
              <button class="btn btn-primary" type="submit" id="subscribe-button">
                Subscribe
              </button>
            </div>
            <div id="accessible-alert" role="alert" aria-live="assertive" aria-atomic="true" style="display: none;"></div>
          </form>
          <div>
            <p class="font-12"><a href="https://www.acs.org/privacy.html">Privacy Policy</a></p>
          </div>
        </div>
      </div>
    </div>

    <!-- Membership Section -->
    <div id="prefooter-membership" class="col-lg-6 ps-lg-5 site-prefooter--content mx-auto membership-section">
      <div class="row">
        <div class="col-auto d-none d-lg-block">
          <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/icon-prefooter-subscribe.svg" class="img-fluid prefooter-img" decoding="async"/>
        </div>

        <div class="col">
          <h3 class="fs-4 mt-3 mt-lg-0 fw-semibold">Chemistry News That Matters</h3>
          <p class="text-medium-gray">C&amp;EN empowers those in and around the global chemical enterprise</p>
          <p>
            <a href="/subscribe.html" class="link-arrow">
              <span id="upgrade-text" style="display:none;">
                Upgrade
              </span>
              <span id="subscribe-text" style="display:inline;">
                Subscribe to C&amp;EN
              </span>
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
              </svg>
            </a>
          </p>
        </div>
      </div>
    </div>
  </div>
</aside></div>
<div class="acsFooter aem-GridColumn aem-GridColumn--default--12">







<!-- Debug section -->
<div style="display: none">
  <h4>Debug leftColumns:</h4>
  <p>leftColumns exists: no</p>

  <!-- Try to output some raw data -->
  
</div>


<!-- Footer START -->
<footer class="site-footer" role="contentinfo">
  <div class="row">
    <div class="col-xl-4">
      <p class="site-tagline">The Edge in Chemistry News</p>
    </div>
    <div class="col-xl-2 col-lg-3 col-md-3 ms-md-auto col-6">
      <ul class="footer-menu-vert" role="list">
        
          <li class="footer-menu-item">
            <a href="/static/about/aboutus.html">
              About C&amp;EN
            </a>
          </li>
        
          <li class="footer-menu-item">
            <a href="/static/about/contactus.html">
              Contact
            </a>
          </li>
        
          <li class="footer-menu-item">
            <a href="https://acsmediakit.org/">
              Advertise
            </a>
          </li>
        
          <li class="footer-menu-item">
            <a href="https://acsmediakit.org/cen-brandlab/">
              C&amp;EN Brandlab
            </a>
          </li>
        
          <li class="footer-menu-item">
            <a href="https://pubs.acs.org/">
              ACS Publications
            </a>
          </li>
        
      </ul>
    </div>
    <div class="col-xl-2 col-lg-3 col-md-3 me-md-auto col-6">
      <ul class="footer-menu-vert" role="list">
        
          <li class="footer-menu-item">
            <a href="https://chemistryjobs.acs.org/">
              ACS Chemistry Career
            </a>
          </li>
        
          <li class="footer-menu-item">
            <a href="https://membership.join.acs.org">
              Join ACS
            </a>
          </li>
        
          <li class="footer-menu-item">
            <a href="https://membership.renew.acs.org">
              Renew Membership
            </a>
          </li>
        
          <li class="footer-menu-item">
            <a href="https://communities.acs.org/">
              ACS Network
            </a>
          </li>
        
          <li class="footer-menu-item">
            <a href="https://www.cas.org/">
              CAS
            </a>
          </li>
        
      </ul>
    </div>
    <div class="col-xl-2 col-lg-3">
      <div class="footer-content--app">
        <h2 class="footer-menu-heading mb-3">C&amp;EN Mobile App</h2>
        <ul class="footer-menu-inline" role="list">
          
            <li class="footer-menu-item mb-3">
              <a href="https://apps.apple.com/us/app/chemistry-news-by-c-en/id1482036259" target="_blank" rel="noopener" class="hover-shadow" aria-label="Download on the App Store (opens in new tab)">
                <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/app-badge-appstore.svg" alt="Download on the App Store" aria-hidden="true"/>
              </a>
            </li>
          
            <li class="footer-menu-item mb-3">
              <a href="https://play.google.com/store/apps/details?id=org.acs.cenmobile&hl=en" target="_blank" rel="noopener" class="hover-shadow" aria-label="Get it on Google Play (opens in new tab)">
                <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/app-badge-googleplay.svg" alt="Get it on Google Play" aria-hidden="true"/>
              </a>
            </li>
          
        </ul>
      </div>
    </div>
    <div class="col-xl-2 col-lg-3">
      <div class="footer-content--social">
        <h2 class="footer-menu-heading mb-3">Follow C&amp;EN</h2>
        <ul class="footer-menu-inline" role="list">
          
            <li class="footer-menu-item menu-social">
              <a href="https://www.facebook.com/CENews" onclick="event.stopPropagation(); window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" rel="noopener" title="facebook">
                
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                    <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/>
                  </svg>
                
                
                
                
                
              </a>
            </li>
          
            <li class="footer-menu-item menu-social">
              <a href="https://www.instagram.com/cenmag/" onclick="event.stopPropagation(); window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" rel="noopener" title="instagram">
                
                
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16" aria-hidden="true">
                    <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/>
                  </svg>
                
                
                
                
              </a>
            </li>
          
            <li class="footer-menu-item menu-social">
              <a href="https://twitter.com/cenmag" onclick="event.stopPropagation(); window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" rel="noopener" title="x">
                
                
                
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
                    <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
                  </svg>
                
                
                
              </a>
            </li>
          
            <li class="footer-menu-item menu-social">
              <a href="https://www.linkedin.com/showcase/c&en/" onclick="event.stopPropagation(); window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" rel="noopener" title="linkedin">
                
                
                
                
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
                    <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
                  </svg>
                
                
              </a>
            </li>
          
            <li class="footer-menu-item menu-social">
              <a href="https://bsky.app/profile/cenmag.bsky.social" onclick="event.stopPropagation(); window.open(this.href, 'popupWindow', 'width=600,height=600,scrollbars=yes,resizable=yes'); return false;" rel="noopener" title="bsky">
                
                
                
                
                
                  <svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24">
                    <path d="M12 10.8c-1.087 -2.114 -4.046 -6.053 -6.798 -7.995C2.566 0.944 1.561 1.266 0.902 1.565 0.139 1.908 0 3.08 0 3.768c0 0.69 0.378 5.65 0.624 6.479 0.815 2.736 3.713 3.66 6.383 3.364 0.136 -0.02 0.275 -0.039 0.415 -0.056 -0.138 0.022 -0.276 0.04 -0.415 0.056 -3.912 0.58 -7.387 2.005 -2.83 7.078 5.013 5.19 6.87 -1.113 7.823 -4.308 0.953 3.195 2.05 9.271 7.733 4.308 4.267 -4.308 1.172 -6.498 -2.74 -7.078a8.741 8.741 0 0 1 -0.415 -0.056c0.14 0.017 0.279 0.036 0.415 0.056 2.67 0.297 5.568 -0.628 6.383 -3.364 0.246 -0.828 0.624 -5.79 0.624 -6.478 0 -0.69 -0.139 -1.861 -0.902 -2.206 -0.659 -0.298 -1.664 -0.62 -4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"></path>
                  </svg>
                
              </a>
            </li>
          
        </ul>
      </div>
    </div>
  </div>
  <div class="row mt-5 justify-content-between">
    <div class="col-lg-9 me-auto">
      <div class="row align-items-center">
        <div class="col-lg-3 site-logo">
          <a href="https://www.acs.org/" aria-label="C&EN homepage">
            <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/logo-cen-tagline-white.svg" alt="C&amp;EN logo" class="img-fluid logo-cen-footer"/>
          </a>
        </div>
        <div class="col-lg-9 site-sublinks">
          <ul class="footer-menu-inline font-14 mb-2">
            
              <li class="footer-menu-item">
                <a href="https://www.acs.org/help.html">
                   Help
                </a>
              </li>
            
              <li class="footer-menu-item">
                <a href="https://www.acs.org/accessibility-statement.html">
                  Accessibility Statement
                </a>
              </li>
            
              <li class="footer-menu-item">
                <a href="https://www.acs.org/content/acs/en/privacy.html">
                  Privacy Policy
                </a>
              </li>
            
              <li class="footer-menu-item">
                <a href="https://www.acs.org/content/acs/en/terms.html">
                  Terms of Use
                </a>
              </li>
            
              <li class="footer-menu-item">
                <a href="/static/about/site-map.html">
                  Site Map
                </a>
              </li>
            
              <li class="footer-menu-item">
                <a>
                  <style>*.osano-cm-widget {
	display: none;
}
</style> <a href="#" style="	color: rgb(255,255,255);
" id="manageCookies"> Manage Cookies</a>
                </a>
              </li>
            
          </ul>
          <p class="text-light font-12 text-opacity-50 mb-0">
            Copyright ©
            2026 American Chemical Society. All
            Rights Reserved.
          </p>
        </div>
      </div>
    </div>
    <div class="col-lg-3 site-organization">
      <a href="https://www.acs.org/">
        <img data-lazy-src="/content/dam/acs-cen-redesign/2025/logo/logo-acs-white.svg" alt="American Chemical Society logo" class="img-fluid logo-cen-footer"/>
      </a>
    </div>
  </div>
  <div id="live-status" aria-hidden="true" class="visually-hidden accessibility-announcement"></div>
</footer>
<!-- Footer END -->
</div>
<div class="acsSocialShare aem-GridColumn aem-GridColumn--default--12">

    


<!-- Start Modal -->
<div class="modal fade pr-3" id="shareModal" tabindex="-1" aria-labelledby="shareModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-sm modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title fs-5 fw-bold" id="shareModalTitle">
                    Share This Article</h2>
                <span class="tooltip-wrapper ms-auto">
                    <button type="button" class="btn-close tooltip-btn" aria-describedby="closeMessage" data-bs-dismiss="modal" aria-label="Close" tabindex="0"></button>
                    <span aria-hidden="true" id="closeMessage" class="tooltip-text" role="tooltip">Close</span>
                </span>
            </div>
            <div class="modal-body p-0">
                <div class="row">
                    <div class="col mx-auto">
                        <div class="list-group list-group-flush">
                            
                                
                                
                                
                                
                                
                                
                                
                                
                                    <div id="copy-feedback" class="visually-hidden" aria-live="polite"></div>
                                    <button class="list-group-item list-group-item-action d-flex py-3 align-items-center" data-target-site="copy-link">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" class="bi bi-link text-red fs-3 me-3" viewBox="0 0 16 16">
                                            <path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9q-.13 0-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z"/>
                                            <path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4 4 0 0 1-.82 1H12a3 3 0 1 0 0-6z"/>
                                        </svg>
                                        <span id="copy-link">Copy Link</span>
                                    </button>
                                
                                
                            
                                
                                    <button class="list-group-item list-group-item-action py-3 d-flex align-items-center social-share-icon" data-target-site="facebook">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" class="bi bi-facebook text-red fs-3 me-3" viewBox="0 0 16 16">
                                            <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/>
                                        </svg>
                                        Facebook
                                    </button>
                                
                                
                                
                                
                                
                                
                                
                                
                                
                            
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                    <button class="list-group-item list-group-item-action d-flex py-3 align-items-center" data-target-site="twitter">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" class="bi bi-twitter-x text-red fs-3 me-3" viewBox="0 0 16 16">
                                            <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
                                        </svg>
                                        X
                                    </button>
                                
                            
                                
                                
                                
                                
                                
                                    <button class="list-group-item list-group-item-action d-flex py-3 align-items-center" data-target-site="linkedin">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" class="bi bi-linkedin text-red fs-3 me-3" viewBox="0 0 16 16">
                                            <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
                                        </svg>
                                        LinkedIn
                                    </button>
                                
                                
                                
                                
                                
                            
                                
                                
                                
                                
                                
                                
                                    <button class="list-group-item list-group-item-action d-flex py-3 align-items-center" data-target-site="bluesky">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" class="bi bi-bluesky text-red fs-3 me-3" viewBox="0 0 16 16">
                                            <path d="M3.468 1.948C5.303 3.325 7.276 6.118 8 7.616c.725-1.498 2.698-4.29 4.532-5.668C13.855.955 16 .186 16 2.632c0 .489-.28 4.105-.444 4.692-.572 2.04-2.653 2.561-4.504 2.246 3.236.551 4.06 2.375 2.281 4.2-3.376 3.464-4.852-.87-5.23-1.98-.07-.204-.103-.3-.103-.218 0-.081-.033.014-.102.218-.379 1.11-1.855 5.444-5.231 1.98-1.778-1.825-.955-3.65 2.28-4.2-1.85.315-3.932-.205-4.503-2.246C.28 6.737 0 3.12 0 2.632 0 .186 2.145.955 3.468 1.948"/>
                                        </svg>
                                        Bluesky
                                    </button>
                                
                                
                                
                                
                            
                                
                                
                                
                                
                                
                                
                                
                                    <button class="list-group-item list-group-item-action d-flex py-3 align-items-center" data-target-site="reddit">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" class="bi bi-reddit text-red fs-3 me-3" viewBox="0 0 16 16">
                                            <path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z"/>
                                            <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165"/>
                                        </svg>
                                        Reddit
                                    </button>
                                
                                
                                
                            
                                
                                
                                
                                
                                    <button class="list-group-item list-group-item-action d-flex py-3 align-items-center" data-target-site="wechat">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" class="bi bi-wechat text-red fs-3 me-3" viewBox="0 0 16 16">
                                            <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.32.32 0 0 0-.12.366l.218.81a.6.6 0 0 1 .029.117.166.166 0 0 1-.162.162.2.2 0 0 1-.092-.03l-1.057-.61a.5.5 0 0 0-.256-.074.5.5 0 0 0-.142.021 5.7 5.7 0 0 1-1.576.22M9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.6.6 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.63.63 0 0 0 .098.356"/>
                                            <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.5.5 0 0 0-.032.14.19.19 0 0 0 .193.193q.06 0 .111-.029l1.268-.733a.6.6 0 0 1 .308-.088q.088 0 .171.025a6.8 6.8 0 0 0 1.625.26 4.5 4.5 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02l.15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826m4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0m3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0"/>
                                        </svg>
                                        Wechat
                                    </button>
                                
                                
                                
                                
                                
                                
                            
                                
                                
                                
                                    <button data-open="email-to-friend-model" id="email-to" class="list-group-item list-group-item-action d-flex py-3 align-items-center" data-target-site="email">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" class="bi bi-envelope text-red fs-3 me-3" viewBox="0 0 16 16">
                                            <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z"/>
                                        </svg>
                                        Email
                                    </button>
                                
                                
                                
                                
                                
                                
                                
                            
                                
                                
                                    <button class="list-group-item list-group-item-action py-3 d-flex align-items-center" id="shareModalPrint" data-target-site="print">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" class="bi bi-printer text-red fs-3 me-3" viewBox="0 0 16 16">
                                            <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1"/>
                                            <path d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1"/>
                                        </svg>
                                        Print
                                    </button>
                                
                                
                                
                                
                                
                                
                                
                                
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


    <div class="modal fade" id="shareModalEmail" tabindex="-1" aria-labelledby="modalTitle" aria-modal="true" role="dialog">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5 fw-bold" id="modalTitle">
                        Share "" via email
                    </h2>
                    <span class="tooltip-wrapper ms-auto">
                        <button id="emailClose" type="button" class="btn-close tooltip-btn" aria-describedby="closeMessage" data-bs-dismiss="modal" aria-label="Close" tabindex="0">
                        </button>
                        <span id="closeMessage" class="tooltip-text" role="tooltip">Close</span>
                    </span>
                </div>
                <div class="modal-body">
                    <form id="shareEmailForm" novalidate>
                        <!-- Hidden fields for form data -->
                        <input type="hidden" id="published_date"/>
                        <input type="hidden" id="article_title"/>
                        <input type="hidden" id="volume_number"/>
                        <input type="hidden" id="issue_number"/>
                        <input type="hidden" id="volIssuePath"/>

                        <div class="mb-3">
                            <label for="shareEmailTo" class="form-label">Send Email to*</label>
                            <input type="email" class="form-control" id="shareEmailTo" required aria-required="true" aria-describedby="shareEmailToHelpBlock error-emailto" autocomplete="email"/>
                            <div id="shareEmailToHelpBlock" class="form-text">
                                To send an email to multiple recipients, separate email addresses with a comma,
                                semicolon, or both.
                            </div>
                            <div class="msg error-emailto text-danger d-none" role="alert"></div>
                        </div>

                        <div class="mb-3">
                            <label for="shareYourName" class="form-label">Your Name*</label>
                            <input type="text" class="form-control" id="shareYourName" required aria-required="true" aria-describedby="error-name" autocomplete="name"/>
                            <div class="msg error-name text-danger d-none" role="alert"></div>
                        </div>

                        <div class="mb-3">
                            <label for="shareYourEmailAddress" class="form-label">Your Email Address*</label>
                            <input type="email" class="form-control" id="shareYourEmailAddress" required aria-required="true" aria-describedby="error-emailfrom" autocomplete="email"/>
                            <div class="msg error-emailfrom text-danger d-none" role="alert"></div>
                        </div>

                        <div class="mb-3">
                            <label for="shareNote" class="form-label">Add a Note</label>
                            <textarea class="form-control" id="shareNote" rows="3" aria-describedby="error-comment shareNoteHelpBlock" maxlength="500" placeholder="Optional personal message (5-500 characters)"></textarea>
                            <div id="shareNoteHelpBlock" class="form-text">
                                Optional personal message to include with the shared article.
                            </div>
                            <div class="msg error-comment text-danger d-none" role="alert"></div>
                        </div>

                        <div class="mb-3">
                            <div class="g-recaptcha" data-sitekey="6LfYCj4UAAAAABZV31I11EJZes7esrxqCbBs4ZFO" data-callback="enableBtn" data-expired-callback="expiredCallback" role="application" aria-label="CAPTCHA verification" tabindex="0">
                            </div>
                        </div>

                        <div class="mb-3 text-center">
                            <button id="submit-email-btn" class="btn btn-primary" type="submit" data-loading-start>
                                <span class="btn-text">Send Email</span>
                            </button>
                            <button class="btn btn-primary d-none" type="button" disabled data-loading-end>
                                <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
                                Sending...
                            </button>
                        </div>

                        <!-- Reset button (hidden, used by JS) -->
                        <button type="reset" id="reset-email-btn" class="d-none" aria-hidden="true"></button>
                    </form>
                </div>
                <div class="modal-footer text-center">
                    <div class="d-flex justify-content-between align-items-center w-100">
                        <span class="font-12 text-muted">
                            Chemical &amp; Engineering News will not share your email address with any other person or company.
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Thank You Email Modal -->
    <div class="modal fade" id="thank-you-email-modal" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" role="heading" aria-level="2">Email Sent Successfully</h5>
                    <span class="tooltip-wrapper ms-auto">
                        <button tabindex="0" type="button" class="btn-close tooltip-btn" aria-describedby="thankYouCloseMessage" data-bs-dismiss="modal" aria-label="Close">
                        </button>
                        <span id="thankYouCloseMessage" class="tooltip-text" role="tooltip" aria-hidden="true">Close</span>
                    </span>
                </div>
                <div class="modal-body text-center">
                    <p>Your email has been sent to <span id="sent-email"></span></p>
                    <p>Article: <a href="#" id="article-heading-confirm"></a></p>
                </div>
            </div>
        </div>
    </div>

<!-- End Modal --></div>

    
</div>
</div>

</div>

</div>

    
</div>
</div>


            
    
    

<!-- OPTIMIZED: Simplified footer fallback system -->

<script>
(function() {
    // Check if header initialization was successful
    if (!window.adSystem || !window.adSystem.headerReady) {
        console.warn('⚠️ Header ad initialization failed - using footer fallback');
        
        // Fallback initialization (simplified)
        window.adSystem = {
            initialized: false,
            headerReady: false,
            fallbackMode: true
        };
    }

    // Throttle guard — prevents duplicate ad rendering from multiple callers
    var _adRenderLastCall = 0;
    var _adRenderPending = null;
    var AD_RENDER_THROTTLE = 1000; // 1 second cooldown

    // Enhanced renderDynamicAds function (backward compatibility + new features)
    window.renderDynamicAds = function() {
        var now = Date.now();
        if (now - _adRenderLastCall < AD_RENDER_THROTTLE) {
            if (!_adRenderPending) {
                _adRenderPending = setTimeout(function() {
                    _adRenderPending = null;
                    window.renderDynamicAds();
                }, AD_RENDER_THROTTLE - (now - _adRenderLastCall));
            }
            console.log('[Ads] Throttled renderDynamicAds call (last was ' + (now - _adRenderLastCall) + 'ms ago)');
            return;
        }
        _adRenderLastCall = now;

        // Use header function if available, otherwise use jQuery version
        if (typeof window.renderDynamicAdsHeader === 'function') {
            console.log('[Ads] Using header ad rendering (optimal)');
            return window.renderDynamicAdsHeader();
        }

        // Fallback to jQuery-based rendering
        console.log('[Ads] Using jQuery fallback ad rendering');

        if (!window.googletag || !googletag.cmd) {
            console.warn('[Ads] GPT not ready for ad rendering');
            return;
        }

        googletag.cmd.push(function() {
            var adUnits = document.querySelectorAll('.adunit');
            var newSlots = [];

            adUnits.forEach(function(el, index) {
                var slotId = el.id;

                // Generate ID if missing (important for dynamically inserted ads)
                if (!slotId) {
                    slotId = 'fallback-ad-' + Date.now() + '-' + index;
                    el.id = slotId;
                }

                // Skip slots that are already defined and rendered
                if (el.dataset.slotDefined === "true" || el.hasAttribute('data-google-query-id')) {
                    return;
                }
                
                try {
                    var adUnitPath = el.dataset.adunit || 'cen';
                    var adPath = '/8868/' + adUnitPath.replace(/^\/+/, '').replace(/^8868\//, '');

                    // --- Parse dimensions (supports CSV + fluid) ---
                    var rawDims = (el.dataset.dimensions || '728x90').toString().trim().toLowerCase();
                    var dimensions = [];
                    if (rawDims.includes(',')) {
                        rawDims.split(',').forEach(function(item) {
                            item = item.trim();
                            if (item === 'fluid') dimensions.push('fluid');
                            else if (item.includes('x')) {
                                var p = item.split('x');
                                dimensions.push([parseInt(p[0]), parseInt(p[1])]);
                            }
                        });
                    } else if (rawDims === 'fluid') {
                        dimensions = ['fluid'];
                    } else if (rawDims.includes('x')) {
                        var p = rawDims.split('x');
                        dimensions = [[parseInt(p[0]), parseInt(p[1])]];
                    } else {
                        dimensions = [[728, 90]];
                    }

                    // --- Apply size mapping if present ---
                    window.dfpSizeMapping = {
                      'my-size-mapping': [
                        { browser: [730, 0], ad_sizes: [[728, 90], [970, 90]] },
                        { browser: [0, 0],   ad_sizes: [[320, 50]] }
                      ]
                    };

                    var mappingName = el.dataset.sizeMapping;
                    var mappingRules = window.dfpSizeMapping && window.dfpSizeMapping[mappingName];
                   
                    var builtMapping = null;

                    if (mappingRules) {
                        // Union all sizes from mapping
                        dimensions = [];
                        mappingRules.forEach(function(rule) {
                            var list = Array.isArray(rule.ad_sizes[0]) ? rule.ad_sizes : [rule.ad_sizes];
                            list.forEach(function(sz) {
                                if (sz === 'fluid') dimensions.push('fluid');
                                else if (Array.isArray(sz)) dimensions.push(sz);
                            });
                        });
                        // Build mapping
                        var builder = googletag.sizeMapping();
                        mappingRules.forEach(function(rule) {
                            var list = Array.isArray(rule.ad_sizes[0]) ? rule.ad_sizes : [rule.ad_sizes];
                            builder.addSize(rule.browser, list);
                        });
                        builtMapping = builder.build();
                    }

                    // --- Define slot ---
                    var slot = googletag.defineSlot(adPath, dimensions, slotId);
                    if (!slot) {
                        console.warn('[Ads] Failed to define slot:', adPath, slotId);
                        return;
                    }

                    if (builtMapping) slot.defineSizeMapping(builtMapping);

                    // --- Apply data-targeting ---
                    if (el.dataset.targeting) {
                        try {
                            var tg = JSON.parse(el.dataset.targeting);
                            Object.keys(tg).forEach(function(k) {
                                var v = tg[k];
                                if (typeof v === 'string' && v.includes(',')) {
                                    v = v.split(',').map(s => s.trim());
                                }
                                slot.setTargeting(k, v);
                            });
                        } catch (e) {
                            console.warn('[Ads] Bad targeting JSON:', el.dataset.targeting);
                        }
                    }

                    slot.addService(googletag.pubads());
                    el.dataset.slotDefined = "true";
                    googletag.display(slotId);
                    newSlots.push(slot);

                    console.log('[Ads] Rendered:', slotId, 'path:', adPath, 'dimensions:', dimensions);
                } catch (error) {
                    console.error('[Ads] Error:', slotId, error);
                }

            });

            if (newSlots.length === 0) {
                console.log('[Ads] No new ad slots to render');
            }
        });
    };

    // jQuery-dependent enhancements (only if jQuery available)
    function initializeJQueryEnhancements() {
        if (typeof $ === 'undefined') {
            return;
        }

        $(document).ready(function() {
            try {
                // $.dfp() is a SEPARATE rendering path that bypasses renderDynamicAds throttle.
                // Only use it as a last-resort fallback if the header system completely failed.
                if (!window.adSystem.initialized && !window.adSystem.headerReady) {
                    console.log('[Ads] Using jQuery DFP as last-resort fallback');
                    $.dfp({
                        dfpID: '8868',
                        sizeMapping: {
                            'my-size-mapping': [
                                { browser: [730, 0], ad_sizes: [[728, 90], [970, 90]] },
                                { browser: [0, 0], ad_sizes: [320, 50] }
                            ]
                        }
                    });
                }

                // Mobile adjustments (always run)
                if (document.documentElement.clientWidth <= 768) {
                    var boxAd = $('#boxAD');
                    var vRectAd = $('#vRectAD');

                    if (boxAd.length) {
                        boxAd.removeClass('pull-left pull-right').attr('align', 'center');
                    }
                    if (vRectAd.length) {
                        vRectAd.removeClass('pull-left pull-right').attr('align', 'center');
                    }
                }

            } catch (error) {
                console.error('jQuery enhancement error:', error);
            }
        });
    }

    // Initialize jQuery enhancements
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initializeJQueryEnhancements);
    } else {
        initializeJQueryEnhancements();
    }

})();
</script>
    

    

    
    

        
    <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=2144122287" async></script></body>
</html>
