/* Blackwater / CWS shared site header — Phase 5. Single source, copied verbatim to both repos.
   Edit here, then copy to bwj-site/assets/shared/header.css and cws-marketing/assets/shared/header.css.
   Never hand-edit one side. */
.site-header{
  --sh-bg:#14100b;
  --sh-nav:#12100a;
  --sh-strip:#0d0b07;
  --sh-panel:#1a160e;
  --sh-hover:#241d12;
  --sh-border:#33261a;
  --sh-divider:#2a2118;
  --sh-cream:#f3e8d2;
  --sh-tan:#cbb68c;
  --sh-muted:#8a7860;
  --sh-dim:#A08C68;
  --sh-orange:#e8894a;
  --sh-cta-bg:#d2622a;
  --sh-cta-text:#1a1206;
  font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  display:block;
}
.site-header *{box-sizing:border-box}

/* Tier 1 — property strip */
.sh-strip{background:var(--sh-strip);border-bottom:1px solid var(--sh-border);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.sh-strip-row{max-width:1000px;margin:0 auto;display:flex;align-items:center;padding:8px 22px}
.sh-strip-inner{display:flex;align-items:center;gap:8px}
.sh-strip-item{color:var(--sh-muted);text-decoration:none}
.sh-strip-item:hover{color:var(--sh-cream)}
.sh-strip-item.sh-current{color:var(--sh-orange);pointer-events:none;cursor:default}
.sh-strip-item.sh-current:hover{color:var(--sh-orange)}
.sh-strip-sep{color:var(--sh-dim)}
.sh-strip-loc{margin-left:auto;color:var(--sh-muted);white-space:nowrap}
.sh-strip .sh-short{display:none}

/* Tier 2 — main nav */
.sh-nav{background:var(--sh-nav);border-bottom:1px solid var(--sh-border);position:relative}
.sh-nav-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:11px 22px;position:relative}
/* Only one lockup is visible at a time and the two are different widths:
   "Blackwater" is 110px, "CWS" is 71px. .sh-links is flex:1, so without a
   reserved slot the whole nav block slid 39px left on CWS and the header
   visibly jumped when you clicked between the sites. Reserve the wider
   width on both. Released on mobile, where the burger needs the room. */
.sh-logo{display:flex;align-items:center;gap:9px;min-width:110px;font-size:13.5px;font-weight:500;color:var(--sh-cream);text-decoration:none;letter-spacing:.3px;white-space:nowrap}
.sh-logo:hover{color:var(--sh-orange)}
.sh-logo img{display:block;border-radius:50%;width:32px;height:32px}
body[data-site="bwj"] .sh-logo[data-property="cws"],
body[data-site="cws"] .sh-logo[data-property="bwj"]{display:none}

.sh-burger{display:none;background:none;border:none;cursor:pointer;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0}
.sh-burger span{width:22px;height:2px;background:var(--sh-cream);display:block;border-radius:1px}

.sh-links{display:flex;align-items:center;gap:20px;flex:1;min-width:0}
.sh-links-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0}
.sh-links-head{display:none}
.sh-group{position:relative}
.sh-glabel{background:none;border:none;color:var(--sh-tan);font-size:12.5px;font-family:inherit;display:flex;align-items:center;gap:5px;padding:8px 10px;cursor:pointer;border-radius:6px;white-space:nowrap}
.sh-glabel:hover,.sh-glabel:focus-visible{color:var(--sh-orange)}
.sh-glabel[aria-expanded="true"]{color:var(--sh-orange)}
.sh-chev{width:9px;height:6px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .15s}
.sh-glabel[aria-expanded="true"] .sh-chev{transform:rotate(180deg)}

.sh-dd{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:var(--sh-panel);border:1px solid var(--sh-border);border-radius:10px;padding:8px;box-shadow:0 14px 30px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:60}
.sh-dd.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.sh-dd-heading{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--sh-dim);padding:6px 10px 4px}
.sh-dd a{display:block;padding:8px 10px;border-radius:6px;color:var(--sh-tan);font-size:13px;text-decoration:none}
.sh-dd a:hover,.sh-dd a:focus-visible{background:var(--sh-hover);color:var(--sh-cream)}
.sh-dd-divider{height:1px;background:var(--sh-divider);margin:6px 4px}

.sh-plain{color:var(--sh-tan);font-size:12.5px;text-decoration:none;padding:8px 10px;border-radius:6px;white-space:nowrap}
.sh-plain:hover,.sh-plain:focus-visible{color:var(--sh-orange)}

.sh-cta{margin-left:auto;background:var(--sh-cta-bg);color:var(--sh-cta-text);font-weight:800;font-size:13px;padding:10px 18px;border-radius:8px;text-decoration:none;white-space:nowrap}
.sh-cta:hover,.sh-cta:focus-visible{filter:brightness(1.08);color:var(--sh-cta-text)}

/* Mobile — below 900px */
@media (max-width:899px){
  .sh-logo{min-width:0}

  .sh-strip .sh-full{display:none}
  .sh-strip .sh-short{display:inline}
  .sh-strip-loc{display:none}

  .sh-burger{display:flex}

  .sh-links-nav{display:contents}

  .sh-links{
    display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-left:0;
    position:fixed;top:0;left:0;right:0;bottom:0;
    background:var(--sh-bg);
    padding:16px;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .18s ease,visibility .18s;
    overflow-y:auto;
    z-index:100;
  }
  .sh-links.is-open{opacity:1;visibility:visible;pointer-events:auto}

  .sh-links-head{display:flex;justify-content:flex-end;margin-bottom:6px}
  .sh-mclose{background:none;border:none;color:var(--sh-cream);font-size:28px;line-height:1;width:44px;height:44px;cursor:pointer}

  .sh-group{width:100%}
  .sh-glabel{width:100%;justify-content:space-between;min-height:44px;font-size:15px;padding:11px 10px}
  .sh-dd{
    position:static;min-width:0;width:100%;box-shadow:none;border:none;background:transparent;
    padding:0 0 0 10px;transform:none;
    max-height:0;overflow:hidden;
    transition:max-height .2s ease,opacity .15s ease,visibility .2s;
  }
  .sh-dd.is-open{max-height:640px;padding-bottom:6px}
  .sh-dd a{min-height:44px;display:flex;align-items:center;font-size:14.5px}
  .sh-dd-heading{padding:8px 10px 4px}

  .sh-plain{min-height:44px;display:flex;align-items:center;font-size:15px}

  .sh-cta{
    margin:12px 0 0;width:100%;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;
    position:sticky;bottom:0;background:var(--sh-cta-bg);
  }
}

/* ---- Brand display face (self-hosted, latin subset) -----------------------
   Headings and eyebrow labels only. Body copy stays on the system stack so
   the page still paints instantly if the font is slow. */
@font-face{font-family:'Bitter';font-style:normal;font-weight:700;font-display:swap;
  src:url('/assets/fonts/bitter-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bitter';font-style:normal;font-weight:800;font-display:swap;
  src:url('/assets/fonts/bitter-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

h1,h2,h3,.kick,.em,.rk,.cap,.sh-cta,.btn,.plan h3,.price{
  font-family:'Bitter',Georgia,'Times New Roman',serif;
}
h1,h2,h3{letter-spacing:-.012em}
.kick,.em,.rk,.cap{letter-spacing:.14em}

/* ---- Skip link ------------------------------------------------------------ */
.sh-skip{position:absolute;left:-9999px;top:0;z-index:999;background:var(--sh-ember,#D2622A);
  color:#1a1206;font-weight:800;padding:10px 16px;border-radius:0 0 8px 0;text-decoration:none}
.sh-skip:focus{left:0}
:focus-visible{outline:2px solid #E8894A;outline-offset:2px}

/* ---- Media safety: no image may overflow its column ---------------------- */
img{max-width:100%}
/* long unbroken strings (emails, URLs) must never widen the page */
main p,main li,main a{overflow-wrap:break-word}