/* Regan IT v2 chrome only: header, nav and footer.
   Deliberately excludes body, heading and component rules so it cannot
   fight css/site.css on the pages that still use the old body styles. */
:root{
  --cobalt:#2B3FE8; --ink:#101010; --paper:#F5F2E8; --white:#FFFFFF;
  --lemon:#FFE234; --coral:#FF5E3A; --mint:#6FE3A1;
  --b:4px solid var(--ink);
  --sh:8px 8px 0 var(--ink);
  --sh-sm:5px 5px 0 var(--ink);
  --display:"Syne","Archivo Black",Impact,sans-serif;
  --body:"Instrument Sans",-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:1240px;
  --r-photo:12px;   /* photography only. Every structural block stays at radius 0. */
}
.nav__in{max-width:var(--wrap);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:22px}
.nav__logo{flex:0 0 auto;width:206px}
.nav__logo img{width:100%;height:auto}
.nav__links{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}
.nav__links a{font-family:var(--display);font-weight:700;font-size:1rem;text-decoration:none;
  padding:9px 14px;border:3px solid transparent}
.nav__links a:hover,.nav__links a:focus-visible{border:3px solid var(--ink);background:var(--white)}
.nav__cta{font-family:var(--display);font-weight:800;text-decoration:none;padding:11px 18px;
  border:var(--b);background:var(--cobalt);color:var(--white);box-shadow:var(--sh-sm);
  transition:transform .08s,box-shadow .08s}
.nav__cta:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.nav__burger{display:none;margin-left:auto;font-family:var(--display);font-weight:800;font-size:1rem;
  padding:11px 16px;border:var(--b);background:var(--lemon);box-shadow:var(--sh-sm);cursor:pointer}
@media (max-width:940px){
  .nav__burger{display:block}
  .nav__links{display:none;position:fixed;inset:78px 0 0;background:var(--cobalt);
    flex-direction:column;gap:0;padding:26px;overflow:auto;align-items:stretch}
  .nav__links.is-open{display:flex}
  .nav__links a{color:var(--white);font-size:2rem;padding:18px 8px;border:0;border-bottom:3px solid rgba(255,255,255,.28)}
  .nav__links a:hover{background:transparent;border:0;border-bottom:3px solid var(--white)}
  .nav__cta{margin-top:22px;text-align:center;font-size:1.3rem}
  .nav__logo{width:168px}
}
.foot{background:var(--ink);color:#EDEAE0;padding:52px 0 34px;font-size:.95rem}
.foot a{color:var(--lemon)}
.foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:30px}
.foot h4{font-family:var(--display);color:var(--white);margin-bottom:12px;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot__bar{margin-top:36px;padding-top:20px;border-top:3px solid #2e2e2e;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}

/* the old body keeps site.css, so give the new chrome its own type */
.nav,.nav *,.foot,.foot *{font-family:"Instrument Sans",-apple-system,"Segoe UI",Roboto,sans-serif}
.nav__links a,.nav__cta,.nav__burger,.foot h4{font-family:"Syne","Archivo Black",Impact,sans-serif}
.foot{margin-top:0}