:root{--lepo-paper:#fffdf9;--lepo-ink:#3f332a;--lepo-accent:#9c753e;--lepo-line:#e4d9ca}
.site-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(24px,calc((100vw - 1120px)/2));background:var(--lepo-paper);color:var(--lepo-ink);border-bottom:1px solid var(--lepo-line);font-family:"Noto Sans JP","Hiragino Sans",sans-serif}.site-head .brand{font-family:Georgia,"Noto Serif JP",serif;font-size:28px;font-weight:400;letter-spacing:.09em;text-decoration:none;line-height:1.25;white-space:nowrap}.site-head .brand span{display:block;font:9px/1.8 Arial,sans-serif;letter-spacing:.16em;color:#8a725a;margin-top:5px}.site-head nav{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;align-items:center}.site-head nav a{padding:8px 0;text-decoration:none;color:inherit}.site-head a:hover{color:var(--lepo-accent)}.site-head a:focus-visible{outline:2px solid var(--lepo-accent);outline-offset:5px}
@media(max-width:680px){.site-head{padding:18px 20px;display:block}.site-head .brand{font-size:25px}.site-head nav{margin-top:14px;gap:20px;font-size:12px}}