/* One typography system across Reality, including project pages and dialogs.
   Existing responsive sizes and animation wrappers retain their layout roles. */
#site.dark.light-sim{--reality-font:Arial,Helvetica,sans-serif;font-family:var(--reality-font);font-weight:400}
#site.light-sim *,#site.light-sim *::before,#site.light-sim *::after{font-family:var(--reality-font)!important}
#site.light-sim :is(h1,h2,h3,h4,.neutral-title),#site.light-sim #work .projectline strong,#site.light-sim #ai .ai-details strong{font-weight:700!important;font-style:normal;letter-spacing:-.055em}
#site.light-sim :is(h1,h2,h3,h4,.neutral-title) :is(em,i,span),#site.light-sim #ai .ai-details strong *{font-family:inherit!important;font-weight:inherit!important;font-style:normal!important;letter-spacing:inherit}
#site.light-sim :is(p,li){font-weight:400}
#site.light-sim :is(.eyebrow,.reality-kicker,.reality-state,.reality-console,.clarity-play-hint,.focus-area-number,.focus-area-label,.neutral-number,.ai-kicker,.hero-story-caption),#site.light-sim .topbar .nav-right>a,#site.light-sim :is(button,.outline-button){font-weight:500;letter-spacing:.09em;font-style:normal}
#site.light-sim #work .projectline span,#site.light-sim #work .projectline::before{font-weight:500;letter-spacing:.08em}
#site.light-sim :is(.hero-bottom>p,.storytelling-intro>p,.focus-area>p,.reality-copy>p,.neutral-principle-body>p),#site.light-sim #about>p{font-size:16px;line-height:1.65;letter-spacing:-.015em}
#site.light-sim .sector-curve .sector-ribbon-caption{font-weight:500;letter-spacing:.04em}
/* The Aa is an illustration of typography, rather than interface copy. */
#site.light-sim .type-composition .composition-type text{font-family:Georgia,'Times New Roman',serif!important}
@media(max-width:700px){#site.light-sim :is(.hero-bottom>p,.storytelling-intro>p,.focus-area>p,.reality-copy>p,.neutral-principle-body>p),#site.light-sim #about>p{font-size:15px}}

/* A self-hosted script signature repeated on the same key phrases. */
@font-face{font-family:'Reality Swash';src:url('fonts/oleo-swash-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
#site.light-sim{--reality-accent-font:'Reality Swash','Snell Roundhand','Segoe Script',cursive}
#site.light-sim :is(h1,h2,h3,h4,.neutral-title) em,
#site.light-sim :is(h1,h2,h3,h4,.neutral-title) em *,
#site.light-sim #ai h2 .ai-em,
#site.light-sim #ai h2 .ai-em *{
 font-family:var(--reality-accent-font)!important;
 font-style:normal!important;
 font-weight:700!important;
 letter-spacing:0;
}
#site.light-sim .hero h1 em{padding-right:.12em}
#site.light-sim #ai h2 .ai-em{padding-right:.12em}

/* Give connected letterforms room to breathe. */
#site.light-sim .hero h1 em{overflow:visible;text-transform:none;letter-spacing:0}
#site.light-sim #ai h2 .ai-em{overflow:visible}
