@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Space+Grotesk:wght@400;500;600&display=swap');

/* Each direction uses upright faces, on the same open purple composition. */
[data-font="clarity"] { --display-font:'DM Sans',Arial,sans-serif; --body-font:'DM Sans',Arial,sans-serif; --display-weight:450; }
[data-font="manrope"] { --display-font:'Manrope',Arial,sans-serif; --body-font:'Manrope',Arial,sans-serif; --display-weight:500; }
[data-font="studio"] { --display-font:'Space Grotesk',Arial,sans-serif; --body-font:'DM Sans',Arial,sans-serif; --display-weight:500; }
[data-font="literary"] { --display-font:'Newsreader',Georgia,serif; --body-font:'DM Sans',Arial,sans-serif; --display-weight:400; }
body[data-font] { font-family:var(--body-font); --serif:var(--display-font); --sans:var(--body-font); }
body[data-font] :is(h1,h2,h3) { font-family:var(--display-font); font-weight:var(--display-weight); }
body[data-site="public"][data-font] .home-copy h1 { font-size:clamp(56px,5.7vw,86px); letter-spacing:-.055em; }
body[data-site="public"][data-font] .home-copy h1 em { font-family:var(--display-font); font-weight:var(--display-weight); font-size:1em; line-height:inherit; }
body[data-site="public"][data-font][data-ai-size="compact"] .home-copy h1 em { font-size:.85em; }
body[data-site="public"][data-font][data-ai-size="compact-20"] .home-copy h1 em { font-size:.8em; }
body[data-font] .single-section h2 { letter-spacing:-.04em; }
body[data-font] .single-section h2 em { font-family:var(--display-font); }
body[data-font] .plasticity-stage-copy h3 { font-family:var(--display-font); font-weight:var(--display-weight); letter-spacing:-.035em; }
body[data-font] .brain-outcome { font-size:20px; }
body[data-font] .plasticity-brain .plasticity-path-label { font-size:21px; }
body[data-font="literary"] .single-section h2 { font-size:clamp(39px,4.2vw,59px); }
body[data-font="literary"] .brain-outcome { font-size:25px; }
body[data-font="literary"] .plasticity-brain .plasticity-path-label { font-size:26px; }
@media(max-width:1100px) and (min-width:901px) {
  body[data-site="public"][data-font] .home-copy h1 { font-size:60px; }
}
@media(max-width:900px) {
  body[data-site="public"][data-font] .home-copy h1 { font-size:clamp(45px,9.8vw,74px); }
}
.font-gallery .font-sample { font:var(--display-weight) 30px/1.15 var(--display-font); letter-spacing:-.7px; color:var(--ink); margin:22px 0; }
.font-gallery .design-links { flex-wrap:wrap; }
.font-original-link { margin-top:40px; color:var(--accent); font-size:13px; }