/* =====================================================================
   UNITED X BORDERS - page refinements (loaded AFTER style.css)
   1 Header menu size  2 About leaders  3 What We Do + CTAs
   4 Shared forms      5 Opportunities  6 Blog
   ===================================================================== */
:root{--uxg-dark:#0f3d2e;--uxg-mint:#e8efe9;--uxg-mint2:#f3f7f4;--uxg-line:#cfdad3;--uxg-text:#1c2a24;--uxg-muted:#4a5e55;--uxg-gold:#d8ad35}

/* ---------- 1. TOP MENU: readable, standard sizes ---------- */
.uxb-header .uxb-menu .uxb-main-link,
.uxb-header .uxb-menu .uxb-dropdown-toggle{font-size:15px!important;font-weight:700!important;letter-spacing:0!important;color:#1d3b31!important;padding:0 14px!important}
.uxb-header .uxb-menu .uxb-main-link:hover,
.uxb-header .uxb-menu .uxb-main-link.active{color:#063b2f!important}
.uxb-header .uxb-menu .uxb-main-link:after{left:14px!important;right:14px!important}
.uxb-header a.uxb-cta{font-size:13px!important;font-weight:800!important}
@media(max-width:1150px){
  .uxb-header .uxb-menu .uxb-main-link,.uxb-header .uxb-menu .uxb-dropdown-toggle{font-size:14px!important;padding:0 10px!important}
  .uxb-header .uxb-menu .uxb-main-link:after{left:10px!important;right:10px!important}
  .uxb-header a.uxb-cta{font-size:12.5px!important}
}
@media(max-width:991px){
  .uxb-header .uxb-menu .uxb-main-link,.uxb-header .uxb-menu .uxb-dropdown-toggle{font-size:16px!important;padding:13px 12px!important;min-height:50px!important}
}

/* ---------- 2. ABOUT US: equal photos + aligned text ---------- */
body .uxb-about-content .about-leadership-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
body .uxb-about-content .about-leadership-grid > article.detail-card{display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;text-align:left!important}
body .uxb-about-content .about-leadership-grid > article.detail-card > img.detail-card-image.uxb-leader-image{
  display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:1/1!important;object-fit:cover!important;object-position:center 22%!important;filter:none!important;flex:0 0 auto!important}
body .uxb-about-content .about-leadership-grid > article.detail-card > .home-copy-card{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;padding:24px 24px 26px!important}
body .uxb-about-content .about-leadership-grid .home-copy-card h3{min-height:0!important;margin:0 0 6px!important}
body .uxb-about-content .about-leadership-grid .home-copy-card h4{min-height:0!important;margin:0 0 14px!important;color:#0a7358!important;font-size:14px!important;font-weight:700!important}
body .uxb-about-content .about-leadership-grid .home-copy-card p{text-align:left!important;margin:0!important}
@media(max-width:900px){body .uxb-about-content .about-leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){body .uxb-about-content .about-leadership-grid{grid-template-columns:1fr!important}}

/* ---------- 3. WHAT WE DO ---------- */
.uxw-section{padding:64px 0 24px;background:#f5f7f3}
.uxw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:26px;align-items:stretch}
.uxw-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dfe8e2;border-radius:20px;padding:32px;box-shadow:0 14px 32px rgba(3,56,45,.07);position:relative;overflow:hidden}
.uxw-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
/*background:linear-gradient(#045b45,#dcae39)*/
    
}
.uxw-icon{width:60px;height:60px;border-radius:16px;background:#eaf3ec;border:1px solid #d3e5d8;color:#07834b;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex:0 0 auto}
.uxw-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.uxw-card h2{font-size:25px!important;line-height:1.25!important;color:#03382d!important;margin:0 0 14px!important;min-height:1.25em}
.uxw-card p{font-size:15.5px!important;line-height:1.75!important;color:#40566b!important;margin:0!important;text-align:left}
.uxw-next{padding:40px 0 78px;background:#f5f7f3}
.uxw-next-panel{background:var(--uxg-dark);border-radius:22px;padding:44px 40px;color:#fff}
.uxw-next-panel h2{color:#fff!important;font-size:clamp(26px,3vw,36px)!important;margin:0 0 26px!important;text-align:center}
.uxw-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.uxw-next-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:28px}
.uxw-next-card h3{color:#fff!important;font-size:22px!important;line-height:1.3!important;margin:0!important}
.uxb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:8px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;transition:transform .2s,background .2s,color .2s;cursor:pointer;font-family:inherit}
.uxb-btn:hover{transform:translateY(-2px)}
.uxb-btn-gold{background:linear-gradient(135deg,#e5b940,#d5a52b);color:#17271f!important;align-self:flex-start}
.uxb-btn-dark{background:var(--uxg-dark);color:#fff!important}
.uxb-btn-line{background:#fff;color:var(--uxg-dark)!important;border-color:var(--uxg-dark)}
@media(max-width:800px){.uxw-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:18px}.uxw-card{padding:26px 22px}.uxw-next-grid{grid-template-columns:1fr}.uxw-next-panel{padding:32px 20px}}

/* ---------- 4. SHARED FORMS ---------- */
.uxf-page{padding:56px 0 78px;background:#f5f7f3}
.uxf-wrap{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--uxg-line);border-radius:18px;padding:36px;box-shadow:0 14px 32px rgba(3,56,45,.07)}
.uxf-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0a7358;margin:0 0 8px}
.uxf-wrap h2,.uxf-panel h2{font-size:clamp(24px,2.6vw,32px)!important;color:var(--uxg-dark)!important;margin:0 0 8px!important}
.uxf-sub{color:var(--uxg-muted);font-size:15px;line-height:1.7;margin:0 0 24px}
.uxf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.uxf-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.uxf-full{grid-column:1/-1}
.uxf-field label{font-size:13px;font-weight:700;color:var(--uxg-text)}
.uxf-field .req{color:#b42318}
.uxf-field input,.uxf-field select,.uxf-field textarea{width:100%;box-sizing:border-box;border:1px solid #b9c8bf;border-radius:8px;padding:12px 13px;font-size:15px;font-family:inherit;color:var(--uxg-text);background:#fff}
.uxf-field input:focus,.uxf-field select:focus,.uxf-field textarea:focus{outline:2px solid #1b7a5c;outline-offset:1px;border-color:#1b7a5c}
.uxf-field.has-error input,.uxf-field.has-error select,.uxf-field.has-error textarea{border-color:#b42318}
.uxf-err{color:#b42318;font-size:12.5px}
.uxf-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:var(--uxg-muted);margin:6px 0 0}
.uxf-check input{margin-top:3px;width:17px;height:17px;flex:0 0 auto}
.uxf-actions{margin-top:22px}
.uxf-alert{border-radius:10px;padding:14px 16px;font-size:14.5px;line-height:1.6;margin:0 0 20px}
.uxf-ok{background:#e6f4ea;border:1px solid #9fd1ae;color:#124a26}
.uxf-bad{background:#fdecea;border:1px solid #f1aba5;color:#8a1c14}
.uxf-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.uxf-back{display:inline-block;margin-top:20px;font-size:13px;font-weight:700;color:var(--uxg-dark);text-decoration:none}
@media(max-width:700px){.uxf-wrap{padding:24px 18px}.uxf-grid{grid-template-columns:1fr}}

/* ---------- 5. OPPORTUNITIES ---------- */
.uxo{background:#fff;color:var(--uxg-text);padding:34px 0 70px}
.uxo-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:0;background:var(--uxg-mint);border:1px solid var(--uxg-line)}
.uxo-hero-main{padding:44px 44px 40px}
.uxo-hero-side{padding:44px 38px;border-left:1px solid var(--uxg-line)}
.uxo-kick{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0a7358;margin:0 0 12px}
.uxo-hero h1{font-size:clamp(32px,4.4vw,54px)!important;line-height:1.08!important;color:var(--uxg-dark)!important;margin:0 0 18px!important}
.uxo-hero p{font-size:15.5px;line-height:1.7;color:var(--uxg-muted);margin:0 0 22px}
.uxo-btns{display:flex;flex-wrap:wrap;gap:12px}
.uxo-hero-side h2{font-size:clamp(24px,2.4vw,30px)!important;color:var(--uxg-dark)!important;margin:0 0 14px!important}
.uxo-list{list-style:none;margin:0 0 16px;padding:0}
.uxo-list li{padding:9px 0;border-bottom:1px solid var(--uxg-line);font-size:15px;font-weight:600;color:var(--uxg-text)}
.uxo-list li:last-child{border-bottom:0}
.uxo-hero-side small{display:block;font-size:13.5px;line-height:1.6;color:var(--uxg-muted)}
.uxo-sec{padding-top:46px}
.uxo-sec-head h2{font-size:clamp(26px,3vw,36px)!important;color:var(--uxg-dark)!important;margin:0 0 10px!important}
.uxo-sec-head p{font-size:15px;line-height:1.7;color:var(--uxg-muted);max-width:900px;margin:0 0 22px}
.uxo-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--uxg-line);background:#fff}
.uxo-card{padding:24px 22px;border-right:1px solid var(--uxg-line);display:flex;flex-direction:column;background:var(--uxg-mint2)}
.uxo-card:last-child{border-right:0}
.uxo-card h3{font-size:14px!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--uxg-dark)!important;margin:0 0 10px!important;line-height:1.3!important}
.uxo-card p{font-size:14.5px;line-height:1.65;color:var(--uxg-muted);margin:0}
.uxo-note{font-size:13px;color:var(--uxg-muted);margin:12px 0 0}
.uxo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--uxg-dark);color:#fff}
.uxo-step{padding:24px 22px;border-right:1px solid rgba(255,255,255,.18)}
.uxo-step:last-child{border-right:0}
.uxo-step b{display:block;font-size:12px;letter-spacing:.14em;color:#f0cf74;margin-bottom:8px}
.uxo-step h3{color:#fff!important;font-size:17px!important;margin:0 0 8px!important}
.uxo-step p{font-size:14px;line-height:1.6;color:#d6e4dc;margin:0}
.uxo-form-row{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:34px;align-items:start}
.uxf-panel{background:#fff;border:1px solid var(--uxg-line);padding:30px}
.uxo-side{background:var(--uxg-mint);border:1px solid var(--uxg-line);padding:30px}
.uxo-side h2{font-size:clamp(24px,2.4vw,30px)!important;color:var(--uxg-dark)!important;margin:0 0 12px!important}
.uxo-side p{font-size:15px;line-height:1.7;color:var(--uxg-muted);margin:0 0 18px}
.uxo-important{margin-top:20px;padding-top:16px;border-top:1px solid var(--uxg-line);font-size:13.5px;line-height:1.65;color:var(--uxg-muted)}
.uxo-important strong{display:block;color:var(--uxg-dark);letter-spacing:.1em;font-size:11px;text-transform:uppercase;margin-bottom:6px}
@media(max-width:991px){.uxo-hero{grid-template-columns:1fr}.uxo-hero-side{border-left:0;border-top:1px solid var(--uxg-line)}.uxo-cards,.uxo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.uxo-card:nth-child(2),.uxo-step:nth-child(2){border-right:0}.uxo-card:nth-child(-n+2),.uxo-step:nth-child(-n+2){border-bottom:1px solid var(--uxg-line)}.uxo-form-row{grid-template-columns:1fr}}
@media(max-width:560px){.uxo-hero-main,.uxo-hero-side,.uxf-panel,.uxo-side{padding:26px 20px}.uxo-cards,.uxo-steps{grid-template-columns:1fr}.uxo-card,.uxo-step{border-right:0!important;border-bottom:1px solid var(--uxg-line)}.uxo-card:last-child,.uxo-step:last-child{border-bottom:0}.uxo-btns .uxb-btn{width:100%}}

/* ---------- 6. BLOG ---------- */
.uxg{background:#fff;color:var(--uxg-text);padding:34px 0 70px}
.uxg-hero{display:grid;grid-template-columns:1.5fr 1fr;background:var(--uxg-mint);border:1px solid var(--uxg-line)}
.uxg-hero-main{padding:44px}
.uxg-hero-side{padding:44px 38px;border-left:1px solid var(--uxg-line)}
.uxg-hero h1{font-size:clamp(34px,4.6vw,56px)!important;line-height:1.06!important;color:var(--uxg-dark)!important;margin:0 0 18px!important}
.uxg-hero p{font-size:15.5px;line-height:1.7;color:var(--uxg-muted);margin:0 0 22px}
.uxg-hero-side h2{font-size:clamp(22px,2.2vw,28px)!important;color:var(--uxg-dark)!important;margin:0 0 12px!important}
.uxg-hero-side p{font-size:14.5px;margin:0 0 12px}
.uxg-hero-side p strong{color:var(--uxg-text)}
.uxg-sec{padding-top:48px}
.uxg-sec h2.uxg-title{font-size:clamp(26px,3vw,36px)!important;color:var(--uxg-dark)!important;margin:0 0 8px!important}
.uxg-sec-sub{font-size:15px;line-height:1.7;color:var(--uxg-muted);margin:0 0 22px}
.uxg-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--uxg-line);background:var(--uxg-mint2)}
.uxg-guide{padding:26px 28px;border-bottom:1px solid var(--uxg-line);display:flex;flex-direction:column}
.uxg-guide:nth-child(odd){border-right:1px solid var(--uxg-line)}
.uxg-guide:nth-last-child(-n+2){border-bottom:0}
.uxg-guide h3{font-size:15px!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--uxg-dark)!important;margin:0 0 8px!important}
.uxg-guide p{font-size:14.5px;line-height:1.65;color:var(--uxg-muted);margin:0 0 14px;flex:1 1 auto}
.uxg-link{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--uxg-dark)!important;text-decoration:none}
.uxg-link:hover{text-decoration:underline}
.uxg-band{display:grid;grid-template-columns:1fr 260px;border:1px solid var(--uxg-line);margin-top:20px}
.uxg-band-main{background:var(--uxg-mint);padding:28px 32px}
.uxg-band-main h3{font-size:clamp(20px,2.2vw,26px)!important;color:var(--uxg-dark)!important;margin:6px 0 8px!important}
.uxg-band-main p{font-size:14.5px;line-height:1.65;color:var(--uxg-muted);margin:0}
.uxg-band-cta{background:var(--uxg-dark);display:flex;align-items:center;justify-content:center;padding:20px;color:#fff!important;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;text-align:center}
.uxg-band-cta:hover{background:#0a2e22}
.uxg-band.light .uxg-band-main{background:var(--uxg-mint2)}
@media(max-width:991px){.uxg-hero{grid-template-columns:1fr}.uxg-hero-side{border-left:0;border-top:1px solid var(--uxg-line)}}
@media(max-width:700px){.uxg-guides{grid-template-columns:1fr}.uxg-guide,.uxg-guide:nth-child(odd){border-right:0}.uxg-guide:nth-last-child(2){border-bottom:1px solid var(--uxg-line)}.uxg-band{grid-template-columns:1fr}.uxg-hero-main,.uxg-hero-side{padding:28px 20px}.uxg-band-cta{min-height:64px}}


/* =====================================================================
   7. OPPORTUNITIES + BLOG TITLE BANNER
   Same full-width banner as About Us / What We Do / Contact Us.
   (Banner sits OUTSIDE the .container, so the background spans the
   whole screen; the old grey boxed hero is no longer used.)
   ===================================================================== */
.uxb-hero-rich.uxb-page-reference-hero{min-height:0!important;padding:64px 22px 58px!important}
.uxb-hero-rich .uxb-reference-hero-content{max-width:1080px!important}
.uxb-hero-rich .uxb-reference-contact-kicker{margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:#0a7358}
.uxb-hero-rich.uxb-page-reference-hero .uxb-reference-contact-title{font-size:clamp(30px,3.6vw,46px)!important;line-height:1.14!important;max-width:980px!important;margin:0 auto 18px!important}
.uxb-hero-rich.uxb-page-reference-hero .uxb-reference-hero-copy{font-size:clamp(16px,1.35vw,19px);font-weight:600;line-height:1.65;max-width:900px;margin:0 auto 26px;letter-spacing:-.005em}
.uxb-hero-rich .uxo-btns{justify-content:center}
@media(max-width:700px){
  .uxb-hero-rich.uxb-page-reference-hero{padding:44px 18px 40px!important}
  .uxb-hero-rich.uxb-page-reference-hero .uxb-reference-contact-title{font-size:28px!important;margin-bottom:14px!important}
  .uxb-hero-rich.uxb-page-reference-hero .uxb-reference-hero-copy{font-size:15.5px;margin-bottom:22px}
  .uxb-hero-rich .uxo-btns{flex-direction:column;align-items:stretch}
  .uxb-hero-rich .uxo-btns .uxb-btn{width:100%}
}

/* the "What We Source" / "What You'll Learn" text, kept as-is, now a clean panel under the banner */
.uxx-aside{background:var(--uxg-mint2);border:1px solid var(--uxg-line);border-radius:14px;padding:30px 34px}
.uxx-aside h2{font-size:clamp(22px,2.2vw,28px)!important;color:var(--uxg-dark)!important;margin:0 0 14px!important}
.uxx-aside p:not(.uxo-kick){font-size:15px;line-height:1.7;color:var(--uxg-muted);margin:0 0 10px;max-width:900px}
.uxx-aside p:not(.uxo-kick) strong{color:var(--uxg-text)}
.uxx-aside .uxo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 30px}
.uxx-aside small{display:block;font-size:13.5px;line-height:1.6;color:var(--uxg-muted)}
@media(max-width:700px){.uxx-aside{padding:22px 18px}}


/* =====================================================================
   8. ONE PROFESSIONAL FONT FOR THE WHOLE WEBSITE  →  Inter
   Replaces the old mix of Manrope / Playfair Display / Georgia.
   Font Awesome icons are excluded so icons keep working.
   ===================================================================== */
:root{--uxb-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;--uxb-display:var(--uxb-font);--uxb-font-body:var(--uxb-font);--uxb-font-heading:var(--uxb-font)}
html body,
html body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class*="fa-"]):not(svg):not(svg *){
  font-family:var(--uxb-font)!important;
}
html body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto}
html body :is(h1,h2,h3,h4,h5,h6){font-weight:750;letter-spacing:-.02em}


/* =====================================================================
   9. OPPORTUNITIES + BLOG - exactly the same side space as About Us,
   Contact Us and What We Do (they all use the shared .container rule).
   ===================================================================== */
html body .uxo,html body .uxg{overflow-x:clip}


/* =====================================================================
   10. OPPORTUNITIES + BLOG - title section with details inside the banner
   Full-width banner (background image) -> text on the left, details card
   on the right. Uses the shared .container so side space matches every page.
   ===================================================================== */
.uxb-hero-split.uxb-page-reference-hero{padding:60px 0 56px!important;display:flex;align-items:center}
.uxb-hero-split .uxb-hero-split-inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:44px;align-items:center;text-align:left;position:relative;z-index:1}
.uxb-hero-split .uxb-hero-split-main{display:block;text-align:left}
.uxb-hero-split .uxb-reference-contact-kicker{text-align:left}
.uxb-hero-split.uxb-hero-rich.uxb-page-reference-hero .uxb-reference-contact-title{text-align:left;margin:0 0 16px!important;max-width:none!important;font-size:clamp(30px,3.3vw,44px)!important}
.uxb-hero-split.uxb-hero-rich.uxb-page-reference-hero .uxb-reference-hero-copy{text-align:left;margin:0 0 24px;max-width:640px}
.uxb-hero-split .uxo-btns{justify-content:flex-start}
.uxb-hero-split-side{background:rgba(255,255,255,.82);border:1px solid var(--uxg-line);border-radius:16px;padding:28px 30px;box-shadow:0 14px 34px rgba(15,61,46,.10);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.uxb-hero-split-side h2{font-size:clamp(21px,2vw,26px)!important;line-height:1.2!important;color:var(--uxg-dark)!important;margin:0 0 12px!important}
.uxb-hero-split-side p:not(.uxo-kick){font-size:14.5px;line-height:1.65;color:var(--uxg-muted);margin:0 0 10px}
.uxb-hero-split-side p:not(.uxo-kick) strong{color:var(--uxg-text)}
.uxb-hero-split-side .uxo-list{margin:0 0 12px}
.uxb-hero-split-side small{display:block;font-size:13px;line-height:1.6;color:var(--uxg-muted)}
@media(max-width:991px){
  .uxb-hero-split .uxb-hero-split-inner{grid-template-columns:1fr;gap:28px}
  .uxb-hero-split.uxb-page-reference-hero{padding:44px 0 40px!important}
}
@media(max-width:700px){
  .uxb-hero-split.uxb-hero-rich.uxb-page-reference-hero .uxb-reference-contact-title{font-size:28px!important}
  .uxb-hero-split .uxo-btns{flex-direction:column;align-items:stretch}
  .uxb-hero-split .uxo-btns .uxb-btn{width:100%}
  .uxb-hero-split-side{padding:22px 20px}
}


/* =====================================================================
   11. HOME PAGE CTA strip only - title, tagline and button centered
   ===================================================================== */
html body .uxb-home-cta .strip-inner{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;gap:22px!important}
html body .uxb-home-cta .strip-inner h3{max-width:900px;margin-left:auto;margin-right:auto}
html body .uxb-home-cta .strip-inner p{text-align:center}
html body .uxb-home-cta .strip-inner > a{align-self:center}
@media(max-width:700px){html body .uxb-home-cta .strip-inner > a{width:100%!important;max-width:420px}}

/* ---------- UXB premium unified split hero + refined card interactions ---------- */
.uxb-unified-page-hero.uxb-hero-split.uxb-page-reference-hero{width:100%;min-height:0!important;padding:60px 0 56px!important;display:flex;align-items:center;text-align:left!important;background:#f7faef!important}
.uxb-unified-page-hero .uxb-reference-hero-bg{background-image:linear-gradient(100deg,rgba(250,252,243,.92),rgba(244,249,229,.84)),url('../images/title.png')!important;background-position:center!important;background-size:cover!important}
.uxb-unified-page-hero:after{background:linear-gradient(110deg,rgba(255,255,255,.16),rgba(218,235,190,.18))!important}
.uxb-unified-page-hero .uxb-hero-split-inner{width:min(100% - 48px,1300px)!important;max-width:1300px!important;margin:0 auto!important;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;gap:clamp(30px,4vw,58px)!important;align-items:center!important;position:relative;z-index:1}
.uxb-unified-page-hero .uxb-hero-split-main{min-width:0;text-align:left!important}
.uxb-unified-page-hero .uxb-reference-contact-title{font-size:clamp(36px,4vw,54px)!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#073d30!important;text-align:left!important;margin:0 0 18px!important}
.uxb-unified-page-hero .uxb-reference-hero-copy{display:block;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.75!important;font-weight:500!important;color:#355348!important;max-width:740px!important;margin:0 0 16px!important;text-align:left!important}
.uxb-unified-page-hero .uxb-added-intro-description,.uxb-unified-page-hero .uxb-reference-hero-subtitle{max-width:740px;color:#435b50;line-height:1.72;margin:10px 0 0!important;text-align:left!important}
.uxb-unified-page-hero .uxb-hero-points{align-self:center;background:rgba(255,255,255,.91)!important;border:1px solid rgba(10,91,66,.18)!important;border-radius:22px!important;padding:28px 32px!important;box-shadow:0 22px 55px rgba(5,61,48,.12)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}
.uxb-unified-page-hero .uxb-hero-points:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0a7358,#e2bb4d)}
.uxb-unified-page-hero .uxb-hero-points h2{font-size:clamp(21px,2vw,27px)!important;line-height:1.25!important;color:#123e31!important;margin:0 0 12px!important}
.uxb-hero-point-list{list-style:none!important;padding:0!important;margin:0!important;display:flex;flex-direction:column}
.uxb-hero-point-list li{display:flex;align-items:center;gap:14px;padding:13px 0!important;border-bottom:1px solid #dce6df!important;color:#263c33;font-size:15px;font-weight:650;line-height:1.45;transition:color .2s,padding-left .2s}
.uxb-hero-point-list li:last-child{border-bottom:0!important;padding-bottom:2px!important}
.uxb-hero-point-list li:hover{color:#08704f;padding-left:5px!important}
.uxb-point-mark{width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6e5d9;border-radius:11px;background:#eff6ef;color:#08704f;font-size:14px;font-weight:850;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);transition:background .2s,color .2s,transform .2s}
.uxb-hero-point-list li:hover .uxb-point-mark{background:#0a5b43;color:#fff;transform:translateY(-1px)}
.uxb-hero-point-list li span:last-child{display:flex;flex-direction:column;gap:2px}
.uxb-hero-point-list li b{font-size:15px;color:inherit}
.uxb-hero-point-list li small{font-size:12px;font-weight:500;color:#61756b}

/* Consistent premium hover for home and inner-page topic boxes. */
html body .home-copy-card,html body .detail-card,html body .framework-card,html body .wwd-card,html body .reach-card,html body .service-card,html body .uxw-card,html body .uxw-next-card,html body .uxo-card,html body .uxo-step,html body .uxo-hero-side,html body .uxb-timeline-card,html body .uxb-office-card,html body .uxb-connect-card,html body .uxb-email-card{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease!important;will-change:transform
}
html body .home-copy-card:hover,html body .detail-card:hover,html body .framework-card:hover,html body .wwd-card:hover,html body .reach-card:hover,html body .service-card:hover,html body .uxw-card:hover,html body .uxw-next-card:hover,html body .uxo-card:hover,html body .uxo-step:hover,html body .uxb-timeline-card:hover,html body .uxb-office-card:hover,html body .uxb-connect-card:hover,html body .uxb-email-card:hover{
  transform:translateY(-6px)!important;border-color:rgba(9,105,75,.34)!important;box-shadow:0 22px 46px rgba(5,61,48,.14)!important
}
html body .uxw-card:after,html body .home-copy-card:after,html body .uxo-card:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0b674b,#e3bc53);transform:scaleX(0);transform-origin:left;transition:transform .28s ease;pointer-events:none}
html body .uxw-card,html body .home-copy-card,html body .uxo-card{position:relative;overflow:hidden}
html body .uxw-card:hover:after,html body .home-copy-card:hover:after,html body .uxo-card:hover:after{transform:scaleX(1)}
html body .uxw-icon{transition:transform .28s ease,background .28s ease,box-shadow .28s ease}
html body .uxw-card:hover .uxw-icon{transform:translateY(-3px) rotate(-3deg);background:#e0eee3;box-shadow:0 8px 18px rgba(5,61,48,.1)}
@media(max-width:991px){.uxb-unified-page-hero.uxb-hero-split.uxb-page-reference-hero{padding:44px 0 42px!important}.uxb-unified-page-hero .uxb-hero-split-inner{width:min(100% - 36px,760px)!important;grid-template-columns:1fr!important;gap:26px!important}.uxb-unified-page-hero .uxb-hero-points{width:100%;box-sizing:border-box}}
@media(max-width:600px){.uxb-unified-page-hero.uxb-hero-split.uxb-page-reference-hero{padding:36px 0 34px!important}.uxb-unified-page-hero .uxb-hero-split-inner{width:calc(100% - 32px)!important;gap:22px!important}.uxb-unified-page-hero .uxb-reference-contact-title{font-size:clamp(31px,9vw,40px)!important}.uxb-unified-page-hero .uxb-reference-hero-copy{font-size:15.5px!important;line-height:1.7!important}.uxb-unified-page-hero .uxb-hero-points{padding:22px 22px 20px 26px!important;border-radius:17px!important}.uxb-hero-point-list li{padding:11px 0!important;font-size:14px}}
@media(prefers-reduced-motion:reduce){html body .home-copy-card,html body .detail-card,html body .framework-card,html body .wwd-card,html body .reach-card,html body .service-card,html body .uxw-card,html body .uxw-next-card,html body .uxo-card,html body .uxo-step,html body .uxb-timeline-card,html body .uxb-office-card,html body .uxb-connect-card,html body .uxb-email-card{transition:none!important}}


/* ================= PREMIUM CONTENT CARD INTERACTIONS =================
   Keep all page-title/hero sections unchanged. These effects apply only
   to content cards below the title section on the other website pages.
======================================================================= */
main > section:not(.uxb-reference-hero) article,
main > section:not(.uxb-reference-hero) .home-copy-card,
main > section:not(.uxb-reference-hero) .service-card,
main > section:not(.uxb-reference-hero) .reach-card,
main > section:not(.uxb-reference-hero) .uxb-content-card,
main > section:not(.uxb-reference-hero) .feature-card,
main > section:not(.uxb-reference-hero) .info-card,
main > section:not(.uxb-reference-hero) .team-card,
main > section:not(.uxb-reference-hero) .leadership-card,
main > section:not(.uxb-reference-hero) .journey-card,
main > section:not(.uxb-reference-hero) .contact-card,
main > section:not(.uxb-reference-hero) .detail-card {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
main > section:not(.uxb-reference-hero) article:hover,
main > section:not(.uxb-reference-hero) .home-copy-card:hover,
main > section:not(.uxb-reference-hero) .service-card:hover,
main > section:not(.uxb-reference-hero) .reach-card:hover,
main > section:not(.uxb-reference-hero) .uxb-content-card:hover,
main > section:not(.uxb-reference-hero) .feature-card:hover,
main > section:not(.uxb-reference-hero) .info-card:hover,
main > section:not(.uxb-reference-hero) .team-card:hover,
main > section:not(.uxb-reference-hero) .leadership-card:hover,
main > section:not(.uxb-reference-hero) .journey-card:hover,
main > section:not(.uxb-reference-hero) .contact-card:hover,
main > section:not(.uxb-reference-hero) .detail-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 38px rgba(3,56,45,.13);
  border-color: rgba(220,174,57,.72);
}

/* Blog and Opportunities title-side boxes: match the green-to-gold
   left accent shown on the other page title boxes. Keep all title content,
   sizing and layout unchanged. */
main > .uxb-reference-hero:has(#uxo-title) .uxb-hero-split-side,
main > .uxb-reference-hero:has(#uxg-title) .uxb-hero-split-side {
  position: relative;
  overflow: hidden;
  border-left: 1px solid var(--uxg-line);
}
main > .uxb-reference-hero:has(#uxo-title) .uxb-hero-split-side::before,
main > .uxb-reference-hero:has(#uxg-title) .uxb-hero-split-side::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #0a7358 0%, #e2bb4d 100%);
  pointer-events: none;
}