@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap');
:root{
--brand-navy:#3C3C3B;--brand-teal:#7CA73F;--brand-yellow:#7CA73F;--brand-creme:#FFFFFF;--brand-teal-dark:#6C9636;
--font:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
--green:#7CA73F !important;--green-bright:#6C9636 !important;--green-soft:#C0D886 !important;--green-tint:#FFFFFF !important;--green-pill:#7CA73F !important;--yellow:#7CA73F !important;
--ink:#3C3C3B !important;--ink-soft:#5C5D58 !important;--dark:#3C3C3B !important;--dark-2:#1C1C1B !important;--bg-soft:#FFFFFF !important;--light-gray:#FFFFFF !important;
}
html,body{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-weight:400 !important;letter-spacing:.005em;line-height:1.08}
.navigation-lnk,.navigation-toggle-2,.sp-nav3t,.sp-nav3tt{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;color:#3C3C3B !important}
.sp-nav3t:after{border-right-color:#3C3C3B !important;border-bottom-color:#3C3C3B !important}
.tov-main,.spc-root,main.tov-main,main.spc-root{--sp-green:#7CA73F !important;--sp-green-d:#6C9636 !important;--sp-green-tint:#FFFFFF !important;--sp-ink:#3C3C3B !important;--sp-ink-soft:#5C5D58 !important;--sp-line:#E4E7E1 !important;--sp-bg:#FFFFFF !important;--sp-bg-soft:#FFFFFF !important;--primary:#7CA73F !important;--ghost:#3C3C3B !important}
.sp-eyebrow,.sp-d-ic,.sp-role,.sp-yr,.sp-lc,.sp-arr,.sp-cat,.sp-link-arrow,.sp-ptype,.sp-fcat,.sp-fread,.sp-bcat,.sp-ptype2,.sp-stars,.sp-av,.sp-deyebrow,.sp-parea,.sp-fic,.sp-checkic,.sp-linkarrow,.sp-faqic,.sp-faqplus,.sp-ueyebrow,.sp-ugreen,.sp-ustatn,.sp-uptype,.sp-tbic,.sp-trustic,.sp-dbic,.sp-lbic,.sp-navlangon,.sp-lhero-eye,.sp-locflag,.sp-feat-eye,.sp-feat-em,.sp-faq-eye,.sp-faq-em,.sp-lc-avail,.sp-tm-eye,.sp-tm-em,.sp-tm-stars,.sp-eco-eye,.sp-eco-em,.sp-eco-n,.sp-fl-eye,.sp-fl-em,.sp-tx-eye,.sp-tx-em,.sp-t2-eye,.sp-t2-em,.sp-t2-stars,.sp-f2-eye,.sp-f2-em,.sp-f2-type,.sp-x2-eye,.sp-x2-em,.sp-n2-eye,.sp-n2-em,.sp-n2-featlabel,.sp-pv-eye,.sp-pv-em,.c-eyebrow,.c-i,.c-trole,.c-stars,.c-ck,.c-feat-label,.c-podmeta,.c-statnum,.c-locflag,.c-tlyear,.c-prole,.l-mktval,.l-lprice,.u-kicker,.u-stars,.u-casestat,.u-artk,.ctn-ey,.ctn-i,.ctn-lab,.ctn-ey2,.sp2-ey,.sp2-i,.sp-test-p,.tm-role,.tov-eyebrow,.spc-eyebrow,.ty-cta,.sp-h1 em,.sp-prose a,.sp-card a,.sp-links a:hover,.section--soft:has(#faqGrid) .faq-body a,.spx-join .tov-role,.sp-ac-c{color:rgb(124,167,63) !important}
.sp-btn--primary,.sp-cta,.sp-fpill-on,.sp-search-btn,.sp-ktag,.sp-udot,.sp-n,.sp-gbadge,.sp-dbtnp,.sp-statdot,.sp-ubtnp,.sp-uptag,.sp-navcontact,.sp-nlogo-dot,.sp-lhero-line,.sp-lsearch-btn,.sp-ltab-on,.sp-feat-line,.sp-faq-line,.sp-lc-badge,.sp-tm-line,.sp-eco-line,.sp-fl-line,.sp-fl-btn,.sp-tx-line,.sp-tx-badge,.sp-t2-line,.sp-t2-btn,.sp-f2-line,.sp-f2-allbtn,.sp-f2-tabon,.sp-f2-tag,.sp-x2-line,.sp-n2-line,.sp-pv-line,.sp-pv-btn,.sp-pv-stat,.sp-map-dot,.sp-map-cdot,.c-btn,.u-btn,.tm-hero-btn,.tm-contact-btn,.spc-btn--primary,.spc-cat,.spc-cat-1,footer .sp-btn.sp-btn--primary, .sp-footer .sp-btn.sp-btn--primary,.lmc-dot.nl,.prop-badge--new{background-color:rgb(124,167,63) !important}
.sp-ph-initials{background-image:linear-gradient(135deg, rgb(124,167,63), rgb(137, 182, 71)) !important}
.sp-fpill-on,.u-btn,.sp-links a:hover,.section--soft:has(#faqGrid) .faq-item.open{border-top-color:rgb(124,167,63) !important}
.sp-fpill-on,.u-btn,.sp-links a:hover,.section--soft:has(#faqGrid) .faq-item.open{border-right-color:rgb(124,167,63) !important}
.sp-fpill-on,.sp-dtabon,.sp-tab2on,.u-btn,.sp-links a:hover,.section--soft:has(#faqGrid) .faq-item.open{border-bottom-color:rgb(124,167,63) !important}
.sp-fpill-on,.u-btn,.sp-links a:hover,.section--soft:has(#faqGrid) .faq-item.open{border-left-color:rgb(124,167,63) !important}
.sp-map-card{background-image:repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.043), rgba(255, 255, 255, 0.043) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 58px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.043), rgba(255, 255, 255, 0.043) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 58px), radial-gradient(circle at 70% 24%, rgba(124,167,63,0.2), rgba(0, 0, 0, 0) 38%), radial-gradient(circle at 44% 62%, rgba(124,167,63,0.13), rgba(0, 0, 0, 0) 42%), linear-gradient(160deg, rgb(26, 46, 20) 0%, rgb(13, 31, 10) 100%) !important}
.sp-map-dot{box-shadow:rgba(124,167,63,0.22) 0px 0px 0px 5px !important}
.section--soft:has(#faqGrid) .faq-item.open{box-shadow:rgba(124,167,63,0.32) 0px 16px 36px -22px !important}
.list-search input:focus,.form-field input:focus, .form-field textarea:focus{box-shadow:rgba(124,167,63,0.15) 0px 0px 0px 3px !important}
.seg-toggle button.active{box-shadow:rgba(124,167,63,0.75) 0px 7px 16px -7px !important}
.marker-cluster, .marker-cluster-small, .marker-cluster-medium, .marker-cluster-large,.pbt-divider{background-color:rgba(124,167,63,0.3) !important}
.ais-ic{background-color:rgba(124,167,63,0.14) !important}
.fl-tag.ok,.hero-chip:hover,.filter-empty-icon,.hp-sol-ic,.diensten-dark .accord-head:hover,.diensten-dark .unit-row .unit-icon,.pbt-pill--people,.page-hero .cta-pill, .res-hero .cta-pill{background-color:rgba(124,167,63,0.15) !important}
.amen-ic,.sol-item--dark:hover,.diensten-dark .unit-row:hover,.dg-num,.sp-ac-item:hover, .sp-ac-item.is-active{background-color:rgba(124,167,63,0.12) !important}
.float-cta{box-shadow:rgba(124,167,63,0.55) 0px 8px 24px -6px !important}
.float-cta:hover{box-shadow:rgba(124,167,63,0.6) 0px 12px 28px -6px !important}
.loc-mockup-card,.lmc-locs,.hp-sol-ic,.pbt-stats{border-top-color:rgba(124,167,63,0.2) !important}
.loc-mockup-card,.hp-sol-ic,.pbt-stats{border-right-color:rgba(124,167,63,0.2) !important}
.loc-mockup-card,.hp-sol-ic,.pbt-stats{border-bottom-color:rgba(124,167,63,0.2) !important}
.loc-mockup-card,.hp-sol-ic,.pbt-stats{border-left-color:rgba(124,167,63,0.2) !important}
.lmp-dot{box-shadow:rgba(124,167,63,0.25) 0px 0px 0px 4px !important}
.lmc-loc{border-right-color:rgba(124,167,63,0.12) !important}
.lmc-loc:hover,.dg-hl-eyebrow,.dg-card-tag{background-color:rgba(124,167,63,0.1) !important}
.loc-card:hover{box-shadow:rgba(124,167,63,0.12) 0px 2px 10px !important}
.sol-item--dark .sol-ic,.sol-item--dark .sol-arr,.pbt-pill--people{background-color:rgba(124,167,63,0.18) !important}
.sol-item--dark:hover{box-shadow:rgba(124,167,63,0.15) 0px 8px 32px !important}
.avw-card:hover,.trans-card:hover{box-shadow:rgba(124,167,63,0.12) 0px 6px 24px !important}
.s-bar:focus-within{box-shadow:rgba(124,167,63,0.14) 0px 0px 0px 3px, rgba(0, 0, 0, 0.08) 0px 2px 16px !important}
.mc-chip--verhuur,.mc-chip--marktinzicht{background-color:rgba(124,167,63,0.22) !important}
.mc-chip--verhuur,.mc-chip--marktinzicht{border-top-color:rgba(124,167,63,0.4) !important}
.mc-chip--verhuur,.mc-chip--marktinzicht{border-right-color:rgba(124,167,63,0.4) !important}
.mc-chip--verhuur,.mc-chip--marktinzicht{border-bottom-color:rgba(124,167,63,0.4) !important}
.mc-chip--verhuur,.mc-chip--marktinzicht{border-left-color:rgba(124,167,63,0.4) !important}
.vac:hover{box-shadow:rgba(124,167,63,0.15) 0px 4px 20px !important}
.hp-sol-row:hover .hp-sol-ic,.page-hero .cta-pill:hover, .res-hero .cta-pill:hover{background-color:rgba(124,167,63,0.28) !important}
.form-field input:hover, .form-field select:hover, .form-field textarea:hover{border-top-color:rgba(124,167,63,0.5) !important}
.form-field input:hover, .form-field select:hover, .form-field textarea:hover{border-right-color:rgba(124,167,63,0.5) !important}
.form-field input:hover, .form-field select:hover, .form-field textarea:hover{border-bottom-color:rgba(124,167,63,0.5) !important}
.form-field input:hover, .form-field select:hover, .form-field textarea:hover{border-left-color:rgba(124,167,63,0.5) !important}
.form-field input:focus, .form-field select:focus, .form-field textarea:focus{box-shadow:rgba(124,167,63,0.12) 0px 0px 0px 3px !important}
.diensten-dark .accord-num,.hero-chip:hover,.pbt-stats{background-color:rgba(124,167,63,0.2) !important}
.dg-num,.art-cta-box{border-top-color:rgba(124,167,63,0.25) !important}
.dg-num,.art-cta-box{border-right-color:rgba(124,167,63,0.25) !important}
.dg-num,.art-cta-box{border-bottom-color:rgba(124,167,63,0.25) !important}
.dg-num,.art-cta-box{border-left-color:rgba(124,167,63,0.25) !important}
.dg-hl-eyebrow{border-top-color:rgba(124,167,63,0.22) !important}
.dg-hl-eyebrow{border-right-color:rgba(124,167,63,0.22) !important}
.dg-hl-eyebrow{border-bottom-color:rgba(124,167,63,0.22) !important}
.dg-hl-eyebrow{border-left-color:rgba(124,167,63,0.22) !important}
.dg-card:hover{box-shadow:rgba(124,167,63,0.12) 0px 4px 20px !important}
.page-hero .cta-pill, .res-hero .cta-pill{border-top-color:rgba(124,167,63,0.38) !important}
.page-hero .cta-pill, .res-hero .cta-pill{border-right-color:rgba(124,167,63,0.38) !important}
.page-hero .cta-pill, .res-hero .cta-pill{border-bottom-color:rgba(124,167,63,0.38) !important}
.page-hero .cta-pill, .res-hero .cta-pill{border-left-color:rgba(124,167,63,0.38) !important}
.page-hero .cta-pill:hover, .res-hero .cta-pill:hover{border-top-color:rgba(124,167,63,0.65) !important}
.page-hero .cta-pill:hover, .res-hero .cta-pill:hover{border-right-color:rgba(124,167,63,0.65) !important}
.page-hero .cta-pill:hover, .res-hero .cta-pill:hover{border-bottom-color:rgba(124,167,63,0.65) !important}
.page-hero .cta-pill:hover, .res-hero .cta-pill:hover{border-left-color:rgba(124,167,63,0.65) !important}
.unit-card:hover{box-shadow:rgba(124,167,63,0.12) 0px 4px 16px !important}
h1,h2,h3,h4,h5,h6,.hero-sub-title,.card-title,.footer-contact-form-title,.footer-links-title,.feature-title,.sp-feat-h2,.sp-feat-h3,.sp-faq-h2,.sp-lc-title,.sp-tm-h2,.sp-eco-h2,.sp-fl-h2,.sp-fl-title,.sp-tx-h2,.sp-tx-title,.sp-t2-h2,.sp-e2-h2,.sp-f2-h2,.sp-f2-title,.sp-x2-h2,.sp-n2-h2,.sp-n2-title,.sp-pv-h2,.sp-hero-h1,.c-h1,.c-h2,.c-h2w,.ctn-h1,.ctn-h2,.sp2-h1,.section--soft:has(#faqGrid) #faqGrid h2,.section--soft:has(#faqGrid) #faqGrid h3{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-weight:400 !important}
body,p,a,li,blockquote,.cta,.search-label,.submit-button,.text-block,.hover-button-wrapper,.slider-tab-link,.review-tab-link,.review-tab-link.w--current,.category-tag-text-link,.form-success-message,.input-field,.footer-link,.bottom-footer-text-block,.navigation-toggle,.stat-number-text.buyign-steps,.content-stat-container,.sticky-features-circle-number-wrapper,.feature-slide-description,.field-label,.cta-button,.filter-dropdown-toggle,.agent-name,.navigation-toggle-2,.text-block-4,.text-block-5,.text-block-6,.sp-site,.navigation-toggle-3,.text-block-10,.sp-site-1,.text-block-11,.text-block-12,.sp-fhead,.sp-flink,.sp-blink,.sp-ftag,.sp-copy,.sp-ldwrap,.sp-ppu,.sp-dbtn,.sp-ffin,.sp-ffin._w-input,._w-input-parent._w-input,.sp-ldtop-in,.sp-tab2,.sp-infoh,.sp-upage,.sp-ustatn,.sp-topbar-1,.sp-trustbar,.sp-dbar,.sp-lbar,.sp-navlangb,.sp-navcontact,.sp-nlogo,.sp-lhero-eye,.sp-lsearch-ph,.sp-lsearch-btn,.sp-ltab,.sp-lcount,.sp-lsort,.sp-locflag,.sp-locname,.sp-loccount,.sp-feat-eye,.sp-feat-p,.sp-faq-eye,.sp-faq-q,.sp-faq-a,.sp-lc-price,.sp-lc-unit,.sp-lc-addr,.sp-lc-area,.sp-lc-type,.sp-lc-avail,.sp-lc-badge,.sp-lc-badgetxt,.sp-tm-eye,.sp-tm-sub,.sp-tm-quote,.sp-tm-author,.sp-eco-eye,.sp-eco-sub,.sp-eco-h,.sp-eco-n,.sp-eco-li,.sp-fl-eye,.sp-fl-sub,.sp-fl-badge,.sp-fl-addr,.sp-fl-price,.sp-fl-area,.sp-fl-btn,.sp-tx-eye,.sp-tx-badge,.sp-tx-desc,.sp-t2-eye,.sp-t2-sub,.sp-t2-avc,.sp-t2-avn,.sp-t2-btn,.sp-t2-qt,.sp-t2-au,.sp-e2-eye,.sp-e2-sub,.sp-e2-s,.sp-e2-li,.sp-f2-eye,.sp-f2-sub,.sp-f2-allbtn,.sp-f2-tab,.sp-f2-tag,.sp-f2-type,.sp-f2-addr,.sp-f2-price,.sp-f2-unit,.sp-f2-area,.sp-x2-eye,.sp-x2-allbtn,.sp-x2-tt,.sp-x2-td,.sp-x2-tg,.sp-n2-eye,.sp-n2-blogbtn,.sp-n2-featlabel,.sp-n2-feattitle,.sp-n2-featdesc,.sp-n2-featmeta,.sp-n2-cat,.sp-n2-date,.sp-pv-eye,.sp-pv-lead,.sp-pv-btn,.sp-pv-num,.sp-pv-label,.sp-map-label,.sp-map-cname,.sp-map-ccount,.sp-hero-eye,.sp-hero-g,.c-eyebrow,.c-btn,.c-cardh,.c-eyebrow2,.c-faqq,.c-dealtitle,.c-podh,.c-statnum,.c-loch,.c-valh,.c-tlyear,.c-pname,.l-mktval,.l-mini-n,.l-ltype,.u-kicker,.u-lead,.u-btn,.u-btno,.u-bli,.u-tag,.u-revn,.u-revr,.u-rell,.u-casett,.u-caseloc,.u-expn,.u-expr,.u-wpp,.u-certi,.u-artk,.u-artt,.u-artm,.ctn-ey,.ctn-lead,.ctn-lab,.ctn-val,.ctn-sub,.ctn-ey2,.ctn-ob,.ctn-os,.sp2-ey,.sp2-lead,.sp2-ct,.sp2-cd,.sp2-ct-1,.tm-main,.tov-main,.spc-root,.navigation-lnk,.sp-nav3t,.sp-nav3tt,.section--soft:has(#faqGrid) .faq-body,.section--soft:has(#faqGrid) .faq-body p,.section--soft:has(#faqGrid) .faq-body li,.sp-rail a,.sp2-hd,.sp2-hd a,.sp2-hd button,.spx-join .spx-q,.sp-ac,.sp-ac-empty{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}
:root{--spl-teal:#7CA73F !important;--spl-teal-d:#6C9636 !important;--spl-navy:#3C3C3B !important;--spl-yellow:#7CA73F !important;--spl-creme:#FFFFFF !important;--spl-ink:#3C3C3B !important}
.spl-seg button.on{background-color:#7CA73F !important;color:#FFFFFF !important}
#spl-map{background-color:#3C3C3B !important}
.spl-card:hover{border-color:#7CA73F !important}
/* ===== SPRING TIER 1 GLOBAL FOUNDATION (v5, 2026-07-30) — Raleway everywhere + black header/footer + stray-colour removal + type scale + spacing scale. Appended AFTER the v4 body so it wins the cascade. Reversible: repoint the back to v4. ===== */
/* --- Raleway on all core text. !important beats non-important base rules regardless of specificity, sweeping up stray Manrope / Georgia / Helvetica Neue / Rubik. Icon elements are intentionally excluded. --- */
html,body,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,span,div,button,input,textarea,select,label,strong,b,small,blockquote,figcaption,figure,td,th,caption,dt,dd,summary,cite,time,address,legend,option,.w-input,.w-select{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}
/* --- Italic accent -> Raleway italic (replaces Fraunces) --- */
em,i,cite,.sp-h1 em,.sp-prose em,.spx-join .spx-q em{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-style:italic !important}
/* --- Hero eyebrow / breadcrumb back to Raleway (head hero-unify block sets them Inter; the footer-loaded copy of this sheet wins) --- */
.spring-eyebrow,.spl-crumb,.sp-eyebrow,.tov-eyebrow,.spc-eyebrow,.sp-hero-eye,.sp-deyebrow,.sp-ueyebrow{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}
/* --- Type scale (A1). Sizes are NOT !important so bespoke hero headlines keep their own sizing (Tier 2); weights ARE !important to override v4's flat 400. --- */
h1{font-size:56px;line-height:1.05;font-weight:700 !important;letter-spacing:-.01em}
h2{font-size:40px;line-height:1.1;font-weight:700 !important;letter-spacing:-.01em}
h3{font-size:28px;line-height:1.2;font-weight:600 !important}
h4{font-size:20px;line-height:1.3;font-weight:600 !important}
h5{font-size:16px;line-height:1.3;font-weight:600 !important}
body,p{font-size:16px;line-height:1.6}
.sp-eyebrow,.spring-eyebrow,.tov-eyebrow,.spc-eyebrow,.sp-hero-eye{font-size:12px;line-height:1.4;font-weight:600 !important;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:820px){h1{font-size:38px}h2{font-size:30px}h3{font-size:24px}}
/* --- Header -> pure black (#000000) on every page (logo-on-black requirement) --- */
header,header.header--dark,header.header,.header-navigation,.sp2-hd,.navigation-base-wrapper{background-color:#000000 !important}
/* keep top-level nav text light/legible on the now-black header (dropdown panels stay white with dark text) */
header .navigation-lnk,header .navigation-toggle-2,header .navigation-toggle-3,.sp-nav3t,.sp2-links>a,.sp2-item>a,.sp2-lang,.sp2-lang b{color:#F4EFE6 !important}
.sp-nav3t:after{border-right-color:#F4EFE6 !important;border-bottom-color:#F4EFE6 !important}
.sp2-contact{background:#ffffff !important;color:#111111 !important}
/* --- Footer -> pure black (#000000), one footer colour site-wide (was home #3c3c3b, interior #1c1c1b, bespoke #25261f/#14140f) --- */
footer,footer.footer,.footer,.footer.spuf,.footer-navigation,.sp-footer,.sp2-ft,.spc-cfoot,.spc-cfoot-1{background-color:#000000 !important}
/* --- Remove off-brand accents; collapse ad-hoc greens into Hoofdgroen #7CA73F (green stays the single accent) --- */
.ll-dot{background-color:#7CA73F !important;border-color:#7CA73F !important} /* was coral #e3534b */
.sp-rail .sp-call,.sp-call{background:#7CA73F !important} /* was #8ca64e */
.sp-rail .sp-wa,.sp-wa{background:#7CA73F !important} /* was #56c271 */
.arrow-image-wrapper{background-color:transparent !important} /* was lime #e4f77c */
.w-form-fail{background-color:#F1EFEB !important;color:#3C3C3B !important} /* was Webflow default pink #ffdede */
a.sp-navon,.sp-nav3t.sp-navon{background-color:#7CA73F !important;color:#ffffff !important} /* was #9ECA45 */
.sp2-links a:hover,.sp2-ft a:hover,.sp2-drop a:hover{color:#7CA73F !important} /* was #A6CE68 */
.sp2-contact:hover{background:#7CA73F !important;color:#ffffff !important}
/* --- Spacing scale (A3, 8px base) tokens + one standard section padding. Non-!important so bespoke pages keep their own where set; standardises the generic template sections. --- */
:root{--sp-4:4px;--sp-8:8px;--sp-16:16px;--sp-24:24px;--sp-32:32px;--sp-48:48px;--sp-64:64px;--sp-96:96px;--sp-128:128px}
.section,.section-default,section.section{padding-top:96px;padding-bottom:96px}
@media(max-width:820px){.section,.section-default,section.section{padding-top:56px;padding-bottom:56px}}
/* ===== v6 specificity bumps — beat LATE-loading bespoke !important rules (order-independent, higher specificity). Fixes: bespoke .sp2-hd header still #2b2b29; hero .spring-eyebrow/.spl-crumb still Inter. ===== */
html body header.sp2-hd,html body .sp2-hd{background-color:#000000 !important}
html body .sp2-hd .sp2-hd-in{background-color:#000000 !important}
html body .spring-eyebrow,html body .spl-crumb,html body .sp-eyebrow,html body .tov-eyebrow,html body .spc-eyebrow,html body .sp-hero-eye,html body .sp-deyebrow,html body .sp-ueyebrow{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}
/* ===== v7 — italic hero accent (client's "green italic accent word") + FAQ heading. Beats .page-hero h1 em / .res-hero h1 em / .sec-head h2 em (Fraunces, 0,1,2) and body .faq-head h4 (Inter, 0,1,2) with higher specificity. ===== */
html body .page-hero h1 em,html body .res-hero h1 em,html body .sec-head h2 em,html body h1 em,html body h2 em,html body h3 em,html body h1 i,html body h2 i{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;font-style:italic !important}
html body .faq-head h4,html body .faq-body h4,html body h4,html body h5,html body h6{font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important}
/* ===== v8 — TIER 2 "ONE HERO". Unifies interior hero height + H1 + eyebrow across all hero variants (sizing only; no motion/background/JS changes — the towers image + overlays in the head hero blocks are untouched). Doubled hero-class selectors beat the head hero-unify's own (html body .x h1) rules. Home keeps its taller image-led stage per audit A4 but shares the H1/eyebrow treatment. Reversible: repoint back to v7. ===== */
/* Interior hero containers: one min-height, content vertically centred. grid+align-content:center preserves each hero's existing horizontal layout (children stay full-width, their own margins/max-width still centre). */
html body .page-hero,html body .res-hero,html body .spl-hero,html body .spring-fx-hero,html body .tov-hero,html body .tm-hero,html body .spc-hero,html body .vac-hero,html body .blog-article-hero{min-height:400px !important;display:grid !important;grid-template-columns:1fr !important;align-content:center !important}
/* One H1 across every hero (doubled class = specificity 0,2,3 > head hero-unify's 0,1,3). Includes home. */
html body .page-hero.page-hero h1,html body .res-hero.res-hero h1,html body .spl-hero.spl-hero h1,html body .spl-hero.spl-hero .spl-h1,html body .spring-fx-hero.spring-fx-hero h1,html body .tov-hero.tov-hero h1,html body .tm-hero.tm-hero h1,html body .spc-hero.spc-hero h1,html body .vac-hero.vac-hero h1,html body .blog-article-hero.blog-article-hero h1{font-size:56px !important;line-height:1.05 !important;font-weight:700 !important;margin-bottom:16px !important}
/* One eyebrow/breadcrumb size across every hero. */
html body .page-hero [class*=crumb],html body .page-hero .spring-eyebrow,html body .res-hero [class*=crumb],html body .spl-hero [class*=crumb],html body .tov-hero [class*=crumb],html body .spring-fx-hero [class*=crumb],html body .spc-hero [class*=crumb],html body .vac-hero [class*=crumb],html body .tm-hero [class*=crumb],html body .blog-article-hero [class*=crumb],html body .hero--openai [class*=eyebrow]{font-size:13px !important;line-height:1.4 !important;margin-bottom:12px !important}
/* Rhythm: subhead spacing below H1 consistent across heroes. */
html body .page-hero>.container>p,html body .spl-hero p,html body .spring-fx-hero p,html body .tov-hero p,html body .tm-hero p,html body .spc-hero p,html body .vac-hero p{margin-bottom:24px !important}
/* Mobile: one shorter hero height. */
@media(max-width:820px){
html body .page-hero,html body .res-hero,html body .spl-hero,html body .spring-fx-hero,html body .tov-hero,html body .tm-hero,html body .spc-hero,html body .vac-hero,html body .blog-article-hero{min-height:300px !important}
}
/* ===== v9 — MATCH /resources HERO on every hero + shorter. /resources reference: dark towers bg, min-height 480, 1240 centred container, LEFT-aligned content, H1 56/700 white + green italic accent, eyebrow 13, green pill CTA. v9 (a) cuts hero height ~17% (480->400 / 360->300), (b) normalises every hero's inner container to the /resources box so team/listings stop centring a narrow block. Sizing/layout only; towers image, overlays and motion untouched. Home (.hero--openai) is a search/assistant hero (search field + browse pills) and keeps its own composition/height in the same visual language. Reversible: repoint back to v8. ===== */
html body .page-hero>.container,html body .res-hero>.container,html body .spl-hero .spl-in,html body .spring-fx-hero .fx-in,html body .tov-hero .tov-in,html body .tm-hero .tm-hero-inner,html body .spc-hero .spc-in,html body .vac-hero .vac-hero-inner,html body .blog-article-hero .blog-article-content{max-width:1240px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;padding-left:24px !important;padding-right:24px !important;text-align:left !important}
/* ===== v10 — (1) LOCK the hero H1 to a FIXED pixel size on every non-home hero (was a fluid clamp that rendered <56px on narrower desktops and shifted on resize); (2) NORMALISE the injected .sp2-hd bespoke header container to the standard 1240/24 geometry so the logo + nav sit in the same place on every page. Home H1 keeps its own clamp (untouched). CSS only; the .sp2-hd injection JS and motion are NOT touched. Reversible: repoint back to v9. ===== */
/* Home H1 unchanged — identical clamp to v9 (homepage hero must stay untouched). */
html body .hero--openai.hero--openai h1{font-size:clamp(36px,4.2vw,56px) !important;line-height:1.05 !important;font-weight:700 !important;margin-bottom:16px !important}
/* Non-home hero H1 fixed to 38px on mobile (desktop is now a fixed 56px, set above). */
@media(max-width:820px){
html body .page-hero.page-hero h1,html body .res-hero.res-hero h1,html body .spl-hero.spl-hero h1,html body .spl-hero.spl-hero .spl-h1,html body .spring-fx-hero.spring-fx-hero h1,html body .tov-hero.tov-hero h1,html body .tm-hero.tm-hero h1,html body .spc-hero.spc-hero h1,html body .vac-hero.vac-hero h1,html body .blog-article-hero.blog-article-hero h1{font-size:38px !important}
}
/* Navbar shift fix: the bespoke pages use an injected .sp2-hd header whose inner container is 1320/28 (logo at x=88); the standard header uses 1240/24 (logo at x=124). Align .sp2-hd-in to 1240/24 so logo + nav sit in the same place on every page. (CSS-only; does not touch the .sp2-hd injection script.) */
html body .sp2-hd .sp2-hd-in{max-width:1240px !important;padding-left:24px !important;padding-right:24px !important}
/* ============================================================================
v11 — UNIFY ALL HERO SUB-ELEMENTS to ONE spec across every non-home page.
Homepage (.hero--openai) untouched. H1 stays fixed 56/38 from v10.
Loads after theme + page-scoped head styles; doubled-class + !important wins.
============================================================================ */
/* --- CTA: one identical green pill (arrows hidden so all are text-only) --- */
html body .page-hero.page-hero a.cta-pill,
html body .res-hero.res-hero a.cta-pill,
html body .blog-article-hero.blog-article-hero a.cta-pill,
html body .spl-hero.spl-hero a.spl-cta,
html body .tov-hero.tov-hero a.tov-hero-cta,
html body .spring-fx-hero.spring-fx-hero a.fx-cta,
html body .tm-hero.tm-hero a.tm-hero-btn,
html body .spc-hero.spc-hero a.spc-btn,
html body .vac-hero.vac-hero a[class*=cta],
html body .vac-hero.vac-hero a[class*=btn]{
font-size:15px !important;line-height:1.5 !important;font-weight:600 !important;
padding:13px 26px !important;border-radius:999px !important;margin:0 !important;
background-color:#7CA73F !important;color:#ffffff !important;
width:auto !important;min-width:0 !important;height:auto !important;
display:inline-flex !important;align-items:center !important;gap:8px !important;
text-transform:none !important;letter-spacing:normal !important;
}
html body .page-hero a.cta-pill svg,html body .res-hero a.cta-pill svg,
html body .blog-article-hero a.cta-pill svg,html body .spl-hero a.spl-cta svg,
html body .tov-hero a.tov-hero-cta svg,html body .spring-fx-hero a.fx-cta svg,
html body .tm-hero a.tm-hero-btn svg,html body .spc-hero a.spc-btn svg,
html body .vac-hero a[class*=cta] svg,html body .vac-hero a[class*=btn] svg{display:none !important}
/* --- Eyebrow / kicker: 13px 700 brand-green --- */
html body .page-hero.page-hero .spring-eyebrow,
html body .res-hero.res-hero .spring-eyebrow,
html body .spl-hero.spl-hero .spring-eyebrow,
html body .spring-fx-hero.spring-fx-hero .spring-eyebrow,
html body .blog-article-hero.blog-article-hero .spring-eyebrow,
html body .tov-hero.tov-hero .tov-eyebrow,
html body .vac-hero.vac-hero .vac-ov-eyebrow,
html body .vac-hero.vac-hero [class*=eyebrow]{
font-size:13px !important;line-height:1.4 !important;font-weight:700 !important;
color:rgb(124,167,63) !important;margin:0 0 12px !important;
}
/* --- Breadcrumb: 13px 400 neutral grey, uniform bottom margin --- */
html body .page-hero.page-hero .crumbs,
html body .res-hero.res-hero .crumbs,
html body .blog-article-hero.blog-article-hero .crumbs,
html body .spl-hero.spl-hero .spl-crumb,
html body .tov-hero.tov-hero .tov-crumb,
html body .spring-fx-hero.spring-fx-hero .fx-crumbs,
html body .tm-hero.tm-hero .tm-crumb,
html body .spc-hero.spc-hero .spc-crumb,
html body .vac-hero.vac-hero .vac-crumb{
font-size:13px !important;line-height:1.4 !important;font-weight:400 !important;
color:rgb(154,154,151) !important;margin:0 0 16px !important;
}
html body .page-hero .crumbs a,html body .res-hero .crumbs a,
html body .blog-article-hero .crumbs a,html body .spl-hero .spl-crumb a,
html body .tov-hero .tov-crumb a,html body .spring-fx-hero .fx-crumbs a,
html body .tm-hero .tm-crumb a,html body .spc-hero .spc-crumb a,
html body .vac-hero .vac-crumb a{
font-size:13px !important;font-weight:400 !important;color:rgb(154,154,151) !important;
}
html body .tm-hero .tm-crumb-cur,html body .spc-hero .spc-crumb-cur{
font-size:13px !important;font-weight:400 !important;color:rgb(207,207,202) !important;margin:0 !important;
}
/* --- Subhead / lead: 18px 400, uniform colour + bottom margin --- */
html body .spl-hero.spl-hero .spl-sub,
html body .tov-hero.tov-hero .tov-sub,
html body .page-hero.page-hero .lead,
html body .res-hero.res-hero .lead,
html body .blog-article-hero.blog-article-hero .lead,
html body .spring-fx-hero.spring-fx-hero p,
html body .spc-hero.spc-hero .spc-lead,
html body .vac-hero.vac-hero .vac-ov-sub,
html body .vac-hero.vac-hero [class*=sub]{
font-size:18px !important;line-height:1.6 !important;font-weight:400 !important;
color:rgb(207,207,202) !important;margin:0 0 24px !important;
}
/* --- Mobile: keep CTA pill + labels legible at <=820px --- */
@media(max-width:820px){
html body .page-hero a.cta-pill,html body .res-hero a.cta-pill,
html body .spl-hero a.spl-cta,html body .tov-hero a.tov-hero-cta,
html body .spring-fx-hero a.fx-cta,html body .tm-hero a.tm-hero-btn,
html body .spc-hero a.spc-btn,html body .vac-hero a[class*=cta],
html body .vac-hero a[class*=btn]{font-size:15px !important;padding:12px 24px !important}
}