/* Typography shared with the starskybrines.com homepage. */
:root{--serif:Georgia,"Times New Roman",serif;--sans:Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
body.starsky-type{font-family:Georgia,"Times New Roman",serif}
.starsky-type h1,.starsky-type h2,.starsky-type h3,.starsky-type blockquote,.starsky-type .map-axis strong{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.starsky-type p{font-family:Georgia,"Times New Roman",serif}
.starsky-type .site-header .wordmark,.starsky-type .top .brand{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.4rem,2vw,1.7rem);font-weight:400;line-height:1.2;letter-spacing:.015em;white-space:nowrap;padding-right:0;text-decoration:none}
.starsky-type .site-header nav,.starsky-type .top nav{font:600 .76rem/1.4 Arial,sans-serif}
.starsky-type .eyebrow,.starsky-type .atlas-label{font:600 .68rem/1.5 Arial,sans-serif;letter-spacing:.13em}
.starsky-type button,.starsky-type .crosslink,.starsky-type .text-action,.starsky-type .topic-list,.starsky-type .node-action,.starsky-type .guide-downloads,.starsky-type .project-download,.starsky-type .download,.starsky-type .qr-download,.starsky-type .guide-qr>a,.starsky-type .project-qr-download,.starsky-type .project-home-link,.starsky-type .back,.starsky-type .main-site-return-bar,.starsky-type .route-nav,.starsky-type .gallery-cta{font-family:Arial,sans-serif}
.starsky-type figcaption,.starsky-type figcaption p,.starsky-type .small,.starsky-type .artist,.starsky-type .intro-bottom p,.starsky-type .map-note,.starsky-type .project-heading>p,.starsky-type .axis-trail,.starsky-type .nucleus-number,.starsky-type .work-switcher>span,.starsky-type .site-footer,.starsky-type footer,.starsky-type .caption{font-family:Arial,sans-serif}
.starsky-type .small,.starsky-type figcaption,.starsky-type .caption{line-height:1.5}

/* Mobile header: the artist name and navigation must never share a cramped row. */
@media(max-width:760px){
 .starsky-type .top,.starsky-type .site-header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:1rem;height:auto;min-height:0}
 .starsky-type .top .brand,.starsky-type .site-header .wordmark{max-width:100%;width:fit-content;min-width:0;flex:0 0 auto;align-self:flex-start;margin:0}
 .starsky-type .top nav,.starsky-type .site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.8rem 1.2rem;min-width:0;width:100%;margin:0}
 .starsky-type .top nav a,.starsky-type .site-header nav a,.starsky-type .site-header nav button{max-width:100%;min-width:0}
 .starsky-type .atlas-label{align-self:flex-start;max-width:100%}
}
