/* HERO – full width arka plan, içerik 1200px içinde */
.mx-hero--edge{
  width:100%;
  margin:0;
  padding:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.mx-hero--edge .container{
  max-width:1200px;
  margin:0 auto;
  padding:60px 20px;
  box-sizing:border-box;
  color:#fff;
  text-align:center;
}
.mx-hero--edge h1{font-size:2.4rem;margin:0 0 10px}
.mx-hero--edge p{font-size:1.1rem;opacity:.92;margin:0}

@media (max-width:768px){
  .mx-hero--edge .container{padding:48px 16px}
  .mx-hero--edge h1{font-size:2rem}
}

/* Güvenli sabitleme */
html{overflow-y:scroll}
body{overflow-x:hidden}

.maki-hero-full {
  width: auto;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: clamp(220px, 28vw, 340px);
  background:
    linear-gradient(135deg, #0b1224, #182743),
    var(--hero-bg, none);
  background-size: cover;
  background-position: center;
  color: #fff;
  display: grid;
  place-items: center;
  text-align: center;
}

.maki-hero-inner {
  max-width: 980px;
  padding: 24px clamp(16px, 3vw, 32px);
}

.maki-hero-title {
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
}

.maki-hero-desc {
  margin: 0 auto;
  max-width: 70ch;
  opacity: .95;
  font-size: clamp(14px, 1.5vw, 18px);
}
/* Hero ile logolar arasındaki boşluğu biraz sıkılaştır */
.maki-hero-full--references {
  margin-bottom: 32px; /* çok açıksa 24 bile yapabilirsin */
}

/* Logoların üstünde hafif bir nefes */
.maki-archive--references .container {
  padding-top: 0;
}