.wordmark{display:block;width:128px;height:46px;font-size:0;letter-spacing:normal}
.wordmark img{width:100%;height:100%;object-fit:contain}
.hero{padding-top:95px}
.hero-mark{display:block;width:min(520px,75vw);height:auto;margin:0 0 70px}
.family-title{font-size:22px;margin:55px 0 18px}
.family-title:first-of-type{margin-top:0}
.family-title.secondary{margin-top:70px}
.family-title span{display:inline-block;margin-left:9px;padding:5px 7px;border:1px solid #3c3840;color:var(--muted);font:700 10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;vertical-align:3px}
@media(max-width:760px){.wordmark{width:112px}.hero-mark{margin-bottom:50px}}