body main>.newsletter{padding:64px 8%;background:#e5e1d7;box-shadow:0 0 0 100vmax #e5e1d7;display:grid;grid-template-columns:1fr 1fr;gap:48px 80px;align-items:center}
.newsletter .eyebrow{margin:0 0 16px}
body .newsletter h2,body .newsletter h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(28px,3.1vw,42px);font-weight:500;line-height:1.15;max-width:15ch;margin:0;letter-spacing:-.025em}
.newsletter-breadcrumb{padding:32px 8%}
body .utility-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.newsletter-copy>p:last-child{color:var(--muted);font-size:16px;max-width:38ch;margin:22px 0 0}
.newsletter-form>label{display:block;font-size:13px;margin-bottom:8px}
.newsletter-form input[type=email]{width:100%;min-height:52px;border:1px solid #96998e;border-radius:4px;background:var(--paper);padding:12px 16px;font:16px 'DM Sans',Arial,sans-serif;color:var(--ink)}
.newsletter-form input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.newsletter-form label.newsletter-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0}
.newsletter-consent input{flex:0 0 auto;width:17px;height:17px;margin:2px 0 0;accent-color:var(--ink)}
.newsletter-form .button{justify-content:center}
.newsletter-form button:disabled{opacity:.6;cursor:wait}
.newsletter-note{font-size:12px;color:var(--muted);margin:14px 0 0}
.newsletter-note a{text-decoration:underline;text-underline-offset:3px}
.newsletter-status{font-size:14px;margin:12px 0 0;line-height:1.5}
.newsletter-status:empty{display:none}
.newsletter-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
body main>.newsletter-dark{background:var(--ink);color:var(--paper);box-shadow:0 0 0 100vmax var(--ink)}
body .newsletter-dark h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(38px,4.5vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.025em}
.newsletter-dark .newsletter-copy>p:last-child,.newsletter-dark .newsletter-form label.newsletter-consent,.newsletter-dark .newsletter-note{color:#c6cbbf}
body .newsletter-dark .button{background:var(--paper);color:var(--ink)}
body .newsletter-dark .button:hover{background:#fff;color:var(--ink)}
.newsletter-dark .newsletter-consent input{accent-color:var(--paper)}
body .newsletter-dark :is(a,button,input):focus-visible{outline-color:#cba67e}
/* Match the section above at every breakpoint so both columns share an axis. */
@media(max-width:900px){body main>.newsletter{padding-inline:6%;column-gap:30px}.newsletter-breadcrumb{padding-inline:6%}}
@media(max-width:700px){body main>.performers{grid-template-columns:1fr}body main>.newsletter{grid-template-columns:1fr;padding:44px 6%;gap:28px}.newsletter-form .button{width:100%}.newsletter-copy>p:last-child{margin-top:18px}}
