
<!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-837818f923ac20c3fe6e9edba519de77-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-4feafa7bf5bc0adfaa3eec323568a539-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@b290777"></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/10405.html" target="_self">
                                
                                
                                    
                                    <img data-lazy-src="https://s7d1.scene7.com/is/image/CENODS/10405-ofc?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" 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/10405.html" target="_self">
                                            
                                                Volume 104 |
                                            
                                            
                                                Issue 5
                                            
                                            April 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/iran-war.html">War in Iran</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="homepageHero aem-GridColumn aem-GridColumn--default--12">


     

  
       

  
       
 
  

    <!--Option 3 Design -->


    <div class="hero-feature pb-5 mb-5 border-bottom">
        <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="/environment/water/loofah-material-sucks-water-from-air-squeezed-out/104/web/2026/05" 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/Water-harvesting-loofah---462650: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/news.html" class="tag-item" aria-describedby="11">News</a>
                                    <a tabindex="0" href="/topics/environment/water.html" class="tag-item" aria-describedby="homepage-featured-1">Water</a>
                                </div>
                                <div class="article-item--title" id="homepage-featured-1" role="heading" aria-level="2">
                                    
                                    <a href="/environment/water/loofah-material-sucks-water-from-air-squeezed-out/104/web/2026/05">For fresh water, give these souped-up loofahs a squeeze</a>
                                </div>
                                
                                <div class="article-item--description">
                                    Wringing water out could offer huge energy savings compared with traditional evaporation methods
                                </div>

                                <div class="article-item--meta">
                                    <span class="date">May 22, 2026</span>
                                    <ul class="actions">
                                        <li><a class="icon-share tooltip-wrapper" tabindex="0" onclick="openShareModal(event)" data-link="/environment/water/loofah-material-sucks-water-from-air-squeezed-out/104/web/2026/05" data-title="For fresh water, give these souped-up loofahs a squeeze" data-print="false" aria-label="Share, For fresh water, give these souped-up loofahs a squeeze" role="button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" 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/05/loofah-material-sucks-water-from-air-squeezed-out" data-link="/environment/water/loofah-material-sucks-water-from-air-squeezed-out/104/web/2026/05" data-doi="10.47287/cen.462202.newsarticle" data-title="For fresh water, give these souped-up loofahs a squeeze" data-taxonomy="Water" data-articletype="News" data-authorname="XiaoZhi Lim, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, For fresh water, give these souped-up loofahs a squeeze" 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="/environment/recycling/Starbucks-cups-hard-recycle/104/web/2026/05" 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/News--Why-don-t-Starbucks-cups-get-recycled----472448: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/news.html" class="tag-item" aria-describedby="11">News</a>
                                    <a tabindex="0" href="/topics/environment/recycling.html" class="tag-item" aria-describedby="homepage-featured-2">Recycling</a>
                                </div>
                                <div class="article-item--title" id="homepage-featured-2" role="heading" aria-level="2">
                                    
                                    <a href="/environment/recycling/Starbucks-cups-hard-recycle/104/web/2026/05">Why Starbucks’ cups are so hard to recycle </a>
                                </div>
                                
                                <div class="article-item--description">
                                    Greenwashing covers up the broken recycling system in the US, nonprofit investigation shows
                                </div>
                                <div class="article-item--meta">
                                    <span class="date">May 22, 2026</span>
                                    <ul class="actions">
                                        <li><a class="icon-share tooltip-wrapper" tabindex="0" onclick="openShareModal(event)" data-link="/environment/recycling/Starbucks-cups-hard-recycle/104/web/2026/05" data-title="Why Starbucks’ cups are so hard to recycle " data-print="false" aria-label="Share, Why Starbucks’ cups are so hard to recycle " role="button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" 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/05/Starbucks-cups-hard-recycle" data-link="/environment/recycling/Starbucks-cups-hard-recycle/104/web/2026/05" data-doi="10.47287/cen.472401.newsarticle" data-title="Why Starbucks’ cups are so hard to recycle " data-taxonomy="Recycling" data-articletype="News" data-authorname="Prachi Patel" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Why Starbucks’ cups are so hard to recycle " 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 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/features.html" class="tag-item" aria-describedby="homepage-most-recent-list">Features</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/policy/legislation.html" class="tag-item" aria-describedby="homepage-most-recent-list">Legislation </a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/policy/legislation-/permitting-reform-nepa-esa-energy-renewable-pipeline/104/web/2026/05">Bipartisan drive for permitting reform grows but outlook is still murky</a>
                        </div>
                        <div class="article-item--description">
                            Congressional Republicans and Democrats find common ground on permitting certainty, but recent Trump administration moves impede negotiations
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 22, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Bipartisan drive for permitting reform grows but outlook is still murky" role="button" data-link="/policy/legislation-/permitting-reform-nepa-esa-energy-renewable-pipeline/104/web/2026/05" data-title="Bipartisan drive for permitting reform grows but outlook is still murky">
                                       
                                        <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/05/permitting-reform-nepa-esa-energy-renewable-pipeline" data-link="/policy/legislation-/permitting-reform-nepa-esa-energy-renewable-pipeline/104/web/2026/05" data-doi="10.47287/cen.430098.featurearticle" data-title="Bipartisan drive for permitting reform grows but outlook is still murky" data-taxonomy="Legislation " data-articletype="Features" data-authorname="Alex Music, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Bipartisan drive for permitting reform grows but outlook is still murky" 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/legislation-/permitting-reform-nepa-esa-energy-renewable-pipeline/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/Feature--Congress--White-House-look-to-streamline-federal-permitting---448100-1:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A collage showing the US Capitol building, two members of Congress, an offshore oil platform, and some documents." 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/policy-briefs.html" class="tag-item" aria-describedby="homepage-most-recent-list">Policy Briefs</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/policy.html" class="tag-item" aria-describedby="homepage-most-recent-list">Policy</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/policy/china-research-hhs-cdc-vaccine-nsf-xlab-atrazine-endangered-species/104/web/2026/05">Policy Watch: Republicans revive warnings about US-China research partnerships</a>
                        </div>
                        <div class="article-item--description">
                            A weekly roundup of policy news in the chemical arena and beyond
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 22, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Policy Watch: Republicans revive warnings about US-China research partnerships" role="button" data-link="/policy/china-research-hhs-cdc-vaccine-nsf-xlab-atrazine-endangered-species/104/web/2026/05" data-title="Policy Watch: Republicans revive warnings about US-China research partnerships">
                                       
                                        <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/05/china-research-hhs-cdc-vaccine-nsf-xlab-atrazine-endangered-species" data-link="/policy/china-research-hhs-cdc-vaccine-nsf-xlab-atrazine-endangered-species/104/web/2026/05" data-doi="10.47287/cen.471000.cenbriefs" data-title="Policy Watch: Republicans revive warnings about US-China research partnerships" data-taxonomy="Policy" data-articletype="Policy Briefs" data-authorname="C&amp;EN editorial team" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Policy Watch: Republicans revive warnings about US-China research partnerships" 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/china-research-hhs-cdc-vaccine-nsf-xlab-atrazine-endangered-species/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/May-22-Policy-Watch---470948:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Representative John Moolenaar, wearing a suit and tie, stands at a lectern with a US flag behind him." 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/physical-chemistry/protein-folding.html" class="tag-item" aria-describedby="homepage-most-recent-list">Protein Folding</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/physical-chemistry/protein-folding/designed-gpcr-minibinders-access-tough-target/104/web/2026/05">Designed GPCR minibinders access a particularly tough target</a>
                        </div>
                        <div class="article-item--description">
                            GPCR binding pockets have historically been difficult for drugs to reach
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 22, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Designed GPCR minibinders access a particularly tough target" role="button" data-link="/physical-chemistry/protein-folding/designed-gpcr-minibinders-access-tough-target/104/web/2026/05" data-title="Designed GPCR minibinders access a particularly tough target">
                                       
                                        <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/05/designed-gpcr-minibinders-access-tough-target" data-link="/physical-chemistry/protein-folding/designed-gpcr-minibinders-access-tough-target/104/web/2026/05" data-doi="10.47287/cen.473647.newsarticle" data-title="Designed GPCR minibinders access a particularly tough target" data-taxonomy="Protein Folding" data-articletype="News" data-authorname="Sarah Braner" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Designed GPCR minibinders access a particularly tough target" 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="/physical-chemistry/protein-folding/designed-gpcr-minibinders-access-tough-target/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/AI-designed-GPCR-binders---473652:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="An illustration of a G protein–coupled receptor (purple) nested in a cell membrane (white and blue)." 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/games/crosswords.html" class="tag-item" aria-describedby="homepage-most-recent-list">Crosswords</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/education/science-communication.html" class="tag-item" aria-describedby="homepage-most-recent-list">Science Communication</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/education/science-communication/Crossword-Periodic-expansions/104/web/2026/05">Crossword: Periodic expansions</a>
                        </div>
                        <div class="article-item--description">
                            A playful puzzle that places people on the periodic table
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 22, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Crossword: Periodic expansions" role="button" data-link="/education/science-communication/Crossword-Periodic-expansions/104/web/2026/05" data-title="Crossword: Periodic expansions">
                                       
                                        <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/05/Crossword-Periodic-expansions" data-link="/education/science-communication/Crossword-Periodic-expansions/104/web/2026/05" data-doi="10.1021/cen-397901-Crossword" data-title="Crossword: Periodic expansions" data-taxonomy="Science Communication" data-articletype="Crosswords" data-authorname="Marcia Lysakowski Brott and George Barany, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Crossword: Periodic expansions" 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="/education/science-communication/Crossword-Periodic-expansions/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/June-Crossword---397946:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" 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/games/quizzes.html" class="tag-item" aria-describedby="homepage-most-recent-list">Quizzes</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/biological-chemistry/infectious-disease.html" class="tag-item" aria-describedby="homepage-most-recent-list">Infectious Disease</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/biological-chemistry/infectious-disease/cen-weekly-chemistry-news-quiz-may-22/104/web/2026/05">C&amp;EN weekly chemistry news quiz, May 22</a>
                        </div>
                        <div class="article-item--description">
                            Test your knowledge of our stories on the inductive effect, PFAS regulations, Ebola, and more
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 22, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, C&amp;EN weekly chemistry news quiz, May 22" role="button" data-link="/biological-chemistry/infectious-disease/cen-weekly-chemistry-news-quiz-may-22/104/web/2026/05" data-title="C&amp;EN weekly chemistry news quiz, May 22">
                                       
                                        <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/05/cen-weekly-chemistry-news-quiz-may-22" data-link="/biological-chemistry/infectious-disease/cen-weekly-chemistry-news-quiz-may-22/104/web/2026/05" data-doi="10.47287/cen.472052.periodicgraphicsquiz" data-title="C&amp;EN weekly chemistry news quiz, May 22" data-taxonomy="Infectious Disease" data-articletype="Quizzes" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, C&amp;EN weekly chemistry news quiz, May 22" 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/infectious-disease/cen-weekly-chemistry-news-quiz-may-22/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/Weekly-quiz-May-22---472099:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" 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/features.html" class="tag-item" aria-describedby="homepage-most-recent-list">Features</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/biological-chemistry/origins-of-life.html" class="tag-item" aria-describedby="homepage-most-recent-list">Origins Of Life</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/biological-chemistry/origins-of-life/closer-understanding-origins-biological-homochirality/104/web/2026/05">Are we closer to understanding the origins of biological homochirality? </a>
                        </div>
                        <div class="article-item--description">
                            Life on this planet all works with one side of the mirror; origin-of-life researchers are still trying to work out why
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 21, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Are we closer to understanding the origins of biological homochirality? " role="button" data-link="/biological-chemistry/origins-of-life/closer-understanding-origins-biological-homochirality/104/web/2026/05" data-title="Are we closer to understanding the origins of biological homochirality? ">
                                       
                                        <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/05/closer-understanding-origins-biological-homochirality" data-link="/biological-chemistry/origins-of-life/closer-understanding-origins-biological-homochirality/104/web/2026/05" data-doi="10.47287/cen-357242-featurearticle" data-title="Are we closer to understanding the origins of biological homochirality? " data-taxonomy="Origins Of Life" data-articletype="Features" data-authorname="Rachel Brazil, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Are we closer to understanding the origins of biological homochirality? " 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/origins-of-life/closer-understanding-origins-biological-homochirality/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="/content/dam/cen/104/05/20/WIP/Feature--homochirality---362650.gif" 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/perspectives/opinion.html" class="tag-item" aria-describedby="homepage-most-recent-list">Opinion</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/materials/polymers.html" class="tag-item" aria-describedby="homepage-most-recent-list">Polymers</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/materials/polymers/robots-soft-actuation-polymer-chemist-molecular-design/104/web/2026/05">Opinion: Why polymer chemists hold the key to soft robots</a>
                        </div>
                        <div class="article-item--description">
                            The future of next-generation robots that move like living systems will be shaped by advances in molecular design
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 21, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Opinion: Why polymer chemists hold the key to soft robots" role="button" data-link="/materials/polymers/robots-soft-actuation-polymer-chemist-molecular-design/104/web/2026/05" data-title="Opinion: Why polymer chemists hold the key to soft robots">
                                       
                                        <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/05/robots-soft-actuation-polymer-chemist-molecular-design" data-link="/materials/polymers/robots-soft-actuation-polymer-chemist-molecular-design/104/web/2026/05" data-doi="10.47287/cen.469250.opinion" data-title="Opinion: Why polymer chemists hold the key to soft robots" data-taxonomy="Polymers" data-articletype="Opinion" data-authorname="Ganesh Shimoga and Sang-Youn Kim, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Opinion: Why polymer chemists hold the key to soft robots" 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="/materials/polymers/robots-soft-actuation-polymer-chemist-molecular-design/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/Opinion--Polymer-chemists-are-key-to-the-next-generation-of-robots---469300:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A human hand and forearm and a robot hand and forearm nearly meet, with the index fingers almost touching" 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/recycling.html" class="tag-item" aria-describedby="homepage-most-recent-list">Recycling</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/environment/recycling/Plastics-recycling-stalls-Europe/104/web/2026/05">Plastics recycling stalls in Europe</a>
                        </div>
                        <div class="article-item--description">
                            As plants close, industry blames Asian imports, high energy prices, and regulation
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 21, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Plastics recycling stalls in Europe" role="button" data-link="/environment/recycling/Plastics-recycling-stalls-Europe/104/web/2026/05" data-title="Plastics recycling stalls in Europe">
                                       
                                        <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/05/Plastics-recycling-stalls-Europe" data-link="/environment/recycling/Plastics-recycling-stalls-Europe/104/web/2026/05" data-doi="10.47287/cen.472000.newsarticle" data-title="Plastics recycling stalls in Europe" data-taxonomy="Recycling" data-articletype="News" data-authorname="Alex Scott" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Plastics recycling stalls in Europe" 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/recycling/Plastics-recycling-stalls-Europe/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/NEWS-European-plastics-recycling-stalls---472050:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Bales of plastic waste are stacked on one another below a blue sky." 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/meetings.html" class="tag-item" aria-describedby="homepage-most-recent-list">Meetings</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/acs150-jacs-symposium-fall-event/104/web/2026/05">ACS150 <i>JACS</i> Symposium fall event registration opens</a>
                        </div>
                        <div class="article-item--description">
                            Four events remain throughout the rest of the year for this special symposium series stacked with Nobel laureates
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 21, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, ACS150 &lt;i>JACS&lt;/i> Symposium fall event registration opens" role="button" data-link="/acs-news/acs150-jacs-symposium-fall-event/104/web/2026/05" data-title="ACS150 &lt;i>JACS&lt;/i> Symposium fall event registration opens">
                                       
                                        <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/05/acs150-jacs-symposium-fall-event" data-link="/acs-news/acs150-jacs-symposium-fall-event/104/web/2026/05" data-doi="10.47287/cen.470300.acspublishing" data-title="ACS150 &lt;i>JACS&lt;/i> Symposium fall event registration opens" data-taxonomy="ACS News" data-articletype="Meetings" data-authorname="Sara Cottle" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, ACS150 &lt;i>JACS&lt;/i> Symposium fall event registration opens" 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">
                            <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/materials/coatings.html" class="tag-item" aria-describedby="homepage-most-recent-list">Coatings</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/materials/coatings/antacid-compound-strengthens-plant-fibers/104/web/2026/05">Antacid compound makes plant fibers stronger</a>
                        </div>
                        <div class="article-item--description">
                            Calcium carbonate treatment improves properties of hemp and jute for polymer composites
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 20, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Antacid compound makes plant fibers stronger" role="button" data-link="/materials/coatings/antacid-compound-strengthens-plant-fibers/104/web/2026/05" data-title="Antacid compound makes plant fibers stronger">
                                       
                                        <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/05/antacid-compound-strengthens-plant-fibers" data-link="/materials/coatings/antacid-compound-strengthens-plant-fibers/104/web/2026/05" data-doi="10.47287/cen.455004.newsarticle" data-title="Antacid compound makes plant fibers stronger" data-taxonomy="Coatings" data-articletype="News" data-authorname="Neil Savage, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Antacid compound makes plant fibers stronger" 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="/materials/coatings/antacid-compound-strengthens-plant-fibers/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/CaCO3-treatment-strengthens-natural-fibers---465400-1:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Rows of thick beige strands of fiber." 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/infectious-disease.html" class="tag-item" aria-describedby="homepage-most-recent-list">Infectious Disease</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/biological-chemistry/infectious-disease/wont-approved-Ebola-vaccines-work/104/web/2026/05">Why won’t approved Ebola vaccines work for the current outbreak in DRC and Uganda?</a>
                        </div>
                        <div class="article-item--description">
                            There are several species of <i>Orthoebolavirus</i>, and the vaccines weren’t designed with this rare one in mind
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 20, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Why won’t approved Ebola vaccines work for the current outbreak in DRC and Uganda?" role="button" data-link="/biological-chemistry/infectious-disease/wont-approved-Ebola-vaccines-work/104/web/2026/05" data-title="Why won’t approved Ebola vaccines work for the current outbreak in DRC and Uganda?">
                                       
                                        <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/05/wont-approved-Ebola-vaccines-work" data-link="/biological-chemistry/infectious-disease/wont-approved-Ebola-vaccines-work/104/web/2026/05" data-doi="10.47287/cen.471350.newsarticle" data-title="Why won’t approved Ebola vaccines work for the current outbreak in DRC and Uganda?" data-taxonomy="Infectious Disease" data-articletype="News" data-authorname="Max Barnhart" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Why won’t approved Ebola vaccines work for the current outbreak in DRC and Uganda?" 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/infectious-disease/wont-approved-Ebola-vaccines-work/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/ebola-vaccine---471397:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Three people help lift another person who is setting up a white tent with a blue tarp covering. A fifth person with a face mask watches. The tent is on a patch of bare ground surrounded by grass with additional tent materials and structures in the background under a blue sky with some clouds." 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/graphics/periodic-graphics.html" class="tag-item" aria-describedby="homepage-most-recent-list">Periodic Graphics</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/materials/electronic-materials.html" class="tag-item" aria-describedby="homepage-most-recent-list">Electronic Materials</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/materials/electronic-materials/piezoelectric-electronic-materials-quartz-ultrasound/104/web/2026/05">Periodic Graphics: Piezoelectrics</a>
                        </div>
                        <div class="article-item--description">
                            Chemical educator and <i>Compound Interest</i> blogger Andy Brunning explains the basics of piezoelectric materials and applications
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 20, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Periodic Graphics: Piezoelectrics" role="button" data-link="/materials/electronic-materials/piezoelectric-electronic-materials-quartz-ultrasound/104/web/2026/05" data-title="Periodic Graphics: Piezoelectrics">
                                       
                                        <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/05/piezoelectric-electronic-materials-quartz-ultrasound" data-link="/materials/electronic-materials/piezoelectric-electronic-materials-quartz-ultrasound/104/web/2026/05" data-doi="10.47287/cen.469751.periodicgraphics" data-title="Periodic Graphics: Piezoelectrics" data-taxonomy="Electronic Materials" data-articletype="Periodic Graphics" data-authorname="Andy Brunning, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Periodic Graphics: Piezoelectrics" 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="/materials/electronic-materials/piezoelectric-electronic-materials-quartz-ultrasound/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/Periodic-Graphic-on-Piezoelectrics---469504:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A graphic that describes how piezoelectric materials generate electricity, and how this process is used in common applications, including gas ignitors and medical imaging equipment." 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="/materials/2-d-materials/chemistry-pictures-seeing-cyclic-molecules/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/ChemPics--7-rings---460999-1:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="Chemistry in Pictures" decoding="async" class="chemistry-pictures-image" style="width: 100%; height: auto; object-fit: cover;"/>
                                
                            </a>
                        </div>

                        <div class="article-item--content">
                            <div class="tags">
                                
                                  
                                    <a tabindex="0" class="tag-item" href="/topics/materials/2-d-materials.html">2-D Materials</a>
                                    
                                
                            </div>

                            <div class="article-item--title" role="heading" aria-level="3" id="article-0">
                                <a href="/materials/2-d-materials/chemistry-pictures-seeing-cyclic-molecules/104/web/2026/05">Chemistry in Pictures: Seeing cyclic molecules</a>
                            </div>
                            

                            <div class="article-item--meta">
                                <span class="date">
                                    May 20, 2026
                                </span>
                                <ul class="actions">
                                    <li>
                                        <a onclick="openShareModal(event)" data-link="/materials/2-d-materials/chemistry-pictures-seeing-cyclic-molecules/104/web/2026/05" data-title="Chemistry in Pictures: Seeing cyclic molecules" data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Chemistry in Pictures: Seeing cyclic molecules" 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/05/chemistry-pictures-seeing-cyclic-molecules" data-link="/materials/2-d-materials/chemistry-pictures-seeing-cyclic-molecules/104/web/2026/05" data-doi="10.47287/cen.461195.chempics" data-title="Chemistry in Pictures: Seeing cyclic molecules" data-taxonomy="2-D Materials" data-articletype="Chempics" data-authorname="Manny I. Fox Morone" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Chemistry in Pictures: Seeing cyclic molecules" 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-f1fda1c9">
        <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="/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" 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 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="/biological-chemistry/gene-editing/Inflection-Point-era-spanning-epiphanies/103/web/2025/11" 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-S2E2---Gene-Editing---236550:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A photo collage with three items: A hand holding up a petri dish with bacteria growing in it, next to some pea plants, and in the background is a computer generated image of a DNA sequence." 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="Inflection Point: The era-spanning epiphanies that enabled gene editing">Inflection Point</a>
                                    
                                
                                    
                                        <a tabindex="0" href="/topics/biological-chemistry/gene-editing.html" class="tag-item" aria-describedby="Inflection Point: The era-spanning epiphanies that enabled gene editing">Gene Editing</a>
                                    
                                
                            </div>
                            <div class="article-item--title" role="heading" aria-level="2">
                                <a href="/biological-chemistry/gene-editing/Inflection-Point-era-spanning-epiphanies/103/web/2025/11">Inflection Point: The era-spanning epiphanies that enabled gene editing</a>
                            </div>
                            <div class="article-item--meta">
                                <span class="date">November 19, 2025</span>
                                <ul class="actions">
                                    <li><a onclick="openShareModal(event)" data-link="/biological-chemistry/gene-editing/Inflection-Point-era-spanning-epiphanies/103/web/2025/11" data-title="Inflection Point: The era-spanning epiphanies that enabled gene editing" data-print="false" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Inflection Point: The era-spanning epiphanies that enabled gene editing" 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/11/Inflection-Point-era-spanning-epiphanies" data-link="/biological-chemistry/gene-editing/Inflection-Point-era-spanning-epiphanies/103/web/2025/11" data-doi="10.1021/cen-236451-Podcast: Inflection Point" data-title="Inflection Point: The era-spanning epiphanies that enabled gene editing" data-taxonomy="Gene Editing" data-articletype="Inflection Point" data-authorname="David Anderson, Gina Vitale, Max Barnhart, Jeremy Barr, special to C&amp;EN" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Inflection Point: The era-spanning epiphanies that enabled gene editing" 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/synthesis.html" class="tag-item" aria-describedby="homepage-most-recent-list">Synthesis</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/synthesis/synthesis-oxonium-nucleophile/104/web/2026/05">This molecule lives on the brink of self-destruction</a>
                        </div>
                        <div class="article-item--description">
                            Chemists coax strong electrophile to coexist peacefully with nucleophilic groups
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 20, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, This molecule lives on the brink of self-destruction" role="button" data-link="/synthesis/synthesis-oxonium-nucleophile/104/web/2026/05" data-title="This molecule lives on the brink of self-destruction">
                                       
                                        <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/05/synthesis-oxonium-nucleophile" data-link="/synthesis/synthesis-oxonium-nucleophile/104/web/2026/05" data-doi="10.47287/cen-469799-newsarticle" data-title="This molecule lives on the brink of self-destruction" data-taxonomy="Synthesis" data-articletype="News" data-authorname="Brianna Barbu" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, This molecule lives on the brink of self-destruction" 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/synthesis-oxonium-nucleophile/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/470046-social:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A 3D model of a molecule." 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/podcasts/inflection-point.html" class="tag-item" aria-describedby="homepage-most-recent-list">Inflection Point</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/pharmaceuticals/pharmaceutical-chemicals.html" class="tag-item" aria-describedby="homepage-most-recent-list">Pharmaceutical Chemicals</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" 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--description">
                            David and Gina traverse time to find that retinol, known for its antiaging properties, is much more than a skin-care fad
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 20, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Podcast: The blindsiding history of retinol" role="button" data-link="/pharmaceuticals/pharmaceutical-chemicals/inflection-point-retinol-skincare-history-podcast/104/web/2026/05" data-title="Podcast: The blindsiding history of retinol">
                                       
                                        <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/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" 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>
                    <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." 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/chempics.html" class="tag-item" aria-describedby="homepage-most-recent-list">Chempics</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/materials/2-d-materials.html" class="tag-item" aria-describedby="homepage-most-recent-list">2-D Materials</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/materials/2-d-materials/chemistry-pictures-seeing-cyclic-molecules/104/web/2026/05">Chemistry in Pictures: Seeing cyclic molecules</a>
                        </div>
                        
                        <div class="article-item--meta">
                            <span class="date">May 20, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Chemistry in Pictures: Seeing cyclic molecules" role="button" data-link="/materials/2-d-materials/chemistry-pictures-seeing-cyclic-molecules/104/web/2026/05" data-title="Chemistry in Pictures: Seeing cyclic molecules">
                                       
                                        <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/05/chemistry-pictures-seeing-cyclic-molecules" data-link="/materials/2-d-materials/chemistry-pictures-seeing-cyclic-molecules/104/web/2026/05" data-doi="10.47287/cen.461195.chempics" data-title="Chemistry in Pictures: Seeing cyclic molecules" data-taxonomy="2-D Materials" data-articletype="Chempics" data-authorname="Manny I. Fox Morone" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Chemistry in Pictures: Seeing cyclic molecules" 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="/materials/2-d-materials/chemistry-pictures-seeing-cyclic-molecules/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/ChemPics--7-rings---460999-1:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="The shape of a honeycomb-like macromolecule seen through a scanning tunneling microscope with seven rings fused to a central seven-sided ring. The macromolecule is about 6 nanometers long." 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/physical-chemistry/protein-folding.html" class="tag-item" aria-describedby="homepage-most-recent-list">Protein Folding</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/physical-chemistry/protein-folding/new-ai-designed-protein-capsids/104/web/2026/05">New AI-designed protein capsids go large for genetic medicine</a>
                        </div>
                        <div class="article-item--description">
                            Bespoke delivery vehicles may help genetic medicine transcend a natural limit
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 20, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, New AI-designed protein capsids go large for genetic medicine" role="button" data-link="/physical-chemistry/protein-folding/new-ai-designed-protein-capsids/104/web/2026/05" data-title="New AI-designed protein capsids go large for genetic medicine">
                                       
                                        <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/05/new-ai-designed-protein-capsids" data-link="/physical-chemistry/protein-folding/new-ai-designed-protein-capsids/104/web/2026/05" data-doi="10.47287/cen.471047.newsarticle" data-title="New AI-designed protein capsids go large for genetic medicine" data-taxonomy="Protein Folding" data-articletype="News" data-authorname="Sarah Braner" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, New AI-designed protein capsids go large for genetic medicine" 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="/physical-chemistry/protein-folding/new-ai-designed-protein-capsids/104/web/2026/05" aria-hidden="true" tabindex="-1">
                            <!-- Check if we have an intro video -->
                            
                                <!-- Video with auto loop enabled -->
                                <video class="homepage-most-recent-video" style="width: 100%; height: auto; object-fit: cover;" autoplay loop muted playsinline preload="metadata" poster="https://s7d1.scene7.com/is/content/CENODS/471047-video?ext=.mp4" aria-label="Article intro video" title="New AI-designed protein capsids go large for genetic medicine">
                                    <source src="https://s7d1.scene7.com/is/content/CENODS/471047-video?ext=.mp4" type="video/mp4"/>
                                    <!-- Fallback for browsers that don't support video -->
                                    <img src="https://s7d1.scene7.com/is/content/CENODS/471047-video?ext=.mp4" alt="A GIF of a spinning protein capsid made of red protein homotrimers and blue protein linkers." style="width: 100%; height: auto;"/>
                                </video>
                            
                            <!-- Fallback to image if no intro video -->
                            
                        </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/greenhouse-gases.html" class="tag-item" aria-describedby="homepage-most-recent-list">Greenhouse Gases</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/environment/greenhouse-gases/china-india-coal-gasification/104/web/2026/05">China, India opt for coal gasification</a>
                        </div>
                        <div class="article-item--description">
                            Energy security is a big reason for new investments, though they were likely on the drawing board before the Iran war
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 20, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, China, India opt for coal gasification" role="button" data-link="/environment/greenhouse-gases/china-india-coal-gasification/104/web/2026/05" data-title="China, India opt for coal gasification">
                                       
                                        <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/05/china-india-coal-gasification" data-link="/environment/greenhouse-gases/china-india-coal-gasification/104/web/2026/05" data-doi="10.47287/cen.470900.newsarticle" data-title="China, India opt for coal gasification" data-taxonomy="Greenhouse Gases" data-articletype="News" data-authorname="Alexander Tullo" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, China, India opt for coal gasification" 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/greenhouse-gases/china-india-coal-gasification/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/News--Gasification-plants-in-China-and-India---470947:Widescreen?$responsive$&amp;qlt=90,0&amp;resMode=sharp2&amp;fmt=webp" alt="A railway yard with over a dozen tracks full of long chains of railroad cars loaded with coal, with buildings and tree-covered hillsides in the background." 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/editorials.html" class="tag-item" aria-describedby="homepage-most-recent-list">Editorials</a>
						        
						    
						        
						            <a tabindex="0" href="/topics/policy/research-funding.html" class="tag-item" aria-describedby="homepage-most-recent-list">Research Funding</a>
						        
						    
						</div>
                        <div class="article-item--title" id="homepage-most-recent-list" role="heading" aria-level="2">
                            <a href="/policy/research-funding/Editorial-Support-curiosity-driven-science/104/web/2026/05">Editorial: Support for curiosity-driven science is at an inflection point. Will we learn from history?</a>
                        </div>
                        <div class="article-item--description">
                            Serendipitous discoveries laid the foundation for modern society 
                        </div>
                        <div class="article-item--meta">
                            <span class="date">May 20, 2026</span>
                            <ul class="actions">
                                <li><a onclick="openShareModal(event)" class="icon-share tooltip-wrapper" tabindex="0" aria-label="Share, Editorial: Support for curiosity-driven science is at an inflection point. Will we learn from history?" role="button" data-link="/policy/research-funding/Editorial-Support-curiosity-driven-science/104/web/2026/05" data-title="Editorial: Support for curiosity-driven science is at an inflection point. Will we learn from history?">
                                       
                                        <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/05/Editorial-Support-curiosity-driven-science" data-link="/policy/research-funding/Editorial-Support-curiosity-driven-science/104/web/2026/05" data-doi="10.47287/cen-443145-editorial" data-title="Editorial: Support for curiosity-driven science is at an inflection point. Will we learn from history?" data-taxonomy="Research Funding" data-articletype="Editorials" data-authorname="C&amp;EN editorial staff" class="icon-save tooltip-wrapper saveIconAnalytics" aria-label="Save, Editorial: Support for curiosity-driven science is at an inflection point. Will we learn from history?" 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/research-funding/Editorial-Support-curiosity-driven-science/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/Funding-for-exploratory-science-is-at-an-inflection-point---442999: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="htmlComponent aem-GridColumn aem-GridColumn--default--12">
    
        <div class="row">
                    <div class="col text-end mt-4">
                        <a href="/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">"When a company tells you something is being recycled, and it isn’t, it doesn’t just mislead the customer, it also takes the pressure off for real solutions, which is using less plastic in the first place."</p>
            <footer class="article-quote--footer" role="presentation">
                <cite>
                     <span class="quote-name">Judith Enck</span>,
                    <span class="quote-title">president of Beyond Plastics</span>
                
                </cite>
                <a href="/environment/recycling/Starbucks-cups-hard-recycle/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=2&cb=220193635" async></script></body>
</html>
