/* Site chrome on every page: one menu at the top (dropdowns) and a footer with only the motto and the copyright. */
/* ---- One menu, at the top: dropdowns for products, services and the company ---- */
.hn-topbar{gap:24px}
.hn-menu{display:flex;align-items:center;gap:6px;margin-left:auto}
.hn-menu-item{position:relative}
.hn-menu-btn,.hn-menu-link{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;background:none;border:0;color:#e6e6ed;font:500 14px/1 "Mona Sans",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.hn-menu-btn:hover,.hn-menu-link:hover,.hn-menu-item:focus-within>.hn-menu-btn,.hn-menu-btn[aria-expanded="true"]{background:rgba(255,255,255,.08);color:#fff}
.hn-caret{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.hn-menu-btn[aria-expanded="true"] .hn-caret,.hn-menu-item:hover .hn-caret{transform:translateY(2px) rotate(225deg)}
.hn-menu-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:340px;padding:10px;border-radius:16px;background:#2b2b2f;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.hn-menu-item:hover>.hn-menu-panel,.hn-menu-item:focus-within>.hn-menu-panel,.hn-menu-item.open>.hn-menu-panel{opacity:1;visibility:visible;transform:none}
.hn-menu-item::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.hn-menu-panel a{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;color:#f3f3f6;transition:background .2s}
.hn-menu-panel a:hover,.hn-menu-panel a:focus-visible{background:rgba(255,255,255,.07)}
.hn-menu-panel strong{font:500 16px/1.2 "Mona Sans",Arial,sans-serif;color:#f5f5f8}
.hn-menu-panel span{font:400 12.5px/1.4 "Mona Sans",Arial,sans-serif;letter-spacing:.04em;color:#a9a9b2}
.hn-menu-panel .hn-menu-all{flex-direction:row;justify-content:space-between;margin-top:6px;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 10px 10px;font:500 13px/1.2 "Mona Sans",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#E8C06A}
@media (max-width:850px){.hn-menu{display:none}}

/* ---- The footer: the motto and the copyright, nothing else ---- */
.hn-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 32px;padding:34px clamp(16px,5vw,96px) calc(34px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.1);background:#1d1d1f}
.hn-foot-motto{margin:0;font:400 18px/1.4 "Mona Sans",Arial,sans-serif;color:#f3f3f6}
.hn-foot-copy{font:400 13px/1.4 "Mona Sans",Arial,sans-serif;letter-spacing:.06em;color:#9a9aa3}

/* Product stage lines removed from product listings (founder, 28 Sep). */
.system-status{display:none!important}

/* Focus outlines are for keyboard users. A tap or click must not leave a gold box on the page (founder, 28 September 2026). */
html:not(.kbd) :focus-visible{outline:none!important}
/* Internal product codes (SVR, KRN...) are not for visitors. */
#specimen-code{display:none!important}

/* The approved Sovereign seal beside the Sovereign name, wherever products are listed (founder, 2 October 2026).
   Sized from the name's own type, so it fits the menu, the cards and the headings alike. Other products carry no mark.
   Written as body img.sv-seal so it outranks the page resets .hn img and .pp img (display:block), which put it on its own line. */
body img.sv-seal{display:inline-block;flex:none;width:.95em;height:.95em;max-width:none;margin-right:.42em;vertical-align:-.12em}
/* Company accounts in the footer (5 October 2026). */
.hn-foot-social{display:flex;gap:10px;margin-left:auto}
.hn-foot-social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);color:#d6d6dc;transition:color .2s,border-color .2s}
.hn-foot-social a:hover,.hn-foot-social a:focus-visible{color:#e8c06a;border-color:#e8c06a}
.hn-foot-social svg{width:17px;height:17px}
@media (max-width:640px){.hn-foot-social{margin-left:0}}
/* A silent film the phone did not start shows its opening still, never the browser's own play button (chrome.js). */
video[autoplay][muted]::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
video[autoplay][muted]::-webkit-media-controls{display:none!important}
video[autoplay][muted]::-webkit-media-controls-overlay-play-button{display:none!important}

/* "Privacy" beside the copyright (added by the WordPress theme once a privacy page is published, 12 October 2026). */
.hn-foot-legal{color:inherit;text-decoration:underline;text-underline-offset:3px}.hn-foot-legal:hover,.hn-foot-legal:focus-visible{color:#e8c06a}