/* Version 2 typography study. Keep layout, content, colours, and motion intact. */
:root{--display:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;--body:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif}
body{font-synthesis:none;font-size:17px;line-height:1.65}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.035em;line-height:1.08}
h4{font-family:var(--body);font-weight:600;letter-spacing:-.01em}
.hero-copy h1{font-size:clamp(54px,5.3vw,84px);letter-spacing:-.04em;line-height:1.06}
.hero-copy h1 em,.case-intro h1 em,.tv-case-intro h1 em,.community-heading h2 em,.community-story-intro h1 em,.explorations-section h2 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;text-decoration:none}
.hero-copy h1 em{color:inherit}
h1 em,h2 em,h3 em{font-style:normal}
.hero-description{font-size:16px;line-height:1.65;max-width:36ch}
.large-copy{font-family:var(--body);letter-spacing:-.015em;line-height:1.45}
.eyebrow{font-family:var(--body);font-size:11px;letter-spacing:.035em;font-weight:500;line-height:1.7}
.hero-footnote{font-size:10px;letter-spacing:.035em}
.wordmark{font-family:'Syne',sans-serif;font-weight:700}
.wordmark-sub{font-family:var(--body)}
.case-meta span,.viewer-coordinate,.viewer-expression-heading>span,.viewer-help,.model-tag{letter-spacing:.04em}
.site-header nav,.text-link,button{font-family:var(--body)}
.kearney-project-copy h4{letter-spacing:.035em}
@media(max-width:700px){
.hero-copy h1{font-size:clamp(46px,10.8vw,64px);line-height:1.08}
.case-intro h1,.tv-case-intro h1,.community-story-intro h1{font-size:clamp(44px,10.6vw,62px);letter-spacing:-.035em}
.hero-description{font-size:16px}.eyebrow{font-size:10px}
}