/* ===================================================================
   MFAZA — FINAL homepage tweaks (index.html only). After home-arch.css.
   Hero slide controls (counter + prev/next) moved to bottom-right.
   =================================================================== */

/* --- SLIDER CONTROLS → bottom-right --- */
.arch-hero__controls{
  position:absolute;right:clamp(20px,4vw,56px);bottom:clamp(28px,4vw,52px);z-index:5;
  display:flex;align-items:center;gap:clamp(16px,2vw,28px);
}
/* flatten the old top-left dark counter rectangle into an inline counter */
.arch-hero__controls .arch-hero__counter{
  position:static;background:none;border:none;padding:0;
  display:flex;align-items:baseline;gap:8px;
}
.arch-hero__controls .arch-hero__counter .cur{font-size:clamp(26px,2.6vw,42px);line-height:1}
.arch-hero__controls .arch-hero__counter .tot{margin-top:0}
/* flatten the old absolutely-positioned prev/next */
.arch-hero__controls .arch-hero__nav{position:static;left:auto;top:auto;display:flex;gap:8px}

@media(max-width:680px){
  .arch-hero__controls{left:20px;right:20px;bottom:20px;justify-content:space-between;gap:14px}
}

/* revised "MFAZA in Numbers" — 4 metrics */
.numstats--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:860px){.numstats--4{grid-template-columns:repeat(2,1fr);gap:36px 24px}}

/* wider hero headline */
.arch-hero h1{max-width:26ch}