/* ===========================================================
   Everward Partners — site styles
   Brand colors live here. Change these two to re-theme the site.
   =========================================================== */
:root {
  --ew-accent: #9a7b4f;        /* brass — labels, accents, buttons' bottom border */
  --ew-accent-soft: #b29b79;   /* lighter brass — eyebrows, whiskers, highlights */
}

/* base resets + responsive */
*{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{ margin:0; background:#f5f1e8; overflow-x:hidden; }
  ::selection{ background:#487890; color:#fff; }

  /* connect links hover */
  .ev-connect { transition:color .2s ease, transform .2s ease; }
  .ev-connect:hover { color:#fff !important; transform:translateX(4px); }
  .ev-connect:hover .ev-connect-ico { border-color:var(--ew-accent-soft,#c2a36e) !important; background-color:rgba(194,163,110,0.18) !important; }

  /* ---------- responsive ---------- */
  @media (max-width: 1024px) {
    .ev-sectors { grid-template-columns:repeat(2,1fr) !important; }
    .ev-criteria { grid-template-columns:repeat(2,1fr) !important; }
  }
  @media (max-width: 768px) {
    .ev-navlinks { display:none !important; }
    .ev-nav-logo { height:32px !important; }
    .ev-nav-cta { padding:9px 14px !important; font-size:12px !important; }
    .ev-nav-pad { padding-left:20px !important; padding-right:20px !important; }
    .ev-sec { padding-top:72px !important; padding-bottom:72px !important; padding-left:22px !important; padding-right:22px !important; }
    .ev-hero-pad { padding-left:22px !important; padding-right:22px !important; }
    .ev-hero-outer { min-height:520px !important; }
    .ev-hero-inner { min-height:480px !important; max-width:100% !important; padding-top:96px !important; padding-bottom:72px !important; }
    .ev-hero-h1 { font-size:29px !important; }
    .ev-h2 { font-size:30px !important; line-height:1.16 !important; }
    .ev-two-col { grid-template-columns:1fr !important; }
    .ev-three-col { grid-template-columns:1fr !important; }
    .ev-three-col > div { border-left:none !important; border-right:none !important; }
    .ev-after-grid { grid-template-columns:1fr !important; }
    .ev-after-grid > div { padding-left:0 !important; padding-right:0 !important; border-left:none !important; }
    .ev-sectors { grid-template-columns:1fr 1fr !important; }
    .ev-criteria { grid-template-columns:1fr !important; }
    .ev-contact-grid { grid-template-columns:1fr !important; gap:40px !important; }
  }
  @media (max-width: 480px) {
    .ev-sectors { grid-template-columns:1fr !important; }
    .ev-nav-logo { height:27px !important; }
    .ev-nav-cta { padding:8px 12px !important; font-size:11.5px !important; letter-spacing:0 !important; }
    .ev-card-flex { flex-direction:column !important; align-items:center !important; text-align:center !important; gap:16px !important; }
    .ev-hero-h1 { font-size:26px !important; }
    .ev-foot { padding-left:22px !important; padding-right:22px !important; }
  }
  @media (max-width: 768px) {
    .ev-hero-scrim { background:linear-gradient(180deg, rgba(18,18,38,0.79) 0%, rgba(18,18,38,0.70) 55%, rgba(18,18,38,0.59) 100%) !important; }
  }

/* interactive states (hover / focus) */
.ev-i0:hover { box-shadow:0 1px 0 0 var(--ew-accent-soft,#c2a36e); }
.ev-i1:hover { background:#26304e; }
.ev-i2:hover { background:#5a8aa6; }
.ev-i3:hover { color:#fff; }
.ev-i4:focus { border-color:#7fa6bf; }
.ev-i5:hover { color:var(--ew-accent-soft,#c2a36e); }
.ev-i6:hover { border-color:#16263f; background:rgba(22,38,63,0.04); }