/* Approved transparent artwork, shown in full within the existing header frame. */
.brand img.suss-brand-logo{width:100%;height:auto;aspect-ratio:5.4 / 1;object-fit:contain;object-position:center}

/* Give the lettering within the original artwork more screen pixels. */
html body :is(.header,.site-header,.site-header.member-header) .brand{width:400px;left:0}
html body header.header.wrap{gap:24px}
html body .header nav{gap:24px}
@media(min-width:851px) and (max-width:1300px){
 html body :is(.header,.site-header,.site-header.member-header) .brand{width:300px}
 html body header.header.wrap{gap:18px}
 html body .header nav{gap:16px}
 html body .header nav a{font-size:10px;letter-spacing:1px}
 html body .header .account{gap:14px}
 html body .header .button{padding-inline:18px;font-size:10px}
}
@media(max-width:850px){html body :is(.header,.site-header,.site-header.member-header) .brand{width:260px}}
@media(max-width:540px){html body :is(.header,.site-header,.site-header.member-header) .brand{width:230px}html body header.header.wrap{gap:12px}}
@media(max-width:380px){html body :is(.header,.site-header,.site-header.member-header) .brand{width:180px}}

/* Match public header sizing while keeping member navigation aligned right. */
html body .site-header.member-header{width:min(1550px,92%);min-height:100px;height:auto;gap:24px}
html body .site-header.member-header .site-nav{gap:24px;justify-content:flex-end;align-items:center}
html body .site-header.member-header .site-nav a{font-size:12px;font-weight:600;letter-spacing:2.2px;line-height:normal}
html body .member-header .member-toggle{font-size:12px;letter-spacing:2.2px;line-height:normal;padding:17px 27px;min-height:0}
html body .member-header .site-nav .member-log{padding:17px 20px;line-height:normal;min-height:0}
@media(min-width:851px) and (max-width:1300px){
 html body .site-header.member-header{gap:18px}
 html body .site-header.member-header .site-nav{gap:16px}
 html body .site-header.member-header .site-nav a,html body .member-header .member-toggle{font-size:10px;letter-spacing:1px}
 html body .member-header .member-toggle{padding-inline:18px}
}
@media(max-width:900px){html body .site-header.member-header .site-nav{flex-wrap:wrap}}
@media(max-width:850px){html body .site-header.member-header{gap:15px}html body .site-header.member-header .site-nav{gap:12px 18px}html body .site-header.member-header .site-nav a{font-size:12px;letter-spacing:2.2px}}