/* UCME HOME FINAL OVERRIDE - 2026-09-05 */
html,body{margin:0!important;padding:0!important;width:100%!important;min-width:0!important;overflow-x:hidden!important}
body{background:#020607!important;color:#f5f8f8!important}
main{display:block!important;width:100%!important;margin:0!important;padding:0!important}
header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:64px!important;z-index:1000!important}
.hero{display:block!important;position:relative!important;width:100%!important;height:760px!important;min-height:760px!important;max-height:none!important;padding:64px 0 0!important;margin:0!important;overflow:hidden!important;box-sizing:border-box!important}
.hero-art{position:absolute!important;top:64px!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:696px!important;z-index:0!important}
.hero-inner{position:relative!important;z-index:2!important;width:min(1440px,94%)!important;height:620px!important;min-height:620px!important;margin:0 auto!important;padding:78px 0 0!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;gap:36px!important;align-items:center!important}
.hero-copy{position:relative!important;z-index:3!important;display:block!important;min-width:0!important}
.hero-video-card{position:relative!important;z-index:3!important;width:100%!important;height:325px!important;min-height:325px!important;margin:0!important}
.stats{position:absolute!important;z-index:10!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;width:min(1120px,88%)!important;height:auto!important}

.about-band{display:block!important;position:relative!important;z-index:20!important;width:100%!important;height:auto!important;min-height:190px!important;margin:0!important;padding:46px 0!important;overflow:hidden!important;clear:both!important}
.about-grid{display:grid!important;position:relative!important;width:min(1480px,94%)!important;margin:0 auto!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:55px!important;align-items:center!important}
.about-grid>*{min-width:0!important}
.about-grid h2{margin:8px 0!important}
.about-grid p{margin:7px 0!important}

.departments-section{display:block!important;position:relative!important;z-index:30!important;width:100%!important;margin:0!important;padding:30px 0 42px!important;clear:both!important;overflow:hidden!important}
.departments-section>.wrap{width:min(1480px,94%)!important;margin:0 auto!important}
.department-list{display:flex!important;flex-direction:column!important;width:100%!important;gap:7px!important}
.dept-row,.dept-row:nth-child(even){float:none!important;clear:both!important;width:100%!important;height:92px!important;min-height:92px!important;max-height:92px!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:310px 92px minmax(260px,1fr) 174px 68px!important;grid-template-rows:92px!important;align-items:center!important;position:relative!important;overflow:hidden!important;box-sizing:border-box!important}
.dept-photo{grid-column:1!important;grid-row:1!important;width:310px!important;height:92px!important;position:relative!important;overflow:hidden!important}
.dept-number{grid-column:2!important;grid-row:1!important}
.dept-content{grid-column:3!important;grid-row:1!important;min-width:0!important;position:relative!important;padding:9px 14px!important}
.dept-link{grid-column:4!important;grid-row:1!important;position:relative!important;justify-self:center!important;z-index:50!important;pointer-events:auto!important}
.dept-thumb{grid-column:5!important;grid-row:1!important;display:block!important;position:relative!important;justify-self:center!important;width:58px!important;height:58px!important}

@media(max-width:1100px){
 .hero{height:auto!important;min-height:850px!important}
 .hero-inner{height:auto!important;min-height:700px!important;grid-template-columns:1fr!important;padding:75px 0 155px!important}
 .hero-video-card{max-width:none!important}
 .dept-row,.dept-row:nth-child(even){height:100px!important;min-height:100px!important;max-height:100px!important;grid-template-columns:250px 78px minmax(220px,1fr) 155px 60px!important;grid-template-rows:100px!important}
 .dept-photo{width:250px!important;height:100px!important}
 .dept-thumb{width:52px!important;height:52px!important}
}
@media(max-width:760px){
 .hero{padding-top:62px!important;min-height:820px!important}
 .hero-art{top:62px!important;height:758px!important}
 .hero-inner{width:92%!important;min-height:0!important;height:auto!important;padding:65px 0 180px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}
 .hero-video-card{height:220px!important;min-height:220px!important}
 .stats{width:92%!important;grid-template-columns:repeat(2,1fr)!important}
 .about-grid{width:92%!important;grid-template-columns:1fr!important;gap:10px!important}
 .dept-row,.dept-row:nth-child(even){height:88px!important;min-height:88px!important;max-height:88px!important;grid-template-columns:118px 58px minmax(0,1fr) 50px!important;grid-template-rows:88px!important;clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%,0 50%)!important}
 .dept-photo{width:118px!important;height:88px!important}
 .dept-number{font-size:27px!important}
 .dept-content{padding:8px 7px!important}
 .dept-content h3{font-size:11px!important}
 .dept-content p{font-size:7px!important}
 .dept-link{width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:0!important;border-radius:50%!important}
 .dept-link:after{content:"→"!important;font-size:17px!important}
 .dept-thumb{display:none!important}
}

/* === UCME final visual/accessibility fixes === */
.wa img{width:34px!important;height:34px!important;display:block!important;filter:brightness(0) invert(1)!important}
.dept-row{cursor:pointer}
.dept-thumb{display:none!important}
.dept-photo img,.extracted-gallery img,.projects img{filter:contrast(1.06) saturate(1.12) brightness(1.06)!important;image-rendering:auto}
.dept-photo:after{background:linear-gradient(90deg,transparent 58%,#030809b8 100%)!important}
.dept-hero .real-bg{filter:contrast(1.06) saturate(1.1) brightness(1.08)!important}
.dept-hero .real-bg:after{background:linear-gradient(90deg,#020607d8 0%,#020607a0 43%,#02060718 82%,#0206079a 100%),linear-gradient(0deg,#020607 0%,transparent 45%)!important}
.hero{position:relative}
.hero-bg-video{position:absolute;inset:64px 0 0;width:100%;height:calc(100% - 64px);object-fit:cover;display:block;z-index:0}
.hero-video-overlay{position:absolute;inset:64px 0 0;z-index:1;background:linear-gradient(90deg,#020607ed 0%,#020607b8 32%,#02060748 62%,#020607b0 100%),linear-gradient(0deg,#020607e8 0%,transparent 45%,#02060755 100%)}
.hero-inner{z-index:2}
.stats{z-index:4}
.hero-copy>p{font-size:14px!important}
.eyebrow{font-size:11px!important}
.hero-sub{font-size:11px!important}
.dept-number span{font-size:8px!important}
.dept-content p{font-size:10px!important}
.dept-content .tags span{font-size:8px!important}
.dept-link{font-size:9px!important}
.step p{font-size:9px!important}
.stat small{font-size:9px!important}
footer{font-size:10px!important}
.contact-row{font-size:11px!important}
.social{font-size:14px!important}
@media(max-width:760px){
 .hero-bg-video,.hero-video-overlay{inset:62px 0 0;height:calc(100% - 62px)}
 .hero-sub{font-size:9px!important}
 .dept-content p{font-size:9px!important}
 .dept-content .tags span{font-size:8px!important}
 .dept-link{font-size:9px!important}
}

/* === UCME HOME TYPOGRAPHY & ALIGNMENT REFINEMENT === */
/* Keep department copy compact, vertically balanced and cleanly aligned beside the number. */
.dept-content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:7px 14px!important;
  box-sizing:border-box!important;
}
.dept-content h3{
  font-size:16px!important;
  line-height:1.12!important;
  margin:0 0 3px!important;
}
.dept-content p{
  font-size:11px!important;
  line-height:1.25!important;
  margin:0!important;
  min-height:0!important;
  max-width:700px!important;
}
.dept-content .tags{
  display:flex!important;
  gap:6px!important;
  margin:3px 0 0!important;
  line-height:1!important;
  flex-wrap:nowrap!important;
}
.dept-content .tags span{
  font-size:8.5px!important;
  line-height:1.1!important;
  padding:2px 0!important;
  letter-spacing:.65px!important;
}
.dept-number{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  line-height:1!important;
}
.dept-number span{
  margin-top:3px!important;
  line-height:1!important;
}

/* Slightly larger, better-shaped navigation. */
.navlinks{font-size:12px!important;gap:24px!important}
.navlinks a{padding:23px 0!important;line-height:1.15!important}

/* Larger readable heritage copy with controlled line length. */
.about-grid>div:last-child p{
  font-size:13px!important;
  line-height:1.6!important;
  margin:5px 0!important;
  max-width:760px!important;
}

/* Larger contact details without making the contact panel crowded. */
.contact-row{
  font-size:12.5px!important;
  line-height:1.45!important;
  margin:11px 0!important;
}
.location-copy{
  font-size:10.5px!important;
  line-height:1.55!important;
}

@media(max-width:1100px){
  .navlinks{font-size:11px!important;gap:15px!important}
  .dept-content{padding:7px 10px!important}
  .dept-content h3{font-size:14px!important}
  .dept-content p{font-size:10.5px!important}
  .about-grid>div:last-child p{font-size:12.5px!important}
}

@media(max-width:760px){
  .dept-row,.dept-row:nth-child(even){
    grid-template-columns:88px minmax(0,1fr)!important;
    grid-template-rows:95px auto auto!important;
  }
  .dept-number{grid-column:1!important;grid-row:2/4!important;padding-top:10px!important;align-self:start!important}
  .dept-content{grid-column:2!important;grid-row:2!important;padding:9px 10px 3px!important;display:flex!important;justify-content:center!important}
  .dept-content h3{font-size:14px!important;line-height:1.15!important;margin:0 0 3px!important}
  .dept-content p{font-size:9.5px!important;line-height:1.28!important;white-space:normal!important;overflow:visible!important}
  .dept-content .tags{display:flex!important;margin:3px 0 0!important;gap:5px!important;flex-wrap:wrap!important}
  .dept-content .tags span{font-size:8px!important;padding:1px 0!important}
  .dept-link{grid-column:2!important;grid-row:3!important;margin:0 10px 10px!important}
  .about-grid>div:last-child p{font-size:12px!important;line-height:1.55!important}
  .contact-row{font-size:12px!important}
  .location-copy{font-size:10.5px!important}
}

/* Final WhatsApp + Heritage layout correction */
.wa svg{width:34px!important;height:34px!important;display:block!important;fill:#fff!important;filter:none!important}
.about-grid h2 span{display:block!important;white-space:nowrap!important;line-height:1.02!important}
.about-grid h2 span+span{margin-top:2px!important}
@media(max-width:760px){.about-grid h2 span{white-space:normal!important;line-height:1.08!important}}


/* === UCME MAIN HERO VIDEO REPLACEMENT / VISUAL REFINEMENT === */
.hero-bg-video{
  object-position:center center!important;
  filter:contrast(1.06) saturate(1.08) brightness(.82)!important;
  transform:scale(1.015);
}
.hero-video-overlay{
  background:
    linear-gradient(90deg,#020607f0 0%,#020607bd 30%,#02060742 64%,#020607aa 100%),
    linear-gradient(0deg,#020607e5 0%,transparent 48%,#02060745 100%)!important;
}
@media(max-width:760px){
  .hero-bg-video{
    object-position:center center!important;
    filter:contrast(1.05) saturate(1.06) brightness(.78)!important;
  }
}


/* === UCME MOBILE LANGUAGE CONTROL + PORTRAIT HERO VIDEO === */
.mobile-lang-toggle{
  display:none;
  width:36px;height:36px;padding:0;margin:0;
  align-items:center;justify-content:center;
  border:1px solid #2f676b;border-radius:50%;
  background:#041012e8;color:#dff8f6;cursor:pointer;
  box-shadow:0 8px 24px #0008;
}
.mobile-lang-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
  .actions{position:relative;gap:8px!important}
  .mobile-lang-toggle{display:inline-flex}
  .actions .langs{display:none!important}
  .actions.mobile-lang-open .langs{
    display:flex!important;position:absolute;right:0;top:46px;z-index:140;
    gap:2px;padding:7px;background:#03090aeF;border:1px solid #2b5e62;
    border-radius:6px;box-shadow:0 15px 35px #000c;
  }
  .actions.mobile-lang-open .langs .lang{padding:7px 9px;font-size:10px}
  .hero-bg-video{
    object-fit:cover!important;object-position:center center!important;
    transform:none!important;
  }
}