/* Standard Issue chrome: gold partial underline on the mark (unchanged), quiet parent wordmark,
   two-hairline menu button, and a full-bleed magazine overlay.
   Gold (#c6a568) is the existing Bravo token: the Standard Issue underline, and Bravo on hover/focus. */
:root{--si-gold:#c6a568;--si-nav-ease:cubic-bezier(.76,0,.24,1);--si-nav-out:cubic-bezier(.16,1,.3,1)}
html.si-nav-lock{overflow:hidden}

/* ---- Standard Issue mark: left-aligned gold underline, about half the word, grows on hover.
   Drawn with background-size so the mark can stay position:absolute on the mobile hero. ---- */
.si-mark{display:inline-block;padding-bottom:5px;
  background-image:linear-gradient(var(--si-gold),var(--si-gold));
  background-repeat:no-repeat;background-position:0 100%;background-size:48% 1.5px;
  transition:background-size .24s cubic-bezier(.2,.7,0,1)}
.si-mark:hover,.si-mark:focus-visible{background-size:100% 1.5px}

/* ---- Bravo Protocol: same family, lighter and slightly smaller, no decoration ---- */
.si-brand{display:inline-block;font-size:14px;line-height:1;font-weight:480;letter-spacing:-.01em;
  color:var(--ink,#171717)}
.ar-pic .si-brand,.sx-pic .si-brand{color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.ar-pic .si-brand:hover,.ar-pic .si-brand:focus-visible,
.sx-pic .si-brand:hover,.sx-pic .si-brand:focus-visible{color:#fff}
.ar-bar .si-brand,.sx-bar .si-brand,.ar-end .si-brand,.sx-foot .si-brand{color:var(--ink,#171717)}
.ar-bar .si-brand:hover,.ar-bar .si-brand:focus-visible,
.sx-bar .si-brand:hover,.sx-bar .si-brand:focus-visible,
.ar-end .si-brand:hover,.ar-end .si-brand:focus-visible,
.sx-foot .si-brand:hover,.sx-foot .si-brand:focus-visible{color:var(--strong,#000)}
.si-bravo{transition:color .24s cubic-bezier(.2,.7,0,1)}
.si-brand:hover .si-bravo,.si-brand:focus-visible .si-bravo,
.si-go:hover .si-bravo,.si-go:focus-visible .si-bravo{color:var(--si-gold)}

/* ---- light paper-mache hero: dark ink chrome ---- */
/* White scene (flight overlay present): parent wordmark + menu read as ink, Bravo still goes gold on hover. */
.ar-pic:has(.ar-flight) .si-brand,.sx-pic:has(.ar-flight) .si-brand{color:var(--ink,#171717);text-shadow:none}
.ar-pic:has(.ar-flight) .si-brand:hover,
.ar-pic:has(.ar-flight) .si-brand:focus-visible,
.sx-pic:has(.ar-flight) .si-brand:hover,
.sx-pic:has(.ar-flight) .si-brand:focus-visible{color:var(--ink,#171717)}
.ar-pic:has(.ar-flight) .si-nav-btn-on-dark .si-nl-in:before,.sx-pic:has(.ar-flight) .si-nav-btn-on-dark .si-nl-in:before{background:#171717}
.ar-pic:has(.ar-flight) .si-nav-btn:focus-visible,.sx-pic:has(.ar-flight) .si-nav-btn:focus-visible{outline-color:#9a7b3c}

/* ---- hero cluster: parent wordmark + menu, top-right of the picture ---- */
.ar-hero-tools,.sx-hero-tools{position:absolute;top:32px;right:var(--m);z-index:3;display:flex;align-items:center;gap:22px}
.ar-home,.sx-home{position:static;top:auto;right:auto}
.ar-bar,.sx-bar{gap:12px 24px}

/* ---- two-hairline button (home craft, ink rather than gold) ---- */
.si-nav-btn{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;
  margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;flex:none;
  -webkit-tap-highlight-color:transparent;font:inherit;text-decoration:none}
.si-nav-ico{position:relative;display:block;width:24px;height:12px}
.si-nl{position:absolute;left:0;width:24px;height:1px;transform:translate3d(0,0,0);
  transition:transform .24s var(--si-nav-ease) .18s}
.si-nl-a{top:0}
.si-nl-b{top:11px}
.si-nl-in{position:absolute;inset:0;transform-origin:50% 50%;
  transition:transform .28s var(--si-nav-ease) 0s}
.si-nl-in:before{content:"";position:absolute;inset:0;background:#171717}
.si-nav-btn-on-dark .si-nl-in:before{background:#f5f5f5}
.si-nl-a .si-nl-in{transform:translate3d(0,0,0) rotate(0deg) scaleX(1)}
.si-nl-b .si-nl-in{transform:translate3d(4.8px,0,0) rotate(0deg) scaleX(.6)}
@media (hover:hover){
  .si-nav-btn:hover .si-nl-b .si-nl-in{transform:translate3d(0,0,0) rotate(0deg) scaleX(1);transition-duration:.42s}
}
html.si-nav-open .si-nl{transition:transform .24s var(--si-nav-ease) 0s}
html.si-nav-open .si-nl-a{transform:translate3d(0,5.5px,0)}
html.si-nav-open .si-nl-b{transform:translate3d(0,-5.5px,0)}
html.si-nav-open .si-nl-in{transition:transform .3s var(--si-nav-ease) .15s}
html.si-nav-open .si-nl-a .si-nl-in,html.si-nav-open .si-nav-btn:hover .si-nl-a .si-nl-in{transform:translate3d(0,0,0) rotate(45deg) scaleX(.9)}
html.si-nav-open .si-nl-b .si-nl-in,html.si-nav-open .si-nav-btn:hover .si-nl-b .si-nl-in{transform:translate3d(0,0,0) rotate(-45deg) scaleX(.9)}
.si-nav-btn:focus-visible{outline:2px solid #c6a568;outline-offset:4px}

/* ---- full-bleed overlay: dark magazine contents, not a side list ---- */
.si-drawer{position:fixed;inset:0;z-index:35;overflow:auto;overscroll-behavior:contain;
  background:#171717;color:#f5f5f5;
  opacity:0;visibility:hidden;
  transition:opacity .46s var(--si-nav-ease),visibility 0s linear .46s}
html.si-nav-open .si-drawer{opacity:1;visibility:visible;transition:opacity .6s var(--si-nav-out),visibility 0s}
.si-drawer-inner{position:relative;display:flex;flex-direction:column;justify-content:flex-start;
  min-height:100%;padding:clamp(88px,16vh,148px) clamp(28px,8vw,120px) clamp(48px,8vh,96px)}
.si-nav-close{position:absolute;top:14px;right:max(8px,calc(var(--m) - 12px));z-index:2}
.si-nav-close:focus-visible{outline-color:#c6a568}
.si-drawer-stage{max-width:42rem}
.si-drawer-pri{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(6px,1.2vh,14px)}
.si-go{display:inline-block;font-stretch:84%;font-weight:560;letter-spacing:-.028em;
  font-size:clamp(36px,6.4vw,80px);line-height:1.06;color:#ececec;padding:4px 0}
.si-go:hover,.si-go:focus-visible{color:#fff}
.si-go:focus-visible{outline-color:#c6a568}
.si-go.si-mark{color:#f5f5f5}

.si-onpage{margin-top:clamp(36px,7vh,72px);max-width:28rem}
.si-onpage summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;
  font-size:12px;line-height:1.2;font-weight:550;letter-spacing:.14em;text-transform:uppercase;
  color:#b3b3b3;cursor:pointer;list-style:none}
.si-onpage summary::-webkit-details-marker{display:none}
.si-onpage summary:after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.si-onpage[open] summary:after{transform:rotate(225deg);margin-top:3px}
.si-onpage summary:hover,.si-onpage summary:focus-visible{color:#f5f5f5}
.si-onpage .ar-toc-list,.si-onpage .si-menu-list{list-style:none;margin:4px 0 0;padding:0;max-height:min(38vh,340px);overflow-y:auto;overscroll-behavior:contain}
.si-onpage .ar-toc-list a,.si-onpage .si-menu-list a{display:block;padding:10px 0;min-height:44px;border-left:0;
  font-size:16px;line-height:1.4;font-weight:400;letter-spacing:-.01em;color:#b3b3b3}
.si-onpage .ar-toc-list a:hover,.si-onpage .si-menu-list a:hover,
.si-onpage .ar-toc-list a:focus-visible,.si-onpage .si-menu-list a:focus-visible,
.si-onpage .ar-toc-list a[aria-current="location"],.si-onpage .si-menu-list a[aria-current="page"]{color:#f5f5f5}

.si-drawer-rv{opacity:0;transform:translate3d(0,10px,0);transition:opacity .18s linear,transform .18s linear}
html.si-nav-open .si-drawer-rv{opacity:1;transform:translate3d(0,0,0);
  transition:opacity .55s var(--si-nav-out) calc(.1s + var(--n,0) * .06s),transform .7s var(--si-nav-out) calc(.1s + var(--n,0) * .06s)}
.si-n0{--n:0}.si-n1{--n:1}.si-n2{--n:2}

@media (max-width:860px){
  .ar-hero-tools,.sx-hero-tools{top:16px;right:calc(var(--m) - 8px);gap:16px}
  .ar-bar-home,.sx-bar-home{display:none}
}

/* no JS: :target fallback */
.si-nav-nojs-close{display:none}
html:not(.si-nav-js) .si-drawer:target{opacity:1;visibility:visible}
html:not(.si-nav-js) .si-drawer:target .si-drawer-rv{opacity:1;transform:none}
html:not(.si-nav-js) .si-drawer:target .si-nav-nojs-close{display:block;position:fixed;z-index:45;top:14px;right:14px;width:48px;height:48px}
html:not(.si-nav-js) body:has(.si-drawer:target) .si-nl-a{transform:translate3d(0,5.5px,0)}
html:not(.si-nav-js) body:has(.si-drawer:target) .si-nl-b{transform:translate3d(0,-5.5px,0)}
html:not(.si-nav-js) body:has(.si-drawer:target) .si-nl-a .si-nl-in{transform:rotate(45deg) scaleX(.9)}
html:not(.si-nav-js) body:has(.si-drawer:target) .si-nl-b .si-nl-in{transform:rotate(-45deg) scaleX(.9)}
html:not(.si-nav-js) body:has(.si-drawer:target) .si-nav-btn:not(.si-nav-close){pointer-events:none}

@media (prefers-reduced-motion:reduce){
  .si-mark,.si-bravo{transition:none}
  .si-nl,.si-nl-in,html.si-nav-open .si-nl,html.si-nav-open .si-nl-in{transition:none!important}
  .si-drawer,html.si-nav-open .si-drawer{opacity:0;transition:opacity .18s linear,visibility 0s linear .18s}
  html.si-nav-open .si-drawer{opacity:1;transition:opacity .18s linear,visibility 0s}
  .si-drawer-rv,html.si-nav-open .si-drawer-rv{transform:none;transition:none}
}
html.si-nav-instant .si-drawer,html.si-nav-instant .si-nl,html.si-nav-instant .si-nl-in{transition:none!important}

/* Focus rings in gold (owner, Nov 6 2026). The site gold #c6a568 is 2.34:1 on white, under the 3:1 WCAG minimum for a focus
   indicator, so rings on white and light surfaces use the deeper gold #9a7b3c (3.98:1); rings on dark surfaces use #c6a568. */