/* ===========================================================================
   CORE — v2.1  : match TB Associates typography & layout. Loaded LAST.
   ========================================================================= */

/* ---- Typography: lighter, like TB --------------------------------------- */
body{font-weight:400}
h1,h2,h3,h4,h5{font-weight:600;letter-spacing:-.005em}
.lead{font-weight:400;color:var(--text)}
p{font-weight:400}

/* Nav links: navy (not black), not bold, red on hover */
.main-nav > ul > li > a{color:var(--navy);font-weight:400}
.main-nav > ul > li > a:hover,
.main-nav > ul > li.active > a{color:var(--red)}
.dropdown li a{color:var(--navy);font-weight:400}

/* ---- Two-tone "Our X" section titles ------------------------------------ */
.sec-head{max-width:820px;margin:0 auto 48px;text-align:center}
.sec-head.left{text-align:left;margin-left:0}
.sec-title{font-family:var(--ff-head);color:var(--navy);font-weight:700;
  font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.12;margin:0}
.sec-title .lt{font-weight:300}
.sec-sub{color:var(--text);font-size:1.1rem;margin-top:14px}
.accent-line{display:block;width:54px;height:3px;background:var(--red);border:0;margin:0 0 18px}
.sec-head .accent-line{margin-left:auto;margin-right:auto}
.sec-head.left .accent-line{margin-left:0}

/* ---- Star buttons (TB style) -------------------------------------------- */
.btn-star,.btn-star-light{display:inline-flex;align-items:center;gap:11px;font-family:var(--ff-head);
  font-weight:500;font-size:.95rem;padding:15px 30px;border-radius:4px;border:0;cursor:pointer;transition:.2s;line-height:1}
.btn-star::before,.btn-star-light::before{content:"\2605";font-size:1.1em;line-height:1}
.btn-star{background:var(--navy);color:#fff}
.btn-star:hover{background:#0e1830;color:#fff}
.btn-star-light{background:#fff;color:var(--navy)}
.btn-star-light::before{opacity:.55}
.btn-star-light:hover{background:var(--bg-alt);color:var(--navy)}

/* ---- Header: full width (logo flush-left, login flush-right) ------------- */
.site-header .container.header-inner{max-width:none;padding-left:40px;padding-right:40px}
@media (max-width:760px){.site-header .container.header-inner{padding-left:18px;padding-right:18px}}

/* ---- "Interested in our services?" band (global, every page) ------------ */
.interested-band{background:var(--navy);color:#fff;padding:46px 0}
.interested-band .ib-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.interested-band h3{color:#fff;font-weight:600;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.2;margin:0;max-width:680px}
@media (max-width:760px){.interested-band .ib-inner{flex-direction:column;align-items:flex-start}}

/* ---- Footer: light background like TB ----------------------------------- */
.site-footer{background:var(--bg-alt);color:var(--text);border-top:1px solid var(--line)}
.footer-col h4{color:var(--navy)}
.footer-col h4::after{background:var(--red)}
.footer-col p,.footer-links a,.footer-col a,.hours td{color:var(--text)}
.footer-links a:hover,.footer-col a:hover{color:var(--red)}
.hours td:last-child{color:var(--navy)}
.footer-logo{height:42px}
.socials a{background:#fff;color:var(--navy);border:1px solid var(--line)}
.socials a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.footer-bottom{border-top:1px solid var(--line);color:var(--muted)}

/* ---- Service page (TB style: title + text + grid; no eyebrow/divider) ---- */
.service-head{max-width:1120px;margin:0 auto 26px}
.service-head h1{color:var(--navy);font-weight:700;margin:0 0 16px;font-size:clamp(1.8rem,3.2vw,2.6rem)}
.service-head .prose{max-width:900px}
.service-head .btn-star{margin-top:6px}

/* goals: no heading, a touch more space */
.goals-only{padding-top:74px}