@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('./assets/fonts/manrope-latin-variable.woff2') format('woff2')}
:root{--site-font:Manrope,Arial,Helvetica,sans-serif;font-synthesis:none}
/* One shared family overrides the legacy page-specific serif and mono treatments. */
body,body *,body *::before,body *::after{font-family:var(--site-font)!important;letter-spacing:0}
body{font-weight:400}
h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}
.eyebrow,.market-status,.work-meta,.art-caption,.preview-caption,.detail-toolbar,.project-notes dt,.market-stats span,.chart-intro,.chart-date-labels,.chart-captions,.market-footer,.lightbox-details dt,.form-status,.signal-post time,.signal-post-cta,.contact-links a,.edition,.chapter>span,.chapter p,.sound-credits,.menu-eyebrow,#replay{font-weight:300;font-size:11px;line-height:1.6}
.work-meta h1,.contact-form label{font-weight:400;font-size:12px}
.trace-year{font-weight:400}
.contact-links a{font-size:14px}
.mode-toggle,.open-project,.project-bottom,.lightbox-close,.lightbox-campaigns h3,.campaign-chip span{font-weight:300}
.intro h1{overflow:hidden}
.campaign-title,.detail-heading p,.chart-story h2 em,.write-view h2 em,.chapter h1{font-style:normal;font-weight:300}
.project-description em{font-style:normal;font-weight:600}
.wordmark{font-weight:700}
.menu h2 button{font-weight:650}
.preview-art.has-image>span[aria-hidden],.mobile-preview .w-art.has-image>span[aria-hidden]{font-weight:800}
@media(max-width:760px){.market-status{max-width:none}.section-nav{gap:15px}.menu h2 button{font-size:50px}.menu nav{gap:22px}}
@media(max-width:350px){.menu h2 button{font-size:43px}.section-nav{gap:12px}}
