.hero {
  position: relative;
  isolation: isolate;
  margin: var(--inset);
  padding-top: var(--header-h);
  padding-bottom: var(--s-3);
  border-radius: var(--r-hero);
  background: var(--c-ink);
  overflow: hidden;
}

.hero__bgs { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: -2; }
.hero.has-parallax .hero__bgs { top: -12%; bottom: -12%; will-change: transform; }
.hero__bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1100ms var(--ease);
}
.hero__bg.is-active { opacity: 1; }
.hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (prefers-reduced-motion: no-preference) {
  .hero__bg img { transform: scale(1.06); transition: transform 9s linear; }
  .hero__bg.is-active img { transform: scale(1); }
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 280px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to bottom,
    rgba(0, 0, 0, var(--scrim-top)) 0%,
    rgba(0, 0, 0, var(--scrim-top)) 35%,
    rgba(0, 0, 0, calc(var(--scrim-top) * 0.897)) 51.3%,
    rgba(0, 0, 0, calc(var(--scrim-top) * 0.725)) 59.4%,
    rgba(0, 0, 0, calc(var(--scrim-top) * 0.500)) 67.5%,
    rgba(0, 0, 0, calc(var(--scrim-top) * 0.275)) 75.6%,
    rgba(0, 0, 0, calc(var(--scrim-top) * 0.104)) 83.8%,
    rgba(0, 0, 0, calc(var(--scrim-top) * 0.016)) 91.9%,
    rgba(0, 0, 0, 0) 100%);
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(1100px 230px at 88% 100%,
      rgba(var(--c-ink-rgb), 0.500) 0%,    rgba(var(--c-ink-rgb), 0.492) 12.5%,
      rgba(var(--c-ink-rgb), 0.448) 25%,   rgba(var(--c-ink-rgb), 0.363) 37.5%,
      rgba(var(--c-ink-rgb), 0.250) 50%,   rgba(var(--c-ink-rgb), 0.137) 62.5%,
      rgba(var(--c-ink-rgb), 0.052) 75%,   rgba(var(--c-ink-rgb), 0.008) 87.5%,
      rgba(var(--c-ink-rgb), 0)     100%),
    linear-gradient(98deg,
      rgba(var(--c-ink-rgb), 0.82) 0%,  rgba(var(--c-ink-rgb), 0.56) 40%,
      rgba(var(--c-ink-rgb), 0.12) 78%, rgba(var(--c-ink-rgb), 0.06) 100%),
    linear-gradient(to top,
      rgba(var(--c-ink-rgb), 0.720) 0,     rgba(var(--c-ink-rgb), 0.709) 65px,
      rgba(var(--c-ink-rgb), 0.645) 130px, rgba(var(--c-ink-rgb), 0.522) 195px,
      rgba(var(--c-ink-rgb), 0.360) 260px, rgba(var(--c-ink-rgb), 0.198) 325px,
      rgba(var(--c-ink-rgb), 0.075) 390px, rgba(var(--c-ink-rgb), 0.011) 455px,
      rgba(var(--c-ink-rgb), 0)     520px);
}

#portfoy { scroll-margin-top: calc(var(--header-stuck) + var(--s-4) - var(--s-8) + var(--inset)); }
#kurumsal,
#faaliyet-alanlari,
#projeler,
#medya { scroll-margin-top: calc(var(--header-stuck) + var(--s-4)); }

.bentos {
  --reveal-step: 130ms;
  --reveal-y: 32px;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--s-5);
}

/* 3 - Kurumsal */

.about { display: grid; gap: var(--s-7); }
.about__lead { position: relative; isolation: isolate; display: grid; justify-items: start; gap: var(--s-5); }
.about__ghost {
  position: absolute;
  top: 0.16em;
  left: -0.05em;
  z-index: -1;
  font-family: var(--f-display);
  font-size: clamp(6.5rem, 14vw, 11.5rem);
  font-weight: 700;
  line-height: 0.82;
  letter-spacing: -0.06em;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(var(--c-ink-rgb), 0.07);
  pointer-events: none;
  user-select: none;
}
@supports not (-webkit-text-stroke: 1px red) {
  .about__ghost { color: rgba(var(--c-ink-rgb), 0.07); }
}
.about__lede { max-width: 46ch; }
/* .about__points liste sıfırlaması components.css'e taşındı (.point ile birlikte,
   madde blokları anasayfa dışında da kullanılıyor — 2026-09-15). */