:root{--paper:var(--ui-background);--green:var(--ui-primary);--ink:var(--ui-text);--coral:var(--ui-accent)}
.brand:focus-visible{outline:3px solid var(--brand-deep);outline-offset:4px;border-radius:4px}
.hero h1 em{color:#B64031}
.brand .brand-logo{display:block;width:170px;height:auto;max-width:100%;aspect-ratio:1390/540;object-fit:contain;flex:none}
.header .brand{min-width:0;flex-shrink:0;letter-spacing:normal;justify-self:start}
.footer .brand .brand-logo{width:150px}
@media(max-width:640px){.header .brand .brand-logo{width:148px}.header .brand{max-width:100%}.footer .brand .brand-logo{width:140px}}
@media(max-width:360px){.header .brand .brand-logo{width:128px}.header .brand{max-width:100%}}