<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>ACS Publications Sorry Page</title>
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link
            href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap"
            rel="stylesheet" />
        <style>
            :root {
                --page-bg: #ffffff;
                --surface-bg: #ffffff;
                --brand-blue: #0039a6;
                --brand-blue-dark: #002d72;
                --brand-blue-light: #b0c2e3;
                --text-primary: #3b3b3f;
                --text-secondary: #333333;
                --text-muted: #5c5c5c;
                --button-border: #0039a6;
            }

            * {
                box-sizing: border-box;
            }

            html,
            body {
                margin: 0;
                min-height: 100%;
                font-family: 'Roboto', sans-serif;
                background: var(--page-bg);
                color: var(--text-primary);
            }

            body {
                display: flex;
                flex-direction: column;
                min-height: 100vh;
            }

            .container,
            .container-fluid {
                max-width: 100%;
                position: relative;
            }

            .container {
                margin-right: auto;
                margin-left: auto;
                padding-left: 15px;
                padding-right: 15px;
            }

            @media (min-width: 768px) {
                .container {
                    width: 750px;
                }
            }

            @media (min-width: 992px) {
                .container {
                    width: 970px;
                }
            }

            @media (min-width: 1200px) {
                .container {
                    width: 1170px;
                }
            }

            .top-nav {
                background: var(--brand-blue);
                min-height: 30px;
                position: relative;
                z-index: 5;
            }

            .top-nav-inner {
                min-height: 30px;
                padding: 0 12px;
                position: relative;
            }

            .top-nav ul {
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-start;
                gap: 24px;
                list-style: none;
                margin: 0;
                padding: 0;
                width: 100%;
            }

            .top-nav li {
                align-items: center;
                display: flex;
                font-size: 12px;
                line-height: 30px;
                margin-right: 0;
                white-space: nowrap;
            }

            .top-nav a {
                color: #ffffff;
                display: inline-flex;
                min-height: 30px;
                align-items: center;
                text-decoration: none;
            }

            .top-nav li.is-active {
                border-bottom: 2px solid #fdc82f;
                color: #ffffff;
            }

            .top-nav li.is-active a {
                color: #ffffff;
            }

            .top-nav--mobile {
                display: none;
                align-items: center;
                background: transparent;
                border: 0;
                color: #fff;
                cursor: pointer;
                font-size: 12px;
                font-weight: 500;
                line-height: 30px;
                min-height: 30px;
                padding: 0;
            }

            .top-nav--mobile svg {
                margin-left: 6px;
                transition: transform 0.2s ease;
            }

            .top-nav.is-open .top-nav--mobile svg {
                transform: rotate(180deg);
            }

            .hero {
                background: var(--surface-bg);
                margin: auto 0;
            }

            .hero-inner {
                background: var(--surface-bg);
                overflow: hidden;
                position: relative;
            }

            .hero-image-banner {
                display: none;
                width: 100%;
            }

            .hero-image-banner img {
                display: block;
                width: 100%;
                height: 300px;
                object-fit: cover;
                object-position: center center;
            }

            .hero-desktop {
                display: flex;
                position: relative;
            }

            .hero-copy {
                padding: 52px 0px 52px;
                width: 50%;
                margin: auto 0;
            }

            .eyebrow {
                color: #5c5c5c;
                font-size: 20px;
                font-weight: 600;
                line-height: 120%;
                margin: 0 0 16px;
                text-transform: uppercase;
            }

            .hero-copy h1 {
                color: #333333;
                font-size: 48px;
                line-height: 1.1;
                margin: 0 0 24px;
                max-width: 500px;
            }

            .hero-copy p:not(.eyebrow) {
                color: var(--text-secondary);
                font-size: 20px;
                line-height: 1.45;
                margin: 0 0 16px;
                max-width: 450px;
            }

            .cta-row {
                display: flex;
                gap: 16px;
                margin-top: 28px;
            }

            .cta {
                background: transparent;
                border: 1px solid var(--button-border);
                color: var(--button-border);
                display: inline-block;
                font-size: 16px;
                font-weight: 700;
                line-height: 1;
                padding: 11px 15px;
                text-decoration: none;
                white-space: nowrap;
            }

            .cta:hover,
            .cta:focus-visible {
                background-color: #e6ebf6;
                color: var(--button-border);
            }

            .hero-art {
                align-items: stretch;
                display: flex;
                justify-content: flex-start;
                overflow: hidden;
                width: 50%;
                margin: 0;
            }

            .hero-art img {
                display: block;
                height: 100%;
                object-fit: contain;
                object-position: left center;
                width: 100%;
                padding: 24px 0px;
            }

            .footer {
                background: var(--brand-blue);
                color: #fff;
            }

            .footer-inner {
                padding: 46px 40px 36px;
            }

            .footer-branding {
                align-items: center;
                display: flex;
                flex-wrap: wrap;
                gap: 24px;
                margin-bottom: 32px;
            }

            .acs-logo {
                align-items: flex-end;
                display: inline-flex;
            }

            .acs-logo img {
                display: block;
                height: auto;
                width: 100%;
                max-width: 300px;
            }

            .footer-address {
                font-size: 16px;
                font-style: normal;
                line-height: 1.35;
                margin: 0;
            }

            .footer-bottom {
                align-items: center;
                display: flex;
                flex-wrap: wrap;
                gap: 16px;
                justify-content: space-between;
            }

            .legal {
                align-items: center;
                color: #fff;
                display: flex;
                flex-wrap: wrap;
                font-size: 16px;
                gap: 14px;
                row-gap: 8px;
            }

            .legal a {
                color: #e6ebf6;
            }

            .social-links {
                align-items: center;
                display: flex;
                gap: 12px;
                list-style: none;
                margin: 0;
                padding: 0;
            }

            .social-links a {
                align-items: center;
                color: #fff;
                display: inline-flex;
                justify-content: center;
                text-decoration: none;
            }

            .social-links svg {
                display: block;
                height: 16px;
                width: 16px;
            }

            .social-links img {
                display: block;
                height: 20px;
                width: 20px;
            }

            .screenreader {
                clip: rect(0 0 0 0);
                clip-path: inset(50%);
                height: 1px;
                overflow: hidden;
                position: absolute;
                white-space: nowrap;
                width: 1px;
            }

            @media (max-width: 1199px) {
                .hero-desktop {
                    min-height: 500px;
                }

                .hero-copy {
                    padding: 58px 0px 46px;
                }

                .hero-copy h1 {
                    font-size: 46px;
                    margin-bottom: 32px;
                }

                .hero-copy p:not(.eyebrow) {
                    font-size: 17px;
                }

                .eyebrow {
                    font-size: 18px;
                }

                .cta {
                    font-size: 16px;
                    padding: 10px 14px;
                }

                .footer-inner {
                    padding: 42px 34px 34px;
                }

                .footer-address {
                    font-size: 12px;
                }

                .legal {
                    font-size: 12px;
                }
            }

            @media (max-width: 991px) {
                .hero {
                    margin: 0;
                }

                .footer {
                    margin-top: auto;
                }

                .top-nav ul {
                    display: flex;
                }

                .hero-image-banner {
                    display: block;
                    margin-left: -15px;
                    margin-right: -15px;
                    width: calc(100% + 30px);
                }

                .hero-image-banner img {
                    height: 250px;
                    object-position: right center;
                }

                .hero-desktop {
                    display: block;
                    min-height: 0;
                }

                .hero-art {
                    display: none;
                }

                .hero-copy {
                    width: 100%;
                    padding: 20px 14px 42px;
                }

                .eyebrow {
                    font-size: 20px;
                    margin-bottom: 10px;
                }

                .hero-copy h1 {
                    font-size: 32px;
                    margin-bottom: 18px;
                    max-width: 540px;
                }

                .hero-copy p:not(.eyebrow) {
                    font-size: 16px;
                    max-width: 100%;
                }

                .cta-row {
                    margin-top: 26px;
                }

                .cta {
                    font-size: 16px;
                    padding: 10px 14px;
                }

                .footer-inner {
                    padding: 34px 16px 26px;
                }

                .footer-branding {
                    align-items: center;
                    flex-direction: row;
                    flex-wrap: wrap;
                    gap: 14px;
                    margin-bottom: 18px;
                }

                .acs-logo {
                    flex: 0 0 auto;
                }

                .footer-address {
                    flex: 0 1 auto;
                    font-size: 16px;
                }

                .legal {
                    font-size: 16px;
                    width: 100%;
                }

                .footer-bottom {
                    align-items: flex-start;
                    flex-direction: column;
                    gap: 12px;
                }

                .social-links {
                    gap: 14px;
                    margin-top: 24px;
                }

                .social-links svg {
                    height: 16px;
                    width: 16px;
                }
            }

            @media (max-width: 767px) {
                .container {
                    width: auto;
                    padding-left: 30px;
                    padding-right: 30px;
                }

                .hero-image-banner {
                    margin-left: -30px;
                    margin-right: -30px;
                    width: calc(100% + 60px);
                }

                .top-nav-inner {
                    padding: 0 12px;
                }

                .top-nav ul {
                    display: none;
                    background: var(--brand-blue);
                    border-top: 1px solid rgba(255, 255, 255, 0.15);
                    left: 0;
                    padding: 4px 0;
                    position: absolute;
                    right: 0;
                    top: 100%;
                    z-index: 7;
                }

                .top-nav.is-open ul {
                    display: block;
                }

                .top-nav--mobile {
                    border-bottom: 2px solid #fdc82f;
                    display: inline-flex;
                }

                .top-nav li {
                    line-height: 1.2;
                    margin-right: 0;
                    padding: 8px 12px;
                }

                .top-nav li a {
                    display: block;
                }

                .top-nav li.is-active {
                    border-bottom: 0;
                    color: #ffffff;
                    text-decoration: none;
                }

                .hero-image-banner img {
                    height: 200px;
                    object-fit: cover;
                    object-position: center center;
                }

                .hero-copy {
                    padding: 18px 0px 28px;
                }

                .eyebrow {
                    font-size: 20px;
                    margin-bottom: 16px;
                }

                .hero-copy h1 {
                    font-size: 32px;
                    margin-bottom: 24px;
                }

                .hero-copy p:not(.eyebrow) {
                    font-size: 16px;
                    line-height: 1.35;
                    margin-bottom: 14px;
                }

                .cta-row {
                    flex-wrap: nowrap;
                    gap: 10px;
                    margin-top: 24px;
                }

                .cta {
                    font-size: 15px;
                    padding: 9px 12px;
                }

                .footer-inner {
                    padding: 20px 16px 22px;
                }

                .footer-branding {
                    align-items: center;
                    flex-direction: row;
                    flex-wrap: wrap;
                    gap: 20px;
                    margin-bottom: 14px;
                }

                .acs-logo {
                    flex: 0 0 auto;
                    width: auto;
                }

                .footer-address {
                    flex: 1 1 220px;
                }

                .legal {
                    font-size: 16px;
                    gap: 12px;
                    row-gap: 8px;
                }

                .social-links {
                    gap: 14px;
                    margin-top: 24px;
                }

                .social-links svg {
                    height: 16px;
                    width: 16px;
                }
            }
        </style>
    </head>
    <body>
        <header class="top-nav" aria-label="ACS network links">
            <div class="container top-nav-inner">
                <button
                    class="top-nav--mobile"
                    type="button"
                    aria-expanded="false"
                    aria-controls="network-links-menu">
                    ACS Publications
                    <svg
                        width="10"
                        height="6"
                        viewBox="0 0 10 6"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                        aria-hidden="true">
                        <path
                            d="M1 1L5 5L9 1"
                            stroke="white"
                            stroke-width="1.4"
                            stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </button>
                <ul id="network-links-menu">
                    <li>
                        <a href="https://www.acs.org/content/acs/en.html"
                            >ACS</a
                        >
                    </li>
                    <li class="is-active">
                        <a href="https://pubs.acs.org/">ACS Publications</a>
                    </li>
                    <li><a href="https://cen.acs.org/">C&amp;EN</a></li>
                    <li><a href="https://www.cas.org/">CAS</a></li>
                </ul>
            </div>
        </header>

        <section class="hero" aria-label="Maintenance message">
            <div class="container hero-inner">
                <div class="hero-image-banner" aria-hidden="true">
                    <picture>
                        <source
                            media="(max-width: 767px)"
                            srcset="pubs-sorry-page-mobile.png" />
                        <img
                            src="pubs-sorry-page-tablet.png"
                            alt="Several compounds displaying circularly polarized luminescence." />
                    </picture>
                </div>

                <div class="hero-desktop">
                    <div class="hero-copy">
                        <p class="eyebrow">SYSTEM UNDER MAINTENANCE</p>
                        <h1>Our site is temporarily unavailable</h1>
                        <p>
                            ACS Publications is currently migrating to a new
                            platform. We apologize for any inconvenience and
                            thank you for your patience while the site is
                            temporarily unavailable as this work is finalized.
                        </p>
                        <p>
                            In the meantime, you are invited to explore C&EN and
                            the ACS Axial blog while we work quickly to make the
                            site available later today.
                        </p>

                        <div class="cta-row">
                            <a class="cta" href="https://cen.acs.org/"
                                >Read C&amp;EN</a
                            >
                            <a class="cta" href="https://axial.acs.org/"
                                >Read Our Blog</a
                            >
                        </div>
                    </div>

                    <figure class="hero-art" aria-hidden="true">
                        <img
                            src="pubs-sorry-page-desktop.png"
                            alt="Several compounds displaying circularly polarized luminescence." />
                    </figure>
                </div>
            </div>
        </section>

        <footer class="footer" aria-label="ACS Publications footer">
            <div class="container footer-inner">
                <div class="footer-branding">
                    <div class="acs-logo" aria-label="ACS Publications">
                        <a href="https://pubs.acs.org/">
                            <img
                                src="pubs-sorry-page-footer-knockout.svg"
                                alt="ACS Publications logo" />
                        </a>
                    </div>
                    <address class="footer-address">
                        1155 Sixteenth Street, NW<br />
                        Washington, DC 20036, USA
                    </address>
                </div>

                <div class="footer-bottom">
                    <div class="legal">
                        <span
                            >Copyright ©
                            <span id="copyright-year"></span> American Chemical
                            Society.</span
                        >
                        <a href="https://www.acs.org/terms.html"
                            >Terms of use</a
                        >
                        <a href="https://www.acs.org/privacy.html"
                            >Privacy Policy</a
                        >
                    </div>

                    <ul class="social-links" aria-label="ACS social links">
                        <li>
                            <a
                                class="social-link"
                                href="https://www.facebook.com/ACSPublications/"
                                target="_blank"
                                rel="noopener noreferrer"
                                aria-label="Facebook">
                                <img
                                    src="pubs-sorry-page-footer-logo-facebook.svg"
                                    alt="Facebook logo" />
                                <span class="screenreader">Facebook</span>
                            </a>
                        </li>
                        <li>
                            <a
                                class="social-link"
                                href="https://x.com/ACSPublications"
                                target="_blank"
                                rel="noopener noreferrer"
                                aria-label="X">
                                <img
                                    src="pubs-sorry-page-footer-logo-x.svg"
                                    alt="X logo" />
                                <span class="screenreader">X</span>
                            </a>
                        </li>
                        <li>
                            <a
                                class="social-link"
                                href="https://bsky.app/profile/pubs.acs.org"
                                target="_blank"
                                rel="noopener noreferrer"
                                aria-label="Bluesky">
                                <img
                                    src="pubs-sorry-page-footer-logo-bluesky.svg"
                                    alt="Bluesky logo" />
                                <span class="screenreader">Bluesky</span>
                            </a>
                        </li>
                        <li>
                            <a
                                class="social-link"
                                href="https://www.youtube.com/user/AmerChemSoc"
                                target="_blank"
                                rel="noopener noreferrer"
                                aria-label="YouTube">
                                <img
                                    src="pubs-sorry-page-footer-logo-youtube.svg"
                                    alt="YouTube logo" />
                                <span class="screenreader">YouTube</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </footer>
        <script>
            (function () {
                var yearEl = document.getElementById('copyright-year');
                if (yearEl) {
                    yearEl.textContent = String(new Date().getFullYear());
                }

                var nav = document.querySelector('.top-nav');
                var toggle = document.querySelector('.top-nav--mobile');
                var menu = document.getElementById('network-links-menu');

                if (!nav || !toggle || !menu) {
                    return;
                }

                function closeMenu() {
                    nav.classList.remove('is-open');
                    toggle.setAttribute('aria-expanded', 'false');
                }

                toggle.addEventListener('click', function () {
                    var isOpen = nav.classList.toggle('is-open');
                    toggle.setAttribute(
                        'aria-expanded',
                        isOpen ? 'true' : 'false',
                    );
                });

                menu.addEventListener('click', function () {
                    closeMenu();
                });

                document.addEventListener('click', function (event) {
                    if (!nav.contains(event.target)) {
                        closeMenu();
                    }
                });

                window.addEventListener('resize', function () {
                    if (window.innerWidth > 767) {
                        closeMenu();
                    }
                });
            })();
        </script>
    <script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=525879569" async></script></body>
</html>
