/* Header lockup and square portraits, scoped to the homepage. */
.header .brand{width:190px;height:64px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;flex-shrink:0}
.header .brand-mark{display:block;width:42px;height:54px;flex-shrink:0}
.header .brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.header .brand-name{display:block;color:#25382d;font:31px/1 var(--serif,Georgia,serif);letter-spacing:2px}
.header .brand-description{display:block;color:#7d6745;font-size:8px;line-height:1.3;text-align:left;white-space:nowrap;letter-spacing:0}
.master-card img{aspect-ratio:1;height:auto;object-fit:cover;object-position:center 25%;border-radius:10px}
@media(max-width:560px){
  .header .header-inner{width:calc(100% - 28px);gap:8px}
  .header .brand{width:156px;gap:7px}
  .header .brand-mark{width:34px;height:45px}
  .header .brand-name{font-size:26px;letter-spacing:1.2px}
  .header .brand-description{font-size:6.8px}
  .header .header-tools{gap:5px}
  .header .header-tools .contact-icon{width:28px;height:28px;padding:5px}
  .header .menu-toggle{padding:3px;flex-shrink:0}
}
@media(max-width:359px){
  .header .header-inner{width:calc(100% - 20px);gap:5px}
  .header .brand{width:140px;gap:5px}
  .header .brand-mark{width:30px;height:40px}
  .header .brand-name{font-size:23px;letter-spacing:1px}
  .header .brand-description{font-size:6.2px}
  .header .header-tools{gap:3px}
  .header .header-tools .contact-icon{width:27px;height:27px}
  .header .menu-toggle{padding:2px}
}