/* John Bramley v2 — one alignment wall + Realtor section + About redesign */
:root{--jb-rail:1220px;--jb-gutter:24px;--jb-mobile-gutter:12px}

/* One outer alignment wall: nav, heroes, body rails, footer. */
body.jb-fieldguide .site-nav.jb31-site-nav,
body.jb-fieldguide .hero-shell,
body.jb-fieldguide main>.hero,
body.jb-fieldguide main>.intro,
body.jb-fieldguide main>.page-hero,
body.jb-fieldguide .about-hero-v2,
body.jb-fieldguide .realtor-hero-v2{
  width:min(var(--jb-rail),calc(100% - 48px))!important;
  margin-left:auto!important;margin-right:auto!important;
}
body.jb-fieldguide .site-nav.jb31-site-nav{margin-top:12px!important}
body.jb-fieldguide .jb31-nav-inner{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
body.jb-fieldguide .section-inner,
body.jb-fieldguide .resource-switcher>.section-inner,
body.jb-fieldguide footer .section-inner{
  width:min(var(--jb-rail),calc(100% - 48px))!important;
  max-width:none!important;margin-left:auto!important;margin-right:auto!important;
}
body.jb-fieldguide .hero-shell{margin-top:14px!important}
body.jb-fieldguide main>.hero,body.jb-fieldguide main>.intro,body.jb-fieldguide main>.page-hero{margin-top:18px!important}

/* Realtor menu uses the same geometry as Financing/Resources. */
body.jb-fieldguide .jb31-realtor-menu.current>.jb31-menu-trigger{color:var(--fg-rust)!important}
body.jb-fieldguide .jb31-realtor-menu.current>.jb31-menu-trigger:after{background:var(--fg-rust)!important}

/* ABOUT V2 */
.about-hero-v2{margin-top:18px!important;position:relative;overflow:hidden;background:var(--fg-deep);color:var(--fg-paper);border:1px solid rgba(255,255,255,.11);box-shadow:var(--fg-shadow)}
.about-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:610px}
.about-hero-copy{padding:82px 62px 78px 0;align-self:center}
.about-hero-copy .eyebrow{margin-bottom:28px!important}
.about-hero-copy h1{margin:0;max-width:760px;font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;font-size:clamp(50px,5.2vw,76px)!important;line-height:.99!important;font-weight:400!important;color:var(--fg-paper)!important;letter-spacing:-.035em!important;text-wrap:balance}
.about-hero-copy .lede{max-width:680px;margin:28px 0 0;color:rgba(255,255,255,.82)!important;font-size:18px;line-height:1.7}
.about-hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.24)}
.about-hero-meta span{font:400 10.5px/1.4 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#8fc5f5}
.about-flag-panel{position:relative;min-height:610px;background:url('images/about-flag.svg') center/cover no-repeat;border-left:1px solid rgba(255,255,255,.18)}
.about-flag-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,45,.30),rgba(7,28,45,.03) 45%,rgba(7,28,45,.18));pointer-events:none}
.about-flag-note{position:absolute;z-index:2;left:34px;bottom:30px;max-width:280px;padding-top:14px;border-top:1px solid rgba(255,255,255,.48);color:rgba(255,255,255,.84);font:400 11px/1.5 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}

.about-profile{padding:104px 0 108px;background:var(--fg-paper)!important}
.about-profile-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:86px;align-items:start}
.about-photo{position:sticky;top:112px;background:#dfe4de;border:1px solid var(--fg-line)}
.about-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 14%;filter:saturate(.86) contrast(.98)}
.about-photo-cap{padding:18px 20px;border-top:1px solid var(--fg-line);font:400 10px/1.5 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#65706b;background:var(--fg-cream)}
.about-story-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding-bottom:30px;border-bottom:1px solid var(--fg-line)}
.about-story-head h2{margin:0;max-width:700px;font-size:clamp(44px,4.8vw,66px)!important;line-height:1!important;color:var(--fg-deep);text-wrap:balance}
.about-years{font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;font-size:72px;line-height:.8;color:var(--fg-rust);text-align:right}.about-years small{display:block;margin-top:13px;font:400 10px/1.3 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#65706b}
.about-story-copy{padding-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.about-story-copy p{margin:0 0 24px;color:#47564f;font-size:16.5px;line-height:1.72}
.about-story-copy .lead{grid-column:1/-1;color:var(--fg-deep);font-size:22px;line-height:1.55;margin-bottom:30px;max-width:850px}

.about-stats{background:#10241e!important;color:var(--fg-paper);padding:0!important}
.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(255,255,255,.18)}
.about-stat{padding:42px 32px 38px;border-right:1px solid rgba(255,255,255,.18)}
.about-stat strong{display:block;font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:48px;line-height:1;color:var(--fg-paper)}
.about-stat span{display:block;margin-top:12px;color:rgba(255,255,255,.66);font:400 10px/1.5 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}

.about-standard{padding:104px 0 112px;background:var(--fg-cream)!important}
.about-standard-head{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;margin-bottom:54px;align-items:end}
.about-standard-head h2{margin:0;color:var(--fg-deep);font-size:clamp(44px,4.7vw,64px)!important;line-height:1.01!important;text-wrap:balance}
.about-standard-head p{margin:0;color:#526159;font-size:17px;line-height:1.7;max-width:690px}
.about-principles{border-top:1px solid var(--fg-line)}
.about-principle{display:grid;grid-template-columns:110px .72fr 1.28fr;gap:36px;align-items:start;padding:34px 0;border-bottom:1px solid var(--fg-line)}
.about-principle .num{font:300 38px/1 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;color:#6ca6d4;letter-spacing:0!important}
.about-principle h3{margin:0;color:var(--fg-deep);font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif!important;font-size:31px!important;line-height:1.04;font-weight:400!important}
.about-principle p{margin:0;color:#536159;font-size:16px;line-height:1.7}

.about-path{padding:104px 0;background:var(--fg-paper)!important}
.about-path-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}
.about-path h2{margin:0;color:var(--fg-deep);font-size:clamp(42px,4.5vw,62px)!important;line-height:1.03!important}
.about-timeline{border-left:1px solid #9abbd5}
.about-step{position:relative;padding:0 0 42px 40px}.about-step:last-child{padding-bottom:0}.about-step:before{content:'';position:absolute;left:-5px;top:4px;width:9px;height:9px;background:var(--fg-rust);border-radius:50%}
.about-step .kicker{display:block;margin-bottom:10px;color:var(--fg-rust);font:400 10px/1.4 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.about-step h3{margin:0 0 10px;color:var(--fg-deep);font-size:27px!important}.about-step p{margin:0;color:#536159;font-size:16px;line-height:1.68;max-width:720px}

.about-cta{background:var(--fg-deep)!important;color:var(--fg-paper);padding:82px 0!important}
.about-cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.about-cta h2{margin:0;color:var(--fg-paper)!important;font-size:clamp(42px,4.4vw,60px)!important;line-height:1.02!important;max-width:760px}.about-cta p{margin:0 0 24px;color:rgba(255,255,255,.74)!important;font-size:16px;line-height:1.7}.about-cta-actions{display:flex;gap:12px;flex-wrap:wrap}

/* FOR REALTORS */
.realtor-hero-v2{margin-top:18px!important;position:relative;min-height:650px;overflow:hidden;background:linear-gradient(90deg,rgba(5,23,36,.96) 0%,rgba(5,23,36,.83) 48%,rgba(5,23,36,.28) 76%),url('images/neighborhood-day.png') center 55%/cover no-repeat;color:var(--fg-paper);border:1px solid rgba(255,255,255,.12);box-shadow:var(--fg-shadow)}
.realtor-hero-v2:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,255,255,.028) 7px);pointer-events:none}
.realtor-hero-grid{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}
.realtor-hero-copy{width:min(690px,64%);padding:76px 0 72px}.realtor-hero-copy h1{margin:0;color:var(--fg-paper)!important;font-size:clamp(50px,5.5vw,78px)!important;line-height:.98!important;letter-spacing:-.035em!important;max-width:780px;text-wrap:balance}.realtor-hero-copy .lede{max-width:640px;margin:26px 0 0;color:rgba(255,255,255,.84)!important;font-size:18px;line-height:1.68}.realtor-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.realtor-actions .btn{min-height:54px;padding:0 24px;border:1px solid rgba(255,255,255,.52);color:var(--fg-paper)}.realtor-actions .btn.primary{background:var(--fg-rust)!important;border-color:var(--fg-rust)!important;color:#fff!important}

.partner-proof{padding:54px 0;background:#eaf2f8!important;border-bottom:1px solid var(--fg-line)}
.partner-proof-grid{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:0;align-items:center}.partner-proof-intro{padding-right:40px}.partner-proof-intro p{margin:0;color:#4c5c54;font-size:15px;line-height:1.6}.partner-proof-stat{padding:8px 28px;border-left:1px solid rgba(19,37,31,.16)}.partner-proof-stat strong{display:block;color:var(--fg-deep);font:400 35px/1 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif}.partner-proof-stat span{display:block;margin-top:7px;color:#66736d;font:400 9.5px/1.35 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}

.partner-benefits{padding:104px 0 112px;background:var(--fg-paper)!important}.partner-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px;align-items:end;margin-bottom:60px}.partner-heading h2{margin:0;color:var(--fg-deep);font-size:clamp(44px,4.8vw,66px)!important;line-height:1!important;text-wrap:balance}.partner-heading p{margin:0;color:#526159;font-size:17px;line-height:1.7;max-width:700px}.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--fg-line);border-left:1px solid var(--fg-line)}.partner-card{min-height:260px;padding:36px 40px 38px;border-right:1px solid var(--fg-line);border-bottom:1px solid var(--fg-line);background:var(--fg-cream)}.partner-card .num{display:block;margin-bottom:42px;color:var(--fg-rust);font:300 26px/1 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:0!important}.partner-card h3{margin:0 0 14px;color:var(--fg-deep);font-size:29px!important;line-height:1.05}.partner-card p{margin:0;color:#58655f;font-size:15.5px;line-height:1.68}

.partner-process{padding:104px 0;background:#10241e!important;color:var(--fg-paper)}.partner-process .eyebrow{color:#8fc5f5!important}.partner-process h2{margin:0;max-width:860px;color:var(--fg-paper)!important;font-size:clamp(44px,4.8vw,64px)!important;line-height:1.01!important}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid rgba(255,255,255,.24);border-left:1px solid rgba(255,255,255,.24)}.process-step{padding:38px 34px 40px;border-right:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}.process-step .num{color:#8fc5f5;font:300 30px/1 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:0!important}.process-step h3{margin:42px 0 14px;color:var(--fg-paper);font-size:29px!important}.process-step p{margin:0;color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.68}

.partner-desk-preview{padding:100px 0 108px;background:var(--fg-cream)!important}.desk-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}.desk-grid h2{margin:0 0 22px;color:var(--fg-deep);font-size:clamp(44px,4.6vw,62px)!important;line-height:1.01!important}.desk-grid p{margin:0 0 24px;color:#536159;font-size:17px;line-height:1.72}.desk-sheet{position:relative;min-height:430px;background:#ffffff;border:1px solid #c9d9e5;box-shadow:0 24px 52px rgba(4,20,32,.12);padding:46px 42px}.desk-sheet:before{content:'REALTOR PARTNER DESK';display:block;padding-bottom:20px;margin-bottom:30px;border-bottom:2px solid var(--fg-deep);font:400 11px/1 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:.18em;color:var(--fg-deep)}.desk-line{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid #d7e3ec}.desk-line span{font:400 9.5px/1.4 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#61788c}.desk-line strong{font:400 20px/1.25 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;color:var(--fg-deep)}

.partner-cta{padding:86px 0!important;background:var(--fg-deep)!important;color:var(--fg-paper)}.partner-cta-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.partner-cta h2{margin:0;color:var(--fg-paper)!important;font-size:clamp(44px,4.7vw,64px)!important;line-height:1.01!important}.partner-cta p{margin:0 0 24px;color:rgba(255,255,255,.76)!important;font-size:16px;line-height:1.68}

@media(max-width:980px){
 body.jb-fieldguide .site-nav.jb31-site-nav,body.jb-fieldguide .hero-shell,body.jb-fieldguide main>.hero,body.jb-fieldguide main>.intro,body.jb-fieldguide main>.page-hero,body.jb-fieldguide .about-hero-v2,body.jb-fieldguide .realtor-hero-v2{width:calc(100% - 24px)!important}
 body.jb-fieldguide .section-inner,body.jb-fieldguide .resource-switcher>.section-inner,body.jb-fieldguide footer .section-inner{width:calc(100% - 24px)!important}
 body.jb-fieldguide .jb31-nav-inner{padding-left:14px!important;padding-right:14px!important}
 .about-hero-grid{grid-template-columns:1fr}.about-hero-copy{padding:64px 36px 28px}.about-flag-panel{min-height:310px;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
 .about-profile-grid,.about-standard-head,.about-path-grid,.about-cta-grid,.partner-heading,.desk-grid,.partner-cta-grid{grid-template-columns:1fr;gap:44px}
 .about-photo{position:relative;top:auto;max-width:520px}.about-story-copy{grid-template-columns:1fr}.about-story-copy .lead{grid-column:auto}.about-stats-grid{grid-template-columns:1fr 1fr}.about-principle{grid-template-columns:70px 1fr}.about-principle p{grid-column:2}.partner-proof-grid{grid-template-columns:1fr 1fr}.partner-proof-intro{grid-column:1/-1;padding:0 0 24px}.partner-proof-stat{padding:20px 0;border-left:0;border-top:1px solid var(--fg-line)}.partner-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.realtor-hero-copy{width:min(680px,86%)}
}
@media(max-width:640px){
 body.jb-fieldguide .site-nav.jb31-site-nav,body.jb-fieldguide .hero-shell,body.jb-fieldguide main>.hero,body.jb-fieldguide main>.intro,body.jb-fieldguide main>.page-hero,body.jb-fieldguide .about-hero-v2,body.jb-fieldguide .realtor-hero-v2{width:calc(100% - 20px)!important;margin-top:10px!important}
 body.jb-fieldguide .section-inner,body.jb-fieldguide .resource-switcher>.section-inner,body.jb-fieldguide footer .section-inner{width:calc(100% - 24px)!important}
 .about-hero-grid,.realtor-hero-grid{min-height:0}.about-hero-copy{padding:54px 22px 28px}.about-hero-copy h1,.realtor-hero-copy h1{font-size:clamp(40px,11vw,50px)!important;line-height:1.02!important}.about-flag-panel{min-height:250px}.about-flag-note{left:22px;bottom:20px}.about-profile,.about-standard,.about-path,.partner-benefits,.partner-process,.partner-desk-preview{padding:70px 0 74px}.about-profile-grid{gap:38px}.about-story-head{grid-template-columns:1fr}.about-years{text-align:left;font-size:58px}.about-story-copy .lead{font-size:20px}.about-stats-grid{grid-template-columns:1fr}.about-stat{padding:30px 22px}.about-standard-head{margin-bottom:38px}.about-principle{grid-template-columns:52px 1fr;gap:20px;padding:28px 0}.about-principle .num{font-size:29px}.about-principle h3{font-size:26px!important}.about-path-grid{gap:40px}.about-cta,.partner-cta{padding:68px 0!important}.about-cta-actions,.realtor-actions{display:grid;grid-template-columns:1fr}.about-cta-actions a,.realtor-actions a{width:100%;justify-content:center}.realtor-hero-v2{min-height:620px;background-position:64% center}.realtor-hero-grid{min-height:620px;align-items:flex-end}.realtor-hero-copy{width:100%;padding:56px 18px 34px;background:linear-gradient(180deg,transparent,rgba(5,23,36,.88) 22%,rgba(5,23,36,.96))}.partner-proof{padding:40px 0}.partner-proof-grid{grid-template-columns:1fr}.partner-card{min-height:0;padding:30px 26px}.partner-card .num{margin-bottom:28px}.process-step{padding:30px 26px}.process-step h3{margin-top:30px}.desk-sheet{min-height:0;padding:34px 24px}.desk-line{grid-template-columns:1fr;gap:7px}
}