/* Additions to Justin's concept stylesheet for the live site. */
:root{--ink:var(--navy);--navy-ink:var(--navy);--brass-deep:var(--brass);--warm:var(--body);--warm-2:var(--muted);--fine:var(--muted);--gold:var(--brass);--gold-deep:var(--brass);--on-navy:var(--paper);--brass-on-navy:var(--brass-lt)}
/* hero: italic on navy uses the lighter brass (6.7:1); small captions lifted for contrast */
.hero h1 em{color:var(--brass-lt)}
.credit,.hero .meta .cell,.dark .note,.footer .legal{color:rgba(246,240,228,.66)}
.photoband .credit{color:rgba(246,240,228,.78)}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy);color:var(--paper);padding:10px 16px;z-index:100}
.skip-link:focus{left:16px;top:16px}
.footer .legal.f-dnss{padding-top:0}
.footer .f-dnss a{color:rgba(246,240,228,.85);border-bottom-color:rgba(196,149,7,.6)}
.footer .dnss-done{color:var(--brass-lt)}
.navlinks>a[aria-current]{box-shadow:0 2px 0 var(--brass)}
.nav.on-photo:not(.solid) .navlinks>a[aria-current]{box-shadow:0 2px 0 var(--brass-lt)}
/* language switcher (translate.js) sits under the legal line */
.footer .wt-lang-switcher{margin-top:14px;font-size:12px}
.footer .wt-lang-switcher select{font:inherit;background:var(--navy-3);color:var(--paper);border:1px solid rgba(246,240,228,.25);padding:6px 10px;border-radius:2px}
/* economics: the interactive calculator inside the concept page */
.econ-calc-sec .sub{margin-top:14px;max-width:640px;font-size:17px}
.econ-calc-sec .econ-fee{margin-top:10px;font-size:15.5px;max-width:640px}
.econ-calc-sec .econ-fee strong{color:var(--navy);font-weight:600}
.econ-model-nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.econ-model-nav a{color:var(--muted);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent}
.econ-model-nav a[aria-current]{color:var(--brass);border-bottom-color:var(--brass)}
.econ-calc-wrap{margin-top:28px;background:var(--card);border:1px solid var(--rule);padding:clamp(18px,2.6vw,30px)}
.econ-dealsel{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.econ-dealsel select{font:inherit;font-family:var(--sans);font-size:15px;letter-spacing:0;text-transform:none;color:var(--navy);background:var(--paper);border:1px solid var(--rule);padding:8px 12px;border-radius:2px}
/* ---------- 6. Consent bar (assets/consent.js) ---------- */
.consent-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:880px;margin:0 auto;background:var(--navy);color:var(--paper);
  border:1px solid rgba(246,240,228,.18);border-radius:2px;box-shadow:0 18px 50px rgba(15,20,38,.35);padding:14px 18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-family:var(--sans);font-size:14px;line-height:1.5}
.consent-bar p{margin:0;flex:1 1 320px;color:var(--paper)}
.consent-bar a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--brass-on-navy);text-underline-offset:3px}
.consent-actions{display:flex;gap:10px;flex:none}
.consent-bar button{font:inherit;font-weight:500;min-height:44px;padding:0 18px;border-radius:2px;cursor:pointer;border:1px solid rgba(246,240,228,.5);background:transparent;color:var(--paper)}
.consent-bar button.consent-accept{background:var(--paper);color:var(--navy);border-color:var(--paper)}
.consent-bar button:focus-visible, .consent-bar a:focus-visible{outline:2px solid var(--brass-on-navy);outline-offset:2px}
@media print{.consent-bar{display:none}}


/* insights request form (built by site.js) — rules carried from site.css */
.isub{border-top:1px solid var(--rule);background:var(--ivory);padding:clamp(44px,5.5vw,72px) 0}
.isub .isub-grid{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:start}
.isub h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.14;letter-spacing:-.018em;color:var(--navy-ink);margin:0 0 16px}
.isub .isub-lede{font-family:var(--sans);font-size:15.5px;line-height:1.65;color:#3a3f4e;margin:0 0 18px;max-width:46ch}
.isub .isub-note{font-family:var(--sans);font-size:13px;font-style:italic;line-height:1.6;color:var(--warm);margin:0;max-width:46ch}
.isub form{background:var(--card);border:1px solid var(--rule);padding:clamp(22px,2.4vw,32px)}
.isub fieldset{border:0;margin:0 0 22px;padding:0}
.isub legend{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--warm);padding:0;margin:0 0 12px}
.isub .isub-picks{display:grid;gap:2px}
.isub .isub-pick{display:flex;gap:12px;align-items:flex-start;padding:12px 11px;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.isub .isub-pick:hover{background:rgba(196,149,7,.06);border-color:rgba(196,149,7,.28)}
.isub .isub-pick input{flex:none;margin:2px 0 0;width:16px;height:16px;accent-color:var(--brass-deep)}
.isub .isub-pick .isub-pick-b{display:block;min-width:0}
.isub .isub-pick .isub-pick-t{display:block;font-family:var(--serif);font-size:16.5px;line-height:1.25;color:var(--navy-ink)}
.isub .isub-pick .isub-pick-s{display:block;font-family:var(--sans);font-size:13.5px;line-height:1.5;color:#3A3F4E;margin-top:5px}
.isub .isub-pick .isub-pick-l{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-deep);text-decoration:none}
.isub .isub-pick .isub-pick-l:hover{color:var(--navy-ink)}
.isub .isub-group{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--warm);margin:18px 0 6px;padding-top:14px;border-top:1px solid var(--rule)}
.isub .isub-rows{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.isub .isub-rows.isub-rows-1{grid-template-columns:1fr;max-width:34ch}
.isub label.isub-f{display:block}
.isub .isub-l{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--warm);margin-bottom:6px}
.isub .isub-l .req{color:var(--brass-deep)}
.isub input[type=text],.isub input[type=email]{width:100%;font-family:var(--sans);font-size:15px;color:var(--navy-ink);background:var(--paper);border:1px solid var(--rule);padding:11px 12px;min-height:44px}
.isub input[type=text]:focus,.isub input[type=email]:focus{outline:none;border-color:var(--brass-deep);box-shadow:0 0 0 3px rgba(196,149,7,.16)}
.isub .isub-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.isub .isub-check{display:flex;gap:11px;align-items:flex-start;margin-top:14px}
.isub .isub-check input{flex:none;margin:3px 0 0;width:16px;height:16px;accent-color:var(--brass-deep)}
.isub .isub-check span{font-family:var(--sans);font-size:13.5px;line-height:1.55;color:#3a3f4e}
.isub .isub-check a{color:var(--navy-ink);border-bottom:1px solid #C49507;text-decoration:none}
.isub .isub-check a:hover{color:var(--brass-deep)}
.isub .isub-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}
.isub .isub-req{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-2)}
.isub .isub-msg{font-family:var(--sans);font-size:14px;line-height:1.55;margin:16px 0 0;padding:12px 14px;display:none}
.isub .isub-msg.on{display:block}
.isub .isub-msg.err{background:rgba(192,80,58,.08);border-left:2px solid #C0503A;color:#8A3325}
.isub .isub-msg.ok{background:rgba(78,139,107,.1);border-left:2px solid #4E8B6B;color:#2F5A44}
.isub .isub-legal{font-family:var(--sans);font-size:12px;font-style:italic;line-height:1.6;color:var(--warm-2);margin:22px 0 0;max-width:none}
.isub .isub-grid{grid-template-columns:1fr;gap:26px}
.isub .isub-lede,.isub .isub-note{max-width:60ch}
.isub .isub-rows{grid-template-columns:1fr}
.isub form{padding:20px 16px}
/* Insights library request component (opt-in library mode) */
.isub .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.isub .isub-pick-row{padding:14px 14px 10px;border:1px solid var(--rule);background:var(--paper)}
.isub-library .isub-pick{display:flex;gap:12px;align-items:flex-start;padding:10px 0 0;border:0;border-top:1px solid var(--rule);margin-top:10px;cursor:pointer}
.isub .isub-pick-read{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:.02em;color:var(--brass-deep);text-decoration:none;border-bottom:1px solid transparent}
.isub .isub-pick-read:hover{border-bottom-color:var(--brass-deep)}
.isub .isub-pick-read:focus-visible{outline:2px solid var(--brass-deep);outline-offset:3px}
.isub .isub-hint{font-family:var(--sans);font-size:12.5px;line-height:1.55;color:var(--warm);margin:-8px 0 14px}
.isub .isub-topic{margin-bottom:16px}
.isub select.isub-select{width:100%;font-family:var(--sans);font-size:15px;color:var(--navy-ink);background:var(--paper);border:1px solid var(--rule);border-radius:0;padding:11px 12px;min-height:44px;cursor:pointer}
.isub select.isub-select:focus{outline:none;border-color:var(--brass-deep);box-shadow:0 0 0 3px rgba(196,149,7,.16)}
.isub .isub-count{font-family:var(--sans);font-size:13.5px;line-height:1.55;color:var(--body);margin:12px 0 0}
.isub .isub-privacy{font-family:var(--sans);font-size:13px;line-height:1.6;color:var(--warm);margin:14px 0 0}
.isub .isub-privacy a{color:var(--brass-deep)}
.isub .isub-cle{font-family:var(--sans);font-size:13.5px;line-height:1.6;color:var(--ink);margin:18px 0 0;max-width:46ch}
.isub .isub-cle a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.isub-library .isub-rows{grid-template-columns:minmax(0,1fr)}
.isub-library .isub-pick-b{display:block;min-width:0}
.isub-library .isub-pick-t{display:block;font-family:var(--serif);font-size:16.5px;line-height:1.25;color:var(--navy-ink)}
.isub-library .isub-pick-s{display:block;font-family:var(--sans);font-size:13.5px;line-height:1.5;color:#3A3F4E;margin-top:5px}
.isub-library .isub-pick-read{margin-top:2px}
.isub-library .isub-pick>span{font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--warm)}
@media (max-width:900px){
  .isub .isub-grid{grid-template-columns:1fr;gap:26px}
  .isub .isub-lede,.isub .isub-note{max-width:60ch}
}
@media (max-width:560px){
  .isub .isub-rows{grid-template-columns:1fr}
  .isub form{padding:20px 16px}
}
/* drawer sits under the header bar so the burger stays reachable to close it */
.mmenu{z-index:49}
body.menu-open .nav{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.menu-open .nav .brand,body.menu-open .nav .brand small{color:var(--paper)!important}
body.menu-open .nav .brand img{filter:none!important}
/* brass on the navy CTA band uses the lighter brass (6.7:1) */
.ctaband .kicker,.ctaband h2 em{color:var(--brass-lt)}

/* 2026-10-05 · CRE hero flows straight into buyer/seller benefits */
.phero.phero-joined{padding-bottom:clamp(20px,3vw,32px)}
.pad-sm.pad-joined{padding-top:clamp(12px,2vw,24px)}
.pad-sm.pad-joined .twocol{margin-top:clamp(16px,2.5vw,28px)}
/* 2026-10-05 · Economics seller-protection section: full-width label, subordinate fine print */
.sp-sec{margin-top:56px;padding-top:28px;border-top:1px solid rgba(246,240,228,.22)}
.sp-sec .sp-head h3{font-size:26px;margin-top:14px}
.sp-sec .twocol{margin-top:20px}
.sp-sec .sp-fine{padding-left:20px;border-left:2px solid rgba(201,163,92,.45)}
.sp-sec .sp-fine .sp-fine-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(246,240,228,.72)}
@media(max-width:860px){.sp-sec .sp-fine{padding-left:16px}}
/* Selling under $30M: rule runs the full section width */
.sp-sec .sp-head .kicker::after{flex:1 1 auto;width:auto}

/* 2026-10-05 · How We Work: seller intro + tighter, page-scoped spacing */
.hww .hww-seller{margin-top:32px}
.hww .hww-seller h2{font-size:clamp(28px,3.4vw,42px);margin-top:14px;max-width:24ch}
.hww .hww-seller .sub{margin-top:16px}
.hww > .phero{padding-bottom:24px}
.hww > .phero + .pad-sm{padding-top:32px;padding-bottom:32px}
.hww > .pad{padding-top:64px;padding-bottom:64px}
@media(max-width:760px){
  .hww .hww-seller{margin-top:24px}
  .hww > .phero{padding-bottom:16px}
  .hww > .phero + .pad-sm{padding-top:24px;padding-bottom:24px}
  .hww > .pad{padding-top:40px;padding-bottom:40px}
}

/* Recommendation block (homepage / Real Estate): copy + counsel checklist */
.recbox{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;margin-top:30px;align-items:start}
.recbox .rec-copy p{font-size:16.5px;line-height:1.65;max-width:620px}
.recbox .rec-copy p+p{margin-top:14px}
.recbox .rec-list{border-top:1px solid var(--brass);padding-top:14px}
.recbox .tag{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:12px}
.recbox ol{margin:0;padding-left:1.3em;display:grid;gap:10px}
.recbox ol li{font-size:16px;line-height:1.5}
.recbox .rec-fine{margin-top:14px;font-size:13.5px;line-height:1.55;color:var(--muted)}
@media (max-width:860px){.recbox{grid-template-columns:1fr;gap:24px}}
.photoband .pb-sub{margin-top:18px;font-size:clamp(16px,1.4vw,19px);line-height:1.5;max-width:640px;color:var(--paper);opacity:.9}
.cta-sub{margin:12px 0 0;font-size:15px;line-height:1.5;opacity:.85;max-width:56ch}

/* Research library: reader-question pathways */
.paths{margin:0 0 36px}
.paths-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}
.paths .path{background:var(--paper);border:1px solid var(--rule);border-top:2px solid var(--brass);padding:16px 18px}
.paths .path h2{font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.2;color:var(--navy);margin:0 0 8px}
.paths .path p{font-size:15px;line-height:1.55;margin:0}
.paths .path a{color:var(--navy);border-bottom:1px solid var(--brass-lt);text-decoration:none}
@media (max-width:1000px){.paths-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.paths-grid{grid-template-columns:1fr}}

/* Two typefaces only: Playfair Display for display type, Inter Tight for everything else.
   Labels that the concept set in a monospace keep their size and tracking in Inter Tight. */
:root{--mono:var(--sans)}
/* Homepage hero without the photograph: a navy field with the wolf mark, text at a fixed height */
.hero{min-height:auto;justify-content:flex-start;padding-top:calc(var(--nav-h) + clamp(72px,11vh,128px));padding-bottom:0}
.hero .wrap{padding-bottom:clamp(44px,7vh,72px)}
@media(min-width:701px){.hero{padding-top:calc(var(--nav-h) + clamp(28px,4vh,48px))}.hero .wrap{padding-top:0}}
.hero .wm{filter:none;opacity:.07;width:min(760px,70vw);right:-12%;top:-6%}
@media(max-width:700px){.hero .wrap{padding-top:0}}