/* Compact shared header: original logo artwork arranged horizontally. */
.site-header{min-height:0;flex-wrap:nowrap;justify-content:space-between;gap:clamp(12px,1.6vw,32px);padding:14px max(24px,calc((100vw - 1840px)/2))}
.site-header .brand{display:flex;flex:0 0 clamp(290px,28vw,490px);align-items:center;gap:0;min-width:0;text-decoration:none}
.site-header .header-logo{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:950/180;object-fit:contain;mix-blend-mode:multiply}
.site-header nav{display:flex;margin-left:auto;flex-wrap:nowrap;flex:0 1 auto;position:static;width:auto;max-height:none;overflow:visible;gap:clamp(2px,.45vw,9px);padding:6px;background:#fffdf8;border:1px solid #b8a47d;border-radius:14px;box-shadow:0 3px 12px rgba(75,49,29,.045)}
.site-header nav a{white-space:nowrap;font-size:clamp(.69rem,.85vw,1rem);padding:.65rem clamp(3px,.35vw,7px);text-align:center;border-radius:9px;color:#6f3f2c;transition:background-color .16s ease,color .16s ease}
.site-header nav a:hover,.site-header nav a:focus-visible{background:#eee5d4;color:#354b40}
.site-header .menu-button{display:none}
@media(max-width:1120px){
  .site-header{padding:12px 20px;gap:14px}
  .site-header .brand{flex:0 1 390px;max-width:calc(100% - 88px)}
  .site-header nav{display:none;position:absolute;top:100%;left:20px;right:20px;width:auto;margin:0;padding:.8rem;gap:.35rem;background:#fffaf2;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;max-height:calc(100dvh - 110px);overflow-y:auto}
  .site-header nav.open{display:flex}
  .site-header nav a{padding:.72rem .85rem;white-space:normal;font-size:1rem;text-align:left}
  .site-header .menu-button{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;margin-left:auto;padding:12px 15px;min-height:42px;border:1px solid var(--line);background:transparent;border-radius:999px;box-shadow:none;color:#6f3f2c;font:700 1rem/1 "DM Sans",sans-serif;cursor:pointer}
  .site-header .menu-button::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
  .site-header .menu-button[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
}
@media(max-width:700px){
  .site-header{padding:12px 14px;gap:10px;min-height:78px}
  .site-header .brand{flex:1 1 auto;width:auto;max-width:calc(100% - 78px);gap:0}
  .site-header .menu-button{padding:11px 12px;gap:6px;font-size:.9rem}
  .site-header nav{left:14px;right:14px;max-height:calc(100dvh - 100px)}
}
@media(prefers-reduced-motion:reduce){.site-header .menu-button::after,.site-header nav a{transition:none}}