header .wordmark span{letter-spacing:1.2px;font-size:8px;white-space:nowrap}
header.audience-header{gap:18px}
header.audience-header nav{margin-left:auto;gap:20px}
header .hero-audience{position:static;flex-shrink:0;margin-left:12px;padding:4px;backdrop-filter:none}
header .hero-audience button{padding:10px 14px;font-size:11px;white-space:nowrap}
header.audience-header>.button{flex-shrink:0}
@media(min-width:761px) and (max-width:1050px){header.audience-header{gap:10px;padding-inline:18px}header.audience-header nav{gap:12px;font-size:11px}header.audience-header .wordmark{font-size:18px}header.audience-header .wordmark span{font-size:7px;letter-spacing:.5px}header .hero-audience{margin-left:0}header .hero-audience button{padding:10px;font-size:10px}}
@media(max-width:760px){header .wordmark span{font-size:6.5px;letter-spacing:.7px}header.audience-header{display:grid;grid-template-columns:1fr auto auto;gap:10px!important}header.audience-header .wordmark{grid-column:1/3;grid-row:1}header.audience-header #menu{grid-column:3;grid-row:1;justify-self:end}header.audience-header .hero-audience{grid-column:1/3;grid-row:2;justify-self:end;margin:0}header.audience-header>.button{grid-column:3;grid-row:2}header .hero-audience button{padding:9px 12px;font-size:11px}header.audience-header nav.open{top:116px}.home header.audience-header~main{padding-top:0}}

/* Keep the name visually wider than its supporting tagline. */
header .wordmark,.studio-dark header .wordmark{font-size:25px;letter-spacing:-1px}header .wordmark span{font-size:7px;letter-spacing:.8px}@media(max-width:1050px) and (min-width:761px){header.audience-header .wordmark{font-size:22px}header.audience-header .wordmark span{font-size:6.5px;letter-spacing:.6px}}@media(max-width:760px){header .wordmark,.studio-dark header .wordmark{font-size:18px;letter-spacing:-.65px}header .wordmark span{font-size:5.7px;letter-spacing:.4px}}
