@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Source+Sans+3:wght@400;500;600;700&display=swap');
/* Blue drawn from the supplied illustration; typography study for the integrated site. */
.integrated{--reference-blue:#075ca5;font-family:'Source Sans 3',sans-serif;font-size:18px;color:#172b3d;background:#fafbf9}
.integrated header{background:#fafbf9}.integrated header .name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700}.integrated header .name span{font-family:'Source Sans 3',sans-serif;font-size:13px}.integrated nav{font-size:15px}
.integrated .hero{background:#e8f1f8}.integrated h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:clamp(68px,7.6vw,110px);line-height:1;letter-spacing:-.055em;color:var(--reference-blue)}
.integrated h2,.integrated .route h3,.integrated .map-stop h3,.integrated .cartoon-caption h3,.integrated .pinned-note h3,.integrated .made-things>h3,.integrated .made-things strong{font-family:'Bricolage Grotesque',sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.12}
.integrated h2{font-size:48px}.integrated .hero-copy{max-width:700px}.integrated .hero p.summary{font-size:19px}.integrated .eyebrow{font-size:14px}.integrated .contact,.integrated .hero .contact,.integrated .pinned-note .contact{background:var(--reference-blue);color:#fff}.integrated .margin-note{color:var(--reference-blue)}
.integrated .proof{background:#d5e7f6;color:#172b3d}.integrated .proof strong{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;letter-spacing:-.03em}.integrated .atlas-section{background-color:#f4f7f9}.integrated .atlas-tabs button{background:#f4f7f9}.integrated .atlas-tabs button[aria-pressed=true]{background:var(--reference-blue);border-color:var(--reference-blue)}.integrated .map-stop:before{background:var(--reference-blue);outline-color:var(--reference-blue);border-color:#f4f7f9}.integrated .map-stops:before{border-color:#075ca580}.integrated .cartoon-wall{background:#e2edf6}.integrated .cartoon-paper{box-shadow:9px 12px 0 #b8cfe2}
.integrated .story{background:#103858}.integrated .story .path{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;color:#c7e4ff}.integrated .story a{color:#c7e4ff}.integrated .pin-dot{background:var(--reference-blue)}.integrated .pinned-note{background:#e2edf8}.integrated .end{background:#dceaf5}.integrated .mobile-contact{background:#103858}.integrated .mobile-contact a{background:#fff;color:var(--reference-blue)}
.integrated .landscape path:nth-of-type(1){fill:#8aaecb}.integrated .landscape path:nth-of-type(2){fill:#afc9df}.integrated .landscape path:nth-of-type(3){fill:#c9dceb}.integrated .landscape path:nth-of-type(4){fill:#dce8f0}.integrated .landscape>path:nth-of-type(5){stroke:var(--reference-blue)}.integrated .landscape>path:last-of-type,.integrated .landscape circle{fill:var(--reference-blue)}
.integrated dialog h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:500;letter-spacing:-.035em;font-size:38px}.integrated a:focus-visible,.integrated button:focus-visible,.integrated input:focus-visible,.integrated textarea:focus-visible{outline-color:var(--reference-blue)}
@media(max-width:1000px){.integrated h1{font-size:86px}}
@media(max-width:760px){.integrated h1{font-size:clamp(52px,14.8vw,72px);letter-spacing:-.055em;line-height:1.02}.integrated h2{font-size:36px}.integrated .cartoon-heading h2{font-size:36px}.integrated .hero p.summary{font-size:18px}.integrated .hero-portrait figcaption{color:#164975}.integrated .hero{min-height:1030px}.integrated .route h3{font-size:28px}.integrated .map-stop h3{font-size:29px}.integrated .story .path{font-size:33px}.integrated .books h2{font-size:30px}.integrated .pinned-note h3{font-size:32px}.integrated nav{font-size:13px}}