/* ============================================================
   Wade Group Consulting & Advisory — static rebuild
   Gold / charcoal corporate identity
   ============================================================ */
:root{
  --gold:#c5a253;
  --gold-dark:#a9863a;
  --ink:#15181d;
  --ink-2:#1f242c;
  --body:#4a5058;
  --line:#e6e2d8;
  --paper:#ffffff;
  --paper-2:#f7f5f0;
  --radius:10px;
  --shadow:0 18px 44px rgba(21,24,29,.10);
  --font-display:'Poppins',sans-serif;
  --font-body:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--body);background:var(--paper);font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--gold-dark);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold)}
h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--ink);line-height:1.22;font-weight:600}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.eyebrow{display:inline-block;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:14px}
.section{padding:88px 0}
.section.alt{background:var(--paper-2)}
.section h2{font-size:clamp(1.6rem,3.2vw,2.35rem);margin-bottom:18px}
.lead{font-size:1.08rem;max-width:70ch}

/* Buttons */
.btn{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.02em;padding:14px 32px;border-radius:999px;border:2px solid var(--gold);cursor:pointer;transition:all .22s}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:transparent;color:var(--gold-dark)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--gold);color:#fff}
.btn-ghost.on-dark{color:#fff}

/* Top bar */
.topbar{background:var(--ink);color:#cfd3da;font-size:.85rem}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px}
.topbar a{color:#cfd3da}
.topbar a:hover{color:var(--gold)}
.topbar .tb-left{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.topbar .hiring{color:var(--gold);font-weight:600}
.topbar .socials a{margin-left:14px;font-size:.9rem}

/* Header / nav */
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
.header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:24px}
.logo img{height:44px;width:auto}
.nav{display:flex;align-items:center;gap:34px}
.nav a{font-family:var(--font-display);font-weight:500;font-size:.98rem;color:var(--ink);position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);transition:width .25s}
.nav a:hover::after,.nav a.active::after{width:100%}
.nav a.active{color:var(--gold-dark)}
.nav .btn{padding:11px 26px;margin-left:8px}
.burger{display:none;background:none;border:none;cursor:pointer;width:42px;height:42px}
.burger span{display:block;height:2px;background:var(--ink);margin:8px 6px;transition:.3s}

/* Hero slider */
.hero{position:relative;height:min(78vh,680px);min-height:520px;overflow:hidden;background:var(--ink)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;display:flex;align-items:center}
.slide.active{opacity:1;z-index:2}
.slide .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.slide .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,17,21,.86) 0%,rgba(15,17,21,.62) 46%,rgba(15,17,21,.25) 100%)}
.slide .wrap{position:relative;z-index:3;width:100%}
.slide h1{color:#fff;font-size:clamp(1.9rem,4.4vw,3.15rem);max-width:16.5ch;margin-bottom:20px}
.slide p{color:#e7e3d8;font-size:1.12rem;max-width:52ch;margin-bottom:32px}
.hero-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:10px}
.hero-dots button{width:11px;height:11px;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer;padding:0}
.hero-dots button.active{background:var(--gold);border-color:var(--gold)}

/* Page hero (inner pages) */
.page-hero{background:var(--ink);position:relative;overflow:hidden;padding:96px 0}
.page-hero::before{content:"";position:absolute;right:-140px;top:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(197,162,83,.22),transparent 65%)}
.page-hero h1{color:#fff;font-size:clamp(1.9rem,4vw,2.9rem);max-width:22ch;position:relative}
.page-hero p{color:#d5d0c3;max-width:62ch;margin-top:18px;font-size:1.1rem;position:relative}
.page-hero .btn{margin-top:30px}

/* Two-column feature */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.split.rev{grid-template-columns:.95fr 1.05fr}
.split .media img{border-radius:var(--radius);box-shadow:var(--shadow)}

/* Gold check list */
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;margin-top:30px}
.checks li{padding-left:34px;position:relative;font-weight:500;color:var(--ink-2)}
.checks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--gold);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Collage */
.collage{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:56px}
.collage img{border-radius:var(--radius);height:340px;width:100%;object-fit:cover;box-shadow:var(--shadow)}
.collage img:nth-child(2){transform:translateY(26px)}

/* Cards (What to expect / Services) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px 32px;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card h3{font-size:1.12rem;margin-bottom:14px}
.card .num{font-family:var(--font-display);color:var(--gold);font-weight:600;font-size:.85rem;letter-spacing:.18em;display:block;margin-bottom:16px}
.cards.two{grid-template-columns:repeat(2,1fr)}

/* Feature rows (About page promise/approach/experience/clients) */
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}
.feature-row:last-child{border-bottom:none}
.feature-row img{border-radius:var(--radius);height:300px;width:100%;object-fit:cover;box-shadow:var(--shadow)}
.feature-row h3{font-size:1.35rem;margin-bottom:6px}
.feature-row h4{color:var(--gold-dark);font-weight:600;font-size:1rem;margin-bottom:14px}

/* Quote band */
.quote-band{background:var(--ink);color:#fff;padding:80px 0;text-align:center}
.quote-band blockquote{font-family:var(--font-display);font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:500;max-width:32ch;margin:0 auto;color:#fff}
.quote-band blockquote::before{content:"“";color:var(--gold);font-size:2.4em;display:block;line-height:.4;margin-bottom:22px}

/* CTA band */
.cta-band{background:linear-gradient(120deg,var(--ink) 0%,var(--ink-2) 100%);padding:88px 0;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;left:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(197,162,83,.18),transparent 65%)}
.cta-band h2{color:#fff}
.cta-band p{color:#d5d0c3;max-width:60ch}
.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;position:relative;z-index:2}

/* Contact page */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.contact-info h3{font-size:1.25rem;margin-bottom:10px}
.contact-info .big-phone{font-family:var(--font-display);font-size:1.9rem;font-weight:600;color:var(--gold-dark);display:block;margin:10px 0 24px}
.contact-info ul{list-style:none;margin-top:8px}
.contact-info li{padding:10px 0;border-bottom:1px solid var(--line)}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:44px;box-shadow:var(--shadow)}
.form-card h3{margin-bottom:8px}
.form-note{font-size:.9rem;color:var(--gold-dark);background:rgba(197,162,83,.1);border:1px solid rgba(197,162,83,.35);border-radius:8px;padding:10px 14px;margin-bottom:24px}
.field{margin-bottom:20px}
.field label{display:block;font-family:var(--font-display);font-size:.88rem;font-weight:500;color:var(--ink);margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;padding:13px 16px;border:1px solid #d8d4c8;border-radius:8px;font-family:var(--font-body);font-size:.98rem;color:var(--ink);background:#fdfcf9;transition:border-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.field textarea{min-height:140px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-sent{display:none;margin-top:18px;color:var(--gold-dark);font-weight:500}

/* Login page */
.login-wrap{min-height:60vh;display:flex;align-items:center;justify-content:center;background:var(--paper-2);padding:80px 24px}
.login-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px;max-width:440px;width:100%;text-align:center}
.login-card img{height:40px;margin:0 auto 26px}
.login-card h1{font-size:1.4rem;margin-bottom:6px}
.login-card p{font-size:.95rem;margin-bottom:26px}
.login-card .field{text-align:left}
.login-card .btn{width:100%;margin-top:6px}

/* Privacy */
.legal h2{font-size:1.15rem;margin:36px 0 12px}
.legal ul{margin:10px 0 10px 22px}
.legal p{margin-bottom:12px}
.legal{max-width:820px}

/* Footer */
.footer{background:var(--ink);color:#b9bec7;padding:76px 0 0;font-size:.95rem}
.footer a{color:#b9bec7}
.footer a:hover{color:var(--gold)}
.footer h4{color:#fff;font-size:1rem;margin-bottom:20px;letter-spacing:.04em}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.4fr;gap:48px;padding-bottom:56px}
.footer ul{list-style:none}
.footer li{margin-bottom:12px}
.footer .f-brand img{height:40px;margin-top:22px}
.footer .f-socials{margin-top:20px}
.footer .f-socials a{margin-right:16px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:22px 0;text-align:center;font-size:.85rem;color:#8b919b}

/* Focus visibility & reduced motion */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* Responsive */
@media (max-width:960px){
  .split,.split.rev,.contact-grid,.feature-row{grid-template-columns:1fr;gap:40px}
  .cards{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .collage{grid-template-columns:1fr 1fr}
  .collage img:nth-child(2){transform:none}
}
@media (max-width:700px){
  .topbar .tb-left span.hours{display:none}
  .nav{position:fixed;inset:0;top:0;background:#fff;flex-direction:column;justify-content:center;gap:26px;transform:translateX(100%);transition:transform .3s;z-index:70}
  .nav.open{transform:translateX(0)}
  .burger{display:block;z-index:80;position:relative}
  .burger.open span:nth-child(1){transform:translateY(10px) rotate(45deg)}
  .burger.open span:nth-child(2){opacity:0}
  .burger.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}
  .cards,.cards.two,.checks,.footer-grid,.form-row{grid-template-columns:1fr}
  .collage{grid-template-columns:1fr}
  .collage img{height:260px}
  .section{padding:64px 0}
  .form-card{padding:30px 22px}
}