/* ============================================================
   CARLTON 2026 — "Memorandum" reskin (site-wide)
   Matches the Bozeman Canopy IM: warm ivory paper, Cormorant
   serif display, muted antique gold, thin hairline rules, clean
   data tables / stat bands, with DARK photographic heroes and
   section-opener / CTA / footer moments.
   Loaded LAST so it overrides each page's own <style> and the
   legacy light theme. Changes ONLY the look; all copy stays.
   No em dashes (MJ standing rule).
   ============================================================ */

:root{
  /* warm ivory memorandum palette */
  --paper:#F2ECE1; --paper-2:#EBE4D6; --paper-3:#FBF8F2;
  --navy:#26282d; --navy-2:#20222a; --navy-3:#23252b;   /* dark bands remap to warm charcoal, not blue */
  --ink:#312E28; --body:#55504A; --muted:#6f685d;
  --gold:#AE8646; --gold-soft:#C7A15A; --gold-deep:#8C6A34;
  --line:rgba(49,46,40,.16); --line-ink:rgba(49,46,40,.14); --line-soft:rgba(49,46,40,.08);
  /* dark surfaces (cover / divider / cta / footer) */
  --dk:#23252b; --dk-2:#1d1f24; --dk-warm:#F3EFE6; --dk-body:#c9c2b4;
  --cg-serif:'Cormorant Garamond',Georgia,serif;
}

html,body{background:var(--paper) !important;color:var(--body) !important}
body{font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif !important}
.serif,.serif *{font-family:var(--cg-serif) !important}

/* section rhythm: ivory, alternating a touch deeper */
section{background:var(--paper) !important}
section:where(:nth-of-type(even)){background:var(--paper-2) !important}
.paper{background:var(--paper) !important;color:var(--ink) !important}

/* ---- eyebrow / kicker ---- */
.eyebrow,.sec-head .eyebrow,.stack-copy .eyebrow{
  color:var(--gold-deep) !important;font-weight:700;letter-spacing:.28em;text-transform:uppercase}

/* ---- headings : Cormorant, warm charcoal ---- */
h1,h2,h3,h4,h5,h6,.serif{color:var(--ink) !important}
.sec-head h2,.svc h3,.svcg h3,.serve h4,.dir h3,.card h3,.xc h3,.ap h3{color:var(--ink) !important}
h1 em,h2 em,h3 em,.serif em,.sec-head h2 em{color:var(--gold-deep) !important;font-style:italic}

/* ---- body copy ---- */
p,li,.sec-head p,.svc p,.serve p,.svcg .gi p,.ap p,.xc p,.card p,
.gs-lede,.gs-note{color:var(--body) !important}
a{color:inherit}

/* gold numerals / figures stay gold; big stat numbers = charcoal serif */
.num,.svc .num,.svcg .gk .num{color:var(--gold-deep) !important;opacity:1 !important}
.stat .big,.bar .big{color:var(--ink) !important;font-family:var(--cg-serif) !important}
.stat .lbl,.bar .lbl{color:var(--muted) !important}

/* ============================================================
   HEADER : warm charcoal spine, gold-hairline links
   ============================================================ */
/* header / top bar: see assets/header-2026.css (single definition for every page) */

/* ============================================================
   PAGE HERO : dark full-bleed photo + white serif (IM cover)
   ============================================================ */
.page-hero{background:var(--dk) !important;padding:184px 0 92px !important;position:relative;min-height:60vh;display:flex;align-items:flex-end}
.page-hero::before{background-position:center top !important;background-size:cover !important;filter:none !important;opacity:1 !important}
.page-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(24,25,29,.86),rgba(24,25,29,.5) 46%,rgba(24,25,29,.12) 80%,rgba(24,25,29,.45)),
  linear-gradient(0deg,rgba(24,25,29,.9),rgba(24,25,29,0) 60%)}
.page-hero .wrap{position:relative;z-index:2;width:100%}
.page-hero .eyebrow{color:var(--gold-soft) !important;display:inline-flex;align-items:center;gap:14px}
.page-hero .eyebrow::before{content:"";width:clamp(24px,4vw,56px);height:1px;background:var(--gold)}
.page-hero h1{color:var(--dk-warm) !important;font-family:var(--cg-serif) !important;font-weight:500 !important;letter-spacing:-.01em}
.page-hero h1 em{color:var(--gold-soft) !important}
.page-hero p{color:#d7d0c2 !important}
/* stat strips that sit ON the dark hero read light (IM ivory stat bands stay dark) */
.page-hero .stat .big,.page-hero .bar .big,.page-hero .big{color:var(--dk-warm) !important}
.page-hero .stat .lbl,.page-hero .bar .lbl,.page-hero .lbl{color:#b3ab9c !important}
.page-hero .stat,.page-hero .bar{border-color:rgba(237,231,219,.18) !important}

/* live rate strip (light) */
.rate-strip{background:var(--paper-2) !important;border-color:var(--line) !important}
.rs-one .l{color:var(--gold-deep) !important}
.rs-one .v{color:var(--ink) !important}
.rs-go{color:var(--gold-deep) !important;border-color:var(--gold) !important}

/* ============================================================
   TABLES / GROUPS / CARDS : clean ledger, hairline rules
   ============================================================ */
.svc,.svcg{border-top-color:var(--line) !important}
.svc .item,.svcg .grp{border-color:var(--line) !important}
.svcg .gk{color:var(--ink) !important}
/* soft cards on ivory */
.serve .c,.dinf-grid .dc,.card,.xc,.dir,.ap,.ms,.person,.pillar,
.tile,.deal,.dealcard,.catcard,.lmrow{
  background:var(--paper-3) !important;border:1px solid var(--line) !important;
  border-radius:2px !important;box-shadow:none !important}
.serve .c:hover,.dinf-grid .dc:hover,.card:hover,.xc:hover,.dir:hover,
.deal:hover,.dealcard:hover,.catcard:hover{
  border-color:rgba(174,134,70,.55) !important;box-shadow:0 12px 30px rgba(49,46,40,.08) !important;transform:none !important}
.serve h4,.dinf-grid .dc h4,.card h3,.xc h3{color:var(--ink) !important}
.chips span,.chip{background:var(--paper-3) !important;border:1px solid var(--line) !important;color:var(--ink) !important;border-radius:2px !important}

/* ============================================================
   CAPITAL STACK : keep a DARK feature moment (glowing tower)
   ============================================================ */
.stack{background:var(--dk) !important}
.stack .sec-head h2,.stack-copy h2,.stack h2,.stack .w{color:var(--dk-warm) !important}
.stack h2 em,.stack .w em,.stack .w.gold{color:var(--gold-soft) !important}
.stack .sec-head p,.stack-copy p,.stack p{color:var(--dk-body) !important}
.stack-copy .eyebrow,.stack .eyebrow,.stack-hint{color:var(--gold-soft) !important}
/* stack layer cards on dark */
.layer{background:rgba(255,255,255,.02) !important;border:1px solid rgba(237,231,219,.14) !important;box-shadow:none !important;border-radius:2px !important}
.layer:hover{border-color:rgba(174,134,70,.6) !important;transform:none !important;box-shadow:none !important}
.layer.active{border-color:var(--gold) !important;box-shadow:0 0 0 1px var(--gold) !important;background:rgba(174,134,70,.10) !important}
.layer .k{color:var(--gold-soft) !important}
.layer h4{color:var(--dk-warm) !important}
.layer p{color:var(--dk-body) !important}
.layer .spec span{color:#a49c8e !important}
.layer .spec i{color:var(--gold-soft) !important}

/* data-center sector block : ivory */
.dinf{background:var(--paper-2) !important;border-top-color:var(--line) !important}
.dinf .sec-head h2{color:var(--ink) !important}
.dinf .sec-head h2 em{color:var(--gold-deep) !important}
.dinf-lede,.dinf-track{color:var(--body) !important}
.dinf-grid .dc h4{color:var(--gold-deep) !important}
.dinf-track strong{color:var(--ink) !important}
.dinf-track a,.gs-note a{color:var(--gold-deep) !important}

/* ============================================================
   BUTTONS -> gold-hairline text links
   ============================================================ */
.btn,.btn-gold,.btn-outline,.portal-btn,.cap-btn,.wf-btn{
  background:none !important;border:0 !important;border-radius:0 !important;
  color:var(--gold-deep) !important;position:relative;padding:11px 0 !important;
  letter-spacing:.16em !important;font-weight:700}
.btn::after,.btn-gold::after,.wf-btn::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--gold)}
.btn:hover,.btn-gold:hover,.wf-btn:hover{background:none !important;color:var(--ink) !important;transform:none !important;filter:none}
.wf-btn{border:1px solid var(--gold) !important;padding:12px 20px !important}
.wf-btn::after{display:none}
.wf-btn:hover{background:var(--gold) !important;color:#fff !important}

/* ============================================================
   CTA band + FOOTER : dark charcoal (IM contact page)
   ============================================================ */
.cta{background:var(--dk) !important;border-top:1px solid rgba(174,134,70,.3)}
.cta h2,.cta .serif{color:var(--dk-warm) !important}
.cta h2 em{color:var(--gold-soft) !important}
.cta p{color:var(--dk-body) !important}
footer{background:var(--dk-2) !important;border-top:1px solid rgba(174,134,70,.3) !important;color:var(--dk-body) !important}
.foot-top{border-bottom-color:rgba(237,231,219,.12) !important}
.foot-col h4{color:var(--gold-soft) !important}
.foot-col a,.foot-col p{color:#b3ab9c !important}
.foot-col a:hover{color:var(--dk-warm) !important}
.foot-brand .tag{color:var(--gold-soft) !important}
.foot-bot{color:#8b8377 !important}

/* map / photo sections read light-on-dark where they are dark */
.reach,.mapsec{color:var(--dk-warm)}
.reach .sec-head h2,.mapsec .sec-head h2{color:var(--dk-warm) !important}
.reach .sec-head p,.mapsec .sec-head p{color:var(--dk-body) !important}

/* ============================================================
   BEAT THE LEGACY light theme + inline dark bands
   ============================================================ */
.serif{color:var(--ink) !important}
.sec-head h2,.ap h3,.xc h3,.dir h3,.card h3{color:var(--ink) !important}
.sec-head p,.ap p,.xc p{color:var(--body) !important}
/* inline navy CTA / band sections -> dark charcoal moment */
section[style*="#16304b"],section[style*="#0D1B2E"],section[style*="16304b"]{
  background:var(--dk) !important;border-top-color:rgba(174,134,70,.3) !important;color:var(--dk-body) !important}
section[style*="#16304b"] h2,section[style*="#16304b"] .serif,section[style*="#0D1B2E"] h2{color:var(--dk-warm) !important}
section[style*="#16304b"] p,section[style*="#0D1B2E"] p{color:var(--dk-body) !important}
section[style*="#16304b"] a[href],section[style*="#0D1B2E"] a[href],.cta a[style]{
  background:none !important;color:var(--gold-soft) !important;border-radius:0 !important;
  padding:12px 0 !important;border:0 !important;border-bottom:1px solid var(--gold) !important;box-shadow:none !important}

/* re-assert gold accents after the .serif catch-all */
.num,.svc .num,.svcg .gk .num{color:var(--gold-deep) !important}
.foot-brand .tag{color:var(--gold-soft) !important}
h1 em,h2 em,h3 em,.serif em{color:var(--gold-deep) !important;font-style:italic}
.page-hero h1,.stack h2,.stack .w,.cta h2,.cta .serif,
section[style*="#16304b"] h2{--im-on-dark:1}
.page-hero h1 em,.stack h2 em,.stack .w.gold,.cta h2 em{color:var(--gold-soft) !important}

/* ============================================================
   FULL PAGE + DYNAMIC (every page, desktop and phone)
   MJ 9/24: "every page needs to be the full page and dynamic,
   not just the home page ... use the whole page."
   ============================================================ */
html{scroll-behavior:smooth}
/* use the whole width: fluid gutters instead of a narrow centered column */
.wrap{max-width:none !important;padding-left:clamp(22px,5vw,88px) !important;padding-right:clamp(22px,5vw,88px) !important}
section[id]{scroll-margin-top:136px}

/* full-screen opening on every page, like the homepage cover */
.page-hero,.dhero{min-height:100vh !important;min-height:100svh !important;display:flex !important;flex-direction:column;justify-content:flex-end;
  padding:132px 0 clamp(70px,10vh,120px) !important;position:relative;overflow:hidden;background:var(--dk) !important}
.page-hero::before{animation:cg-kb 18s ease-out both}
.dhero .bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.dhero .bg img{width:100%;height:100%;object-fit:cover;object-position:center top;animation:cg-kb 18s ease-out both}
@keyframes cg-kb{from{scale:1}to{scale:1.09}}
.dhero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(24,25,29,.88),rgba(24,25,29,.5) 46%,rgba(24,25,29,.14) 78%,rgba(24,25,29,.5)),
  linear-gradient(0deg,rgba(24,25,29,.9),rgba(24,25,29,0) 60%)}
.dhero .wrap{position:relative;z-index:2;width:100%}
/* deal-page hero text must read light on the dark photo */
.dhero h1,.dhero .serif{color:var(--dk-warm) !important;font-family:var(--cg-serif) !important;font-weight:500 !important}
.dhero .val{color:var(--gold-soft) !important;font-family:var(--cg-serif) !important}
.dhero .crumb{color:#c9c1b2 !important}.dhero .crumb a{color:var(--gold-soft) !important}
.dhero .sub{color:#ddd6c8 !important}
.dhero .tag{color:var(--gold-soft) !important;border-color:rgba(199,161,90,.5) !important;background:transparent !important}

/* hero with an "On this page" index on the right */
.page-hero .wrap.has-ix,.dhero .wrap.has-ix{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:clamp(30px,5vw,100px);align-items:end}
.ph-ix .lab{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-soft);font-weight:600;padding-bottom:12px;border-bottom:1px solid rgba(237,231,219,.3)}
.ph-ix a{display:grid;grid-template-columns:34px 1fr 18px;align-items:baseline;gap:6px;padding:clamp(9px,1.3vh,13px) 0;border-bottom:1px solid rgba(237,231,219,.16)}
.ph-ix .n{font-family:var(--cg-serif);color:var(--gold);font-size:15px}
.ph-ix .t{font-family:var(--cg-serif);font-weight:500;font-size:clamp(19px,1.6vw,25px);color:var(--dk-warm);line-height:1.12;transition:color .2s}
.ph-ix .ar{color:var(--gold);justify-self:end;transition:transform .25s}
.ph-ix a:hover .t{color:var(--gold-soft)}.ph-ix a:hover .ar{transform:translateX(5px)}
.ph-cue{position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;
  font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;color:rgba(237,231,219,.7);font-weight:600;pointer-events:none}
.ph-cue i{display:block;width:1px;height:34px;background:linear-gradient(rgba(199,161,90,0),var(--gold));animation:cg-cue 2.2s ease-in-out infinite}
@keyframes cg-cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* slim section bar that follows the reader down the page */
.cg-sb{position:fixed;left:0;right:0;top:76px;z-index:45;background:rgba(242,236,225,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .35s ease;box-shadow:0 8px 24px rgba(49,46,40,.06)}
.cg-sb.on{transform:none}
.cg-sb .in{display:flex;align-items:center;gap:clamp(16px,2vw,30px);height:50px;padding:0 clamp(22px,5vw,88px);overflow-x:auto;scrollbar-width:none}
.cg-sb .in::-webkit-scrollbar{display:none}
.cg-sb .pg{font-family:var(--cg-serif);font-size:18px;font-weight:500;color:var(--ink);white-space:nowrap;padding-right:clamp(14px,2vw,28px);border-right:1px solid var(--line)}
.cg-sb a{position:relative;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);white-space:nowrap;padding:5px 0;transition:color .2s}
.cg-sb a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width .3s}
.cg-sb a:hover{color:var(--ink)}
.cg-sb a.on{color:var(--gold-deep)}.cg-sb a.on::after{width:100%}
.cg-sb .top{margin-left:auto;color:var(--gold-deep)}
.cg-sb .pr{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--gold)}

/* content eases in as it scrolls into view */
.cg-rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1)}
.cg-rv.in{opacity:1;transform:none}

@media(max-width:1260px){.cg-sb{top:72px}}
@media(max-width:900px){
  .page-hero .wrap.has-ix,.dhero .wrap.has-ix{grid-template-columns:1fr;gap:34px}
  .page-hero,.dhero{padding-top:112px !important}
  .ph-cue{display:none}
  .cg-sb .pg{display:none}
}
@media(prefers-reduced-motion:reduce){
  .page-hero::before,.dhero .bg img{animation:none}
  .ph-cue i{animation:none}
  .cg-rv{opacity:1;transform:none;transition:none}
}
.ph-ix .t small{display:block;font-family:'Figtree',sans-serif;font-weight:400;font-size:11.5px;color:#c4bcae;margin-top:3px;letter-spacing:0}

/* wide screens: image grids add columns instead of stretching two giant cards */
@media(min-width:1100px){
  .grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr)) !important}
  .covers{grid-template-columns:repeat(auto-fill,minmax(380px,1fr)) !important}
}
@media(min-width:1300px){
  .deals .wrap{grid-template-columns:repeat(3,1fr) !important}
  .people,.lead{grid-template-columns:repeat(auto-fill,minmax(300px,1fr)) !important}
}

/* dark bands always win over the cream alternation, and their links read light */
section.cta,section.stack,section.page-hero,section.dhero{background:var(--dk) !important}
.cta .btn,.cta .btn-gold,.cta a.btn{color:var(--gold-soft) !important}
.cta .btn::after,.cta .btn-gold::after{background:var(--gold-soft) !important}
.cta .btn:hover,.cta .btn-gold:hover{color:#fff !important}

/* Hard-coded navy closing bands (style="background:#16304b"): the legacy light
   theme sits later in each page and repaints them cream with !important, so
   these selectors carry extra weight to keep the band dark and its text light. */
html body section[style*="16304b" i],html body section[style*="0d1b2e" i]{
  background:var(--dk) !important;color:var(--dk-body) !important;border-top-color:rgba(174,134,70,.3) !important}
html body section[style*="16304b" i] h2,html body section[style*="16304b" i] .serif,
html body section[style*="0d1b2e" i] h2,html body section[style*="0d1b2e" i] .serif{color:var(--dk-warm) !important}
html body section[style*="16304b" i] p,html body section[style*="0d1b2e" i] p{color:var(--dk-body) !important}
html body section[style*="16304b" i] a[href],html body section[style*="0d1b2e" i] a[href]{
  background:none !important;color:var(--gold-soft) !important;border:0 !important;border-radius:0 !important;
  border-bottom:1px solid var(--gold-soft) !important;padding:12px 0 !important;box-shadow:none !important}
html body section[style*="16304b" i] a[href]:hover{color:#fff !important}

/* small labels still carry the old blue-grey built for navy; darken them on cream */
.stat .lbl,.bar .lbl,.strip .lbl,.lbl,.title-sub,.ins .d{color:#6f685d !important}
.ins .r{color:var(--gold-deep) !important}
/* ...except where they sit on the dark photo */
.page-hero .lbl,.page-hero .stat .lbl,.page-hero .bar .lbl{color:#c9c1b2 !important}

/* dark panels inside cream pages keep light text */
.dcta h2,.dcta h3,.dcta .serif,.howto h3,.howto .serif{color:var(--dk-warm) !important}
.dcta p,.howto p{color:var(--dk-body) !important}
.dcta .btn,.dcta a{color:var(--gold-soft) !important}
.dcta .btn::after{background:var(--gold-soft) !important}
.howto .n{color:var(--gold-soft) !important}

/* Carlton's Reach map sections stay dark, like the Overview's "Global reach" page */
section.reach,section.mapsec{background:var(--dk) !important;color:var(--dk-body)}
.reach h2,.reach .serif,.mapsec h2,.mapsec .serif{color:var(--dk-warm) !important}
.reach p,.mapsec p{color:var(--dk-body) !important}
.reach .eyebrow,.mapsec .eyebrow{color:var(--gold-soft) !important}

/* same left edge as the homepage on every page: menu bar and content hug the left */
/* closing bands read left-aligned like the homepage, not centered */
.cta,.cta .wrap,section[style*="text-align:center"] .wrap{text-align:left !important}
.cta p,section[style*="text-align:center"] p{margin-left:0 !important;margin-right:0 !important}

/* Submit a Deal: cream page, charcoal "Why Carlton" panel, cream form card with gold steps
   (replaces the navy / light-blue look the page was built with) */
section:has(.sd-split),section:has(.sd-wrap){background:var(--paper) !important}
.sd-rail{background:#23252b !important}
.sd-rail h2,.sd-rail .serif{color:#F3EFE6 !important}
.sd-rail h2 em{color:#DBBF7C !important}
.sd-rail p,.sd-rail li{color:#d6cfc2 !important}
.sd-rail .eyebrow{color:#C7A15A !important}
.sd-proof{border-color:rgba(237,231,219,.16) !important}
.sd-proof .pr .n{color:#DBBF7C !important}
.sd-step .num{color:#DBBF7C !important;border-color:#C7A15A !important}
.sd-proof .pr .l,.sd-conf,.sd-conf span{color:#b3ab9c !important}
.sd-conf svg{stroke:#C7A15A !important}
.sd-step h4{color:#F3EFE6 !important}
.sd-step p{color:#c9c2b4 !important}
.sd-card,.sd-form{background:#FBF8F2 !important}
.sd-card{border:1px solid rgba(49,46,40,.14) !important;box-shadow:0 22px 50px -30px rgba(49,46,40,.4) !important}
.sd-card::before{background:linear-gradient(90deg,#AE8646,rgba(174,134,70,.12)) !important}
.sd-ghead{border-color:rgba(49,46,40,.12) !important}
.sd-panel .sd-ghead{background:#F2ECE1 !important;border:1px solid rgba(49,46,40,.1) !important}
.sd-ghead .gnum{color:#8C6A34 !important}
.sd-ghead h3{color:#312E28 !important}
.sd-ghead .gsub,.sd-field label .gsub2,.sd-note{color:#6f685d !important}
.sd-field label{color:#8C6A34 !important}
.sd-req{color:#AE8646 !important}
html body .sd-field input,html body .sd-field select,html body .sd-field textarea{background:#fff !important;border:1px solid rgba(49,46,40,.2) !important;color:#312E28 !important;box-shadow:none !important}
.sd-field input::placeholder,.sd-field textarea::placeholder{color:#9a9285 !important}
html body .sd-field input:focus,html body .sd-field select:focus,html body .sd-field textarea:focus{background:#fff !important;border-color:#AE8646 !important;box-shadow:0 0 0 3px rgba(174,134,70,.15) !important}
html body .sd-drop{background:#fff !important;border-color:rgba(174,134,70,.55) !important}
html body .sd-drop:hover,html body .sd-drop.over{background:#FBF8F2 !important;border-color:#AE8646 !important}
html body .sd-fitem{background:#F2ECE1 !important;border-color:rgba(49,46,40,.14) !important}
html body .sd-fitem .fbar{background:#e6dfd2 !important}
.sd-prog .p{color:#8b8377 !important}
.sd-prog .p i{border-color:rgba(49,46,40,.25) !important;color:#8b8377 !important;background:#FBF8F2 !important}
.sd-prog .p.on,.sd-prog .p.done{color:#312E28 !important}
.sd-prog .p.on i{background:#AE8646 !important;border-color:#AE8646 !important;color:#fff !important}
.sd-prog .p.done i{border-color:#AE8646 !important;color:#8C6A34 !important;background:rgba(174,134,70,.1) !important}
.sd-prog .pl{background:rgba(49,46,40,.18) !important}
.sd-nav{border-top-color:rgba(49,46,40,.12) !important}
.sd-next,.sd-submit{background:#AE8646 !important;color:#1d1f24 !important;border-radius:3px !important}
.sd-next:hover,.sd-submit:hover{background:#C7A15A !important}
.sd-back{border-color:rgba(49,46,40,.25) !important;color:#55504A !important;border-radius:3px !important}
.sd-back:hover{border-color:#AE8646 !important;color:#312E28 !important}
.sd-done h3{color:#312E28 !important}
.sd-done p{color:#55504A !important}

/* ============================================================
   POP-UPS AND OVERLAYS : charcoal + gold, always readable.
   They are hidden at load, and the cream-page heading / list
   colors above would otherwise turn their text dark on dark.
   ============================================================ */
/* map pop-ups (Reach, Transactions, About) */
.cgmap .pop{background:rgba(24,26,31,.98) !important;border:1px solid rgba(199,161,90,.45) !important;border-radius:3px !important;box-shadow:0 12px 30px rgba(0,0,0,.35) !important}
.cgmap .pop h5{color:#DBBF7C !important;font-family:'Cormorant Garamond',Georgia,serif !important}
.cgmap .pop li{color:#EDE7DB !important;font-family:'Figtree',sans-serif !important}
/* Team bio pop-up */
.bm-backdrop{background:rgba(14,15,18,.84) !important}
.bm-card{background:#23252b !important;border:1px solid rgba(199,161,90,.4) !important;border-radius:6px !important}
.bm-photo{background:linear-gradient(150deg,#2a2c33,#1d1f24) !important;border-color:rgba(199,161,90,.25) !important}
.bm-body h3{color:#F3EFE6 !important}
.bm-body .title{color:#C7A15A !important}
.bm-body .title-sub,.bm-edu,.bm-pending{color:#b3ab9c !important}
.bm-body p{color:#dcd5c8 !important}
.bm-body p strong,.bm-body p b,.bm-edu strong,.bm-edu b{color:#F3EFE6 !important}
.bm-close{color:#cfc7b8 !important}.bm-close:hover{color:#DBBF7C !important}
.bm-links a{background:transparent !important;border:1px solid rgba(199,161,90,.6) !important;color:#DBBF7C !important;border-radius:2px !important}
.bm-links a:hover{background:#AE8646 !important;color:#1d1f24 !important}
/* photo lightboxes (Landmark, Transactions) */
.lb-box{background:#23252b !important;border-color:rgba(199,161,90,.35) !important}
.lb-figure{background:#1d1f24 !important}
.lb-gold{background:#AE8646 !important}
.lb-amt{color:#DBBF7C !important}
.lb-name{color:#F3EFE6 !important}
.lb-loc{color:#c9c2b4 !important}
.lb-struct{color:#C7A15A !important;border-top-color:rgba(237,231,219,.14) !important}
.lb-body p{color:#dcd5c8 !important}
.lb-count{background:rgba(29,31,36,.8) !important;color:#EDE7DB !important}
.lb-close:hover,.lb-nav:hover{background:#AE8646 !important;color:#1d1f24 !important;border-color:#AE8646 !important}


/* the section bar is fully hidden until the reader scrolls (the top bar is transparent now) */
.cg-sb{visibility:hidden;opacity:0;transition:transform .35s ease,opacity .25s ease,visibility .35s}
.cg-sb.on{visibility:visible;opacity:1}