/* Matches the reference's Chango display face and Rubik text face. */
:root{--font-text:'Rubik','Segoe UI',Arial,sans-serif;--font-display:'Chango',var(--font-text)}
body,input,button,select,textarea{font-family:var(--font-text)}
h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em}
.coloring-hero h1,.hero-title-small{font-family:var(--font-text);font-weight:600}
.hero-title-big{font-family:var(--font-display);font-weight:400;font-size:clamp(44px,13vw,185px);line-height:1.25;letter-spacing:-.035em}
.archive-main h1,.single-copy h1,.prose h1{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em;overflow-wrap:break-word}
h2,.section-heading h2,.feature-copy h2,.creative-banner h2,.how-section h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em}
.section-heading h2{font-size:clamp(27px,2.8vw,38px)}
.feature-copy h2{font-size:clamp(30px,3vw,42px)}
.creative-banner h2,.how-section h2{font-size:clamp(27px,2.7vw,35px)}
.popular-card h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;font-size:23px}
.color-card h3,.steps h3,.site-footer h3{font-family:var(--font-text);font-weight:600;letter-spacing:normal}
.logo-line{font-family:var(--font-display);font-weight:400}.logo-color{letter-spacing:-2px}.logo-page{letter-spacing:2px}
.brand,.site-footer .brand,.steps>div>span,.library-count{font-family:var(--font-text)}
.library-count strong{font-family:var(--font-display);font-weight:400;font-size:27px;letter-spacing:0}
.button{font-family:var(--font-text);font-weight:500}
@media(max-width:800px){.hero-title-big{font-size:13.5vw}.section-heading h2{font-size:29px}.feature-copy h2{font-size:32px}.single-copy h1{font-size:36px}.library-count strong{font-size:22px}}
@media(max-width:540px){.hero-title-big{font-size:clamp(43px,13.5vw,73px);letter-spacing:-.04em}.section-heading h2{font-size:27px}.feature-copy h2{font-size:29px}.popular-card h3{font-size:19px}.creative-banner h2,.how-section h2{font-size:26px}.single-copy h1,.archive-main h1{font-size:32px}.library-count strong{font-size:20px}.logo-color{font-size:23px}.logo-online{font-size:11px;letter-spacing:1px}.logo-page{font-size:17px;letter-spacing:2px}}