/* A quiet geometric identity; generous space keeps the wordmark legible. */
.masthead .brand{display:block;width:298px;flex:0 0 auto;line-height:0;letter-spacing:normal;transition:opacity .25s ease}
.brand .brand-logo{display:block;width:100%;height:auto}
.masthead .brand:hover{opacity:.8}
@media(max-width:760px){.masthead .brand{width:228px}.masthead nav{gap:18px}}
@media(max-width:380px){.masthead .brand{width:210px}.masthead nav{font-size:10px;gap:8px}.masthead nav span{margin-left:3px}}
@media(prefers-reduced-motion:reduce){.masthead .brand{transition:none}}