@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&family=Oswald:wght@400;500;600&display=swap');
:root{--heading-font:'Oswald',Arial,sans-serif;--body-font:'Nunito',Arial,sans-serif;--heading-weight:500}
body{font-family:var(--body-font)}.hero h1,h2,.project h3,.role h3,.article h3,.notebook h3,.notebook li,.intro p,.about .large,.piece,.center{font-family:var(--heading-font);font-weight:var(--heading-weight)}.hero h1 em{font-style:normal}.piece small,.number{font-family:var(--body-font)}
html[data-type="oswald"] .hero h1,html[data-type="oswald"] .hero h1{letter-spacing:-2px}html[data-type="oswald"] .piece,html[data-type="nunito"] .piece{font-size:24px}html[data-type="montserrat"] .hero h1{letter-spacing:-2px}

.hero h1{letter-spacing:-1px}.piece{font-size:24px}@media(max-width:750px){.piece{font-size:20px}}

.brand{display:flex;flex-direction:column;gap:2px;letter-spacing:0;flex-shrink:0}.brand-name{font-family:Oswald,Arial,sans-serif;font-weight:500;font-size:34px;line-height:1.1;letter-spacing:-.5px}.brand-byline{font-family:Nunito,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0}@media(max-width:750px){.brand-name{font-size:30px}.brand-byline{font-size:11px}}

.brand{max-width:320px}.brand-byline{max-width:320px;white-space:normal}@media(max-width:750px){.brand{max-width:240px}.brand-byline{max-width:240px}}