.hp-menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:8px;border:0;background:transparent;color:inherit;cursor:pointer;flex:none;border-radius:3px}
.hp-menu-toggle svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.hp-menu-toggle:focus-visible,.hp-menu-close:focus-visible,#hpSiteMenu a:focus-visible{outline:2px solid #b58d4e;outline-offset:3px}
.hp-menu-open{overflow:hidden}
#hpSiteMenu{--parchment:#f2e4c7;box-sizing:border-box;position:fixed;inset:auto;top:var(--hp-menu-top,12px);right:var(--hp-menu-right,12px);margin:0;width:min(360px,calc(var(--hp-menu-frame-width,100vw) * .94));height:auto;max-height:var(--hp-menu-height,calc(100dvh - 24px));max-width:calc(100% - 24px);padding:0 24px 12px;border:1px solid #a88548;border-radius:12px;color:#302218;background:radial-gradient(ellipse at 90% 80%,#ae763721,transparent 62%),repeating-linear-gradient(94deg,#a77a3020 0,transparent 1px,transparent 7px),linear-gradient(110deg,#f7ecd4,var(--parchment) 65%,#e8d5af);box-shadow:0 20px 65px #03091575,inset 0 0 0 5px #bd955320,inset 0 0 30px #ae80431a;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ac884b #ead9b8;font-family:Georgia,serif}
#hpSiteMenu::backdrop{background:#060e1b8c;backdrop-filter:blur(3px)}
#hpSiteMenu[open]{animation:hp-menu-appear .18s ease-out}
#hpSiteMenu .hp-menu-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -24px 10px;padding:21px 24px 19px;border-bottom:1px solid #b89a60;background:#122337 url('./images/menu-celestial.svg') center/cover no-repeat;box-shadow:inset 0 0 0 5px #d9b97915}
#hpSiteMenu h2{margin:0;font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.4;letter-spacing:.04em;color:#f1dbad;text-shadow:0 2px 12px #0007}
#hpSiteMenu .hp-menu-close{flex:none;border:1px solid #ceb07750;border-radius:50%;background:#0a16216b;color:#f0d9ac;font-size:28px;font-weight:300;line-height:1;width:40px;height:40px;padding:0;cursor:pointer}
#hpSiteMenu .hp-menu-links{display:flex;flex-direction:column;margin:0}
#hpSiteMenu .hp-menu-links a{display:flex;align-items:center;min-height:54px;box-sizing:border-box;padding:13px 8px;border-bottom:1px solid #a6844533;color:#392919;text-decoration:none;font-family:Georgia,serif;font-size:21px;line-height:1.3;transition:background-color .15s,color .15s}
#hpSiteMenu .hp-menu-links a:last-child{border-bottom:0}
#hpSiteMenu .hp-menu-links a:hover{color:#795320;background:#a5752820}
#hpSiteMenu .hp-menu-seal{display:flex;align-items:center;justify-content:center;gap:12px;height:24px;color:#947035;font-size:20px}
#hpSiteMenu .hp-menu-seal::before,#hpSiteMenu .hp-menu-seal::after{content:'';width:36px;height:1px;background:linear-gradient(90deg,transparent,#a48146)}
#hpSiteMenu .hp-menu-seal::after{transform:rotate(180deg)}
@keyframes hp-menu-appear{from{opacity:0}to{opacity:1}}
@media(max-width:360px){#hpSiteMenu{padding-left:18px;padding-right:18px}#hpSiteMenu .hp-menu-heading{margin-left:-18px;margin-right:-18px;padding:18px}#hpSiteMenu .hp-menu-links a{font-size:19px;min-height:50px;padding:12px 6px}}
@media(prefers-reduced-motion:reduce){#hpSiteMenu[open]{animation:none}#hpSiteMenu .hp-menu-links a{transition:none}}