/* THE SPARK MEP — Home Finish v5
   Final presentation layer on top of the approved Home v4 baseline. */

#homeView .homeV4Services header h2{color:#0a2633!important;text-shadow:none!important}
#homeView .homeV4Services header p{color:#607680!important}
#homeView .homeV4Services header>a{position:relative;padding-right:18px}
#homeView .homeV4Services header>a:after{content:"";position:absolute;right:0;top:50%;width:10px;height:1px;background:#0787c8;box-shadow:4px 0 0 #0787c8}

#homeView .homeV4Services .svcImg.boq{
 background-color:#071d28!important;
 background-image:url('/assets/visuals/boq.svg')!important;
 background-size:104% 104%!important;
 background-position:center!important;
 filter:saturate(1.02) contrast(1.08)
}
#homeView .homeV4Services .svcImg.boq:after{
 display:flex!important;
 content:"▤  BOQ / TENDER"!important;
 align-items:flex-end!important;
 justify-content:flex-start!important;
 padding:0 14px 13px!important;
 color:#e8f8fc!important;
 background:linear-gradient(180deg,transparent 28%,rgba(3,20,31,.86) 100%)!important;
 font-size:11px!important;
 font-weight:950!important;
 letter-spacing:1.15px!important;
 text-shadow:0 2px 9px #00151e!important
}

#homeView .homeV4Sectors .sector-residential{background-image:url('https://imagedelivery.net/5Hv-BRVscjU8ZhvUYtTQYQ/3d9769f7-3650-406b-b0d4-773832dea000/6'),url('/assets/visuals/integrated-mep-premium.svg')!important}
#homeView .homeV4Sectors .sector-hotels{background-image:url('https://www.hoteliermiddleeast.com/2021/05/zvUWixdq-shr_rassoma_entrance__fountain-1-HME.jpg'),url('/assets/visuals/supervision-handover-branded.webp')!important}
#homeView .homeV4Sectors .sector-commercial{background-image:url('https://prod-images.cooingestate.com/processed/inventory/unlockedProperties/63371/8acf53a9-4e9d-49c8-868c-f1d4517f7ac1/default.webp'),url('/assets/visuals/electrical-lighting-premium.svg')!important}
#homeView .homeV4Sectors .sector-healthcare{background-image:linear-gradient(135deg,rgba(12,64,83,.14),rgba(4,25,36,.10)),url('https://images.pexels.com/photos/263402/pexels-photo-263402.jpeg?auto=compress&cs=tinysrgb&w=900'),url('/assets/visuals/mechanical-plantroom-premium.svg')!important}
#homeView .homeV4Sectors .sector-mixed{background-image:url('/assets/visuals/bim-integrated-mep.webp')!important;background-position:center 54%!important}
#homeView .homeV4Sectors .sector-industrial{background-image:linear-gradient(135deg,rgba(8,50,67,.10),rgba(4,20,29,.10)),url('/assets/visuals/integrated-mep-premium.svg')!important}

#homeView .homeV4ProjectGrid article{isolation:isolate}
#homeView .homeV4ProjectGrid article:before{content:"";position:absolute;inset:0;z-index:1;background:
 linear-gradient(135deg,rgba(42,200,235,.08),transparent 35%),
 linear-gradient(180deg,transparent 42%,rgba(3,20,31,.34) 72%,rgba(3,20,31,.98) 100%);pointer-events:none}
#homeView .homeV4ProjectGrid article:after{background:none!important}
#homeView .homeV4ProjectGrid img.is-fallback{filter:saturate(.9) contrast(1.06) brightness(.72)}
#homeView .projectMediaBadge{position:absolute;z-index:3;left:13px;top:12px;padding:5px 7px;border:1px solid rgba(111,207,229,.36);border-radius:99px;background:rgba(3,20,31,.68);backdrop-filter:blur(8px);color:#8ed7e7;font-size:7px;font-weight:900;letter-spacing:.9px}
#homeView .homeV4ProjectGrid article div{z-index:4!important}
#homeView .homeV4ProjectGrid article div:after{content:"↗";position:absolute;right:0;bottom:0;width:27px;height:27px;display:grid;place-items:center;border:1px solid #4fcce6;border-radius:50%;color:#5ad8ef;font-size:10px}

#homeView .homeV4FinalCta{position:relative;overflow:hidden}
#homeView .homeV4FinalCta:after{content:"ϟ";position:absolute;right:22%;top:50%;transform:translateY(-50%);font-size:82px;font-weight:950;color:rgba(83,218,239,.055);pointer-events:none}
#homeView .homeV4FinalCta .btn.primary{box-shadow:0 12px 34px rgba(26,190,224,.18)}

#homeView a:focus-visible,#homeView button:focus-visible{outline:3px solid rgba(36,196,231,.46)!important;outline-offset:3px!important}
#homeView .sp-launch-card:focus-visible{border-color:#64d9ef!important;box-shadow:0 0 0 4px rgba(34,191,227,.12),0 24px 50px rgba(0,18,28,.28)!important}

@media(max-width:900px){
 #homeView .homeV4Services header h2{color:#0a2633!important}
 #homeView .homeV4ProjectGrid article div:after{width:23px;height:23px}
}
@media(max-width:560px){
 body .newsHeader{display:none!important}
 body .insightHeader{height:29px!important;margin-bottom:0!important}
 body .insightTag{font-size:7px!important;padding:0 8px!important}
 body .insightItem{font-size:7px!important;padding:0 14px!important}
 #homeView .homeV4Hero{min-height:710px!important}
 #homeView .homeV4Services{padding-top:38px!important}
 #homeView .homeV4Services header h2{font-size:32px!important;line-height:1.02!important;margin-bottom:12px!important}
 #homeView .homeV4Services header p{font-size:10px!important}
 #homeView .homeV4Services .refServiceGrid>a{min-height:0!important}
 #homeView .homeV4ProjectGrid article{min-height:182px!important}
 #homeView .projectMediaBadge{left:9px;top:9px;font-size:6px}
 #homeView .homeV4FinalCta:after{right:4%;font-size:66px}
}

@media(prefers-reduced-motion:reduce){
 #homeView .homeV4ProjectGrid article img{transition:none!important}
}

/* Localize real CSS-generated captions. The English version remains the approved visual baseline. */
html[lang="ar"] #homeView .homeV4Services .svcImg.boq:after{content:"▤  جدول الكميات / المناقصات"!important;letter-spacing:0!important}
html[lang="de"] #homeView .homeV4Services .svcImg.boq:after{content:"▤  LV / AUSSCHREIBUNG"!important}
/* Curated news links: retain existing moving-track presentation, add explicit focus affordance. */
.newsTrack a.newsItem{color:inherit;text-decoration:none}
.newsTrack a.newsItem:hover,.newsTrack a.newsItem:focus-visible{color:#b7ecfb;text-decoration:underline;text-underline-offset:3px}
.newsTrack [aria-hidden="true"]{pointer-events:none}

/* 320–420px: the two stat cells must shrink within the actual viewport,
   rather than allowing their long German/English labels to inflate CSS grid tracks. */
@media(max-width:420px){
  #homeView .homeV4Stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #homeView .homeV4Stats div{min-width:0;padding:15px 8px 14px 47px!important;overflow-wrap:anywhere}
  #homeView .homeV4Stats i{left:9px;top:17px;width:30px;height:30px}
  #homeView .homeV4Stats strong{font-size:clamp(13px,4.3vw,18px)!important;letter-spacing:-.2px}
  #homeView .homeV4Stats span{font-size:clamp(9px,3vw,11px)!important;overflow-wrap:anywhere;line-height:1.4}
}

/* Constrain the Vision grid's German/English min-content track on 320px screens. */
@media(max-width:420px){
  #homeView .homeV4Vision{grid-template-columns:minmax(0,1fr)!important;min-width:0}
  #homeView .homeV4Vision>*{min-width:0;max-width:100%}
  #homeView .homeV4Vision .visionCopy,#homeView .homeV4Vision li{min-width:0;overflow-wrap:anywhere}
}