/* The supplied logo image is preserved. The frame shows its monogram without
   the source image's large white margins; the company name stays readable. */
.brand.supplied-brand{flex-direction:row;align-items:center;gap:13px;color:#171713;flex-shrink:0}
.brand-mark{display:block;position:relative;overflow:hidden;width:58px;aspect-ratio:662/505;flex-shrink:0;mix-blend-mode:multiply}
.brand-mark img{position:absolute;width:232.03%;max-width:none;height:auto;left:-66.16%;top:-89.51%}
.brand-wordmark{display:flex;flex-direction:column;gap:6px}
.brand-wordmark strong{font:400 21px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.brand-wordmark>span{font:600 7px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.17em}
@media(max-width:900px) and (min-width:641px){
  .site-header .supplied-brand{gap:9px}
  .site-header .brand-mark{width:43px}
  .site-header .brand-wordmark strong{font-size:17px}
  .site-header .brand-wordmark>span{font-size:6px}
  .site-header nav{gap:12px;font-size:10px}
  .site-header .nav-contact{padding:9px 10px;margin-left:0}
  .site-header .nav-contact span{margin-left:8px}
}
@media(max-width:640px){
  .brand.supplied-brand{gap:11px}
  .brand-mark{width:49px}
  .brand-wordmark strong{font-size:19px}
  .brand-wordmark>span{font-size:6px}
  .footer .supplied-brand{width:100%;margin-bottom:1px}
  .footer p{text-align:left;max-width:none}
}
@media print{.brand-mark{width:48px;print-color-adjust:exact}.brand-wordmark strong{font-size:18px}}
