/* Shared styles for Barn Swallow Consulting pages.
   Link this from any page's <head> after the Google Fonts <link> tags:
   <link rel="stylesheet" href="/shared.css">
   Page-specific styles still belong in that page's own <style> block. */

:root{
  --blue:#1E3A55; --wing:#16283A; --ink:#14181C;
  --sky:#3D6288;  --rust:#8C4425; --chestnut:#B0552E; --ember:#C87137;
  --buff:#E3C9A5; --cream:#F6EDE0; --paper:#FBF7F1;
  --muted:#5c6470; --rule:rgba(20,24,28,.13); --rule-hard:rgba(20,24,28,.32);
  --serif:"Literata",Georgia,serif;
  --sans:"Inter",Aptos,Calibri,system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--sans);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1100px;margin:0 auto;padding:0 32px}
a{color:var(--rust)}
a:focus-visible,button:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:2px}

.eyebrow{
  font-family:var(--sans);font-size:11px;letter-spacing:.17em;
  text-transform:uppercase;color:var(--rust);margin:0 0 14px;
}

/* ===== header ===== */
header{
  position:sticky;top:0;z-index:10;
  background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
  transform:translateY(0);transition:transform .28s ease;
}
header.is-hidden{transform:translateY(-100%)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{
  font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--blue);text-decoration:none;
  display:flex;align-items:center;gap:10px;
}
.brand img{display:block;height:32px;width:auto}
.brand svg{display:block;margin-top:7px}
.navlinks{display:flex;gap:28px;align-items:center}
.navlinks a{
  font-size:13.5px;font-weight:500;color:var(--ink);text-decoration:none;
}
.navlinks a:hover{color:var(--rust)}
.navlinks .btn{padding:9px 18px;font-size:13.5px;color:#fff}
.navlinks .btn:hover{color:#fff}

.btn{
  display:inline-block;background:var(--blue);color:#fff;text-decoration:none;
  font-weight:500;font-size:15px;padding:13px 26px;border-radius:2px;
  transition:background .18s ease;
}
.btn:hover{background:var(--wing)}
.btn.ghost{background:transparent;color:var(--blue);border:1px solid var(--blue)}
.btn.ghost:hover{background:var(--blue);color:#fff}

footer{
  background:var(--blue);color:var(--buff);padding:24px 0;
  font-family:var(--sans);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{color:var(--buff)}

@media (max-width:860px){
  .navlinks a:not(.btn){display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
