/* Rounded display type, paired with the existing body typeface. */
@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-variable.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
:root{--font:Arial,Helvetica,sans-serif;--display:Nunito,Arial,sans-serif;--sans:var(--font);--serif:var(--display)}
html,body,button,input,select,textarea,option,optgroup,summary{font-family:var(--font)}
.brand,.footer-wordmark,.mini-brand{font-family:var(--display);font-weight:750;letter-spacing:-.035em}
h1,h2,h3,.intro-copy,.chat-active .answer-message h2,.chat-active .answer-message h3,.motion-montage .student-preview-copy h3,.motion-montage .montage-ui-card h3{font-family:var(--display)}
.hero-copy h1,.information-page h1,.upcoming-heading h2,.intro-copy{font-weight:750}
.hero-copy h1,.intro-copy,.upcoming-heading h2,.information-page h1,dialog h2{letter-spacing:-.035em}
code,pre,kbd,samp,svg text{font-family:var(--font)}
@media(max-width:680px){.footer-wordmark{font-size:15.5vw;letter-spacing:-.04em}}
.hero-copy h1,.feature-copy h2,.preview-card h3,.community-card h3,.source-trigger-label{overflow-wrap:anywhere}