.web-header .web-brand{min-width:0;max-width:310px}
.web-header .web-brand .web-custom-logo{flex:0 0 auto;width:auto;height:44px;max-width:72px;object-fit:contain}
.web-header .web-brand-copy{min-width:0}
.web-header .web-brand-copy b,.web-header .web-brand-copy small{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Keep footer branding horizontal, matching the header composition. */
.web-footer>div>a.web-brand{
 display:flex!important;
 flex-flow:row nowrap;
 align-items:center;
 gap:11px;
 width:max-content;
 max-width:100%;
 margin:0!important;
 transform:none;
}
.web-footer .web-brand .web-custom-logo{display:block;flex:0 0 auto;width:auto;height:48px;max-width:78px;object-fit:contain}
.web-footer .web-brand-copy{display:block;min-width:0;max-width:290px}
.web-footer .web-brand-copy b,.web-footer .web-brand-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.web-footer .web-brand-copy b{font-size:18px;line-height:1.2;letter-spacing:.13em;color:var(--cream);margin:0}
.web-footer .web-brand-copy small{font-size:10px;line-height:1.45;letter-spacing:.12em;color:var(--gold2);margin-top:5px}
.web-footer>div>a.web-brand:hover{transform:none}

@media(max-width:760px){
 .web-header .web-brand{max-width:calc(100vw - 94px)}
 .web-header .web-brand .web-custom-logo{height:40px;max-width:58px}
 .web-header .web-brand-copy b{max-width:180px;font-size:1rem}
 .web-header .web-brand-copy small{max-width:180px;font-size:.48rem}
 .web-footer>div>a.web-brand{gap:10px}
 .web-footer .web-brand .web-custom-logo{height:46px;max-width:72px}
 .web-footer .web-brand-copy{max-width:calc(100vw - 132px)}
 .web-footer .web-brand-copy b{font-size:17px}
 .web-footer .web-brand-copy small{font-size:9.5px}
}