/* Shared top/about header: keep the same lockup at every viewport size. */
:root{--header-h:64px;}
:root .site-head{position:fixed;inset:0 0 auto;height:64px;display:flex;align-items:center;justify-content:center;z-index:60;background:rgba(255,251,248,.96);border-bottom:1px solid #F0DCD4;backdrop-filter:none;-webkit-backdrop-filter:none;}
.site-head>a{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:18px;font-weight:400;letter-spacing:.15em;line-height:1;text-align:center;text-indent:0;text-decoration:none;white-space:nowrap;color:#33231F;}
.site-head>a small{display:block;margin-top:9px;font-family:inherit;font-size:10px;font-weight:400;letter-spacing:.1em;line-height:1;text-indent:0;color:#8A7168;}
.site-head .burger{position:absolute;inset:10px 16px auto auto;transform:none;width:44px;height:44px;display:grid;align-content:center;gap:7px;padding:8px;border:0;background:transparent;cursor:pointer;}
.site-head .burger span{display:block;width:100%;height:1px;margin:0;background:#33231F;transition:transform .2s;}
.nav-open .site-head .burger span:first-child{transform:translateY(8px) rotate(45deg);}
.nav-open .site-head .burger span:nth-child(2){opacity:0;}
.nav-open .site-head .burger span:last-child{transform:translateY(-8px) rotate(-45deg);}