/* Approved centered header; compact mobile proportions published 2026-10-15. */
@font-face{font-family:'Kammerer Script';src:url('GreatVibes-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.site-header.heritage-header{
  display:grid;grid-template-columns:minmax(0,1fr) auto 122px;
  grid-template-areas:'brand navigation portrait';
  max-width:none;padding:12px 24px 0 16px;gap:0 26px;align-items:center;
}
.heritage-header .header-identity{display:contents}
.heritage-header .header-brand-group{grid-area:brand;display:block;min-width:0;padding:0 0 10px}
.heritage-header .brand{
  display:flex;align-items:center;gap:24px;width:max-content;max-width:100%;
  color:#fff8ed;text-decoration:none;
}
.heritage-header .header-seal{display:block;width:194px;height:auto;flex:none}
.heritage-header .brand-wordmark{display:block;text-align:center;min-width:0;padding:3px 7px 4px 0}
.heritage-header .brand-wordmark>span{
  display:block;font-family:'Kammerer Script','Palatino Linotype',cursive;
  font-weight:400;letter-spacing:0;text-transform:none;white-space:nowrap;
}
.heritage-header .brand-wordmark-name{font-size:72px;line-height:1.12}
.heritage-header .brand-wordmark-origin{font-size:37px;line-height:1.25;margin-top:3px}
.heritage-header .brand-wordmark-craft{font-size:28px;line-height:1.5;margin-top:1px}
.site-header.heritage-header .top-nav{grid-area:navigation;justify-content:center;flex-wrap:wrap;border:0;margin:0;padding:0;gap:12px 24px;max-width:100%}
.heritage-header .header-sophia{grid-area:portrait;width:122px;margin:0;justify-self:end;align-self:end}
@media(max-width:1199px){
  .site-header.heritage-header{grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:'brand portrait' 'navigation navigation';gap:0 22px;padding-inline:16px}
  .heritage-header .header-seal{width:182px}
  .heritage-header .header-sophia{width:112px}
  .site-header.heritage-header .top-nav{border-top:1px solid #823b35;padding:5px 0}
}
@media(max-width:760px){
  .site-header.heritage-header{grid-template-columns:minmax(0,1fr) 76px;gap:0 12px;padding:12px 12px 0}
  .heritage-header .brand{gap:18px}
  .heritage-header .header-seal{width:140px}
  .heritage-header .header-sophia{width:76px}
  .heritage-header .brand-wordmark-name{font-size:61px}
  .heritage-header .brand-wordmark-origin{font-size:32px}
  .heritage-header .brand-wordmark-craft{font-size:24px}
}
@media(max-width:600px){
  .site-header.heritage-header{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:'brand brand' 'navigation portrait';gap:0 8px;padding-top:14px}
  .heritage-header .header-brand-group{padding-bottom:12px}
  .heritage-header .brand{--mobile-brand-unit:clamp(12.4px,4.1vw,20px);--mobile-brand-height:calc(var(--mobile-brand-unit)*5.76 + 2px);gap:12px;width:100%}
  /* Compensate for the transparent rim so the visible seal matches the lettering. */
  .heritage-header .header-seal{width:var(--mobile-brand-height);height:var(--mobile-brand-height);object-fit:contain;transform:translateY(-2px) scale(1.16);transform-origin:center}
  .heritage-header .brand-wordmark{flex:1;padding:0 2px 0 0;height:var(--mobile-brand-height);display:flex;flex-direction:column;justify-content:space-between}
  .heritage-header .brand-wordmark-name{font-size:calc(var(--mobile-brand-unit)*2.5);line-height:1.08}
  .heritage-header .brand-wordmark-origin{font-size:calc(var(--mobile-brand-unit)*1.55);line-height:1.1;margin-top:0}
  .heritage-header .brand-wordmark-craft{font-size:var(--mobile-brand-unit);line-height:1.35;margin-top:0}
  .site-header.heritage-header .top-nav{gap:4px 12px;border-top:0;padding:4px 0 7px;justify-content:flex-start}
  .site-header.heritage-header .top-nav>a:not(.button){font-size:.7rem;min-height:44px;padding:8px 0}
  .site-header.heritage-header .top-nav .button{font-size:.7rem;padding:8px 10px;min-height:44px}
  .heritage-header .header-sophia{width:48px}
}
@media(max-width:350px){
  .site-header.heritage-header .top-nav{gap:0 9px}
  .site-header.heritage-header .top-nav>a:not(.button){font-size:.65rem}
  .site-header.heritage-header .top-nav .button{font-size:.65rem;padding-inline:8px}
}
@media(forced-colors:active){.heritage-header .brand{color:CanvasText}}