/* McBeth Kings sticky menu v1 (24 Oct 2026): the black menu stays locked to the top of the page while it scrolls.
   Loaded last on every page (main site and Dispatch), with brand/mk-sticky-v1.js, which only sets html.mk-scrolled after the page has moved. */

/* links to #sections stop below the locked menu instead of under it */
html{scroll-padding-top:104px}
@media(max-width:980px){html{scroll-padding-top:84px}}

/* ordinary pages: the black header is part of the page and sticks to the top */
body.mk-paper .hdr{position:sticky;top:0;z-index:50}

/* home and academy: the header floats over a full-screen hero. It is locked too: clear at the very top, then the same black bar once the page moves */
body.mk-paper.mkh-page .hdr,
body.mk-paper.mkb-hero .hdr{position:fixed;top:0;left:0;right:0;transition:background-color .3s ease,border-color .3s ease}
html.mk-scrolled body.mk-paper.mkh-page .hdr,
html.mk-scrolled body.mk-paper.mkb-hero .hdr{background-color:#161514;background-image:url(/brand/assets/grain-tile.png);border-bottom:1px solid rgba(197,163,89,.16)}

/* phone menu open while scrolled: ivory header, as everywhere else */
html.mk-menu-open.mk-scrolled body.mk-paper.mkh-page .hdr,
html.mk-menu-open.mk-scrolled body.mk-paper.mkb-hero .hdr{background:#F6F2EB}