/* JJ shared chrome: the one header and the one footer every page uses.
   Markup is generated by sync_chrome.py so pages cannot drift apart again
   (the agency's site review, p34: "inconsistent navigation bar", "some pages are
   not synced with the main footer"). This file is hand-written and stands alone:
   literal brand values, no dependence on a page's own variables, so it renders the
   same on the homepage (jj-brand.css) and on every inner page (jj-tokens.css).

   Palette: night-turquoise #004137, muted-khaki #C6BE8B, anzac #E0B848.
   Display face capitals, serif for reading, square corners, flat. */

/* ── header: every page, the homepage included (sticky, above the hero) ── */
header.jj-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:32px;padding:14px 48px;
  background:#004137;color:#C6BE8B;border-bottom:1px solid rgba(255,255,255,.3);
  font-family:"Libre Baskerville",Baskerville,Georgia,serif}
.jj-brand{display:flex;align-items:center;gap:10px;color:#E0B848;text-decoration:none;
  font:900 13px/1 "Archivo Expanded","Arial Black",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.jj-brand img{display:block;height:28px;width:auto}
nav.jj-links{margin-left:auto;display:flex;align-items:center;gap:32px}
a.jj-link{color:#C6BE8B;text-decoration:none;white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent;
  font:900 12px/1 "Archivo Expanded","Arial Black",sans-serif;letter-spacing:.14em;text-transform:uppercase}
a.jj-link:hover,a.jj-link[aria-current="page"]{color:#E0B848;border-bottom-color:#E0B848}
a.jj-link--cta{background:#E0B848;color:#004137;padding:13px 20px;border:2px solid #E0B848}
a.jj-link--cta:hover,a.jj-link--cta[aria-current="page"]{background:transparent;color:#E0B848;border-color:#E0B848}
button.jj-toggle{display:none;align-items:center;height:40px;padding:0 16px;margin-left:auto;cursor:pointer;
  background:transparent;color:#C6BE8B;border:2px solid #C6BE8B;border-radius:0;
  font:900 12px/1 "Archivo Expanded","Arial Black",sans-serif;letter-spacing:.14em;text-transform:uppercase}
button.jj-toggle:hover{color:#E0B848;border-color:#E0B848}
header.jj-bar :focus-visible,footer.jj-foot :focus-visible{outline:none;box-shadow:0 0 0 2px #004137,0 0 0 4px #E0B848}
@media(max-width:940px){
  header.jj-bar{flex-wrap:wrap;padding:12px 24px;gap:0 16px}
  button.jj-toggle{display:inline-flex}
  nav.jj-links{display:none;flex:1 0 100%;flex-direction:column;align-items:stretch;gap:0;margin:12px 0 0;padding-top:4px;
    border-top:1px solid rgba(255,255,255,.3)}
  header.jj-bar.is-open nav.jj-links{display:flex}
  a.jj-link{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.15)}
  a.jj-link:hover,a.jj-link[aria-current="page"]{border-bottom-color:rgba(224,184,72,.6)}
  a.jj-link--cta{margin-top:14px;text-align:center;border-bottom:2px solid #E0B848}
}

/* ── footer: the homepage's main footer, on every page ── */
footer.jj-foot{position:relative;z-index:2;overflow:hidden;
  background-color:#004137;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1000' preserveAspectRatio='none'%3E%3Cpath d='M135 0V1000M380 0V1000M430 0V1000M678 0V1000M728 0V1000M976 0V1000M1026 0V1000M1272 0V1000M1322 0V1000M1569 0V1000M1619 0V1000M1866 0V1000' stroke='%23fff' stroke-opacity='.13' stroke-width='1' vector-effect='non-scaling-stroke' fill='none'/%3E%3C/svg%3E"),url('/brand/peak-pattern-green.svg');
  background-repeat:no-repeat,no-repeat;background-size:100% 100%,min(1100px,110vw) auto;background-position:0 0,right -12% bottom 12%;
  border-top:1px solid rgba(255,255,255,.3);padding:70px 0 0;color:#C6BE8B;text-align:left;
  font-family:"Libre Baskerville",Baskerville,Georgia,serif;font-size:16px;line-height:1.65}
footer.jj-foot::before{content:'';position:absolute;inset:0;background:url('/brand/texture/jj-leather.jpg') center/cover;
  mix-blend-mode:soft-light;opacity:.34;pointer-events:none}
.jj-foot__wrap{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:0 40px 38px}
.jj-foot__top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.jj-foot__big{font:900 clamp(1.8rem,5vw,3.6rem)/.98 "Archivo Expanded","Arial Black",sans-serif;text-transform:uppercase;letter-spacing:0;color:#E0B848}
.jj-foot__cols{display:flex;gap:56px;flex-wrap:wrap}
.jj-foot__col h2{margin:0 0 13px;font:900 .7rem/1.45 "Archivo Expanded","Arial Black",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#C6BE8B}
.jj-foot__col a,.jj-foot__col p{display:block;margin:0 0 8px;font-size:.94rem;line-height:1.5;color:#C6BE8B;text-decoration:none}
.jj-foot__col a:hover{color:#E0B848}
.jj-foot__col a.is-sub{padding-left:16px;font-size:.88rem}
.jj-foot__bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.3);font:900 .7rem/1.6 "Archivo Expanded","Arial Black",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#C6BE8B}
.jj-foot__bottom a{color:inherit;text-decoration:none}
.jj-foot__bottom a:hover{color:#E0B848}
.jj-foot__disclaimer{margin:18px 0 0;max-width:920px;font-size:.875rem;line-height:1.6;color:#C6BE8B}
.jj-foot__disclaimer a{color:inherit;text-decoration:underline}
.jj-foot__band{position:relative;z-index:1;background:#E0B848;padding:1.2vw 2vw 1.5vw;line-height:0}
.jj-foot__band svg{width:100%;height:auto;display:block}
.jj-foot__band text{font-family:"Archivo Expanded","Arial Black",sans-serif;font-weight:900;letter-spacing:0;fill:#004137}
@media(max-width:600px){.jj-foot__wrap{padding:0 22px 38px}.jj-foot__cols{gap:36px}}
@media print{header.jj-bar,footer.jj-foot{display:none}}