/* Give the brand more presence while trimming the image's empty margins. */
.header-row{gap:24px}
.masthead .brand{display:flex;align-items:center;flex-shrink:0;width:390px;height:104px;overflow:hidden;line-height:0}
.masthead .logo{display:block;width:446px;max-width:none;height:auto;flex-shrink:0;margin-left:-28px}
@media(max-width:1180px) and (min-width:761px){.header-row{flex-wrap:wrap;gap:0;padding:8px 0 20px}.header-row nav{width:100%;justify-content:flex-start;gap:28px}.masthead .brand{height:100px}}
@media(max-width:760px){.header-row{gap:8px;padding:8px 0 18px}.masthead .brand{width:min(360px,100%);height:86px}.masthead .logo{width:calc(100% + 48px);margin-left:-24px}.header-row nav{flex-wrap:wrap;row-gap:12px}}