/* John Bramley v4 — typography/contrast/anti-template cleanup */
:root{
  --jb-font:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;
}

/* ONE TYPE SYSTEM. No serif/display/condensed detours between pages. */
body.jb-fieldguide,
body.jb-fieldguide button,
body.jb-fieldguide input,
body.jb-fieldguide select,
body.jb-fieldguide textarea,
body.jb-fieldguide h1,
body.jb-fieldguide h2,
body.jb-fieldguide h3,
body.jb-fieldguide h4,
body.jb-fieldguide h5,
body.jb-fieldguide h6,
body.jb-fieldguide p,
body.jb-fieldguide a,
body.jb-fieldguide span,
body.jb-fieldguide strong,
body.jb-fieldguide li,
body.jb-fieldguide label,
body.jb-fieldguide .jb31-brand strong,
body.jb-fieldguide .jb31-brand span,
body.jb-fieldguide .jb31-link,
body.jb-fieldguide .jb31-menu-trigger,
body.jb-fieldguide .jb31-dropdown a,
body.jb-fieldguide .hero-panel h1,
body.jb-fieldguide .eyebrow,
body.jb-fieldguide .hero-kicker,
body.jb-fieldguide .section-title,
body.jb-fieldguide .footer-brand,
body.jb-fieldguide .jb-footer-brand,
body.jb-fieldguide .about-hero-v3-copy h1,
body.jb-fieldguide .about-hero-v3-card .service-label,
body.jb-fieldguide .about-cred strong,
body.jb-fieldguide .about-cred span,
body.jb-fieldguide .about-stat strong,
body.jb-fieldguide .about-years,
body.jb-fieldguide .about-years small,
body.jb-fieldguide .about-principle h3,
body.jb-fieldguide .partner-card h3,
body.jb-fieldguide .process-step h3,
body.jb-fieldguide .desk-sheet:before,
body.jb-fieldguide .desk-line span,
body.jb-fieldguide .desk-line strong{
  font-family:var(--jb-font)!important;
}

/* Keep hierarchy through weight/scale rather than switching typefaces. */
body.jb-fieldguide h1,
body.jb-fieldguide h2,
body.jb-fieldguide .section-title,
body.jb-fieldguide .hero-panel h1,
body.jb-fieldguide .about-hero-v3-copy h1{
  font-weight:600!important;
  letter-spacing:-.035em!important;
}
body.jb-fieldguide h3{font-weight:600!important;letter-spacing:-.015em!important}
body.jb-fieldguide .eyebrow,
body.jb-fieldguide .hero-kicker,
body.jb-fieldguide .jb31-link,
body.jb-fieldguide .jb31-menu-trigger{
  font-weight:700!important;
  letter-spacing:.11em!important;
}
body.jb-fieldguide .jb31-brand strong{font-weight:650!important;letter-spacing:-.02em!important}

/* REVIEW FIX — v3 forced every review white, while featured copy stayed white. */
body.jb-fieldguide .wall-card{background:#fff!important;color:#14283a!important}
body.jb-fieldguide .wall-card h3{color:#14283a!important}
body.jb-fieldguide .wall-card p{color:#526272!important}
body.jb-fieldguide .wall-card .reviewer{color:#24394c!important}
body.jb-fieldguide .wall-card.featured{
  background:#0b2b49!important;
  border-color:#0b2b49!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(5,27,47,.16)!important;
}
body.jb-fieldguide .wall-card.featured h3,
body.jb-fieldguide .wall-card.featured p,
body.jb-fieldguide .wall-card.featured .reviewer{color:#fff!important}
body.jb-fieldguide .wall-card.featured .stars{color:#b9dcfb!important}
body.jb-fieldguide .wall-card:hover{
  transform:none!important;
  background:#f5f8fb!important;
  color:#14283a!important;
  box-shadow:none!important;
}
body.jb-fieldguide .wall-card:hover h3{color:#14283a!important}
body.jb-fieldguide .wall-card:hover p{color:#526272!important}
body.jb-fieldguide .wall-card:hover .reviewer{color:#24394c!important}
body.jb-fieldguide .wall-card.featured:hover{background:#0b2b49!important}
body.jb-fieldguide .wall-card.featured:hover h3,
body.jb-fieldguide .wall-card.featured:hover p,
body.jb-fieldguide .wall-card.featured:hover .reviewer{color:#fff!important}

/* FINANCING — dark image cards need white type; v3's generic white-card override was wrong here. */
body.jb-fieldguide .program-card{
  background:#0a2947!important;
  color:#fff!important;
  border-color:rgba(7,28,49,.22)!important;
}
body.jb-fieldguide .program-card:after{
  background:linear-gradient(180deg,rgba(3,18,31,.10) 8%,rgba(5,27,48,.94) 100%)!important;
}
body.jb-fieldguide .program-card:hover:after{
  background:linear-gradient(180deg,rgba(3,18,31,.24) 4%,rgba(5,27,48,.97) 100%)!important;
}
body.jb-fieldguide .program-card h3,
body.jb-fieldguide .program-card p,
body.jb-fieldguide .program-card .program-link{color:#fff!important}
body.jb-fieldguide .program-number{display:none!important}
body.jb-fieldguide .program-link{border-color:rgba(255,255,255,.7)!important}
body.jb-fieldguide .program-content{padding:36px!important}
body.jb-fieldguide .program-card:hover{transform:none!important;border-color:#6ca8d6!important}
body.jb-fieldguide .program-card:hover:before{transform:scale(1.02)!important}

/* Stronger readable links/buttons inside dark financing/CTA areas. */
body.jb-fieldguide .hero-side a,
body.jb-fieldguide .btn.primary,
body.jb-fieldguide .btn-primary,
body.jb-fieldguide a.hero-btn.primary{
  background:#e7f3ff!important;
  color:#08213a!important;
  border-color:#e7f3ff!important;
}
body.jb-fieldguide .hero-side a:hover,
body.jb-fieldguide .btn.primary:hover,
body.jb-fieldguide .btn-primary:hover,
body.jb-fieldguide a.hero-btn.primary:hover{
  background:#fff!important;
  color:#071c31!important;
  border-color:#fff!important;
}
body.jb-fieldguide .program-index .eyebrow,
body.jb-fieldguide .index-intro .eyebrow{color:#245f90!important}

/* ABOUT HERO — actual full-bleed flag texture, not a right-anchored patch. */
.about-hero-v3{
  background:#071c31!important;
}
.about-hero-v3:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background-image:url('images/about-flag.svg')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  opacity:.52!important;
}
.about-hero-v3:after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(5,22,39,.97) 0%,rgba(5,22,39,.86) 44%,rgba(5,22,39,.68) 72%,rgba(5,22,39,.58) 100%),
    linear-gradient(180deg,rgba(2,15,27,.10),rgba(2,15,27,.38))!important;
}
.about-hero-v3-grid{position:relative!important;z-index:2!important}
.about-hero-v3-card{
  background:rgba(7,28,49,.82)!important;
  border-color:rgba(210,232,250,.34)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 22px 48px rgba(0,0,0,.18)!important;
}
.about-hero-v3-copy h1{max-width:820px!important}

/* ANTI-TEMPLATE CLEANUP — information stays, ornamental numbering and hover theatrics go. */
body.jb-fieldguide .pillar-num,
body.jb-fieldguide .partner-card .num,
body.jb-fieldguide .about-principle .num{display:none!important}

/* Home principles become an editorial list instead of three identical feature tiles. */
body.jb-fieldguide .pillars-section{background:#fff!important;padding:96px 0 104px!important}
body.jb-fieldguide .pillars-intro{
  max-width:920px!important;
  margin:0 0 44px!important;
  text-align:left!important;
}
body.jb-fieldguide .pillars-intro p{margin:18px 0 0!important;max-width:760px!important}
body.jb-fieldguide .pillars-grid{
  display:block!important;
  border-top:1px solid #cbd9e4!important;
  border-bottom:0!important;
}
body.jb-fieldguide .pillar{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(240px,.42fr) minmax(0,1fr)!important;
  gap:56px!important;
  align-items:start!important;
  padding:30px 0 32px!important;
  background:transparent!important;
  border-left:0!important;
  border-bottom:1px solid #cbd9e4!important;
  box-shadow:none!important;
  transform:none!important;
}
body.jb-fieldguide .pillar + .pillar{border-left:0!important;border-top:0!important}
body.jb-fieldguide .pillar:hover{background:transparent!important;transform:none!important;box-shadow:none!important}
body.jb-fieldguide .pillar h3{
  margin:0!important;
  color:#071c31!important;
  font-size:23px!important;
  line-height:1.22!important;
  text-transform:none!important;
}
body.jb-fieldguide .pillar p{margin:0!important;color:#4f6273!important;font-size:16px!important;line-height:1.7!important}
body.jb-fieldguide .pillar:hover h3{color:#071c31!important}
body.jb-fieldguide .pillar:hover p{color:#4f6273!important}

/* Realtor benefits: remove numbered-template styling and unnecessary hover showmanship. */
body.jb-fieldguide .partner-grid{border-color:#cbd9e4!important}
body.jb-fieldguide .partner-card{
  min-height:0!important;
  padding:32px 36px 34px!important;
  background:transparent!important;
  border-color:#cbd9e4!important;
}
body.jb-fieldguide .partner-card h3{font-size:24px!important;line-height:1.2!important;margin-bottom:12px!important}
body.jb-fieldguide .partner-card p{font-size:15.5px!important;line-height:1.68!important;color:#4f6273!important}
body.jb-fieldguide .process-step .num{display:none!important}
body.jb-fieldguide .process-step h3{margin-top:0!important}


/* Realtor process reads like a short working sequence, not a three-card AI feature row. */
body.jb-fieldguide .process-grid{
  display:block!important;
  max-width:1080px!important;
  margin-top:48px!important;
  border-left:0!important;
  border-top:1px solid rgba(255,255,255,.28)!important;
}
body.jb-fieldguide .process-step{
  display:grid!important;
  grid-template-columns:minmax(250px,.4fr) minmax(0,1fr)!important;
  gap:56px!important;
  padding:28px 0 30px!important;
  border-right:0!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
}
body.jb-fieldguide .process-step h3{margin:0!important;font-size:23px!important;line-height:1.25!important}
body.jb-fieldguide .process-step p{margin:0!important;font-size:15.5px!important;line-height:1.7!important}

/* About principles use text and rules rather than numbered design furniture. */
body.jb-fieldguide .about-principle{
  grid-template-columns:minmax(220px,.42fr) minmax(0,1fr)!important;
  gap:48px!important;
}
body.jb-fieldguide .about-principle h3{font-size:24px!important}

/* Remove serif residue in pseudo-elements and embedded utility nav. */
body.jb-fieldguide .desk-sheet:before,
body.jb-fieldguide .jb-resource-trigger,
body.jb-fieldguide .jb-mobile-resource-trigger,
body.jb-fieldguide .jb-menu-trigger,
body.jb-fieldguide .jb-menu-dropdown a,
body.jb-fieldguide .jb-mobile-trigger{
  font-family:var(--jb-font)!important;
}

@media(max-width:900px){
  body.jb-fieldguide .pillar,
  body.jb-fieldguide .about-principle,
  body.jb-fieldguide .process-step{grid-template-columns:1fr!important;gap:12px!important}
}
@media(max-width:640px){
  .about-hero-v3:before{
    background-position:center center!important;
    background-size:cover!important;
    opacity:.44!important;
  }
  .about-hero-v3:after{
    background:linear-gradient(180deg,rgba(5,22,39,.92),rgba(5,22,39,.80))!important;
  }
  body.jb-fieldguide .pillars-section{padding:68px 0 72px!important}
  body.jb-fieldguide .pillar{padding:25px 0 27px!important}
  body.jb-fieldguide .partner-card{padding:28px 22px 30px!important}
  body.jb-fieldguide .program-content{padding:28px!important}
}


/* v5 — more local house imagery, no repeated realtor/home lead image */
body.jb-fieldguide .realtor-hero-v2{
  background:linear-gradient(90deg,rgba(5,23,36,.96) 0%,rgba(5,23,36,.84) 46%,rgba(5,23,36,.30) 76%),url('images/realtor-coastal-house.jpg') center 58%/cover no-repeat!important;
}

body.jb-fieldguide .jb-home-photo-rail{
  background:#f5f8fb!important;
  padding:34px 0 18px!important;
}
body.jb-fieldguide .jb-home-photo-intro{
  max-width:930px!important;
  margin:0 0 28px!important;
}
body.jb-fieldguide .jb-home-photo-intro p{margin:16px 0 0!important;color:#4f6273!important;line-height:1.7!important}
body.jb-fieldguide .jb-home-photo-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:22px!important;
}
body.jb-fieldguide .jb-home-photo-card{
  background:#fff!important;
  border:1px solid #cbd9e4!important;
  box-shadow:none!important;
}
body.jb-fieldguide .jb-home-photo-image{
  min-height:260px!important;
  background-size:cover!important;
  background-position:center!important;
}
body.jb-fieldguide .jb-home-photo-copy{padding:22px 24px 24px!important}
body.jb-fieldguide .jb-home-photo-copy h3{margin:0 0 10px!important;color:#071c31!important;font-size:22px!important;line-height:1.22!important}
body.jb-fieldguide .jb-home-photo-copy p{margin:0!important;color:#506274!important;font-size:15px!important;line-height:1.68!important}
body.jb-fieldguide .jb-home-photo-card.street .jb-home-photo-image{background-image:url('images/home-moss-street.jpg')!important}
body.jb-fieldguide .jb-home-photo-card.porch .jb-home-photo-image{background-image:url('images/home-porch-close.jpg')!important}
body.jb-fieldguide .jb-home-photo-card.marsh .jb-home-photo-image{background-image:url('images/home-marsh-lawn.jpg')!important}

body.jb-fieldguide .jb-finance-scene{
  background:#fff!important;
  padding:46px 0 26px!important;
  border-bottom:1px solid #d9e4ed!important;
}
body.jb-fieldguide .jb-finance-scene-grid{
  display:grid!important;
  grid-template-columns:1.02fr .98fr!important;
  gap:42px!important;
  align-items:center!important;
}
body.jb-fieldguide .jb-finance-scene-photo{
  min-height:360px!important;
  background:linear-gradient(180deg,rgba(8,28,46,.10),rgba(8,28,46,.30)),url('images/financing-waterfront-dusk.jpg') center/cover no-repeat!important;
  border:1px solid #cbd9e4!important;
}
body.jb-fieldguide .jb-finance-scene-copy h2{margin:0 0 14px!important;color:#071c31!important;font-size:clamp(34px,4vw,50px)!important;line-height:1.06!important}
body.jb-fieldguide .jb-finance-scene-copy p{margin:0 0 16px!important;color:#4f6273!important;font-size:16px!important;line-height:1.72!important}
body.jb-fieldguide .jb-finance-scene-copy .eyebrow{margin-bottom:18px!important}
@media(max-width:980px){
  body.jb-fieldguide .jb-home-photo-grid,
  body.jb-fieldguide .jb-finance-scene-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  body.jb-fieldguide .jb-home-photo-rail{padding:22px 0 6px!important}
  body.jb-fieldguide .jb-home-photo-image{min-height:220px!important}
  body.jb-fieldguide .jb-home-photo-copy{padding:20px 20px 22px!important}
  body.jb-fieldguide .jb-finance-scene{padding:34px 0 18px!important}
  body.jb-fieldguide .jb-finance-scene-photo{min-height:260px!important}
}


/* v6 — restrained title scale + financing contrast audit */

/* The site was reading too loudly. Keep hierarchy, lose the billboard scale. */
body.jb-fieldguide main > .hero h1,
body.jb-fieldguide main > .page-hero h1,
body.jb-fieldguide main > .intro h1,
body.jb-fieldguide .hero-panel h1,
body.jb-fieldguide .about-hero-v3-copy h1,
body.jb-fieldguide .realtor-hero-copy h1{
  font-size:clamp(40px,4vw,56px)!important;
  line-height:1.06!important;
  letter-spacing:-.03em!important;
  max-width:900px!important;
}

body.jb-fieldguide .section-title,
body.jb-fieldguide .intro h2,
body.jb-fieldguide .index-intro h2,
body.jb-fieldguide .faq h2,
body.jb-fieldguide .cta h2,
body.jb-fieldguide .partner-heading h2,
body.jb-fieldguide .partner-process h2,
body.jb-fieldguide .desk-grid h2,
body.jb-fieldguide .partner-cta h2,
body.jb-fieldguide .about-story-head h2,
body.jb-fieldguide .about-standard-head h2,
body.jb-fieldguide .about-path h2,
body.jb-fieldguide .about-cta h2,
body.jb-fieldguide .jb-home-photo-intro .section-title,
body.jb-fieldguide .jb-finance-scene-copy h2{
  font-size:clamp(31px,3vw,44px)!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}

body.jb-fieldguide .program-card h3,
body.jb-fieldguide .partner-card h3,
body.jb-fieldguide .process-step h3,
body.jb-fieldguide .pillar h3,
body.jb-fieldguide .about-principle h3,
body.jb-fieldguide .section-block h3{
  font-size:clamp(20px,1.8vw,25px)!important;
  line-height:1.22!important;
}

/* FINANCING: explicit contrast contract for all 8 financing pages. */
body.jb-financing-page main > .hero{
  background:linear-gradient(135deg,#071c31 0%,#0b2d4b 58%,#123a5f 100%)!important;
  color:#fff!important;
}
body.jb-financing-page main > .hero h1,
body.jb-financing-page main > .hero h2,
body.jb-financing-page main > .hero h3,
body.jb-financing-page main > .hero p,
body.jb-financing-page main > .hero .hero-side p{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.jb-financing-page main > .hero .hero-kicker,
body.jb-financing-page main > .hero .eyebrow{
  color:#9fd0fb!important;
  -webkit-text-fill-color:#9fd0fb!important;
}
body.jb-financing-page main > .hero .hero-side{
  border-color:rgba(255,255,255,.24)!important;
}

/* The bug: shared field-guide CSS was turning .intro navy while leaving its H2 navy. */
body.jb-financing-page main > .intro{
  background:#fff!important;
  color:#14283a!important;
  border:1px solid #d4e0e9!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.jb-financing-page main > .intro:before{display:none!important}
body.jb-financing-page main > .intro h1,
body.jb-financing-page main > .intro h2,
body.jb-financing-page main > .intro h3{
  color:#071c31!important;
  -webkit-text-fill-color:#071c31!important;
}
body.jb-financing-page main > .intro p{
  color:#526474!important;
  -webkit-text-fill-color:#526474!important;
}
body.jb-financing-page main > .intro .eyebrow{
  color:#2f6ea5!important;
  -webkit-text-fill-color:#2f6ea5!important;
}

/* Dark financing cards/CTAs should never inherit navy copy. */
body.jb-financing-page .program-card,
body.jb-financing-page .program-card h3,
body.jb-financing-page .program-card p,
body.jb-financing-page .program-card .program-link,
body.jb-financing-page .cta h2,
body.jb-financing-page .cta p{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.jb-financing-page .cta .btn.primary{
  color:#08213a!important;
  -webkit-text-fill-color:#08213a!important;
}
body.jb-financing-page .cta .btn:not(.primary){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.jb-financing-page .cta .btn:not(.primary):hover{
  color:#071c31!important;
  -webkit-text-fill-color:#071c31!important;
}

@media(max-width:980px){
  body.jb-fieldguide main > .hero h1,
  body.jb-fieldguide main > .page-hero h1,
  body.jb-fieldguide main > .intro h1,
  body.jb-fieldguide .hero-panel h1,
  body.jb-fieldguide .about-hero-v3-copy h1,
  body.jb-fieldguide .realtor-hero-copy h1{
    font-size:clamp(34px,7vw,44px)!important;
    line-height:1.08!important;
  }
  body.jb-fieldguide .section-title,
  body.jb-fieldguide .intro h2,
  body.jb-fieldguide .index-intro h2,
  body.jb-fieldguide .faq h2,
  body.jb-fieldguide .cta h2,
  body.jb-fieldguide .partner-heading h2,
  body.jb-fieldguide .partner-process h2,
  body.jb-fieldguide .desk-grid h2,
  body.jb-fieldguide .partner-cta h2,
  body.jb-fieldguide .about-story-head h2,
  body.jb-fieldguide .about-standard-head h2,
  body.jb-fieldguide .about-path h2,
  body.jb-fieldguide .about-cta h2{
    font-size:clamp(29px,5.6vw,38px)!important;
  }
}

@media(max-width:640px){
  body.jb-fieldguide main > .hero h1,
  body.jb-fieldguide main > .page-hero h1,
  body.jb-fieldguide main > .intro h1,
  body.jb-fieldguide .hero-panel h1,
  body.jb-fieldguide .about-hero-v3-copy h1,
  body.jb-fieldguide .realtor-hero-copy h1{
    font-size:clamp(31px,8.7vw,38px)!important;
    line-height:1.09!important;
  }
  body.jb-fieldguide .section-title,
  body.jb-fieldguide .intro h2,
  body.jb-fieldguide .index-intro h2,
  body.jb-fieldguide .faq h2,
  body.jb-fieldguide .cta h2,
  body.jb-fieldguide .partner-heading h2,
  body.jb-fieldguide .partner-process h2,
  body.jb-fieldguide .desk-grid h2,
  body.jb-fieldguide .partner-cta h2{
    font-size:clamp(27px,7.4vw,34px)!important;
  }
}


/* v7 — richer real-estate imagery rollout */
body.jb-fieldguide .hero-shell .hero-art{
  background-image:linear-gradient(90deg,rgba(4,20,32,.95) 0%,rgba(4,20,32,.84) 34%,rgba(4,20,32,.38) 66%,rgba(4,20,32,.18) 100%),url('images/hero-home-farmhouse.png')!important;
  background-position:center 52%!important;
}
body.jb-fieldguide .realtor-hero-v2{
  background:linear-gradient(90deg,rgba(5,23,36,.96) 0%,rgba(5,23,36,.84) 46%,rgba(5,23,36,.30) 76%),url('images/realtor-neighborhood-street.png') center center/cover no-repeat!important;
}
body.jb-fieldguide .reviews.hero,
body.jb-fieldguide main > .hero.reviews{
  background-image:linear-gradient(90deg,rgba(7,28,45,.97),rgba(7,28,45,.70)),url('images/reviews-stone-home.png')!important;
  background-position:center center!important;
}
body.jb-fieldguide .resource-spotlight{
  background:#fff!important;
  padding:18px 0 30px!important;
}
body.jb-fieldguide .resource-spotlight-grid{
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  gap:30px!important;
  align-items:stretch!important;
}
body.jb-fieldguide .resource-spotlight-image{
  min-height:420px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(8,28,46,.12)),url('images/resources-interior.png') center/cover no-repeat!important;
  border:1px solid #d6e1ea!important;
}
body.jb-fieldguide .resource-spotlight-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:#f6f9fc!important;
  border:1px solid #d6e1ea!important;
  padding:44px 46px!important;
}
body.jb-fieldguide .resource-spotlight-copy h2{
  margin:0 0 16px!important;
  color:#071c31!important;
  font-size:clamp(30px,3.2vw,42px)!important;
  line-height:1.08!important;
}
body.jb-fieldguide .resource-spotlight-copy p{
  margin:0 0 16px!important;
  color:#4f6273!important;
  line-height:1.75!important;
}
body.jb-fieldguide .resource-spotlight-copy .eyebrow{margin-bottom:16px!important}
body.jb-fieldguide .resource-spotlight-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin-top:10px!important}
@media(max-width:980px){
  body.jb-fieldguide .resource-spotlight-grid{grid-template-columns:1fr!important}
  body.jb-fieldguide .resource-spotlight-image{min-height:300px!important}
  body.jb-fieldguide .resource-spotlight-copy{padding:30px 24px!important}
}


/* v8 — broader market gallery without lowcountry-only framing */
body.jb-fieldguide .jb-market-gallery{background:#f5f8fb!important;padding:34px 0 24px!important}
body.jb-fieldguide .jb-market-gallery-intro{max-width:920px!important;margin:0 0 26px!important}
body.jb-fieldguide .jb-market-gallery-intro p:not(.eyebrow){margin:14px 0 0!important;color:#4f6273!important;line-height:1.7!important}
body.jb-fieldguide .jb-market-gallery-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important}
body.jb-fieldguide .jb-market-tile{position:relative!important;min-height:320px!important;overflow:hidden!important;border:1px solid #cbd9e4!important;background:#dfe8ef!important}
body.jb-fieldguide .jb-market-tile-image{position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important;transition:transform .35s ease!important}
body.jb-fieldguide .jb-market-tile:after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(6,25,41,.08) 10%,rgba(6,25,41,.58) 100%)!important}
body.jb-fieldguide .jb-market-tile:hover .jb-market-tile-image{transform:scale(1.03)!important}
body.jb-fieldguide .jb-market-tile-label{position:absolute!important;left:20px!important;bottom:18px!important;z-index:2!important;background:rgba(7,28,45,.82)!important;color:#fff!important;padding:10px 14px!important;font-size:13px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.jb-fieldguide .jb-market-tile.sc .jb-market-tile-image{background-image:url('images/southcarolina-estate.png')!important}
body.jb-fieldguide .jb-market-tile.ga .jb-market-tile-image{background-image:url('images/georgia-estate.png')!important}
body.jb-fieldguide .jb-market-tile.nj .jb-market-tile-image{background-image:url('images/newjersey-estate.png')!important}
@media(max-width:980px){body.jb-fieldguide .jb-market-gallery-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){body.jb-fieldguide .jb-market-gallery{padding:26px 0 12px!important}body.jb-fieldguide .jb-market-tile{min-height:250px!important}}


/* v9 — broader image rotation with additional interiors and varied page imagery */
body.jb-fieldguide .jb-inline-visual{background:#fff!important;padding:20px 0 12px!important}
body.jb-fieldguide .jb-inline-visual-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:28px!important;align-items:stretch!important}
body.jb-fieldguide .jb-inline-visual-image{min-height:380px!important;background-size:cover!important;background-position:center!important;border:1px solid #d6e1ea!important}
body.jb-fieldguide .jb-inline-visual-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;background:#f6f9fc!important;border:1px solid #d6e1ea!important;padding:40px 42px!important}
body.jb-fieldguide .jb-inline-visual-copy h2{margin:0 0 14px!important;color:#071c31!important;font-size:clamp(30px,3vw,40px)!important;line-height:1.1!important}
body.jb-fieldguide .jb-inline-visual-copy p{margin:0 0 14px!important;color:#4f6273!important;line-height:1.72!important}
body.jb-fieldguide .jb-inline-visual-copy .eyebrow{margin-bottom:15px!important}

body.jb-financing-page .hero{position:relative!important;background-size:cover!important;background-position:center!important;overflow:hidden!important}
body.jb-financing-page .hero::before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(6,23,38,.92) 0%,rgba(6,23,38,.82) 40%,rgba(6,23,38,.58) 100%)!important}
body.jb-financing-page .hero > .section-inner{position:relative!important;z-index:1!important}
body.jb-financing-page .hero h1,
body.jb-financing-page .hero p,
body.jb-financing-page .hero .hero-kicker,
body.jb-financing-page .hero .hero-side,
body.jb-financing-page .hero .hero-side p,
body.jb-financing-page .hero .hero-side a{color:#fff!important}
body.jb-financing-page .hero .hero-side{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;backdrop-filter:blur(3px)!important}

body.page-homepurchase .hero{background-image:url('images/home-moss-street.jpg')!important}
body.page-jumbo .hero{background-image:url('images/georgia-estate.png')!important}
body.page-nonqm .hero{background-image:url('images/interior-colonial-retreat.png')!important}
body.page-refinance .hero{background-image:url('images/newjersey-estate.png')!important}
body.page-homeequity .hero{background-image:url('images/interior-coastal-retreat.png')!important}
body.page-heloc .hero{background-image:url('images/interior-bright-retreat.png')!important}
body.page-commercial .hero{background-image:url('images/reviews-stone-home.png')!important}
body.page-financing-overview .jb-finance-scene-photo{background:linear-gradient(180deg,rgba(8,28,46,.10),rgba(8,28,46,.30)),url('images/financing-waterfront-dusk.jpg') center/cover no-repeat!important}

body.page-reviews .hero{background-image:linear-gradient(90deg,rgba(7,28,45,.97),rgba(7,28,45,.70)),url('images/reviews-stone-home.png')!important;background-position:center center!important}

@media(max-width:980px){
  body.jb-fieldguide .jb-inline-visual-grid{grid-template-columns:1fr!important}
  body.jb-fieldguide .jb-inline-visual-image{min-height:280px!important}
  body.jb-fieldguide .jb-inline-visual-copy{padding:28px 24px!important}
}
@media(max-width:640px){
  body.jb-fieldguide .jb-inline-visual{padding:8px 0 4px!important}
  body.jb-fieldguide .jb-inline-visual-image{min-height:220px!important}
}


/* v11 ABOUT + FINANCING POLISH */
body.page-about .about-hero-v3{
  position:relative!important;
  overflow:hidden!important;
  min-height:calc(100svh - 86px)!important;
  display:flex!important;
  align-items:stretch!important;
  background:
    radial-gradient(circle at 67% 46%, rgba(120,185,246,.18) 0%, rgba(120,185,246,.08) 18%, rgba(120,185,246,0) 40%),
    linear-gradient(135deg,#041a2d 0%, #0a2742 46%, #133f66 100%)!important;
}
body.page-about .about-hero-v3::before{
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 32%),
    url('images/about-flag.svg'),
    url('images/reviews-stone-home.png')!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-position:left center,center center,center center!important;
  background-size:cover,cover,cover!important;
  opacity:.34!important;
  transform:scale(1.02)!important;
}
body.page-about .about-hero-v3::after{
  background:
    linear-gradient(90deg,rgba(4,22,39,.97) 0%,rgba(4,22,39,.90) 38%,rgba(4,22,39,.72) 70%,rgba(4,22,39,.56) 100%),
    linear-gradient(180deg,rgba(5,18,30,.18) 0%,rgba(5,18,30,.44) 100%)!important;
}
body.page-about .about-hero-v3-grid{
  min-height:calc(100svh - 86px)!important;
  width:min(1290px, calc(100% - 64px))!important;
  padding-top:70px!important;
  padding-bottom:70px!important;
  align-items:center!important;
}
body.page-about .about-hero-v3-copy{
  align-self:center!important;
}
body.page-about .about-hero-v3-copy h1{
  max-width:11.5ch!important;
}
body.page-about .about-hero-v3-copy .lede{
  max-width:40ch!important;
}
body.page-about .about-hero-v3-card{
  background:linear-gradient(180deg, rgba(7,28,49,.90) 0%, rgba(8,33,58,.84) 100%)!important;
  box-shadow:0 28px 60px rgba(0,0,0,.22)!important;
}

body.jb-financing-page .hero .hero-side a,
body.jb-financing-page .btn.primary,
body.jb-financing-page .btn-primary,
body.jb-financing-page a.hero-btn.primary,
body.jb-financing-page .cta .btn.primary{
  background:#e7f3ff!important;
  color:#08213a!important;
  -webkit-text-fill-color:#08213a!important;
  border-color:#e7f3ff!important;
  text-shadow:none!important;
  font-weight:700!important;
}
body.jb-financing-page .hero .hero-side a:hover,
body.jb-financing-page .btn.primary:hover,
body.jb-financing-page .btn-primary:hover,
body.jb-financing-page a.hero-btn.primary:hover,
body.jb-financing-page .cta .btn.primary:hover{
  background:#ffffff!important;
  color:#071c31!important;
  -webkit-text-fill-color:#071c31!important;
  border-color:#ffffff!important;
}

@media (max-width:980px){
  body.page-about .about-hero-v3,
  body.page-about .about-hero-v3-grid{
    min-height:auto!important;
  }
  body.page-about .about-hero-v3-grid{
    width:min(100%, calc(100% - 32px))!important;
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
  body.page-about .about-hero-v3::before{
    opacity:.28!important;
    background-position:center center,center center,center center!important;
  }
}