/* ================================================================
   Ubuntu Trust — Public CSS v2
   Brand: Green #1a6b2a | Red #c8102e | Black #111
   Font: Playfair Display (headings) | Source Sans 3 (body)
   Design modeled after FINCA.org
   ================================================================ */

/* ── RESET & BASE ─────────────────────────────────────── */
:root {
  --green:       #1a6b2a;
  --green-dk:    #0d4117;
  --green-lt:    #2d8a40;
  --red:         #c8102e;
  --red-dk:      #a00c24;
  --black:       #111111;
  --dark:        #1c1c1c;
  --gray:        #555555;
  --gray-lt:     #f5f6f7;
  --border:      #e4e8ec;
  --white:       #ffffff;

  --radius:      4px;
  --shadow-sm:   0 2px 8px rgba(0,0,0,.08);
  --shadow:      0 4px 24px rgba(0,0,0,.12);
  --shadow-lg:   0 8px 40px rgba(0,0,0,.16);
  --trans:       all .25s ease;
}

.ut-page *, .ut-page *::before, .ut-page *::after { box-sizing: border-box; }
.ut-page { font-family: var(--ff-body); font-size: 16px !important; color: var(--dark) !important; line-height: 1.6; }
.ut-page img { max-width: 100%; height: auto;}
.ut-page a { text-decoration: none;color: #fff !important;background: green;}
.ut-page ul { margin: 0; padding: 0; list-style: none; }
.ut-page h1,.ut-page h2,.ut-page h3,.ut-page h4 { /*! font-family: var(--ff-head); */ line-height: 1.15; }
.ut-container { max-width: 1203px; margin-left: 0; padding: 0 28px; }

/* ── BUTTONS ────────────────────────────────────────────── */
.ut-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 11px 26px; border-radius: var(--radius);
  font-family: var(--ff-body); font-size: 13px; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; cursor: pointer;
  border: 2px solid transparent; transition: var(--trans);
  white-space: nowrap;
  width: ;
}
.ut-btn-red   {background: var(--red); border-color: var(--red); color: #fff !important;/*! width: 22%; */}
.ut-btn-red:hover   { background:var(--red-dk); border-color:var(--red-dk); color:#fff; }
.ut-btn-green { background:var(--green); border-color:var(--green); color:#fff; }
.ut-btn-green:hover { background:var(--green-dk); color:#fff; }
.ut-btn-dark  { background:green; border-color:green; color:#fff !important; width: 46%;}
.ut-btn-dark:hover  { background:red; color:#fff; border: none;}
.ut-btn-dark-sm { display:inline-flex; align-items:center; gap:6px; padding:7px 16px; background:#038e33; color:#fff !important; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; border-radius:var(--radius); transition:var(--trans); }
.ut-btn-dark-sm:hover { background:#333; color:#fff; }
.ut-btn-white-outline { background:transparent; border:2px solid rgba(255,255,255,.7); color:#fff; }
.ut-btn-white-outline:hover { background:rgba(255,255,255,.15); color:#fff; }
.ut-btn-outline-green { background:transparent; border:2px solid var(--green); color:var(--green); }
.ut-btn-outline-green:hover { background:var(--green); color:#fff; }
.ut-btn-block { display:flex; width:100%; justify-content:center; }
.ut-btn-lg  { padding:14px 32px; font-size:14px; }

/* text links */
.ut-text-link { color:var(--green); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.04em; display:inline-flex; align-items:center; gap:6px; }
.ut-text-link:hover { color:var(--green-dk); }
.ut-text-link-red { color:var(--red); font-weight:600; font-size:13px; display:inline-flex; align-items:center; gap:6px; }
.ut-text-link-red:hover { color:var(--red-dk); }

/* ── HERO ────────────────────────────────────────────────── */
.ut-hero {
  position: relative; background-size:cover; background-position:center top;
  min-height: 540px; display:flex; align-items:center;
}
.ut-hero-sm  { min-height: 360px; height: 600px;}
.ut-hero-xs  { min-height: 240px; }
.ut-hero-overlay {
  position:absolute; inset:0;
  background: linear-gradient(120deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.28) 100%);
}
.ut-hero-inner {
  position:relative; z-index:2; width:100%; padding:72px 24px;
  max-width:1120px; margin:0 auto;
  display:grid; grid-template-columns:1fr 340px; gap:48px; align-items:center;
}
.ut-hero-inner-left { grid-template-columns:1fr; max-width:737px; text-align: center;}
.ut-hero-text h1 { color:#fff; font-size:clamp(28px,4vw,52px); margin:0 0 18px; }
.ut-hero-text p  { color:rgba(255,255,255,.9); font-size:16px; margin:0 0 32px; line-height:1.7; }
.ut-hero-inner-left h1 { color:#fff; font-size:clamp(26px,3.5vw,48px); margin:0 0 16px; }
.ut-hero-inner-left p  { color:rgba(255,255,255,.88); font-size:16px; margin:0 0 -17px; line-height:1.4; }
.ut-hero-kicker { font-size:clamp(22px,3vw,38px)!important; font-family:var(--ff-head); margin:0 0 -30px !important; }
.ut-hero-body   { font-size:15px!important; }

/* ── HERO DONATE BOX ─────────────────────────────────────── */
.ut-hero-donate-box {
  background:#fff; border-radius:var(--radius); padding:22px 22px 18px;
  box-shadow: var(--shadow-lg);
}
.ut-hd-toggle {
  display:flex; border:2px solid var(--border); border-radius:var(--radius);
  overflow:hidden; margin-bottom:14px;
}
.ut-hd-btn {
  flex:1; padding:9px 12px; font-size:13px; font-weight:600;
  background:#fff; border:none; cursor:pointer; transition:var(--trans);
  font-family:var(--ff-body); color:var(--dark); display:flex; align-items:center; justify-content:center; gap:6px;
}
.ut-hd-btn.active { background:var(--green); color:#fff; }
.ut-hd-amounts {
  display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-bottom:12px;
}
.ut-hd-amt {
  padding:9px 6px; border:1.5px solid var(--border); background:#fff;
  border-radius:var(--radius); font-size:13px; font-weight:600; cursor:pointer;
  transition:var(--trans); color:var(--dark); font-family:var(--ff-body);
}
.ut-hd-amt:hover, .ut-hd-amt.active {
  border-color:var(--green); color:var(--green);
}
.ut-hd-custom {
  display:flex; align-items:center; border:1.5px solid var(--border);
  border-radius:var(--radius); padding:9px 12px; gap:6px; margin-bottom:12px;
}
.ut-hd-dollar { font-size:18px; font-weight:700; color:var(--dark); }
.ut-hd-cur    { font-size:13px; color:var(--gray); display:flex; align-items:center; gap:4px; }
.ut-hd-custom input {
  flex:1; border:none; outline:none; font-size:20px; font-weight:700;
  color:var(--dark); width:0; font-family:var(--ff-body);
}
.ut-hd-note { font-size:11px; color:var(--gray); margin:10px 0 0; text-align:center; }
.ut-hd-note a { color:var(--green); text-decoration:underline; }
.ut-dedicate-label { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--gray); margin-bottom:14px; cursor:pointer; }

/* ── TAGLINE BAR ─────────────────────────────────────────── */
.ut-tagbar {
  background:var(--green); color:#fff; text-align:center; padding:13px 24px;
}
.ut-tagbar p { margin:0; font-size:14px; font-weight:600; letter-spacing:.03em; }

/* ── SECTION TYPOGRAPHY ──────────────────────────────────── */
.ut-section-title-centered {
  font-size:clamp(22px,2.8vw,47px); text-align:center; color:var(--dark);
  margin:0 0 12px; line-height:1.2;
}
.ut-section-sub-centered {
  font-size:15px; color:#000; text-align:center; margin:0 0 44px;
}

/* ── WHO WE SERVE ────────────────────────────────────────── */
.ut-who-section { padding:72px 0; background:#fff; }
.ut-who-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:44px;
}
.ut-who-card { }
.ut-who-img {
  width:100%; height:220px; background-size:cover; background-position:center;
  border-radius:var(--radius); margin-bottom:16px;
}
.ut-who-card h4 { font-size:16px; font-family:var(--ff-body); font-weight:700; margin:0 0 8px; color:var(--dark); }
.ut-who-card p  { font-size:14px; color:var(--gray); margin:0; line-height:1.65; }

/* ── PROGRESS (Livelihood/Resilience/Education) ──────────── */
.ut-progress-section { background:var(--gray-lt); padding:72px 0 0; }
.ut-progress-section .ut-container { padding-bottom:0; }
.ut-progress-rows { margin-top:44px; }
.ut-progress-row {
  display:grid; grid-template-columns:380px 1fr;
  min-height:220px;
}
.ut-pr-img {
  position:relative; background-size:cover; background-position:center;
  display:flex; align-items:flex-end;
}
.ut-pr-img-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to right, rgba(0,0,0,.45), rgba(0,0,0,.1));
}
.ut-pr-img h3 {
  position:relative; z-index:2; color:#fff;
  font-size:clamp(22px,2.5vw,32px); padding:28px 32px;
  margin:0; text-shadow:0 2px 8px rgba(0,0,0,.3);
}
.ut-pr-body {
  background:#fff; padding:40px 48px;
  display:flex; flex-direction:column; justify-content:center;
  border-bottom:1px solid var(--border);
}
.ut-pr-body blockquote {
  font-size:15px; color:var(--dark); line-height:1.75; margin:0 0 24px;
  font-style:italic; border-left:none; padding:0;
}
.ut-progress-row:nth-child(even) .ut-pr-img { order:2; }
.ut-progress-row:nth-child(even) .ut-pr-body { order:1; }

/* ── SUSTAINABLE SOLUTIONS ───────────────────────────────── */
.ut-solutions-section { padding:72px 0 56px; background:#fff; }
.ut-solutions-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px;
}
.ut-sol-card { border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; transition:var(--trans); }
.ut-sol-card:hover { box-shadow:var(--shadow); transform:translateY(-4px); }
.ut-sol-img { height:200px; background-size:cover; background-position:center; }
.ut-sol-body { padding:24px 22px; }
.ut-sol-icon { font-size:28px; margin-bottom:12px; }
.ut-sol-body h3 { font-size:18px; font-family:var(--ff-body); font-weight:700; margin:0 0 10px; color:var(--dark); }
.ut-sol-body p  { font-size:14px; color:var(--gray); line-height:1.7; margin-bottom:16px; }
.ut-sol-link { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; display:inline-flex; align-items:center; gap:6px; }
.ut-sol-link:hover { opacity:.75; }

/* ── ERADICATE / PROGRAMS ────────────────────────────────── */
.ut-eradicate-section { background:var(--gray-lt); padding:64px 0; }
.ut-erad-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:40px; margin-top:40px;
}
.ut-erad-card {
  background:#fff; padding:32px; border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}
.ut-erad-card h3 { font-size:20px; margin:0 0 12px; color:var(--dark); }
.ut-erad-card p  { font-size:14px; color:var(--gray); line-height:1.7; margin-bottom:24px; }

/* ── ROUNDTABLE BANNER ───────────────────────────────────── */
.ut-roundtable-banner {
  background:var(--dark);
  background-image: url('https://images.unsplash.com/photo-1609220136736-443140cffec6?w=1400&q=60&auto=format&fit=crop');
  background-size:cover; background-position:center;
  border-radius:var(--radius); overflow:hidden; position:relative;
}
.ut-roundtable-banner::before {
  content:''; position:absolute; inset:0; background:rgba(0,0,0,.72);
}
.ut-rt-content {
  position:relative; z-index:2; padding:56px 48px; text-align:center; color:#fff;
}
.ut-rt-content h3 { font-size:clamp(20px,2.5vw,28px); color:#fff; margin:0 0 14px; }
.ut-rt-content p  { font-size:15px; opacity:.88; max-width:560px; margin:0 auto 28px; line-height:1.75; }

/* ── STORIES ─────────────────────────────────────────────── */
.ut-stories-section { padding:72px 0; background:#fff; }
.ut-story-feature {
  display:grid; grid-template-columns:1.9fr 1fr; min-height:452px;
  margin-top:44px;
}
.ut-sf-img { background-size:cover; background-position:center; aspect-ratio: 4/3;}
.ut-sf-body {
  background:#fff; padding:18px 44px;
  display:flex; flex-direction:column; justify-content:center;
  border: 2px solid #000;
}
.ut-sf-body blockquote {
  /*! font-family:var(--ff-head); */ font-size:clamp(15px,1.8vw,16px); /*! font-style:italic; */
  color:#000; line-height:1.7; margin:0 0 20px; padding:0; border:none;
  font-weight: 600;
}
.ut-sf-body blockquote i { font-size:20px; color:var(--red); margin-right:10px; vertical-align:middle; }
.ut-sf-body cite { font-size:12px; color:#000; display:block; margin-bottom:28px; font-style:normal; }
.ut-sf-body cite i { margin-right:6px; color:var(--red); }
.ut-work-stories-section { padding:72px 0; background:var(--gray-lt); }

/* Stories list */
.ut-stories-list-section { padding:64px 0; background:#fff; }
.ut-stories-list-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:32px; }
.ut-story-list-card { display:grid; grid-template-columns:200px 1fr; border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); transition:var(--trans); }
.ut-story-list-card:hover { box-shadow:var(--shadow); }
.ut-slc-img { background-size:cover; background-position:center; min-height:200px; }
.ut-slc-body { padding:24px; }
.ut-slc-body blockquote { font-size:15px; font-style:italic; color:var(--dark); margin:0 0 12px; line-height:1.65; border:none; padding:0; }
.ut-slc-body blockquote i { color:var(--red); margin-right:8px; }
.ut-slc-body cite { font-size:12px; color:var(--gray); display:block; margin-bottom:16px; }

/* ── OUR WORK ROWS ───────────────────────────────────────── */
.ut-work-intro { padding:56px 0; background:#fff; border-bottom:1px solid var(--border); }
.ut-work-intro-text { max-width:942px; }
.ut-work-intro-text p { font-size:18px; color:#000; line-height:1.8; margin-bottom:18px; }
.ut-work-row-section {
  display:grid; grid-template-columns:400px 1fr;
  max-width: 1072px;
  margin: 0 auto;
  padding: 30px 0;
  border: none !important;
}
.ut-work-row-section:nth-child(even) .ut-wr-img { order:1; height: 379px;height: 459px;}
.ut-work-row-section:nth-child(even) .ut-wr-body { order:1; }
.ut-wr-img { background-size:cover; background-position:center; min-height:300px; border-radius: 10px;}
.ut-wr-body {
  padding:56px 52px; background:#fff; border-bottom:1px solid var(--border);
  display:flex; flex-direction:column; justify-content:center;
}
.ut-wr-body h2 { font-size:clamp(22px,2vw,30px); letter-spacing:.08em; margin:0 0 10px; color:#038e33; font-family:var(--ff-body); font-weight:700; }
.ut-wr-tagline { font-size:18px; color:#00; font-style:italic; margin-bottom:20px; }
.ut-wr-content { font-size:17px; color:#000; line-height:1.8; margin-bottom:24px; }
.ut-wr-content p { margin-bottom:14px; }
.ut-wr-stats { display:flex; gap:32px; margin-bottom:28px; flex-wrap:wrap; border-top:1px solid var(--border); padding-top:24px; }
.ut-wr-stat { display:flex; flex-direction:column; gap:4px; }
.ut-wr-stat span { font-size:clamp(22px,2vw,30px); font-weight:700; color:var(--dark); font-family:var(--ff-head); }
.ut-wr-stat small { font-size:11px; color:var(--gray); text-transform:uppercase; letter-spacing:.06em; max-width:120px; line-height:1.4; }

/* ── FOCUS AREAS PAGE ────────────────────────────────────── */
.ut-fr-hero { position:relative; background-size:cover; background-position:center; min-height:280px; }
.ut-fr-hero-overlay { position:absolute; inset:0; background:rgba(0,0,0,.5); }
.ut-fr-body-wrap { padding:48px 0 64px; background:#fff; border-bottom:3px solid var(--border); }
.ut-fr-tagline { font-size:17px; font-style:italic; color:var(--gray); margin-bottom:32px; line-height:1.7; }
.ut-fr-stats { display:flex; gap:40px; flex-wrap:wrap; margin-bottom:36px; padding-bottom:32px; border-bottom:1px solid var(--border); }
.ut-fr-stat { display:flex; flex-direction:column; gap:4px; }
.ut-fr-stat strong { font-size:clamp(28px,3vw,44px); font-family:var(--ff-head); font-weight:700; line-height:1; }
.ut-fr-stat span   { font-size:12px; color:var(--gray); text-transform:uppercase; letter-spacing:.06em; max-width:160px; line-height:1.4; }
.ut-fr-quote-row { display:grid; grid-template-columns:1fr 320px; gap:40px; margin-bottom:32px; }
.ut-fr-content { font-size:15px; color:var(--gray); line-height:1.85; }
.ut-fr-content p { margin-bottom:16px; }
.ut-fr-quote-box { padding:24px; background:var(--gray-lt); border-radius:var(--radius); }
.ut-fr-quote-box blockquote { font-size:15px; font-style:italic; color:var(--dark); line-height:1.75; margin:0; border:none; padding:0; }

/* ── ABOUT PAGE ──────────────────────────────────────────── */
.ut-vm-section { padding:64px 0; background:#fff; }
.ut-vm-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.ut-vm-card { padding:40px 36px; border-top:4px solid var(--red); background:var(--gray-lt); border-radius:var(--radius); }
.ut-vm-card:nth-child(2) { border-top-color:var(--green); }
.ut-vm-icon { font-size:32px; margin-bottom:16px; display:block; }
.ut-vm-card h3 { font-size:22px; margin:0 0 12px; color:var(--dark); }
.ut-vm-card p  { font-size:15px; color:var(--gray); margin:0; line-height:1.75; }

.ut-about-stats-band { background:var(--dark); padding:40px 0; color:#fff; }
.ut-about-stats-row { display:flex; gap:56px; flex-wrap:wrap; }
.ut-about-stat { display:flex; flex-direction:column; gap:4px; }
.ut-big-num { font-size:clamp(36px,4vw,52px); font-weight:700; font-family:var(--ff-head); line-height:1; }
.ut-about-stat span:last-child { font-size:13px; opacity:.75; }

.ut-people-section { padding:64px 0; background:#fff; }
.ut-talent-header { margin-bottom:32px; }
.ut-talent-header h2 { font-size:clamp(24px,2.5vw,36px); margin:0 0 8px; }
.ut-talent-header p  { font-size:16px; color:var(--gray); margin:0; }
.ut-talent-stats { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.ut-talent-stat { display:flex; flex-direction:column; gap:6px; }
.ut-talent-stat .ut-big-num { font-size:clamp(32px,3.5vw,48px); color:var(--dark); }
.ut-talent-stat span:nth-child(2) { font-size:14px; color:var(--gray); }

.ut-transparency-section { padding:64px 0; background:var(--gray-lt); }
.ut-transparency-section h2 { font-size:clamp(22px,2.5vw,34px); text-align:center; margin:0 0 44px; line-height:1.3; }
.ut-trans-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ut-trans-card {
  background:#fff; border-radius:var(--radius); padding:36px 28px; text-align:center;
  border:1px solid var(--border); transition:var(--trans);
}
.ut-trans-card:hover { box-shadow:var(--shadow); }
.ut-trans-icon-wrap { font-size:36px; color:var(--green); margin-bottom:16px; }
.ut-trans-card h4 { font-size:17px; margin:0 0 10px; color:var(--dark); font-family:var(--ff-body); font-weight:700; }
.ut-trans-card p  { font-size:14px; color:var(--gray); margin-bottom:16px; line-height:1.65; }
.ut-trans-link { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--green); display:inline-flex; align-items:center; gap:4px; }

.ut-founder-section { padding:72px 0; background:#fff; }
.ut-founder-grid { display:grid; grid-template-columns:280px 1fr; gap:64px; align-items:center; }
.ut-founder-img-wrap img { width:100%; border-radius:50%; aspect-ratio:1; object-fit:cover; box-shadow:0 8px 32px rgba(0,0,0,.15); }
.ut-founder-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--red); display:block; margin-bottom:16px; }
.ut-founder-label i { margin-right:8px; }
.ut-founder-body blockquote { font-family:var(--ff-head); font-size:clamp(16px,1.8vw,19px); font-style:italic; color:var(--dark); line-height:1.75; margin:0 0 16px; border:none; padding:0; }
.ut-founder-body cite { font-size:14px; font-weight:700; color:var(--green); font-style:normal; }

/* ── JOIN CTA ─────────────────────────────────────────────── */
.ut-join-cta-section { background:var(--dark); padding:72px 0; text-align:center; color:#fff; }
.ut-join-cta-section h2 { font-size:clamp(24px,3vw,36px); color:#fff; margin:0 0 12px; }
.ut-join-cta-section p  { font-size:16px; opacity:.85; margin:0 auto 32px; max-width:520px; line-height:1.7; }

/* ── DONATE PAGE ─────────────────────────────────────────── */
.ut-donate-main-section { padding:72px 0; background:#fff; }
.ut-donate-main-grid { display:grid; grid-template-columns:380px 1fr; gap:56px; align-items:start; }
.ut-donate-form-box {
  border:1px solid var(--border); border-radius:var(--radius);
  padding:28px; box-shadow:var(--shadow); position:sticky; top:24px;
}
.ut-df-secure { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--dark); margin-bottom:20px; }
.ut-df-secure i { color:var(--green); font-size:20px; }
.ut-donate-info-img { height:240px; background-size:cover; background-position:center; border-radius:var(--radius) var(--radius) 0 0; margin-bottom:24px; }
.ut-donate-info-logo { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.ut-logo-circle { width:44px; height:44px; background:var(--green); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; }
.ut-donate-info-col h3 { font-size:22px; margin:0 0 14px; color:var(--dark); }
.ut-donate-info-col p  { font-size:15px; color:var(--gray); line-height:1.8; }

.ut-ways-section { padding:64px 0; background:var(--gray-lt); }
.ut-ways-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; }
.ut-way-card { background:#fff; border-radius:var(--radius); padding:28px 24px; border:1px solid var(--border); text-align:center; }
.ut-way-card i  { font-size:32px; margin-bottom:14px; display:block; }
.ut-way-card h4 { font-size:16px; font-weight:700; font-family:var(--ff-body); margin:0 0 8px; color:var(--dark); }
.ut-way-card p  { font-size:14px; color:var(--gray); margin:0; line-height:1.65; }

/* ── GET INVOLVED ────────────────────────────────────────── */
.ut-involve-section { padding:72px 0; background:#fff; }
.ut-involve-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ut-involve-card { border-radius:var(--radius); padding:36px 28px; border:1px solid var(--border); text-align:center; transition:var(--trans); }
.ut-involve-card:hover { box-shadow:var(--shadow); transform:translateY(-4px); }
.ut-inv-icon { font-size:40px; margin-bottom:16px; }
.ut-involve-card h3 { font-size:20px; margin:0 0 10px; color:var(--dark); }
.ut-involve-card p  { font-size:14px; color:var(--gray); line-height:1.7; margin-bottom:20px; }

/* ── BLOG ────────────────────────────────────────────────── */
.ut-blog-section { padding:64px 0; background:#fff; }
.ut-blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px; }
.ut-blog-card { border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; transition:var(--trans); }
.ut-blog-card:hover { box-shadow:var(--shadow); transform:translateY(-4px); }
.ut-bc-img { height:180px; background-size:cover; background-position:center; }
.ut-bc-body { padding:20px; }
.ut-bc-date { font-size:11px; color:var(--gray); text-transform:uppercase; letter-spacing:.07em; display:flex; align-items:center; gap:5px; margin-bottom:6px; }
.ut-bc-body h4 { font-size:16px; font-family:var(--ff-body); font-weight:700; margin:0 0 8px; color:var(--dark); line-height:1.4; }
.ut-bc-body p  { font-size:13px; color:var(--gray); margin-bottom:14px; line-height:1.6; }

/* ── CONTACT ─────────────────────────────────────────────── */
.ut-contact-section { padding:72px 0; background:#fff; }
.ut-contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:56px; }
.ut-contact-info h2 { font-size:28px; margin:0 0 28px; }
.ut-ci-item { display:flex; gap:16px; margin-bottom:24px; }
.ut-ci-item i { font-size:20px; margin-top:2px; flex-shrink:0; }
.ut-ci-item strong { display:block; font-size:14px; font-weight:700; margin-bottom:4px; color:var(--dark); }
.ut-ci-item p { margin:0; font-size:14px; color:var(--gray); }
.ut-ci-item a { color:var(--green); }
.ut-basic-form .ut-field { margin-bottom:18px; }
.ut-basic-form label { display:block; font-size:13px; font-weight:600; margin-bottom:6px; color:var(--dark); }
.ut-basic-form input, .ut-basic-form textarea { width:100%; border:1.5px solid var(--border); border-radius:var(--radius); padding:10px 14px; font-size:14px; font-family:var(--ff-body); transition:var(--trans); }
.ut-basic-form input:focus, .ut-basic-form textarea:focus { border-color:var(--green); outline:none; }
.ut-basic-form textarea { height:120px; resize:vertical; }

/* ── INFO ICON ────────────────────────────────────────────── */
.ut-info-icon { color:var(--gray); font-size:13px; opacity:.6; cursor:pointer; }

/* ── SINGLE CPT ───────────────────────────────────────────── */
.ut-single-hero  { position:relative; min-height:320px; background-size:cover; background-position:center; display:flex; align-items:flex-end; }
.ut-sh-overlay   { position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,.2)); }
.ut-sh-inner     { position:relative; z-index:2; padding:40px 28px; max-width:1120px; margin:0 auto; width:100%; }
.ut-sh-inner h1  { color:#fff; font-size:clamp(26px,3vw,44px); margin:0 0 8px; }
.ut-sh-inner p   { color:rgba(255,255,255,.85); font-size:16px; margin:0; }
.ut-single-body  { padding:64px 0; background:#fff; }
.ut-single-body .ut-container { display:grid; grid-template-columns:1fr 300px; gap:48px; }
.ut-single-content { font-size:15px; line-height:1.85; color:var(--gray); }
.ut-single-content p { margin-bottom:18px; }
.ut-single-sidebar { }
.ut-sidebar-box { background:var(--gray-lt); border-radius:var(--radius); padding:24px; margin-bottom:24px; border-top:3px solid var(--red); }
.ut-sidebar-box h4 { font-size:15px; margin:0 0 12px; color:var(--dark); }
.ut-sidebar-box p  { font-size:13px; color:var(--gray); margin:0; line-height:1.65; }

/* ── DONATE WIDGET (standalone) ─────────────────────────── */
.ut-donate-widget { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:24px; max-width:340px; box-shadow:var(--shadow-sm); }
.ut-dw-toggle { display:flex; border:2px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-bottom:14px; }

/* ── STATS BAR ───────────────────────────────────────────── */
.ut-stats-bar { background:var(--dark); color:#fff; padding:40px 0; }
.ut-stats-row { display:flex; justify-content:space-around; flex-wrap:wrap; gap:24px; }
.ut-stat-item { display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; }
.ut-stat-num { font-size:clamp(32px,3.5vw,48px); font-weight:700; font-family:var(--ff-head); color:var(--green-lt); line-height:1; }
.ut-stat-lbl { font-size:12px; opacity:.75; text-transform:uppercase; letter-spacing:.06em; max-width:120px; text-align:center; }

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 1024px) {
  .ut-hero-inner { grid-template-columns: 1fr; }
  .ut-hero-donate-box { max-width: 380px; }
  .ut-progress-row { grid-template-columns: 1fr 1fr; }
  .ut-work-row-section { grid-template-columns: 1fr 1fr; }
  .ut-donate-main-grid { grid-template-columns: 1fr; }
  .ut-donate-form-box { position: static; }
  .ut-founder-grid { grid-template-columns: 220px 1fr; gap: 40px; }
  .ut-fr-quote-row { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .ut-who-grid { grid-template-columns: 1fr; gap: 20px; }
  .ut-progress-row { grid-template-columns: 1fr; min-height: auto; }
  .ut-progress-row:nth-child(even) .ut-pr-img { order: 0; }
  .ut-progress-row:nth-child(even) .ut-pr-body { order: 0; }
  .ut-pr-body { padding: 28px 24px; }
  .ut-solutions-grid { grid-template-columns: 1fr; }
  .ut-story-feature { grid-template-columns: 1fr; }
  .ut-sf-img { min-height: 260px; }
  .ut-sf-body { padding: 40px 28px; }
  .ut-work-row-section { grid-template-columns: 1fr; }
  .ut-work-row-section:nth-child(even) .ut-wr-img { order: 0; }
  .ut-work-row-section:nth-child(even) .ut-wr-body { order: 0; }
  .ut-wr-body { padding: 32px 24px; }
  .ut-wr-img { min-height: 260px; }
  .ut-vm-grid { grid-template-columns: 1fr; }
  .ut-talent-stats { grid-template-columns: 1fr; }
  .ut-trans-grid { grid-template-columns: 1fr; }
  .ut-founder-grid { grid-template-columns: 1fr; text-align: center; }
  .ut-founder-img-wrap img { max-width: 180px; margin: 0 auto 24px; }
  .ut-involve-grid { grid-template-columns: 1fr 1fr; }
  .ut-blog-grid { grid-template-columns: 1fr; }
  .ut-stories-list-grid { grid-template-columns: 1fr; }
  .ut-story-list-card { grid-template-columns: 1fr; }
  .ut-slc-img { min-height: 200px; }
  .ut-erad-grid { grid-template-columns: 1fr; }
  .ut-ways-grid { grid-template-columns: 1fr 1fr; }
  .ut-contact-grid { grid-template-columns: 1fr; }
  .ut-hd-amounts { grid-template-columns: repeat(3,1fr); }
  .ut-hero-donate-box { max-width: 100%; }
  .ut-about-stats-row { gap: 32px; }
  .ut-fr-stats { gap: 24px; }
  .ut-single-body .ut-container { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .ut-involve-grid { grid-template-columns: 1fr; }
  .ut-ways-grid { grid-template-columns: 1fr; }
  .ut-stats-row { gap: 20px; }
}


/* Extra dynamic pages */
.ut-extra-page .ut-narrow{max-width:900px;}
.ut-extra-intro{padding:72px 0;background:#fff;}
.ut-richtext p{margin:0 0 16px;color:var(--gray);line-height:1.8;}
.ut-center-text p{text-align:center;}
.ut-extra-cards{padding:72px 0;background:var(--gray-lt);}
.ut-extra-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ut-extra-card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius);overflow:hidden;}
.ut-extra-card-image{height:220px;background-size:cover;background-position:center;}
.ut-extra-card-body{padding:24px;}
.ut-extra-card-body h3{margin:0 0 12px;font-size:24px;text-align: center;}
.ut-extra-banner{position:relative;background-size:cover;background-position:center;padding:90px 0;color:#fff;}
.ut-extra-banner-inner{position:relative;z-index:2;max-width:700px;}
.ut-extra-banner h2{color:#fff;font-size:40px;margin:0 0 12px;}
.ut-extra-banner p{color:#fff;opacity:.92;max-width:540px;text-align: center;}
.ut-extra-stats{padding:64px 0;background:#fff;}
.ut-extra-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px;}
.ut-extra-stat{text-align:center;}
.ut-extra-stat strong{display:block;font-family:var(--ff-head);font-size:78px;color:#f00607;line-height:1;}
.ut-extra-stat span{display:block;margin-top:8px;color:var(--dark);font-size:13px;text-transform:uppercase;}
.ut-extra-message{padding:72px 0;background:var(--gray-lt);}
.ut-extra-two-col{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:stretch;}
.ut-extra-photo{background-size:cover;background-position:center;min-height:374px;border-radius: 14px;}
.ut-extra-copy{background:#fff;padding:36px;border:1px solid var(--border);}
.ut-extra-copy h2{margin-top:0;font-size:28px;}
.ut-extra-signoff{margin-top:24px;color:var(--dark);font-weight: 700;}
.ut-extra-story{padding:72px 0;background:#fff;}
.ut-extra-faq{padding:72px 0;background:#fff;}
.ut-accordion{border:1px solid #c7cec7;border-radius:6px;margin-bottom:16px;background:#fff;}
.ut-accordion summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:var(--ff-head);font-size:28px;}
.ut-accordion summary::-webkit-details-marker{display:none;}
.ut-accordion-content{padding:0 24px 20px;}
.ut-media-row{display:grid;grid-template-columns:280px 1fr;gap:24px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:24px;}
.ut-media-row-image{min-height:220px;background-size:cover;background-position:center;}
.ut-media-row-body{padding:24px;}
.ut-media-row-body h3{margin:0 0 12px;font-size:28px;}
.ut-extra-strip{padding:48px 0;background:#f0dfdf;text-align:center;}
.ut-extra-strip h2{margin:0 0 10px;}
.ut-extra-testimonials{padding:32px 0 72px;background:#fff;}
.ut-quote-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.ut-quote-card{display:grid;grid-template-columns:220px 1fr;background:#eef4fb;}
.ut-quote-card:nth-child(2){background:#f0eaf7;}
.ut-quote-card-img{min-height:240px;background-size:cover;background-position:center;}
.ut-quote-card-body{padding:28px;}
.ut-quote-card blockquote{margin:0 0 12px;font-style:italic;font-family:var(--ff-head);font-size:24px;line-height:1.4;}
@media (max-width: 900px){.ut-extra-card-grid,.ut-extra-stats-grid,.ut-quote-row{grid-template-columns:1fr 1fr;}.ut-extra-two-col,.ut-media-row{grid-template-columns:1fr;}.ut-accordion summary{font-size:22px;}}
@media (max-width: 640px){.ut-extra-card-grid,.ut-extra-stats-grid,.ut-quote-row{grid-template-columns:1fr;}.ut-extra-banner h2{font-size:30px;}}


/* ===== refreshed pages ===== */
.ut-narrow{max-width:860px;margin:0 auto}.ut-narrow-wide{max-width:980px;margin:0 auto}.ut-center-text{text-align:center}.ut-clean-intro{padding:78px 0;background:#fff}.ut-richtext p{font-size:16px;line-height:1.4;color:#4a4a4a;margin:0 0 18px;text-align: center;}.ut-card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px}.ut-clean-card{background:#fff;border:1px solid #ddd;box-shadow:0 10px 30px rgba(0,0,0,.04)}.ut-clean-card__image{height:240px;background:#ececec center/cover no-repeat}.ut-clean-card__body{padding:26px}.ut-clean-card__body h3{font-size:34px;line-height:1.05;letter-spacing:.04em;text-transform:uppercase;font-family:var(--ff-body);margin:0 0 16px}.ut-clean-card__body p{margin:0 0 18px;color:#444;line-height:1.75}.ut-why-features{padding:30px 0 80px;background:#f7f7f3}.ut-split-banner{display:grid;grid-template-columns:1.15fr 1fr;background:#111;color:#fff;overflow:hidden}.ut-split-banner__image{min-height:320px;background:center/cover no-repeat}.ut-split-banner__content{padding:54px}.ut-split-banner__content h3{font-size:44px;line-height:1.1;color:#fff;margin:0 0 18px}.ut-split-banner__content p{font-size:17px;line-height:1.8;opacity:.9;margin:0 0 24px}.ut-impact-strip{padding:70px 0;background:#fff}.ut-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.ut-impact-stat{text-align:center;padding:18px}.ut-impact-stat strong{display:block;font-size:48px;line-height:1;color:#b80f34;font-family:var(--ff-head);margin-bottom:10px}.ut-impact-stat span{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#555}.ut-message-section{padding:70px 0;background:#f3f3ef}.ut-message-grid{display:grid;grid-template-columns:420px 1fr;background:#fff}.ut-message-photo{min-height:520px;background:center/cover no-repeat}.ut-message-body{padding:54px}.ut-message-body h2{font-size:46px;line-height:1.1;margin:0 0 18px}.ut-signoff strong,.ut-signoff span{display:block}.ut-signoff span{margin-top:6px;color:#777}.ut-story-band{padding:75px 0;background:#f7f7f3}.ut-story-panel{display:grid;grid-template-columns:1.2fr .95fr;border:2px solid #111;background:#fff;margin-top:34px}.ut-story-panel__image{min-height:370px;background:center/cover no-repeat}.ut-story-panel__quote{padding:54px;display:flex;flex-direction:column;justify-content:center}.ut-story-panel__quote blockquote{font-family:var(--ff-head);font-size:32px;line-height:1.4;margin:0 0 18px}.ut-story-panel__quote cite{font-style:normal;color:#666;margin-bottom:26px}.ut-accordion-section{padding:30px 0 80px}.ut-acc-item{border:1px solid #d6d6cf;background:#fff;margin-bottom:14px;border-radius:8px;overflow:hidden}.ut-acc-item summary{cursor:pointer;padding:22px 24px;font-size:24px;list-style:none;font-family:var(--ff-head);position:relative}.ut-acc-item summary::-webkit-details-marker{display:none}.ut-acc-item summary:after{content:'+';position:absolute;right:22px;top:20px;font-size:28px;color:#666}.ut-acc-item[open] summary:after{content:'–'}.ut-acc-body{padding:0 24px 22px;color:#555;line-height:1.8}.ut-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.ut-link-tile,.ut-option-card{background:#fff;border:1px solid #ddd;padding:22px 20px;display:block}.ut-link-tile{font-weight:700;color:#111}.ut-faq-wrap{background:#f7f7f3}.ut-listing-cards{padding:30px 0 80px;background:#f3f3ef}.ut-h-item{display:grid;grid-template-columns:280px 1fr;gap:0;background:#fff;box-shadow:0 12px 22px rgba(0,0,0,.08);margin-bottom:24px}.ut-h-item__img{min-height:210px;background:center/cover no-repeat}.ut-h-item__body{padding:28px}.ut-h-item__body h3{margin:0 0 12px;font-size:28px}.ut-pg-closing{padding:48px 0 70px;background:#f4e0df}
@media (max-width: 900px){.ut-card-grid-3,.ut-impact-grid,.ut-link-grid{grid-template-columns:1fr}.ut-split-banner,.ut-message-grid,.ut-story-panel,.ut-h-item{grid-template-columns:1fr}.ut-clean-card__body h3{font-size:26px}.ut-split-banner__content h3,.ut-message-body h2,.ut-story-panel__quote blockquote{font-size:32px}}


/* ==== 2.2.2 Donate + FAQ refresh ==== */
.ut-hero-donate-box,.ut-donate-widget,.ut-donate-form-box{background:#fff;border-radius:28px;padding:16px 18px 18px;box-shadow:0 4px 6px -1px rgba(14,165,233,.08),0 20px 40px -8px rgba(14,165,233,.15);border:0;position:relative;overflow:hidden}
.ut-hero-donate-box:before,.ut-donate-widget:before,.ut-donate-form-box:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#d71920}
.ut-donate-widget{max-width:420px;padding:16px 18px 18px}
.ut-df-secure{display:none}
.ut-hd-toggle{display:flex;gap:4px;background:#eef6fb;border-radius:999px;padding:4px;margin:0 0 14px}
.ut-hd-btn{flex:1;border:0;background:transparent;border-radius:999px;padding:12px 14px;font-size:15px;font-weight:600;color:#617187;transition:.25s}
.ut-hd-btn.active{background:#fff;color:#d71920;box-shadow:0 2px 8px rgba(14,165,233,.18)}
.ut-hd-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
.ut-hd-amt{border:1.5px solid #d8e0ea;background:#fff;border-radius:14px;padding:14px 8px;font-size:16px;font-weight:600;color:#172033;transition:.2s}
.ut-hd-amt.active,.ut-hd-amt:hover{border-color:#0ea5e9;background:#f3fbff;color:#d71920;box-shadow:0 4px 12px rgba(14,165,233,.12);transform:translateY(-1px)}
.ut-hd-custom{position:relative;display:block;background:#fff;border:1.5px solid #d8e0ea;border-radius:16px;padding:0;margin:0 0 18px;overflow:hidden}
.ut-hd-dollar{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:28px;color:#708096;z-index:2}
.ut-hd-custom input,.ut-donate-page-amount{display:block;width:100%;height:74px;border:0;background:transparent;padding:0 18px 0 40px;text-align:center;font-size:44px;line-height:74px;font-weight:700;color:#172033;appearance:textfield;-moz-appearance:textfield}
.ut-hd-custom input::-webkit-outer-spin-button,.ut-hd-custom input::-webkit-inner-spin-button,.ut-donate-page-amount::-webkit-outer-spin-button,.ut-donate-page-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ut-hd-cur,.ut-dedicate-label{display:none}
.ut-btn.ut-btn-green.ut-btn-block,.ut-donate-widget .ut-btn,.ut-donate-form-box .ut-btn{display:flex;justify-content:center;align-items:center;gap:8px;width:72%;margin:0 auto;border-radius:999px;background:#ff1717;border-color:#ff1717;color:#fff;padding:16px 20px;box-shadow:0 6px 20px rgba(215,25,32,.25)}
.ut-btn.ut-btn-green.ut-btn-block:hover,.ut-donate-widget .ut-btn:hover,.ut-donate-form-box .ut-btn:hover{transform:translateY(-1px);background:#e11212;border-color:#e11212}
.ut-hd-note,.ut-dw-note{margin:14px 0 0;text-align:center;color:#64748b;font-size:12px}
.ut-hero-donate-box .ut-hd-note:before,.ut-donate-widget .ut-dw-note:before,.ut-donate-form-box .ut-hd-note:before{content:"\f3ed";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:7px}
.ut-donate-main-grid{grid-template-columns:minmax(360px,420px) 1fr;gap:56px;align-items:center}
.ut-donate-form-col{order:2}.ut-donate-info-col{order:1}
.ut-donate-info-col{padding-right:20px}
.ut-donate-info-img{border-radius:24px;min-height:360px;margin-bottom:22px}
.ut-donate-info-logo{display:none}
.ut-donate-info-col h3{font-size:42px;line-height:1.08;margin:0 0 14px}
.ut-donate-info-col p{font-size:17px;line-height:1.85;color:#495260}
.ut-faq-wrap{padding:86px 0;background:linear-gradient(180deg,#f6f7f2 0%,#efefe8 100%)}
.ut-faq-head{background:#fff;border:1px solid #e4e4dc;border-radius:24px;padding:34px 32px;margin:0 0 30px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.ut-eyebrow{display:inline-block;padding:8px 14px;border-radius:999px;background:#f3ede7;color:#7a4f2f;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.ut-faq-list{display:grid;gap:16px}
.ut-acc-item{border:1px solid #ddd9d0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.03);transition:.2s}
.ut-acc-item summary{display:flex;align-items:center;min-height:84px;padding:0 70px 0 24px;font-size:21px;line-height:1.35;font-family:var(--ff-head);position:relative;color:#151515}
.ut-acc-item summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f4f4ef;color:#444;font-size:24px}
.ut-acc-item[open]{box-shadow:0 12px 26px rgba(0,0,0,.06);border-color:#d3cec2}
.ut-acc-item[open] summary{background:#fbfaf7}
.ut-acc-item[open] summary:after{content:"–";background:#d71920;color:#fff}
.ut-acc-body{padding:0 24px 24px;color:#4f4f4f;line-height:1.85;font-size:16px}
@media (max-width: 991px){.ut-donate-main-grid{grid-template-columns:1fr}.ut-donate-form-col,.ut-donate-info-col{order:initial}.ut-donate-widget,.ut-hero-donate-box,.ut-donate-form-box{max-width:100%}.ut-donate-info-col{padding-right:0;margin-bottom:20px}}
@media (max-width: 767px){.ut-hd-custom input,.ut-donate-page-amount{font-size:34px;height:66px;line-height:66px}.ut-hd-btn{font-size:14px;padding:11px 10px}.ut-acc-item summary{font-size:18px;min-height:74px;padding:0 58px 0 18px}.ut-faq-head{padding:26px 18px}.ut-btn.ut-btn-green.ut-btn-block,.ut-donate-widget .ut-btn,.ut-donate-form-box .ut-btn{width:100%}}


.ut-section-head-inline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 24px;flex-wrap:wrap}.ut-section-head-inline h2{margin:0;font-family:var(--font-serif)}.ut-section-head-inline p{margin:0;color:#666}.ut-extra-card-img{height:220px;background-size:cover;background-position:center;border-radius:18px 18px 0 0}.ut-card-meta{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:10px}.ut-job-card,.ut-partnership-card{overflow:hidden}.ut-faq-toolbar{margin:0 0 18px}.ut-faq-search{width:100%;padding:14px 16px;border:1px solid #d8dee4;border-radius:12px;background:#fff}.ut-faq-search:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(26,107,42,.08)}

/* ===== Final refresh: header, buttons, hero alignment, about timeline ===== */
.ut-btn-primary,
.ut-btn-header-donate,
.ut-btn-mobile-donate {
  background:#ffffff;
  color:#111;
  border:2px solid #ffffff;
  border-radius:999px;
  padding:14px 28px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:.25s ease;
}
.ut-btn-primary:hover,
.ut-btn-header-donate:hover,
.ut-btn-mobile-donate:hover { transform:translateY(-1px); opacity:.95; }
.ut-btn-secondary-light {
  background:transparent;
  color:#fff;
  border:2px solid rgba(255,255,255,.85);
  border-radius:999px;
  padding:14px 28px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ut-hero-full { min-height:100vh; }
.ut-hero-side .ut-hero-inner { align-items:center; justify-content:flex-start; text-align:left; }
.ut-hero-content-limit { max-width:640px; }
.ut-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }
.ut-eyebrow-light,
.ut-eyebrow { display:inline-block; text-transform:uppercase; letter-spacing:.14em; font-size:12px; font-weight:800; margin-bottom:16px; }
.ut-eyebrow-light { color:#fff; opacity:.88; }
.ut-eyebrow { color:#9a1b42; }

.ut-site-header {
  position:fixed; top:0; left:0; width:100%; z-index:9999;
  background:linear-gradient(180deg, rgba(5,14,26,.92), rgba(20,29,40,.82));
  backdrop-filter:blur(8px);
}
.ut-header-inner {
  max-width:1280px; margin:0 auto; padding:18px 28px;
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px;
}
.ut-brand-logo { max-height:46px; width:auto; display:block; }
.ut-nav-list, .ut-mobile-nav-list { list-style:none; margin:0; padding:0; }
.ut-nav-list { display:flex; align-items:center; justify-content:center; gap:28px; }
.ut-nav-list li { position:relative; }
.ut-nav-list a, .ut-mobile-nav-list a { color:#fff; font-weight:600; text-decoration:none; }
.ut-header-actions { display:flex; align-items:center; gap:18px; }
.ut-search-trigger { color:#fff; font-size:22px; line-height:1; display:inline-flex; }
.ut-mobile-toggle {
  display:none; width:46px; height:46px; border:1px solid rgba(255,255,255,.4); border-radius:50%;
  background:transparent; padding:0; position:relative;
}
.ut-mobile-toggle span { display:block; width:20px; height:2px; background:#fff; margin:4px auto; }
.ut-mobile-panel {
  position:fixed; top:0; right:-100%; width:min(420px, 92vw); height:100vh; background:#f4f4f1; z-index:10001;
  transition:right .28s ease; box-shadow:-10px 0 30px rgba(0,0,0,.2);
}
.ut-mobile-panel.is-open { right:0; }
.ut-mobile-panel-inner { padding:26px; height:100%; overflow:auto; }
.ut-mobile-backdrop {
  position:fixed; inset:0; background:rgba(0,0,0,.45); opacity:0; visibility:hidden; transition:.24s ease; z-index:10000;
}
.ut-mobile-backdrop.is-open { opacity:1; visibility:visible; }
.ut-mobile-close { background:none; border:0; font-size:38px; line-height:1; float:right; }
.ut-mobile-logo { max-height:52px; width:auto; }
.ut-mobile-donate-wrap { margin:18px 0 24px; }
.ut-mobile-nav-list > li { border-top:1px solid #d7d7d2; }
.ut-mobile-nav-list > li:last-child { border-bottom:1px solid #d7d7d2; }
.ut-mobile-nav-list a { color:#1b1b1b; display:block; padding:18px 0; font-size:28px; font-weight:700; }
.ut-mobile-nav-list .sub-menu a { font-size:18px; padding:10px 0 10px 16px; }
body.ut-menu-open { overflow:hidden; }

.ut-final-vm .ut-vm-card,
.ut-involve-card-final,
.ut-extra-card-tall,
.ut-about-timeline-card { border-radius:0; box-shadow:none; }
.ut-vm-grid-final { grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; }
.ut-about-metrics { background:#efefec; padding:40px 0; }
.ut-about-metrics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.ut-about-metric { text-align:center; padding:18px; }
.ut-about-metric strong { display:block; font-size:48px; line-height:1; color:#9a1b42; margin-bottom:10px; }
.ut-about-metric span { font-size:14px; color:#333; }
.ut-about-timeline-section { padding:80px 0; background:#f5f5f2; overflow:hidden; }
.ut-section-head-center { text-align:center; max-width:900px; margin:0 auto 36px; }
.ut-about-timeline-track {
  display:grid; grid-auto-flow:column; grid-auto-columns:minmax(240px, 1fr); gap:20px; overflow-x:auto; padding-bottom:10px;
}
.ut-about-timeline-card { background:#fff; border:1px solid #d5d5cf; padding:24px; min-height:240px; position:relative; }
.ut-about-timeline-card::before {
  content:''; position:absolute; top:18px; left:-20px; width:20px; height:2px; background:#9a1b42;
}
.ut-about-timeline-card:first-child::before { display:none; }
.ut-about-timeline-year { display:inline-block; background:#9a1b42; color:#fff; padding:6px 10px; font-size:12px; font-weight:800; letter-spacing:.1em; margin-bottom:16px; }
.ut-founder-section-final { padding-top:10px; }
.ut-donate-callout { background:#fff; border:1px solid #d6d6cf; padding:40px; margin-top:-80px; position:relative; z-index:2; }
.ut-donate-note { font-size:14px; color:#666; }
.ut-work-intro-final h2 { font-size:42px; margin-bottom:10px; }
.ut-card-kicker { display:inline-block; text-transform:uppercase; letter-spacing:.08em; color:#9a1b42; font-size:12px; font-weight:800; margin-bottom:8px; }
.ut-extra-card-tall .ut-extra-card-body { min-height:270px; display:flex; flex-direction:column; justify-content:space-between; }

@media (max-width: 1024px) {
  .ut-header-inner { grid-template-columns:auto auto; }
  .ut-desktop-nav { display:none; }
  .ut-mobile-toggle { display:inline-block; }
  .ut-about-metrics-grid, .ut-vm-grid-final { grid-template-columns:1fr 1fr; }
}
@media (max-width: 767px) {
  .ut-header-inner { padding:16px 18px; }
  .ut-btn-header-donate { display:none; }
  .ut-hero-full { min-height:78vh; }
  .ut-about-metrics-grid, .ut-vm-grid-final { grid-template-columns:1fr; }
  .ut-about-metric strong { font-size:38px; }
  .ut-mobile-nav-list a { font-size:22px; }
  .ut-donate-callout { margin-top:30px; padding:26px; }
}

/* ===== 2.4.0 header + hero refresh ===== */
.ut-btn-hero-solid,
.ut-btn-hero-outline,
.ut-btn-header-donate,
.ut-btn-mobile-donate {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:14px 28px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  transition:all .22s ease;
}
.ut-btn-hero-solid {
  background:#09a53a;
  color:#fff;
  border:2px solid #09a53a;
}
.ut-btn-hero-solid:hover { transform:translateY(-1px); filter:brightness(.98); }
.ut-btn-hero-outline {
  background:transparent;
  color:#fff;
  border:2px solid rgba(255,255,255,.92);
}
.ut-btn-hero-outline:hover { background:#fff; color:#0f1720; }
.ut-btn-header-donate {
  background:transparent;
  color:#fff;
  border:2px solid rgba(255,255,255,.9);
  min-width:156px;
}
.ut-btn-header-donate:hover { background:#fff; color:#101622; }
.ut-btn-mobile-donate {
  width:100%;
  background:#fff;
  color:#111;
  border:2px solid #111;
  padding:16px 24px;
  font-size:18px;
}

.ut-site-header {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9999;
  background:linear-gradient(180deg, rgba(7,13,24,.94), rgba(20,32,47,.84));
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
}
.ut-header-inner {
  max-width:1280px;
  margin:0 auto;
  padding:16px 28px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:28px;
  align-items:center;
}
.ut-brand-link { display:inline-flex; align-items:center; }
.ut-brand-logo { max-height:48px; width:auto; display:block; }
.ut-brand-text { color:#fff; font-weight:800; }
.ut-desktop-nav { min-width:0; }
.ut-nav-list,
.ut-nav-list ul,
.ut-mobile-nav-list,
.ut-mobile-nav-list ul { list-style:none; margin:0; padding:0; }
.ut-nav-list {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}
.ut-nav-list > li { position:relative; }
.ut-nav-list > li > a {
  color:#fff;
  text-decoration:none;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  padding:12px 8px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.ut-nav-list > li.menu-item-has-children > a::after {
  content:'\25BE';
  font-size:10px;
  opacity:.85;
}
.ut-nav-list .sub-menu {
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  min-width:320px;
  padding:18px 22px;
  background:rgba(11,17,28,.96);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 48px rgba(0,0,0,.28);
  display:grid;
  gap:10px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:all .18s ease;
}
.ut-nav-list li:hover > .sub-menu,
.ut-nav-list li:focus-within > .sub-menu,
.ut-nav-list li.ut-open > .sub-menu {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.ut-nav-list .sub-menu li a {
  color:#fff;
  text-decoration:none;
  font-size:15px;
  line-height:1.45;
  display:block;
  padding:4px 0;
  opacity:.95;
}
.ut-nav-list .sub-menu li a:hover { opacity:1; }
.ut-nav-list .sub-menu .sub-menu {
  position:static;
  transform:none;
  min-width:0;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  padding:10px 0 0 16px;
  background:transparent;
  border:0;
  box-shadow:none;
}

.ut-header-actions {
  display:flex;
  align-items:center;
  gap:14px;
}
.ut-header-search-desktop { position:relative; }
.ut-desktop-search-wrap { position:relative; }
.ut-search-trigger {
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.ut-desktop-search-panel {
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  min-width:340px;
  background:#fff;
  padding:16px;
  border-radius:18px;
  box-shadow:0 20px 40px rgba(0,0,0,.18);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:all .18s ease;
}
.ut-desktop-search-wrap.is-open .ut-desktop-search-panel {
  opacity:1;
  visibility:visible;
  transform:none;
}
.ut-desktop-search-panel input[type="search"],
.ut-mobile-search-row input[type="search"],
.ut-desktop-search-panel input[type="text"],
.ut-mobile-search-row input[type="text"] {
  width:100%;
}

.ut-mobile-toggle {
  display:none;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:50%;
  background:transparent;
  padding:0;
  cursor:pointer;
}
.ut-mobile-toggle span {
  display:block;
  width:20px;
  height:2px;
  background:#fff;
  margin:4px auto;
}
.ut-mobile-backdrop {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:.22s ease;
  z-index:10000;
}
.ut-mobile-backdrop.is-open { opacity:1; visibility:visible; }
.ut-mobile-panel {
  position:fixed;
  top:0;
  right:-100%;
  width:min(440px, 92vw);
  height:100vh;
  background:#f3f3ef;
  z-index:10001;
  transition:right .25s ease;
  box-shadow:-16px 0 40px rgba(0,0,0,.24);
}
.ut-mobile-panel.is-open { right:0; }
.ut-mobile-panel-inner {
  padding:18px 18px 28px;
  height:100%;
  overflow:auto;
}
.ut-mobile-panel-top {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.ut-mobile-logo { max-height:58px; width:auto; }
.ut-mobile-close {
  border:0;
  background:transparent;
  color:#111;
  font-size:56px;
  line-height:.8;
  padding:0;
  cursor:pointer;
}
.ut-mobile-donate-wrap { margin:0 0 18px; }
.ut-mobile-nav-list > li { border-top:1px solid #d7d7d2; position:relative; }
.ut-mobile-nav-list > li:last-child { border-bottom:1px solid #d7d7d2; }
.ut-mobile-nav-list > li > a {
  color:#111;
  text-decoration:none;
  display:block;
  padding:22px 44px 22px 0;
  font-size:20px;
  font-weight:800;
  line-height:1.2;
}
.ut-mobile-nav-list .sub-menu {
  display:none;
  padding:0 0 10px 0;
}
.ut-mobile-nav-list .sub-menu li a {
  color:#222;
  text-decoration:none;
  display:block;
  padding:10px 0 10px 18px;
  font-size:16px;
  font-weight:600;
}
.ut-mobile-nav-list li.ut-open > .sub-menu { display:block; }
.ut-mobile-sub-toggle {
  position:absolute;
  top:14px;
  right:0;
  width:36px;
  height:36px;
  border:0;
  background:transparent;
  color:#8b8b86;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.ut-mobile-sub-toggle[aria-expanded="true"] { transform:rotate(90deg); }
.ut-mobile-search-row { margin-top:18px; }
body.ut-menu-open { overflow:hidden; }

.ut-hero-full { min-height:100vh; }
.ut-hero-side .ut-hero-inner {
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  padding-top:110px;
  padding-bottom:90px;
}
.ut-hero-side .ut-hero-content-limit { max-width:620px; }
.ut-hero-side h1 { max-width:780px; }
.ut-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }

.ut-about-timeline-section { padding:88px 0; background:#f5f5f2; overflow:hidden; }
.ut-about-timeline-track {
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px, 1fr);
  gap:22px;
  overflow-x:auto;
  padding:6px 0 12px;
}
.ut-about-timeline-card {
  background:#fff;
  border:1px solid #d6d6cf;
  padding:24px;
  min-height:250px;
  position:relative;
}
.ut-about-timeline-card::before {
  content:'';
  position:absolute;
  top:26px;
  left:-22px;
  width:22px;
  height:2px;
  background:#9a1b42;
}
.ut-about-timeline-card:first-child::before { display:none; }
.ut-about-timeline-year {
  display:inline-block;
  background:#9a1b42;
  color:#fff;
  padding:6px 10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  margin-bottom:14px;
}

@media (max-width: 1100px) {
  .ut-header-inner { grid-template-columns:auto auto; }
  .ut-desktop-nav,
  .ut-header-search-desktop,
  .ut-btn-header-donate { display:none; }
  .ut-mobile-toggle { display:inline-block; }
}
@media (max-width: 767px) {
  .ut-header-inner { padding:14px 16px; }
  .ut-brand-logo { max-height:42px; }
  .ut-hero-full { min-height:78vh; }
  .ut-hero-side .ut-hero-inner {
    padding-top:96px;
    padding-bottom:64px;
  }
  .ut-mobile-nav-list > li > a { font-size:18px; }
  .ut-about-timeline-track { grid-auto-columns:minmax(230px, 80vw); }
}

/* ===== 2.5.0 header/menu/timeline/our-work final fixes ===== */
.ut-site-header {
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0.00) 100%);
  border-bottom:0;
  backdrop-filter:none;
}
.ut-header-inner {
  max-width:1240px;
  padding:14px 24px;
  grid-template-columns:auto 1fr auto;
  gap:22px;
}
.ut-brand-logo { max-height:44px; }
.ut-header-actions { gap:14px; }
.ut-desktop-nav { overflow:visible; }
.ut-nav-list {
  gap:8px;
}
.ut-nav-list > li {
  position:relative;
}
.ut-nav-list > li > a,
.ut-nav-list .sub-menu a {
  font-family:'Source Sans 3', sans-serif;
}
.ut-nav-list > li > a {
  padding:10px 10px;
  font-size:14px;
  font-weight:700;
}
.ut-nav-list > li.menu-item-has-children > a::after {
  content:'\25BE';
  font-size:9px;
  margin-left:3px;
}
.ut-nav-list .sub-menu {
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  transform:none;
  min-width:280px;
  background:rgba(6, 12, 22, .97);
  border:1px solid rgba(255,255,255,.08);
  padding:12px 0;
  box-shadow:0 18px 40px rgba(0,0,0,.32);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
  z-index:10020;
}
.ut-nav-list > li > .sub-menu::before,
.ut-nav-list .sub-menu > li > .sub-menu::before {
  content:'';
  position:absolute;
  top:-10px;
  left:0;
  right:0;
  height:10px;
}
.ut-nav-list .sub-menu li {
  position:relative;
}
.ut-nav-list .sub-menu a {
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 18px;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  line-height:1.3;
  white-space:normal;
}
.ut-nav-list .sub-menu .menu-item-has-children > a::after {
  content:'\203A';
  font-size:14px;
  opacity:.8;
}
.ut-nav-list li:hover > .sub-menu,
.ut-nav-list li:focus-within > .sub-menu,
.ut-nav-list li.ut-open > .sub-menu {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.ut-nav-list .sub-menu > li > .sub-menu {
  top:-13px;
  left:100%;
  margin-left:10px;
}
.ut-nav-list .sub-menu a:hover,
.ut-nav-list .sub-menu li.ut-open > a,
.ut-nav-list .sub-menu li:focus-within > a {
  background:rgba(255,255,255,.06);
}
.ut-search-trigger {
  border:0;
  background:transparent;
  color:#fff;
  width:38px;
  height:38px;
  cursor:pointer;
}
.ut-desktop-search-wrap { position:relative; }
.ut-desktop-search-panel {
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  width:min(360px, 70vw);
  background:rgba(6, 12, 22, .97);
  border:1px solid rgba(255,255,255,.08);
  padding:16px;
  box-shadow:0 20px 40px rgba(0,0,0,.3);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.ut-desktop-search-wrap.is-open .ut-desktop-search-panel {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.ut-btn-header-donate {
  min-width:146px;
  min-height:44px;
  padding:12px 24px;
  background:#fff;
  color:#101622;
  border:2px solid #fff;
  font-size:14px;
}
.ut-btn-header-donate:hover { background:#fff; color:#101622; opacity:.92; }

.ut-mobile-panel {
  width:min(460px, 88vw);
  background:#f1f1ed;
}
.ut-mobile-panel-inner { padding:18px 24px 28px; }
.ut-mobile-panel-top { margin-bottom:8px; }
.ut-mobile-logo { max-height:66px; }
.ut-mobile-close {
  font-size:68px;
  line-height:.75;
}
.ut-mobile-donate-wrap { margin:6px 0 18px; }
.ut-btn-mobile-donate {
  border:3px solid #111;
  border-radius:999px;
  background:#f7f7f4;
  font-size:17px;
  min-height:60px;
}
.ut-mobile-nav-list > li,
.ut-mobile-nav-list .sub-menu > li {
  position:relative;
  border-top:1px solid #d6d6d1;
}
.ut-mobile-nav-list > li:last-child { border-bottom:1px solid #d6d6d1; }
.ut-mobile-nav-list > li > a {
  padding:24px 54px 24px 0;
  font-size:22px;
  font-weight:800;
}
.ut-mobile-nav-list .sub-menu {
  display:none;
  padding:0 0 6px 0;
}
.ut-mobile-nav-list li.ut-open > .sub-menu { display:block; }
.ut-mobile-nav-list .sub-menu li > a {
  padding:12px 38px 12px 18px;
  font-size:18px;
  font-weight:700;
}
.ut-mobile-nav-list .sub-menu .sub-menu li > a {
  padding-left:34px;
  font-size:16px;
  font-weight:600;
}
.ut-mobile-sub-toggle {
  top:16px;
  right:0;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  color:#a6a69f;
}
.ut-mobile-sub-toggle span { display:block; transform:translateX(1px); }
.ut-mobile-sub-toggle[aria-expanded="true"] span { transform:rotate(90deg) translateX(1px); }
.ut-mobile-search-row {
  margin-top:18px;
}
.ut-mobile-search-row .is-search-form,
.ut-mobile-search-row form,
.ut-mobile-search-row .is-form-style {
  width:100%;
}
.ut-mobile-search-row input[type="search"],
.ut-mobile-search-row input[type="text"] {
  width:100%;
  min-height:54px;
  border:1px solid #c8c8c1;
  background:#fff;
  padding:12px 14px;
}

.ut-hero-side .ut-hero-inner {
  padding-top:132px;
  padding-bottom:92px;
}
.ut-btn-work-learn,
.ut-btn-hero-solid,
.ut-btn-hero-outline {
  min-height:48px;
  padding:13px 24px;
  border-radius:0;
  font-size:14px;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.ut-btn-work-learn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#09a53a;
  border:2px solid #09a53a;
  color:#fff;
  text-decoration:none;
  font-weight:800;
}
.ut-btn-work-learn:hover { filter:brightness(.98); }

.ut-work-intro-final {
  padding:34px 0 18px;
  background:#fff;
}
.ut-work-lead {
  font-size:19px;
  line-height:1.8;
  color:#222;
  max-width:920px;
  margin:0 auto;
  text-align:left;
}
.ut-work-programs-section {
  padding:10px 0 36px;
  background:#efefec;
}
.ut-program-band {
  display:grid;
  grid-template-columns:minmax(320px, 42%) minmax(0, 1fr);
  background:#f5f5f2;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.ut-program-band + .ut-program-band { margin-top:4px; }
.ut-program-band-reverse { grid-template-columns:minmax(0, 1fr) minmax(320px, 42%); }
.ut-program-band-media img {
  width:100%;
  height:100%;
  min-height:450px;
  object-fit:cover;
  display:block;
}
.ut-program-band-reverse .ut-program-band-media { order:2; }
.ut-program-band-reverse .ut-program-band-body { order:1; }
.ut-program-band-body {
  padding:56px 48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#f2f2ef;
}
.ut-program-band-body h2 {
  margin:0 0 18px;
  font-size:48px;
  line-height:1.08;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ut-program-band-body p {
  font-size:20px;
  line-height:1.8;
  color:#1f1f1f;
  margin:0 0 24px;
}

.ut-about-timeline-section {
  padding:84px 0;
  background:#ecece7;
}
.ut-about-timeline-track {
  position:relative;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(280px, 1fr);
  gap:24px;
  overflow-x:auto;
  padding:34px 0 16px;
}
.ut-about-timeline-track::before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:16px;
  height:4px;
  background:#7a001d;
}
.ut-about-timeline-card {
  min-height:260px;
  padding:26px;
}
.ut-about-timeline-card::before {
  top:-21px;
  left:28px;
  width:14px;
  height:14px;
  background:#7a001d;
  border-radius:50%;
}
.ut-about-timeline-card:first-child::before { display:block; }
.ut-about-timeline-year {
  background:#f0b63f;
  color:#111;
}

@media (max-width: 1100px) {
  .ut-header-inner {
    grid-template-columns:auto auto;
  }
  .ut-desktop-nav,
  .ut-header-search-desktop,
  .ut-btn-header-donate { display:none; }
  .ut-mobile-toggle { display:inline-block; }
  .ut-hero-side .ut-hero-inner { padding-top:108px; }
  .ut-program-band,
  .ut-program-band-reverse {
    grid-template-columns:1fr;
  }
  .ut-program-band-media img { min-height:320px; }
  .ut-program-band-reverse .ut-program-band-media,
  .ut-program-band-reverse .ut-program-band-body { order:initial; }
}
@media (max-width: 767px) {
  .ut-header-inner { padding:12px 16px; }
  .ut-brand-logo { max-height:38px; }
  .ut-mobile-panel { width:100%; max-width:none; }
  .ut-mobile-panel-inner { padding:14px 18px 26px; }
  .ut-mobile-nav-list > li > a { font-size:19px; padding:20px 50px 20px 0; }
  .ut-mobile-nav-list .sub-menu li > a { font-size:16px; }
  .ut-hero-side .ut-hero-inner { padding-top:96px; padding-bottom:58px; }
  .ut-program-band-body { padding:30px 22px; }
  .ut-program-band-body h2 { font-size:34px; }
  .ut-program-band-body p { font-size:17px; line-height:1.7; }
  .ut-about-timeline-track { grid-auto-columns:minmax(250px, 84vw); }
}

/* ===== 2.6.0 menu + work page fixes ===== */
.ut-site-header,
.ut-header-inner,
.ut-desktop-nav,
.ut-nav-list,
.ut-nav-list li,
.ut-nav-list .sub-menu,
.ut-nav-list .sub-menu li {
  overflow: visible;
}

.ut-header-inner {
  align-items:center;
}

.ut-desktop-nav {
  display:flex;
  justify-content:center;
}

.ut-nav-list {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:10px;
}

.ut-nav-list > li > a {
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:10px 8px;
}

.ut-nav-list > li.menu-item-has-children > a::after,
.ut-nav-list .sub-menu .menu-item-has-children > a::after {
  display:none;
}

.ut-desktop-sub-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  margin-left:1px;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  vertical-align:middle;
}
.ut-desktop-sub-toggle span {
  font-size:10px;
  line-height:1;
}
.ut-nav-list .sub-menu .ut-desktop-sub-toggle {
  position:absolute;
  right:10px;
  top:10px;
  width:22px;
  height:22px;
}
.ut-nav-list .sub-menu .ut-desktop-sub-toggle span {
  font-size:12px;
  transform:rotate(-90deg);
}
.ut-nav-list li.ut-open > .ut-desktop-sub-toggle span {
  transform:rotate(180deg);
}
.ut-nav-list .sub-menu li.ut-open > .ut-desktop-sub-toggle span {
  transform:rotate(-90deg);
}

.ut-nav-list .sub-menu {
  top:100%;
  left:0;
  margin-top:8px;
  min-width:250px;
  border-radius:0;
}

.ut-nav-list .sub-menu > li > .sub-menu {
  top:-12px;
  left:calc(100% - 1px);
  margin-left:0;
}

.ut-nav-list .sub-menu a {
  padding-right:40px;
}

.ut-nav-list li:hover > .sub-menu,
.ut-nav-list li:focus-within > .sub-menu,
.ut-nav-list li.ut-open > .sub-menu {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.ut-mobile-nav-list .menu-item-has-children {
  position:relative;
}

.ut-mobile-nav-list .sub-menu {
  display:none;
  background:#ecece6;
}
.ut-mobile-nav-list li.ut-open > .sub-menu {
  display:block;
}
.ut-mobile-nav-list .sub-menu .sub-menu {
  background:#e5e5df;
}

.ut-mobile-sub-toggle {
  z-index:3;
  border:0;
  background:transparent;
  cursor:pointer;
}

.ut-mobile-nav-list > li > a,
.ut-mobile-nav-list .sub-menu li > a {
  padding-right:56px;
}

.ut-work-overview-section {
  background:#f6f6f3;
  padding:72px 0 58px;
}
.ut-work-overview-section h2 {
  margin:0 0 12px;
  font-size:50px;
  line-height:1.08;
}
.ut-work-overview-lead {
  font-size:22px;
  margin:0 0 18px;
  color:#222;
}
.ut-work-overview-section p:last-child {
  font-size:18px;
  line-height:1.75;
  color:#2a2a2a;
}

.ut-work-feature {
  padding:78px 0;
}
.ut-work-feature-light {
  background:#f6f6f3;
}
.ut-work-feature-tan {
  background:#e7dbcc;
}
.ut-work-feature-grid {
  display:grid;
  grid-template-columns:minmax(280px, 1fr) minmax(340px, 1.2fr);
  gap:48px;
  align-items:center;
}
.ut-work-feature-reverse {
  grid-template-columns:minmax(340px, 1.2fr) minmax(280px, 1fr);
}
.ut-work-feature-reverse .ut-work-feature-copy {
  order:2;
}
.ut-work-feature-reverse .ut-work-feature-media {
  order:1;
}
.ut-work-feature-media img {
  width:100%;
  display:block;
  min-height:360px;
  object-fit:cover;
}
.ut-work-feature-copy h2 {
  margin:10px 0 16px;
  font-size:48px;
  line-height:1.05;
}
.ut-work-feature-copy p {
  margin:0 0 26px;
  font-size:19px;
  line-height:1.8;
  color:#202020;
}
.ut-card-kicker {
  display:inline-block;
  font-size:14px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
}

@media (max-width: 1100px) {
  .ut-desktop-nav,
  .ut-header-search-desktop,
  .ut-btn-header-donate {
    display:none;
  }

  .ut-work-overview-section h2 {
    font-size:36px;
  }

  .ut-work-feature,
  .ut-work-overview-section {
    padding:54px 0;
  }

  .ut-work-feature-grid,
  .ut-work-feature-reverse {
    grid-template-columns:1fr;
    gap:28px;
  }

  .ut-work-feature-reverse .ut-work-feature-copy,
  .ut-work-feature-reverse .ut-work-feature-media {
    order:initial;
  }

  .ut-work-feature-copy h2 {
    font-size:34px;
  }

  .ut-work-feature-copy p,
  .ut-work-overview-section p:last-child,
  .ut-work-overview-lead {
    font-size:17px;
    line-height:1.7;
  }

  .ut-work-feature-media img {
    min-height:260px;
  }
}


/* === Final 2.7.0 fixes === */
.ut-hero-inner-left { text-align:left; margin-left:0; }
.ut-hero-inner-right { max-width:620px; margin-left:auto; margin-right:clamp(16px,5vw,72px); text-align:left; }
.ut-hero-side .ut-hero-inner-right { padding-left:0; }
.ut-why-hero .ut-hero-inner-right { justify-self:end; }
.ut-why-hero .ut-hero-inner-right h1,
.ut-why-hero .ut-hero-inner-right p { text-align:left; }
.ut-hero-content-limit { width:min(100%, 620px); }

.ut-site-header { background: linear-gradient(to bottom, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 60%, rgba(0,0,0,0) 100%); }
.ut-desktop-nav, .ut-desktop-nav .menu, .ut-nav-list, .ut-nav-list li { overflow:visible; }
.ut-nav-list li { position:relative; }
.ut-nav-list > li, .ut-nav-list .sub-menu > li { display:flex; align-items:center; flex-wrap:wrap; }
.ut-nav-list > li > a, .ut-nav-list .sub-menu > li > a { flex:1 1 auto; }
.ut-nav-list li > .sub-menu { display:none !important; opacity:0; visibility:hidden; pointer-events:none; z-index:9999; }
.ut-nav-list li:hover > .sub-menu,
.ut-nav-list li:focus-within > .sub-menu,
.ut-nav-list li.ut-open > .sub-menu { display:block !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; }
.ut-nav-list .sub-menu { position:absolute; top:100%; left:0; min-width:250px; background:rgba(10,15,23,.96); border:1px solid rgba(255,255,255,.08); box-shadow:0 18px 45px rgba(0,0,0,.28); padding:10px 0; }
.ut-nav-list .sub-menu > li { width:100%; display:block; }
.ut-nav-list .sub-menu > li > a { display:block; width:100%; }
.ut-nav-list .sub-menu > li > .ut-desktop-sub-toggle { position:absolute; right:10px; top:11px; }
.ut-nav-list .sub-menu > li > .sub-menu { top:-10px; left:100%; }
.ut-nav-list .sub-menu a { color:#fff; }
.ut-desktop-sub-toggle { position:relative; z-index:10001; }

.ut-mobile-panel .menu, .ut-mobile-nav-list, .ut-mobile-nav-list li { overflow:visible; }
.ut-mobile-nav-list li { position:relative; }
.ut-mobile-nav-list .menu-item-has-children > a { display:block; padding-right:64px; }
.ut-mobile-sub-toggle { position:absolute; top:12px; right:8px; width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; }
.ut-mobile-nav-list .sub-menu { display:none !important; width:100%; }
.ut-mobile-nav-list li.ut-open > .sub-menu { display:block !important; }
.ut-mobile-nav-list .sub-menu .sub-menu { margin-top:0; }

.ut-work-feature-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px, 40%); align-items:stretch; gap:0; background:#fff; }
.ut-work-feature-reverse { grid-template-columns:minmax(320px, 40%) minmax(0,1fr); }
.ut-work-feature-media, .ut-work-feature-copy { min-height:420px; }
.ut-work-feature-media img { width:100%; height:100%; object-fit:cover; display:block; }
.ut-work-feature-copy { padding:clamp(28px,4vw,56px); display:flex; flex-direction:column; justify-content:center; }
.ut-work-feature-copy h2 { font-size:clamp(32px,3vw,54px); line-height:1.05; letter-spacing:.08em; text-transform:uppercase; }
.ut-work-feature-copy p { font-size:18px; line-height:1.75; }

@media (max-width: 1100px) {
  .ut-hero-inner-right { margin-right:0; }
}
@media (max-width: 900px) {
  .ut-work-feature-grid, .ut-work-feature-reverse { grid-template-columns:1fr; }
  .ut-work-feature-media { order:-1; min-height:280px; }
  .ut-work-feature-copy { min-height:auto; }
}


/* ===== Ubuntu Trust 2.8.0 menu + why ubuntu fixes ===== */
.ut-site-header {
  background: linear-gradient(to bottom, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 60%, rgba(0,0,0,0) 100%) !important;
}
.ut-desktop-nav, .ut-nav-list, .ut-nav-list ul { overflow: visible !important; }
.ut-nav-list, .ut-nav-list .sub-menu { list-style:none; margin:0; padding:0; }
.ut-nav-list > li, .ut-nav-list .sub-menu > li { position:relative !important; }
.ut-nav-list > li { display:flex; align-items:center; }
.ut-nav-list > li > a, .ut-nav-list .sub-menu > li > a { display:block; }
.ut-nav-list .menu-item-has-children > .ut-desktop-sub-toggle { display:none !important; }
@media (min-width:1101px){
  .ut-nav-list li > .sub-menu {
    display:block !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(10px) !important;
    transition:opacity .2s ease, transform .2s ease, visibility .2s ease !important;
  }
  .ut-nav-list > li > .sub-menu {
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    min-width:260px !important;
    background:rgba(10,15,23,.96) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.28) !important;
    padding:12px 0 !important;
    z-index:99999 !important;
  }
  .ut-nav-list .sub-menu > li > .sub-menu {
    position:absolute !important;
    top:-12px !important;
    left:100% !important;
    min-width:260px !important;
    background:rgba(10,15,23,.96) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.28) !important;
    padding:12px 0 !important;
    z-index:99999 !important;
  }
  .ut-nav-list li:hover > .sub-menu,
  .ut-nav-list li:focus-within > .sub-menu {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
  .ut-nav-list .sub-menu li:hover > .sub-menu,
  .ut-nav-list .sub-menu li:focus-within > .sub-menu {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
  .ut-nav-list .sub-menu a {
    color:#fff !important;
    width:100% !important;
    padding:12px 18px !important;
    white-space:normal !important;
  }
  .ut-nav-list .sub-menu .menu-item-has-children > a::after {
    content:'›' !important;
    float:right !important;
    opacity:.8 !important;
  }
}
@media (max-width:1100px){
  .ut-mobile-nav-list .menu-item-has-children > .ut-mobile-sub-toggle {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
  }
  .ut-mobile-nav-list .sub-menu {
    display:none !important;
    width:100% !important;
    padding-top:4px !important;
  }
  .ut-mobile-nav-list li.ut-open > .sub-menu { display:block !important; }
}
.ut-why-hero .ut-hero-inner,
.ut-why-hero .ut-hero-content-limit {
  margin-left:auto !important;
  margin-right:0 !important;
  width:min(100%, 560px) !important;
}
.ut-extra-page .ut-extra-intro,
.ut-extra-page .ut-extra-cards,
.ut-extra-page .ut-extra-banner,
.ut-extra-page .ut-extra-stats,
.ut-extra-page .ut-extra-message,
.ut-extra-page .ut-extra-story {
  position:relative;
  z-index:1;
}

/* ===== 2.9.0 final menu + work item fixes ===== */
.ut-site-header{
  background: linear-gradient(to bottom, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 60%, rgba(0,0,0,0) 100%);
}

/* Desktop dropdowns: hidden until hover/focus */
@media (min-width:1101px){
  .ut-nav-list,
  .ut-nav-list .sub-menu{list-style:none;margin:0;padding:0}
  .ut-nav-list > li,
  .ut-nav-list .sub-menu > li{position:relative}
  .ut-nav-list .menu-item-has-children > .ut-desktop-sub-toggle{display:none !important}
  .ut-nav-list > li > .sub-menu,
  .ut-nav-list .sub-menu > li > .sub-menu{
    display:block !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(8px);
    transition:opacity .2s ease, visibility .2s ease, transform .2s ease;
  }
  .ut-nav-list > li:hover > .sub-menu,
  .ut-nav-list > li:focus-within > .sub-menu,
  .ut-nav-list .sub-menu > li:hover > .sub-menu,
  .ut-nav-list .sub-menu > li:focus-within > .sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0);
  }
  .ut-nav-list > li > .sub-menu{
    position:absolute;
    top:100%;left:0;
    min-width:260px;
    background:rgba(10,15,23,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 45px rgba(0,0,0,.28);
    padding:10px 0;
    z-index:9999;
  }
  .ut-nav-list .sub-menu > li > .sub-menu{
    position:absolute;
    top:-10px;left:100%;
    min-width:260px;
    background:rgba(10,15,23,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 45px rgba(0,0,0,.28);
    padding:10px 0;
    z-index:9999;
  }
  .ut-nav-list .sub-menu a{display:block;padding:12px 18px;color:#fff;text-decoration:none;line-height:1.35}
  .ut-nav-list .sub-menu a:hover,
  .ut-nav-list .sub-menu a:focus{background:rgba(255,255,255,.06)}
  .ut-nav-list .sub-menu .menu-item-has-children > a{padding-right:34px}
  .ut-nav-list .sub-menu .menu-item-has-children > a::after{
    content:'›';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.85;
  }
}

/* Mobile dropdown click behavior */
@media (max-width:1100px){
  .ut-mobile-nav-list .sub-menu{display:none !important;width:100%}
  .ut-mobile-nav-list li.ut-open > .sub-menu{display:block !important}
}

/* Single work page redesign */
.ut-single-hero--overlay{position:relative;min-height:560px;background-size:cover;background-position:center}
.ut-single-hero--overlay .ut-sh-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.70) 0%, rgba(0,0,0,.38) 42%, rgba(0,0,0,.10) 100%)}
.ut-single-hero--overlay .ut-container{position:relative;z-index:2}
.ut-sh-inner--split{min-height:560px;display:flex;align-items:center}
.ut-sh-copy{max-width:560px;color:#fff;padding:110px 0 90px}
.ut-single-eyebrow{display:inline-block;margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.9;display: none;}
.ut-sh-copy h1{margin:0 0 18px;font-size:38px;line-height:1.02;color:#fff}
.ut-sh-copy p{margin:0;max-width:632px;font-size:19px;line-height:1.45;color:#fff}

.ut-work-detail-intro,
.ut-work-detail-copy{padding:78px 0;background:#efefef}
.ut-work-detail-intro h2{margin:0 0 24px;font-size:41px;line-height:1.06;color:#161616;max-width:980px}
.ut-work-detail-intro p,
.ut-work-detail-copy .ut-richtext,
.ut-work-detail-copy .ut-richtext p{font-size:25px;line-height:1.5;color:#252525;max-width:1180px}
.ut-work-detail-band{padding:90px 0;background:#f6f6f6}
.ut-work-detail-band--alt{background:#e9ddcf}
.ut-work-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ut-work-detail-grid.is-reverse .ut-work-detail-media{order:2}
.ut-work-detail-grid.is-reverse .ut-work-detail-content{order:1}
.ut-work-detail-media{min-height:360px;background-size:cover;background-position:center;border-radius:0}
.ut-work-detail-content h3{margin:0 0 20px;font-size:48px;line-height:1.02;color:#111;letter-spacing:-.02em}
.ut-work-detail-content p{margin:0 0 28px;font-size:24px;line-height:1.7;color:#222}
.ut-btn-work-learn{display:inline-block;background:green;color:#fff !important;border:1px solid green;padding:14px 28px;text-decoration:none;font-weight:700;border-radius:0}
.ut-btn-work-learn:hover{background:red;border-color:#a60f3d;color:#fff}
.ut-work-detail-cta{padding:80px 0;background:#f1f1f1}
.ut-work-detail-cta-card{padding:38px 42px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);max-width:920px}
.ut-work-detail-cta-card h3{margin:0 0 14px;font-size:36px;line-height:1.1}
.ut-work-detail-cta-card p{margin:0 0 24px;font-size:20px;line-height:1.6}

@media (max-width:1100px){
  .ut-single-hero--overlay,.ut-sh-inner--split{min-height:420px}
  .ut-sh-copy{padding:90px 0 70px}
  .ut-sh-copy h1{font-size:44px}
  .ut-sh-copy p{font-size:18px}
  .ut-work-detail-intro,
  .ut-work-detail-copy,
  .ut-work-detail-band,
  .ut-work-detail-cta{padding:52px 0}
  .ut-work-detail-intro h2{font-size:34px}
  .ut-work-detail-intro p,
  .ut-work-detail-copy .ut-richtext,
  .ut-work-detail-copy .ut-richtext p,
  .ut-work-detail-content p{font-size:18px}
  .ut-work-detail-grid{grid-template-columns:1fr;gap:26px}
  .ut-work-detail-grid.is-reverse .ut-work-detail-media,
  .ut-work-detail-grid.is-reverse .ut-work-detail-content{order:initial}
  .ut-work-detail-content h3{font-size:34px}
  .ut-work-detail-media{min-height:240px}
  .ut-work-detail-cta-card{padding:28px 24px}
}


/* ===== 3.0.0 header/menu/hero final fixes ===== */
.ut-header-inner{display:flex;align-items:center;gap:24px;}
.ut-header-actions{margin-left:auto !important;display:flex;align-items:center;gap:14px;}
.ut-mobile-toggle{margin-left:8px;order:3;position:relative;right:0;}
.ut-header-search-desktop{order:1;}
.ut-btn-header-donate{order:2;}
.ut-desktop-nav{flex:1 1 auto;min-width:0;}
.ut-nav-list > li > a,
.ut-nav-list .sub-menu > li > a,
.ut-mobile-nav-list > li > a,
.ut-mobile-nav-list .sub-menu > li > a{position:relative;}
@media (min-width:1101px){
  .ut-nav-list > li.menu-item-has-children > a{padding-right:22px !important;}
  .ut-nav-list > li.menu-item-has-children > a::after{
    content:"\f078" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    font-size:10px !important;
    line-height:1 !important;
    position:absolute !important;
    right:2px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    opacity:.9 !important;
  }
  .ut-nav-list .sub-menu > li.menu-item-has-children > a{padding-right:40px !important;}
  .ut-nav-list .sub-menu > li.menu-item-has-children > a::after{
    content:"\f054" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    font-size:11px !important;
    line-height:1 !important;
    position:absolute !important;
    right:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    opacity:.9 !important;
  }
  .ut-nav-list > li > .sub-menu{margin-top:0 !important;}
  .ut-nav-list li:hover > .sub-menu, .ut-nav-list li:focus-within > .sub-menu{display:block !important;}
}
@media (max-width:1100px){
  .ut-mobile-toggle{display:inline-flex !important;align-items:center;justify-content:center;margin-left:auto !important;}
  .ut-header-actions{margin-left:auto !important;}
  .ut-mobile-panel-inner{padding-top:22px;}
  .ut-mobile-nav-list > li.menu-item-has-children > a,
  .ut-mobile-nav-list .sub-menu > li.menu-item-has-children > a{padding-right:54px !important;}
  .ut-mobile-nav-list .menu-item-has-children > .ut-mobile-sub-toggle{
    position:absolute !important;
    right:0 !important;
    top:10px !important;
    width:42px !important;
    height:42px !important;
    border:0 !important;
    background:transparent !important;
    color:#1b1b1b !important;
    font-size:0 !important;
  }
  .ut-mobile-nav-list .menu-item-has-children > .ut-mobile-sub-toggle::before{
    content:"\f078" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    font-size:14px !important;
    line-height:1 !important;
  }
  .ut-mobile-nav-list li.ut-open > .ut-mobile-sub-toggle::before{
    content:"\f077" !important;
  }
}
.ut-why-hero .ut-hero-inner-right{max-width:620px !important;margin-left:auto !important;margin-right:clamp(16px,5vw,72px) !important;text-align:left !important;}
.ut-why-hero .ut-hero-inner-right h1,.ut-why-hero .ut-hero-inner-right p{text-align:left !important;}


/* ===== Ubuntu Trust 3.1.0 fixes ===== */
:root{--ff-body:"Source Sans 3",Arial,sans-serif;--ff-head:"Playfair Display",Georgia,serif;}
.ut-page{font-family:var(--ff-body);color:#1b1b1b;}
.ut-page h1,.ut-page h2,.ut-page h3,.ut-page h4{/*! font-family:var(--ff-head); */}
.ut-site-header{position:relative;z-index:9998;background:linear-gradient(to bottom,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 60%,rgba(0,0,0,0) 100%);}
.ut-header-inner{max-width:1240px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:24px;}
.ut-header-brand{flex:0 0 auto;}
.ut-brand-logo{max-height:42px;width:auto;display:block;}
.ut-desktop-nav{flex:1 1 auto;display:flex;justify-content:center;overflow:visible !important;}
.ut-header-actions{margin-left:auto;display:flex;align-items:center;gap:14px;}
.ut-mobile-toggle{margin-left:auto !important;}
.ut-nav-list,.ut-nav-list .sub-menu{list-style:none;margin:0;padding:0;}
.ut-nav-list{display:flex;align-items:center;gap:26px;overflow:visible !important;}
.ut-nav-list > li{position:relative;display:flex;align-items:center;}
.ut-nav-list > li > a,.ut-nav-list .sub-menu > li > a{display:block;color:#fff;font-weight:600;font-size:15px;line-height:1.15;text-decoration:none;}
.ut-nav-list > li > a{padding:10px 0;position:relative;}
.ut-nav-list > li.menu-item-has-children > a,.ut-nav-list .sub-menu > li.menu-item-has-children > a{padding-right:22px;}
.ut-nav-list > li.menu-item-has-children > a::after{content:"078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;position:absolute;right:0;top:50%;transform:translateY(-40%);opacity:.95;}
.ut-nav-list .sub-menu > li.menu-item-has-children > a::after{content:"054";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;position:absolute;right:14px;top:50%;transform:translateY(-50%);opacity:.95;}
.ut-nav-list .menu-item-has-children > .ut-desktop-sub-toggle{display:none !important;}
.ut-nav-list li > .sub-menu{display:block !important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;position:absolute;top:100%;left:0;min-width:245px;background:rgba(8,12,20,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 44px rgba(0,0,0,.28);padding:10px 0;z-index:9999;}
.ut-nav-list .sub-menu > li{position:relative;}
.ut-nav-list .sub-menu > li > .sub-menu{top:-10px;left:100%;}
.ut-nav-list li:hover > .sub-menu,.ut-nav-list li:focus-within > .sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
.ut-nav-list .sub-menu a{padding:12px 18px;color:#fff;width:100%;position:relative;background:transparent;}
.ut-nav-list .sub-menu a:hover,.ut-nav-list .sub-menu li:hover > a{background:rgba(255,255,255,.06);}
.ut-mobile-toggle{display:none;background:transparent;border:0;padding:10px 0 10px 10px;cursor:pointer;}
.ut-mobile-toggle span{display:block;width:22px;height:2px;background:#fff;margin:4px 0 4px auto;}
.ut-mobile-nav-list > li > a,.ut-mobile-nav-list .sub-menu > li > a{display:block;position:relative;padding:16px 54px 16px 0;color:#111;font-weight:700;text-decoration:none;border-bottom:1px solid #ebedf0;}
.ut-mobile-nav-list .sub-menu{display:none;padding-left:16px;}
.ut-mobile-nav-list li.ut-open > .sub-menu{display:block;}
.ut-mobile-nav-list .menu-item-has-children > .ut-mobile-sub-toggle{position:absolute;right:0;top:6px;width:44px;height:44px;border:0;background:transparent;color:#111;display:flex;align-items:center;justify-content:center;}
.ut-mobile-nav-list .menu-item-has-children > .ut-mobile-sub-toggle span{display:none;}
.ut-mobile-nav-list > li.menu-item-has-children > .ut-mobile-sub-toggle::before{content:"078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:14px;}
.ut-mobile-nav-list .sub-menu > li.menu-item-has-children > .ut-mobile-sub-toggle::before{content:"054";font-family:"Font Awesome 6 Free";font-weight:900;font-size:13px;}
.ut-mobile-nav-list li.ut-open > .ut-mobile-sub-toggle::before{transform:rotate(180deg);display:inline-block;}
@media (max-width:1100px){.ut-desktop-nav,.ut-header-search-desktop,.ut-btn-header-donate{display:none !important;}.ut-mobile-toggle{display:inline-block !important;}.ut-header-inner{padding:12px 18px;gap:16px;}.ut-mobile-panel{width:100%;max-width:420px;background:#fff;}.ut-mobile-panel-inner{padding:20px 20px 28px;}.ut-mobile-panel-top{display:flex;justify-content:space-between;align-items:center;}}

.ut-why-hero-right{margin-left:auto;max-width:560px;text-align:left;align-items:flex-start;}
.ut-why-hero-right h1{font-size:clamp(44px,4.4vw,68px);line-height:.98;margin-bottom:18px;color:#fff;}
.ut-why-hero-right p{max-width:520px;color:#fff;font-size:19px;line-height:1.55;}
.ut-why-intro-ref{padding:72px 0 66px;background:#fff;}
.ut-why-intro-ref .ut-richtext p{font-size:18px;line-height:1.8;color:#2b2b2b;}
.ut-why-cards-ref{padding:74px 0 78px;background:#f5f5f5;}
.ut-why-cards-ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px;}
.ut-why-card-ref{background:#fff;border:1px solid #e4e4e4;border-top-width:4px;padding:34px 28px 30px;min-height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.04);}
.ut-why-card-ref-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#111;margin-bottom:18px;}
.ut-why-card-ref-img{width:100%;height:180px;background-size:cover;background-position:center;margin:-34px -28px 24px;border-bottom:1px solid #ececec;}
.ut-why-card-ref h3{font-size:24px;line-height:1.2;margin:0 0 14px;color:#111;}
.ut-why-card-ref p{font-size:17px;line-height:1.75;color:#2a2a2a;margin:0 0 24px;}
.ut-why-card-btn{margin-top:auto;color:#fff !important;padding:11px 24px;border-radius:0;text-transform:none;letter-spacing:0;font-size:14px;}
@media (max-width:900px){.ut-why-cards-ref-grid{grid-template-columns:1fr;}.ut-why-hero-right{max-width:100%;}.ut-why-hero-right h1{font-size:40px;}}


/* ===== 3.2.0 critical css fixes ===== */
.ut-site-header{
  position:relative;
  z-index:9999;
  background:linear-gradient(to bottom, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 60%, rgba(0,0,0,0) 100%) !important;
}
.ut-header-inner{position:relative;z-index:2;}
.ut-desktop-nav .ut-nav-list,
.ut-desktop-nav .ut-nav-list ul{list-style:none;margin:0;padding:0;}
.ut-desktop-nav .ut-nav-list{display:flex;align-items:center;gap:26px;}
.ut-desktop-nav .ut-nav-list > li{position:relative;}
.ut-desktop-nav .ut-nav-list a{display:inline-flex;align-items:center;color:#fff !important;text-decoration:none;}
.ut-desktop-nav .menu-item-has-children > a{position:relative;padding-right:18px !important;}
.ut-desktop-nav .menu-item-has-children > a::after{
  content:"\f078";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:11px;
  line-height:1;
  display:inline-block;
  margin-left:7px;
  color:#fff;
}
.ut-desktop-nav .sub-menu .menu-item-has-children > a{padding-right:18px !important;}
.ut-desktop-nav .sub-menu .menu-item-has-children > a::after{
  content:"\f054";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  margin-left:0;
  font-size:10px;
}
.ut-desktop-nav .sub-menu{
  display:none;
  position:absolute;
  left:0;
  top:100%;
  min-width:240px;
  background:rgba(14,22,34,.98);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  padding:12px 0;
}
.ut-desktop-nav .sub-menu li{position:relative;}
.ut-desktop-nav .sub-menu a{display:block;padding:10px 18px !important;white-space:nowrap;}
.ut-desktop-nav .sub-menu .sub-menu{left:100%;top:-12px;}
.ut-desktop-nav li:hover > .sub-menu,
.ut-desktop-nav li:focus-within > .sub-menu{display:block;}
.ut-desktop-sub-toggle{display:none !important;}
.ut-mobile-toggle{margin-left:auto !important;}
.ut-mobile-nav-list,
.ut-mobile-nav-list ul{list-style:none;margin:0;padding:0;}
.ut-mobile-nav-list .menu-item-has-children{position:relative;}
.ut-mobile-nav-list .menu-item-has-children > a{padding-right:52px !important;display:block;position:relative;}
.ut-mobile-nav-list .menu-item-has-children > a::after{content:none !important;}
.ut-mobile-sub-toggle{
  position:absolute;
  right:0;
  top:0;
  width:48px;
  height:48px;
  border:0;
  background:transparent;
  color:#111;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.ut-mobile-sub-toggle span{font-size:18px;line-height:1;transition:transform .2s ease;}
.ut-mobile-nav-list li.ut-open > .ut-mobile-sub-toggle span{transform:rotate(90deg);}
.ut-mobile-nav-list .sub-menu{display:none;padding:8px 0 8px 14px;}
.ut-mobile-nav-list li.ut-open > .sub-menu{display:block;}
.ut-page .ut-card,
.ut-sol-card,
.ut-work-feature-card,
.ut-trans-card,
.ut-about-timeline-card,
.ut-story-feature,
.ut-message-grid > *{
  box-sizing:border-box;
}
.ut-page .ut-hero,
.ut-final-work .ut-hero,
.ut-final-about .ut-hero,
.ut-work-hero,
.ut-program-hero{
  background-size:cover !important;
  background-position:center center !important;
  color:#fff;
}
.ut-page .ut-hero .ut-hero-overlay,
.ut-work-hero .ut-hero-overlay,
.ut-program-hero .ut-hero-overlay{
  background:linear-gradient(90deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.42) 48%, rgba(0,0,0,.12) 100%) !important;
}
.ut-sol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.ut-sol-card{background:#fff;border-radius:0;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.07);}
.ut-sol-card:nth-child(1){border:1px solid #37a7ff;}
.ut-sol-card:nth-child(2){border:1px solid #d6d957;}
.ut-sol-card:nth-child(3){border:1px solid #c2268c;}
.ut-sol-card .ut-card-body{padding:22px;}
@media (max-width: 1100px){
  .ut-desktop-nav{display:none !important;}
  .ut-mobile-toggle{display:inline-flex !important;}
}
@media (max-width: 767px){
  .ut-sol-grid{grid-template-columns:1fr;}
}