@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
/* Shared type roles across the portfolio and project pages. */
:root{--font-heading:'DM Sans',Arial,sans-serif;--font-content:'DM Sans',Arial,sans-serif}
body{font-family:var(--font-content);font-weight:400}
button,input,textarea,select{font-family:var(--font-content)}
h1,h2,h3,h4,h5,h6,.universe-copy h2,.skills-intro h2,#reading h3,.page h2{font-family:var(--font-heading);font-weight:500;font-style:normal;text-align:left}
h1 span,h2 span,h3 span,h1 em,h2 em,h3 em,.contact h2 span{font-family:inherit;font-style:normal}
body p,figcaption,dt,dd,summary,.eyebrow,.page-kicker,.folio,.placeholder-label,.placeholder-label span,.phone-top{font-family:var(--font-content)}
p{line-height:1.7}
.intro,.section-heading,.opening h2{ text-align:left }
/* Section labels and titles share the main content's left edge. */
.chapter-heading{display:block}
.chapter-heading>.eyebrow{padding-top:0;margin-bottom:24px}
.story-pair{margin-left:0}
.section-lede{margin-left:0;margin-right:auto}
.workflow-intro{grid-template-columns:1fr 1fr}
.workflow-intro>.eyebrow{grid-column:1 / -1}
.workflow-intro>h3{grid-column:1}
.workflow-intro>p{grid-column:2}
#chapter-3 .chapter-caption{text-align:left}
@media(max-width:700px){
 .chapter-heading>.eyebrow{margin-bottom:20px}
 .workflow-intro{grid-template-columns:1fr}
 .workflow-intro>h3,.workflow-intro>p{grid-column:1}
}