/* Shared with the static documents and the React layout. */
:root{--announcement-height:52px;--announcement-bg:#c8a35b;--announcement-ink:#141615;--announcement-rule:#84602b;--announcement-hover:#f3eee3;--announcement-font:'Segoe UI',Arial,sans-serif;--announcement-size:12px;--announcement-gap:16px;--announcement-pad:24px;--announcement-target:36px;--announcement-border:1px;--announcement-focus:2px;--announcement-z:60;--announcement-link-width:114px;--site-nav-height:86px}
html:has(.site-announcement){scroll-padding-top:calc(var(--announcement-height) + var(--site-nav-height) + var(--announcement-gap))}
body:has(.site-announcement){padding-top:var(--announcement-height)}
.site-announcement{box-sizing:border-box;position:fixed;inset:0 0 auto;z-index:var(--announcement-z);background:var(--announcement-bg);color:var(--announcement-ink);font:400 var(--announcement-size)/1.4 var(--announcement-font);padding-inline:var(--announcement-pad);border-bottom:var(--announcement-border) solid var(--announcement-rule)}
.site-announcement *{box-sizing:border-box}
.site-announcement-inner{display:flex;justify-content:center;align-items:center;min-height:calc(var(--announcement-target) + var(--announcement-gap));gap:calc(var(--announcement-gap) * 3)}
.site-announcement-item{display:flex;align-items:center;justify-content:space-between;gap:var(--announcement-gap)}
.site-announcement-item+.site-announcement-item{border-left:var(--announcement-border) solid var(--announcement-rule);padding-left:calc(var(--announcement-gap) * 3)}
.site-announcement a{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--announcement-gap) / 2);min-height:var(--announcement-target);padding-inline:calc(var(--announcement-gap) * .75);border:var(--announcement-border) solid var(--announcement-rule);color:var(--announcement-ink);font:600 var(--announcement-size)/1.3 var(--announcement-font);text-decoration:none;white-space:nowrap;border-radius:0}
.site-announcement a:hover{background:var(--announcement-hover)}
.site-announcement a:active{background:var(--announcement-ink);color:var(--announcement-hover)}
.site-announcement a:focus-visible{outline:var(--announcement-focus) solid var(--announcement-ink);outline-offset:var(--announcement-focus)}
body:has(.site-announcement) .header,body:has(.site-announcement) .event-header,body:has(.site-announcement) .legacy-navbar{top:var(--announcement-height)}
/* Only the animated desktop hero uses a viewport-sized sticky scene.
   Mobile, short screens and reduced motion must keep their content-driven height. */
@media(min-width:1001px) and (min-height:651px) and (prefers-reduced-motion:no-preference){body:has(.site-announcement) .mix-scene{top:var(--announcement-height);height:calc(100svh - var(--announcement-height))}}
body:has(.site-announcement) .legacy-anchor{scroll-margin-top:0}
@media(max-width:800px){:root{--announcement-height:90px;--announcement-pad:16px;--announcement-gap:8px;--announcement-size:11px;--site-nav-height:76px}.site-announcement-inner{display:grid;gap:0;padding-block:calc(var(--announcement-gap) / 2)}.site-announcement-item{width:100%;gap:var(--announcement-gap)}.site-announcement-item+.site-announcement-item{border-left:0;padding-left:0}.site-announcement-item>span{max-width:27ch}.site-announcement a{min-width:var(--announcement-link-width)}}
