/* ================================================================
   OHAD AFRIKA — style.css v7 (Sui.io Architecture)
   ================================================================ */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap");

:root {
  --c-black:   #050508;
  --c-dark:    #0a0a0f;
  --c-surface: #111118;
  --c-border:  rgba(255,255,255,0.08);
  --c-gold:    #D4A44B;
  --c-white:   #ffffff;
  --c-grey:    rgba(255,255,255,0.5);
  --c-grey2:   rgba(255,255,255,0.25);
  --c-light:   #f0ede8;
  --c-text-dark: #0a0a0f;
  --nav-h: 100px;
  --ff-head: "Space Grotesk", sans-serif;
  --ff-body: "Inter", sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;background:var(--c-black);color:var(--c-white);scroll-behavior:smooth;}
body{font-family:var(--ff-body);background:var(--c-black);overflow-x:hidden;}
/* cursor:none sadece non-touch, non-mobile cihazlarda aktif */
@media (hover: hover) and (pointer: fine) {
  body { cursor: none; }
}
img,video{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}

/* NOISE */
.noise-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* CURSOR */
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%);}
.cursor-dot{width:5px;height:5px;background:var(--c-gold);}
.cursor-ring{width:32px;height:32px;border:1px solid rgba(212,164,75,.45);transition:width .25s,height .25s,border-color .25s;}
.cursor-ring.hover{width:52px;height:52px;border-color:var(--c-gold);}

/* PRELOADER */
.preloader{position:fixed;inset:0;z-index:10000;background:var(--c-black);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;}
.preloader__logo{width:80px;opacity:0;}
.preloader__track{width:200px;height:1px;background:rgba(255,255,255,.1);position:relative;overflow:hidden;}
.preloader__fill{position:absolute;left:0;top:0;height:100%;width:0;background:var(--c-gold);transition:width .05s linear;}
.preloader__pct{font-family:var(--ff-head);font-size:48px;font-weight:700;color:var(--c-gold);letter-spacing:-2px;line-height:1;}
.preloader__label{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--c-grey);}

/* ═══════════════════════════════════════
   NAV — Next-Gen Glassmorphism
   ═══════════════════════════════════════ */

/* Entry animation: nav slides down from -100% */
@keyframes navEntrance {
  0%   { transform: translateY(-110%); opacity: 0; }
  60%  { opacity: 1; }
  100% { transform: translateY(0);    opacity: 1; }
}

.nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: var(--nav-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  animation: navEntrance 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both;
  /* JS hide/show scroll kullanır: translateY override için transition */
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* The frosted glass layer — invisible by default, reveals on hover with slide-down */
.nav__glass {
  position: absolute;
  inset: 0;
  background: transparent;
  backdrop-filter: blur(0px) saturate(100%);
  -webkit-backdrop-filter: blur(0px) saturate(100%);
  border-bottom: 1px solid transparent;
  box-shadow: none;
  opacity: 0;
  transform: translateY(-100%);
  transition:
    background      0.45s cubic-bezier(0.4, 0, 0.2, 1),
    backdrop-filter 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-backdrop-filter 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    border-color    0.45s ease,
    box-shadow      0.45s ease,
    opacity         0.35s ease,
    transform       0.45s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
  border-top: 1px solid transparent;
}

/* Hover: glass slides down from top */
.nav:hover .nav__glass {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(32px) saturate(220%) brightness(1.05);
  -webkit-backdrop-filter: blur(32px) saturate(220%) brightness(1.05);
  border-top-color: rgba(255, 255, 255, 0.18);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 32px rgba(0, 0, 0, 0.15),
    0 2px 8px  rgba(0, 0, 0, 0.10);
  opacity: 1;
  transform: translateY(0);
}

/* Scrolled: glass removed — hover-only behavior */
.nav.scrolled .nav__glass {
  /* No persistent glass on scroll */
  opacity: 0;
  transform: translateY(-100%);
}

/* ══════════════════════════════════════
   NAV — Light Background Adaptive Mode
   JS sınıfı: .nav--on-light
   ══════════════════════════════════════ */

/* Light bölüm üzerindeyken: varsayılan görünür glass */
.nav--on-light .nav__glass {
  background: rgba(248, 246, 242, 0.55);
  backdrop-filter: blur(32px) saturate(180%) brightness(1.02);
  -webkit-backdrop-filter: blur(32px) saturate(180%) brightness(1.02);
  border-bottom-color: rgba(0, 0, 0, 0.10);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.60),
    0 8px 32px rgba(0, 0, 0, 0.08);
  opacity: 1;
}

/* Light bölüm hover — daha koyu cam */
.nav--on-light:hover .nav__glass {
  background: rgba(240, 237, 230, 0.72);
  backdrop-filter: blur(36px) saturate(200%) brightness(1.03);
  -webkit-backdrop-filter: blur(36px) saturate(200%) brightness(1.03);
  border-bottom-color: rgba(0, 0, 0, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.80),
    0 8px 32px rgba(0, 0, 0, 0.10);
  opacity: 1;
}

/* Light modda linkler okunabilir olsun */
.nav--on-light .nav__link {
  color: rgba(10, 10, 15, 0.55);
}
.nav--on-light .nav__link:hover,
.nav--on-light .nav__link.active {
  color: rgba(10, 10, 15, 0.90);
}
.nav--on-light .nav__search-btn {
  color: rgba(10, 10, 15, 0.50);
}
.nav--on-light .nav__search-btn:hover {
  color: var(--c-gold);
}
/* Logo: light bg üzerinde koyu logo */
.nav--on-light .nav__logo {
  filter: invert(0) brightness(0.85);
}

/* Evrensel separator — her arka planda görünür */
.nav::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0; right: 0;
  height: 1px;
  /* Hem koyu hem açık arka planlarda görünür */
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(212, 164, 75, 0.00) 10%,
    rgba(212, 164, 75, 0.00) 90%,
    transparent 100%
  );
  opacity: 0;
  transition: opacity 0.5s ease, background 0.5s ease;
  pointer-events: none;
  z-index: 3;
}
.nav:hover::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(212, 164, 75, 0.25) 20%,
    rgba(212, 164, 75, 0.40) 50%,
    rgba(212, 164, 75, 0.25) 80%,
    transparent 100%
  );
  opacity: 1;
}
/* Light modda separator koyu */
.nav--on-light::after,
.nav--on-light:hover::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.12) 20%,
    rgba(0, 0, 0, 0.18) 50%,
    rgba(0, 0, 0, 0.12) 80%,
    transparent 100%
  );
  opacity: 1;
}


.nav__brand {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.nav__logo {
  height: 66px;
  width: auto;
  display: block;
  object-fit: contain;
  filter: invert(1) brightness(1.05);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.nav__brand:hover .nav__logo {
  opacity: 0.85;
  transform: scale(0.97);
}

/* ── Center Links ── */
.nav__links {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
}

.nav__item { position: relative; }

.nav__link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 18px;
  font-family: var(--ff-head);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.48);
  text-decoration: none;
  transition: color 0.3s ease;
  border-radius: 6px;
}

/* Subtle hover bg shimmer */
.nav__link::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
  opacity: 0;
  transition: opacity 0.25s ease;
}
.nav__link:hover::before,
.nav__link.active::before { opacity: 1; }

.nav__link:hover,
.nav__link.active {
  color: rgba(255, 255, 255, 0.95);
}

/* Gold underline bar — slides in from left */
.nav__link-bar {
  display: block;
  height: 1.5px;
  width: 0;
  background: linear-gradient(90deg, transparent, var(--c-gold), transparent);
  border-radius: 2px;
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.nav__link:hover .nav__link-bar,
.nav__link.active .nav__link-bar { width: 70%; }

/* ── Right Section ── */
.nav__right {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ── Search Wrap ── */
.nav__search-wrap {
  display: flex;
  align-items: center;
  gap: 0;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 100px;
  overflow: hidden;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.nav__search-wrap:focus-within {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(212, 164, 75, 0.40);
  box-shadow: 0 0 0 3px rgba(212, 164, 75, 0.08);
}

.nav__search-input {
  width: 0;
  max-width: 220px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--c-white);
  font-family: var(--ff-body);
  font-size: 12px;
  letter-spacing: 0.5px;
  outline: none;
  opacity: 0;
  transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1),
              padding 0.45s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.3s ease;
}
.nav__search-input::placeholder { color: rgba(255,255,255,0.35); }

.nav__search-wrap.open .nav__search-input {
  width: 180px;
  padding: 8px 14px;
  opacity: 1;
}

.nav__search-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  transition: color 0.25s ease, transform 0.2s ease;
}
.nav__search-btn:hover { color: var(--c-gold); transform: scale(1.1); }
.nav__search-wrap.open .nav__search-btn { color: var(--c-gold); }

/* ── Burger (mobile) ── */
.nav__burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s;
}
.nav__burger:hover { background: rgba(255,255,255,0.12); }
.nav__burger span {
  display: block;
  width: 20px;
  height: 1.5px;
  background: rgba(255,255,255,0.8);
  border-radius: 2px;
  transition: transform 0.35s ease, opacity 0.3s ease;
}
.nav__burger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.nav__burger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav__burger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ── Mobile Overlay ── */
.nav__mobile-overlay {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.nav__mobile-overlay.open {
  opacity: 1;
  pointer-events: all;
}

.nav__mobile-glass {
  position: absolute;
  inset: 0;
  background: rgba(5, 5, 8, 0.88);
  backdrop-filter: blur(40px) saturate(200%);
  -webkit-backdrop-filter: blur(40px) saturate(200%);
}

.nav__mobile-close {
  position: absolute;
  top: 28px; right: 28px;
  z-index: 2;
  width: 44px; height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 50%;
  color: var(--c-white);
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
}
.nav__mobile-close:hover { background: rgba(255,255,255,0.12); transform: rotate(90deg); }

.nav__mobile-links {
  position: relative;
  z-index: 2;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.nav__mobile-link {
  display: block;
  font-family: var(--ff-head);
  font-size: clamp(28px, 6vw, 52px);
  font-weight: 700;
  letter-spacing: -1px;
  color: rgba(255,255,255,0.20);
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
  transform: translateY(30px);
  opacity: 0;
  transition: color 0.3s, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
}
.nav__mobile-overlay.open .nav__mobile-link {
  transform: translateY(0);
  opacity: 1;
}
.nav__mobile-overlay.open .nav__mobile-links li:nth-child(1) .nav__mobile-link { transition-delay: 0.05s; }
.nav__mobile-overlay.open .nav__mobile-links li:nth-child(2) .nav__mobile-link { transition-delay: 0.12s; }
.nav__mobile-overlay.open .nav__mobile-links li:nth-child(3) .nav__mobile-link { transition-delay: 0.19s; }
.nav__mobile-overlay.open .nav__mobile-links li:nth-child(4) .nav__mobile-link { transition-delay: 0.26s; }
.nav__mobile-link:hover { color: var(--c-gold); transform: translateX(8px) !important; }

/* Responsive */
@media (max-width: 900px) {
  .nav__links { display: none; }
  .nav__burger { display: flex; }
}
@media (max-width: 600px) {
  .nav { padding: 0 24px; height: 72px; }
}


/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:4px;font-family:var(--ff-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s;border:1px solid transparent;}
.btn-gold{background:var(--c-gold);color:var(--c-black);border-color:var(--c-gold);}
.btn-gold:hover{background:transparent;color:var(--c-gold);}
.btn-ghost{background:transparent;color:var(--c-white);border-color:var(--c-border);}
.btn-ghost:hover{border-color:rgba(255,255,255,.4);}
.btn-dark-inv{background:#0a0a0f;color:#fff;border-color:#0a0a0f;}
.btn-dark-inv:hover{background:#1a1a1a;}
.btn-light{background:var(--c-white);color:var(--c-text-dark);border-color:var(--c-white);}
.btn-light:hover{background:#e5e5e5;}
.btn-lg{padding:14px 32px;font-size:14px;}

/* LIVE DOT */
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:6px;box-shadow:0 0 8px #22c55e;animation:pulse-dot 2s ease-in-out infinite;}
@keyframes pulse-dot{0%,100%{opacity:1;}50%{opacity:.4;}}

/* ==========================
   S01: HERO — VIDEO FULLSCREEN
   ========================== */
.hero{position:relative;width:100%;height:100vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--c-black);}
.hero__video-wrap{position:absolute;inset:0;z-index:0;}
.hero__video{width:100%;height:100%;object-fit:cover;}
.hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(5,5,8,.35) 0%,rgba(5,5,8,0) 35%,rgba(5,5,8,0) 55%,rgba(5,5,8,.75) 82%,rgba(5,5,8,1) 100%);}
.hero__vignette{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,transparent 40%,rgba(5,5,8,.55) 100%);}
.hero__content{position:relative;z-index:2;width:100%;padding:0 80px 80px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;}
.hero__badge{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:1px solid rgba(212,164,75,.3);border-radius:2px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--c-gold);background:rgba(212,164,75,.05);opacity:0;transform:translateY(10px);}
.hero__title{font-family:var(--ff-head);font-size:clamp(48px,7vw,100px);font-weight:700;line-height:.93;letter-spacing:-3px;display:flex;flex-direction:column;gap:2px;max-width:800px;}
.hero__title .line{overflow:hidden;display:flex;align-items:baseline;gap:16px;}
.hero__title .tw{display:inline-block;opacity:0;transform:translateY(110%);}
.hero__title .tw--outline{-webkit-text-stroke:2px rgba(255,255,255,.6);color:transparent;}
.hero__title .tw--gold{color:var(--c-gold);}
.hero__sub{font-size:16px;color:rgba(255,255,255,.65);max-width:480px;line-height:1.6;opacity:0;transform:translateY(20px);}
.hero__btns{display:flex;gap:12px;opacity:0;transform:translateY(20px);}
.hero__data-panel{position:absolute;right:80px;bottom:80px;z-index:2;display:flex;flex-direction:column;gap:8px;opacity:0;}
.data-card{background:rgba(5,5,8,.72);border:1px solid var(--c-border);backdrop-filter:blur(20px);border-radius:4px;padding:14px 20px;min-width:200px;}
.data-card__lbl{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--c-grey);margin-bottom:4px;display:flex;align-items:center;}
.data-card__val{font-family:var(--ff-head);font-size:28px;font-weight:700;color:var(--c-gold);line-height:1;}
.data-card__delta{font-size:11px;color:#22c55e;margin-top:4px;}

/* TICKER */
.ticker{width:100%;overflow:hidden;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:rgba(5,5,8,.95);padding:14px 0;}
.ticker__inner{display:flex;width:max-content;animation:ticker 30s linear infinite;}
.ticker__item{white-space:nowrap;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--c-grey);padding-right:60px;}
.ticker__sep{margin:0 20px;color:var(--c-gold);opacity:.6;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ==========================
   S02: MISSION TEXT — LIGHT (Sui style)
   ========================== */
.mission-text{
  background:var(--c-light);
  color:var(--c-text-dark);
  padding:100px 80px 56px;
  border-radius: 48px 48px 0 0;
  margin-top: -48px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.mission-text__inner{max-width:1400px;margin:0 auto;}
.mission-text__eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:rgba(10,10,15,.5);margin-bottom:48px;display:flex;align-items:center;gap:14px;}
.mission-text__eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:rgba(10,10,15,.3);}
.mission-text__headline{font-family:var(--ff-head);font-size:clamp(36px,5vw,72px);font-weight:700;line-height:1.1;letter-spacing:-2.5px;color:var(--c-text-dark);max-width:1100px;margin-bottom:60px;}
.mission-text__headline em{font-style:normal;}
/* Inline chip */
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--c-text-dark);color:#fff;border-radius:4px;padding:4px 10px 4px 8px;font-size:.5em;font-weight:600;letter-spacing:0;vertical-align:middle;margin:0 4px;position:relative;top:-4px;}
.chip svg{flex-shrink:0;}
.chip--gold{background:var(--c-gold);color:var(--c-black);}
.mission-text__cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:900px;}
.mission-text__cols p{font-size:15px;line-height:1.75;color:rgba(10,10,15,.6);}
.mission-text__quote{margin-top:48px;padding:24px 32px;border-left:3px solid var(--c-gold);background:rgba(212,164,75,.06);}
.mission-text__quote blockquote{font-family:var(--ff-head);font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--c-text-dark);margin-bottom:8px;font-style:italic;}
.mission-text__quote cite{font-size:12px;color:rgba(10,10,15,.5);letter-spacing:1px;}

/* ── WATER QUOTES — Islamic wisdom block ── */
.water-quotes{
  margin-top:80px;
  padding-top:64px;
  border-top:1px solid rgba(10,10,15,.1);
}
.water-quotes__eyebrow{
  display:flex;
  align-items:center;
  gap:20px;
  font-size:10px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:var(--c-gold);
  margin-bottom:48px;
  font-family:var(--ff-head);
  font-weight:600;
}
.wq-line{
  flex:1;
  height:1px;
  background:linear-gradient(to right,transparent,rgba(212,164,75,.35),transparent);
}
.water-quotes__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:64px;
}
.water-quote-card{
  background:#fff;
  border:1px solid rgba(10,10,15,.08);
  border-radius:12px;
  padding:32px 28px 28px;
  position:relative;
  overflow:hidden;
  transition:transform .35s cubic-bezier(0.22,1,0.36,1), box-shadow .35s ease;
  opacity:0;
  transform:translateY(28px);
}
.water-quote-card.wq-visible{
  opacity:1;
  transform:translateY(0);
}
.water-quote-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(10,10,15,.12);
}
.water-quote-card--gold{
  background:linear-gradient(135deg,#0a0a0f 0%,#1a1209 100%);
  border-color:rgba(212,164,75,.2);
}
.water-quote-card--gold .water-quote-card__text{
  color:rgba(255,255,255,.88);
}
.water-quote-card--gold .water-quote-card__mark{
  color:rgba(212,164,75,.25);
}
.water-quote-card--gold .wqs-arabic{
  color:var(--c-gold);
}
.water-quote-card--gold .wqs-name{
  color:rgba(255,255,255,.45);
}
.water-quote-card__mark{
  font-family:Georgia,serif;
  font-size:80px;
  line-height:.7;
  color:rgba(10,10,15,.07);
  margin-bottom:16px;
  display:block;
  font-weight:700;
}
.water-quote-card__text{
  font-family:var(--ff-head);
  font-size:clamp(15px,1.4vw,18px);
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.3px;
  color:var(--c-text-dark);
  margin-bottom:24px;
  font-style:normal;
}
.water-quote-card__source{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-top:16px;
  border-top:1px solid rgba(10,10,15,.06);
}
.water-quote-card--gold .water-quote-card__source{
  border-top-color:rgba(212,164,75,.1);
}
.wqs-arabic{
  font-size:15px;
  color:rgba(10,10,15,.35);
  font-family:"Amiri","Scheherazade New",Georgia,serif;
  direction:rtl;
  letter-spacing:.5px;
}
.wqs-name{
  font-size:11px;
  letter-spacing:.8px;
  color:rgba(10,10,15,.45);
  text-transform:uppercase;
}
/* Alt istatistik */
.water-quotes__stat{
  text-align:center;
  padding:40px 0 20px;
}
.wqs-big{
  font-family:var(--ff-head);
  font-size:clamp(60px,8vw,110px);
  font-weight:700;
  letter-spacing:-4px;
  line-height:1;
  color:var(--c-text-dark);
  margin-bottom:12px;
}
.wqs-big span{
  font-size:.55em;
  color:var(--c-gold);
  letter-spacing:-1px;
}
.wqs-label{
  font-size:13px;
  color:rgba(10,10,15,.45);
  letter-spacing:.5px;
}



/* ==========================
   WATER VIDEO SECTION — 4K Cinematic Frame Sequence
   ========================== */
.water-video-section{
  position:relative;
  height:400vh;
  background:var(--c-black);
  /* Üst köşe yuvarlak — mission'dan akıcı geçiş */
  border-radius: 48px 48px 0 0;
  margin-top: -48px;
  z-index: 3;
}
.water-video-pinned{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.water-video-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
/* Üst sinematik geçiş — beige'den karanlığa */
.water-top-fade{
  position:absolute;
  top:0;left:0;right:0;
  height:180px;
  background:linear-gradient(to bottom, var(--c-light) 0%, rgba(240,237,232,.6) 40%, transparent 100%);
  z-index:2;
  pointer-events:none;
}
.water-bottom-fade{
  position:absolute;
  bottom:0;left:0;right:0;
  height:220px;
  background:linear-gradient(to top, var(--c-black) 0%, transparent 100%);
  z-index:2;
  pointer-events:none;
}
/* Merkez animasyonlu metin — tam ortalama */
.water-center-text{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;      /* yatay ort. */
  justify-content:center;  /* dikey ort. */
  z-index:10;
  text-align:center;
  pointer-events:none;
  opacity:0;
  transition:opacity 0.6s ease;
}
.water-center-text.is-visible{
  opacity:1;
}
.wct-line{
  display:flex;            /* span'ları satır içinde ortala */
  justify-content:center;
  align-items:baseline;
  gap:0.3em;
  margin-bottom:4px;
  line-height:1.05;
  flex-wrap:wrap;
}
.wct-line span{
  display:inline-block;
  font-family:var(--ff-head);
  font-size:clamp(52px,7.5vw,110px);
  font-weight:700;
  letter-spacing:-3px;
  line-height:1.05;
  color:#fff;
  white-space:nowrap;
  text-shadow:0 2px 60px rgba(0,0,0,0.9), 0 0 120px rgba(0,0,0,0.6);
  opacity:0;
  transform:translateY(28px);
  transition:opacity 0.9s ease, transform 0.9s cubic-bezier(0.22,1,0.36,1);
}
.water-center-text.is-visible .wct-line span{
  opacity:1;
  transform:translateY(0);
}
/* Sıralı gecikmeler */
.wct-line--1 span            { transition-delay: 0s;     }
.wct-line--2 span:nth-child(1){ transition-delay: 0.15s; }
.wct-gold{
  color:var(--c-gold) !important;
  transition-delay:0.28s !important;
}

/* Alt bilgi şeridi */
.water-info-strip{
  position:absolute;
  bottom:72px;
  left:0;right:0;
  z-index:5;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  padding:0 80px;
  pointer-events:none;
  opacity:0;
  transform:translateY(20px);
  transition:opacity 0.7s ease, transform 0.7s ease;
}
.water-info-strip.is-visible{
  opacity:1;
  transform:translateY(0);
}
.water-info__left,.water-info__right{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.water-info__center{
  text-align:center;
}
.water-info__label{
  font-size:10px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
.water-info__value{
  font-size:13px;
  font-weight:600;
  color:rgba(255,255,255,.8);
}
.water-info__stat{
  font-family:var(--ff-head);
  font-size:clamp(28px,3.5vw,48px);
  font-weight:700;
  color:var(--c-gold);
  line-height:1;
  letter-spacing:-1.5px;
}
.water-info__stat-label{
  font-size:11px;
  color:rgba(255,255,255,.5);
  letter-spacing:1px;
  margin-top:4px;
}
/* Progress bar — sağ */
.water-progress-track{
  position:absolute;
  right:40px;
  top:50%;
  transform:translateY(-50%);
  z-index:6;
  width:2px;
  height:160px;
  background:rgba(255,255,255,.12);
  border-radius:1px;
}
.water-progress-fill{
  position:absolute;
  top:0;left:0;right:0;
  height:0%;
  background:var(--c-gold);
  border-radius:1px;
  transition:height 0.1s linear;
}
.water-progress-label{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
  letter-spacing:1px;
  color:rgba(255,255,255,.35);
  writing-mode:vertical-rl;
  font-family:var(--ff-head);
}

/* ==========================
   S03: OHAD STACK — PINNED SCROLL (Sui core feature)
   ========================== */
.ohad-stack{
  background:var(--c-black);
  position:relative;
  border-radius: 48px 48px 0 0;
  margin-top: -48px;
  z-index: 3;
}
.ohad-stack__intro{padding:120px 80px 60px;text-align:center;}
.ohad-stack__intro-eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--c-gold);margin-bottom:20px;}
.ohad-stack__intro h2{font-family:var(--ff-head);font-size:clamp(42px,6vw,80px);font-weight:700;letter-spacing:-2.5px;line-height:1;color:var(--c-white);margin-bottom:16px;}
.ohad-stack__intro p{font-size:15px;color:var(--c-grey);max-width:500px;margin:0 auto;line-height:1.6;}

/* The pinned tall container */
.ohad-stack__pinned{position:relative;height:400vh;}/* will scroll 4 cards */
.ohad-stack__sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;}

/* Vertical dotted scroll line */
.stack-scroll-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 4px,transparent 4px,transparent 12px);transform:translateX(-50%);z-index:2;}
.stack-scroll-dot{position:absolute;left:50%;width:10px;height:10px;border:2px solid var(--c-gold);background:var(--c-black);border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);z-index:2;top:50%;transition:top .08s linear;}

/* Left label */
.stack-labels{position:absolute;left:9%;top:50%;transform:translateY(-50%);z-index:4;width:340px;}
.stack-label{position:absolute;top:50%;transform:translateY(-50%) translateX(-24px);opacity:0;transition:opacity .4s,transform .4s;pointer-events:none;}
.stack-label.active{opacity:1;transform:translateY(-50%) translateX(0);}
.stack-label__eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--c-gold);margin-bottom:16px;font-family:var(--ff-head);font-weight:600;}
.stack-label__title{font-family:var(--ff-head);font-size:38px;font-weight:700;letter-spacing:-1.5px;line-height:1.1;color:var(--c-white);margin-bottom:20px;}
.stack-label__desc{font-size:14px;color:var(--c-grey);line-height:1.75;max-width:280px;}
.stack-label__stat{margin-top:24px;padding:12px 16px;border:1px solid rgba(212,164,75,.2);border-radius:3px;background:rgba(212,164,75,.04);font-size:11px;color:var(--c-gold);letter-spacing:1.5px;text-transform:uppercase;}

/* Right cards */
.stack-cards{position:absolute;right:9%;top:50%;transform:translateY(-50%);z-index:4;width:400px;}
.stack-card{position:absolute;right:0;top:50%;transform:translateY(-50%) translateX(32px);opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;width:400px;background:rgba(12,12,18,.95);border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;}
.stack-card.active{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto;}
.stack-card__header{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.07);}
.stack-card__num{font-size:11px;letter-spacing:2px;color:var(--c-grey2);font-family:var(--ff-head);font-weight:600;border:1px solid rgba(255,255,255,.12);padding:3px 8px;border-radius:2px;flex-shrink:0;}
.stack-card__name{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--c-grey);font-family:var(--ff-head);}
.stack-card__visual{height:220px;overflow:hidden;position:relative;background:#0d0d14;}
.stack-card__visual img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .3s;}
.stack-card:hover .stack-card__visual img{opacity:.9;}
.stack-card__footer{display:flex;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.07);}
.stack-card__badge{width:36px;height:36px;border-radius:6px;overflow:hidden;border:1px solid rgba(212,164,75,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.stack-card__badge img{width:100%;height:100%;object-fit:cover;}
.stack-card__footer-info{flex:1;}
.stack-card__footer-name{font-size:13px;font-weight:600;color:var(--c-white);}
.stack-card__footer-stat{font-size:11px;color:var(--c-grey2);}

/* Stack progress dots */
.stack-progress{position:absolute;left:50%;bottom:48px;transform:translateX(-50%);z-index:5;display:flex;gap:8px;}
.stack-progress-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s;}
.stack-progress-dot.active{width:20px;background:var(--c-gold);border-radius:2px;}

/* ── STACK ARKA PLAN KATMANLARI — crossfade geçiş ── */
.stack-bg-layers{position:absolute;inset:0;z-index:0;}
.stack-bg-layer{
  position:absolute;inset:0;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(1.06);
  /* Tek transition tanımı — shorthand çakışması engellendi */
  transition:opacity 1.1s cubic-bezier(0.4,0,0.2,1),
             transform 7s ease;
}
.stack-bg-layer.active{
  opacity:1;
  transform:scale(1.0);
}
/* Arka plan üzeri derin karartma — metin okunabilirliği */
.stack-bg-overlay{
  position:absolute;inset:0;
  z-index:1;
  background:
    linear-gradient(to right, rgba(5,5,8,0.82) 0%, rgba(5,5,8,0.45) 55%, rgba(5,5,8,0.15) 100%),
    linear-gradient(to bottom, rgba(5,5,8,0.3) 0%, transparent 30%, transparent 70%, rgba(5,5,8,0.5) 100%);
  pointer-events:none;
}

/* ==========================
   S04: PHOTO FULLSCREEN SLIDESHOW
   ========================== */
.photo-scroll{position:relative;background:var(--c-black);}
.photo-scroll__pinned{position:relative;height:500vh;}
.photo-scroll__sticky{position:sticky;top:0;height:100vh;overflow:hidden;}
.photo-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;}
.photo-slide.active{opacity:1;}
.photo-slide__img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 8s ease;}
.photo-slide.active .photo-slide__img{transform:scale(1);}
.photo-slide__overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(5,5,8,.88) 0%,rgba(5,5,8,.45) 50%,rgba(5,5,8,.1) 100%);}
.photo-slide__content{position:absolute;left:80px;bottom:80px;z-index:2;max-width:520px;}
.photo-slide__tag{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--c-gold);margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.photo-slide__tag::before{content:"";width:20px;height:1px;background:var(--c-gold);}
.photo-slide__title{font-family:var(--ff-head);font-size:clamp(28px,3.5vw,52px);font-weight:700;letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px;color:var(--c-white);}
.photo-slide__desc{font-size:14px;color:rgba(255,255,255,.6);line-height:1.7;}
.photo-dots{position:absolute;right:40px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:10px;}
.photo-dot{width:4px;height:24px;background:rgba(255,255,255,.2);border-radius:2px;cursor:pointer;transition:all .3s;}
.photo-dot.active{height:44px;background:var(--c-gold);}

/* ==========================
   S05: IMPACT NUMBERS
   ========================== */
.impact{background:var(--c-black);padding:140px 80px;position:relative;overflow:hidden;}
.impact__glow--1{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(212,164,75,.08) 0%,transparent 70%);left:-200px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;}
.impact__glow--2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(212,164,75,.06) 0%,transparent 70%);right:-100px;top:30%;pointer-events:none;opacity:0;}
.impact__inner{max-width:1400px;margin:0 auto;position:relative;}
.impact__header{text-align:center;margin-bottom:80px;}
.impact__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-border);border:1px solid var(--c-border);}
.impact__cell{background:var(--c-black);padding:60px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(30px);transition:background .3s;}
.impact__cell:hover{background:var(--c-surface);}
.impact__num{font-family:var(--ff-head);font-size:clamp(48px,6vw,80px);font-weight:700;color:var(--c-gold);letter-spacing:-3px;line-height:1;}
.impact__suf{font-family:var(--ff-head);font-size:clamp(28px,3vw,44px);font-weight:700;color:rgba(212,164,75,.5);}
.impact__lbl{margin-top:16px;font-size:13px;font-weight:600;color:var(--c-white);}
.impact__sub{margin-top:6px;font-size:12px;color:var(--c-grey);}

/* ==========================
   S06: AFRICA MAP
   ========================== */
.map-section{background:var(--c-dark);padding:140px 80px;border-top:1px solid var(--c-border);}
.map-section__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.africa-svg{width:100%;max-width:520px;margin:0 auto;}
.continent-bg{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.08);stroke-width:.5;}
.country-shape{fill:rgba(212,164,75,.06);stroke:rgba(212,164,75,.2);stroke-width:.5;cursor:pointer;transition:fill .3s,stroke .3s;}
.country-shape.lit,.country-shape:hover{fill:rgba(212,164,75,.18);stroke:rgba(212,164,75,.6);}
.conn-line{stroke:rgba(212,164,75,.15);stroke-width:.5;stroke-dasharray:3 4;animation:dash-anim 3s linear infinite;}
@keyframes dash-anim{to{stroke-dashoffset:-28;}}
.pr{fill:none;stroke:rgba(212,164,75,.3);stroke-width:1;animation:ring-pulse 2.5s ease-out infinite;}
.pr2{fill:none;stroke:rgba(212,164,75,.15);stroke-width:1;animation:ring-pulse 2.5s ease-out infinite;}
@keyframes ring-pulse{0%{r:5;opacity:.8;}100%{r:18;opacity:0;}}
.net-core{fill:var(--c-gold);}
.net-hq-ring{fill:none;stroke:rgba(212,164,75,.2);stroke-width:.5;animation:ring-pulse 3s ease-out infinite;}
.net-hq-core{fill:var(--c-gold);}
.map-label{font-family:var(--ff-head);font-size:8px;fill:rgba(255,255,255,.3);letter-spacing:1px;text-anchor:middle;text-transform:uppercase;}
.country-list{margin-top:40px;display:flex;flex-direction:column;}
.country-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--c-border);cursor:pointer;transition:all .2s;}
.country-item:hover,.country-item.active{padding-left:8px;}
.country-item.active .country-item__name{color:var(--c-gold);}
.country-item__flag{font-size:20px;}
.country-item__info{flex:1;}
.country-item__name{font-weight:600;font-size:14px;margin-bottom:2px;}
.country-item__ops{font-size:11px;color:var(--c-grey);letter-spacing:.5px;}
.country-item__arrow{color:var(--c-grey2);transition:color .2s,transform .2s;}
.country-item.active .country-item__arrow,.country-item:hover .country-item__arrow{color:var(--c-gold);transform:translateX(4px);}

/* ==========================
   S07: PARTNERS MARQUEE
   ========================== */
.partners{border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:var(--c-black);padding:48px 0;overflow:hidden;}
.partners__label{text-align:center;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--c-grey2);margin-bottom:32px;}
.marquee-wrap{overflow:hidden;}
.marquee{display:flex;align-items:center;width:max-content;animation:marquee 28s linear infinite;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.partner{padding:0 40px;font-family:var(--ff-head);font-size:15px;font-weight:600;color:rgba(255,255,255,.3);letter-spacing:1px;text-transform:uppercase;transition:color .3s;}
.partner:hover{color:rgba(255,255,255,.7);}
.partner-sep{color:rgba(212,164,75,.25);font-size:8px;}

/* ==========================
   S08: STORIES GRID
   ========================== */
.stories{background:var(--c-dark);padding:140px 80px;border-top:1px solid var(--c-border);}
.stories__inner{max-width:1400px;margin:0 auto;}
.stories__header{margin-bottom:60px;}
.stories-grid{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:2px;background:var(--c-border);}
.story-card{position:relative;overflow:hidden;cursor:pointer;background:var(--c-black);}
.story-card--main{grid-row:span 2;min-height:640px;}
.story-card--sm{min-height:316px;}
.story-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);transition:transform .6s ease;}
.story-card:hover .story-card__img{transform:scale(1);}
.story-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,8,.9) 0%,rgba(5,5,8,.3) 55%,transparent 100%);}
.story-card__content{position:absolute;bottom:0;left:0;right:0;padding:32px;z-index:2;}
.story-card__tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--c-gold);margin-bottom:12px;}
.story-card__title{font-family:var(--ff-head);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.2;letter-spacing:-.5px;margin-bottom:10px;color:var(--c-white);}
.story-card--sm .story-card__title{font-size:18px;}
.story-card__body{font-size:13px;line-height:1.6;color:rgba(255,255,255,.6);margin-bottom:12px;}
.story-card__meta{display:flex;gap:8px;font-size:11px;color:var(--c-grey2);}

/* ==========================
   S09: PROCESS
   ========================== */
.process{background:var(--c-black);padding:140px 80px;border-top:1px solid var(--c-border);}
.process__inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start;}
.process__right{display:flex;flex-direction:column;}
.process__item{border-bottom:1px solid var(--c-border);padding:28px 0;cursor:default;transition:padding-left .3s;opacity:0;transform:translateX(20px);}
.process__item:hover{padding-left:12px;}
.process__item-header{display:flex;align-items:center;gap:20px;margin-bottom:12px;}
.process__item-num{font-size:11px;letter-spacing:2px;color:var(--c-gold);font-family:var(--ff-head);font-weight:600;border:1px solid rgba(212,164,75,.2);padding:3px 8px;border-radius:2px;flex-shrink:0;}
.process__item-name{font-family:var(--ff-head);font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--c-white);}
.process__item-desc{font-size:14px;color:var(--c-grey);line-height:1.7;}

/* ==========================
   S10: PARTNER CTA
   ========================== */
.partner-cta{background:var(--c-dark);padding:160px 80px;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--c-border);}
.partner-cta__glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(212,164,75,.07) 0%,transparent 65%);pointer-events:none;}
.partner-cta__inner{max-width:800px;margin:0 auto;position:relative;z-index:1;}
.partner-cta__title{font-family:var(--ff-head);font-size:clamp(42px,6vw,80px);font-weight:700;letter-spacing:-2.5px;line-height:1;margin:16px 0 24px;opacity:0;transform:translateY(30px);}
.partner-cta__title em{font-style:normal;color:var(--c-gold);}
.partner-cta__sub{font-size:16px;color:var(--c-grey);max-width:560px;margin:0 auto 40px;line-height:1.7;opacity:0;}
.partner-cta__btns{display:flex;gap:12px;justify-content:center;opacity:0;}

/* ==========================
   S11: CONTACT
   ========================== */
.contact{background:var(--c-black);padding:140px 80px;position:relative;border-top:1px solid var(--c-border);}
.contact__glow{position:absolute;right:10%;top:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(212,164,75,.05) 0%,transparent 65%);pointer-events:none;}
.contact__inner{max-width:860px;margin:0 auto;position:relative;z-index:1;}
.contact__header{text-align:center;margin-bottom:60px;}
.contact-form{display:flex;flex-direction:column;gap:20px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.form-group{display:flex;flex-direction:column;gap:8px;}
.form-group--full{grid-column:1/-1;}
.form-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--c-grey2);}
.form-input{background:rgba(255,255,255,.04);border:1px solid var(--c-border);border-radius:4px;padding:14px 16px;font-size:14px;font-family:var(--ff-body);color:var(--c-white);transition:border-color .25s,background .25s;outline:none;width:100%;}
.form-input:focus{border-color:rgba(212,164,75,.4);background:rgba(212,164,75,.03);}
.form-input::placeholder{color:rgba(255,255,255,.2);}
.form-select option{background:#111;}
.form-textarea{resize:vertical;min-height:120px;}
.form-submit{display:flex;justify-content:center;margin-top:12px;}

/* FOOTER */
.footer{background:var(--c-black);border-top:1px solid var(--c-border);}
.footer__top{max-width:1400px;margin:0 auto;padding:80px;display:grid;grid-template-columns:260px 1fr;gap:60px;align-items:start;}
.footer__logo{width:48px;margin-bottom:16px;}
.footer__tagline{font-size:13px;color:var(--c-grey);line-height:1.7;}
.footer__links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;}
.footer__col{display:flex;flex-direction:column;gap:12px;}
.footer__col-title{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:8px;}
.footer__col a{font-size:13px;color:var(--c-grey);transition:color .2s;}
.footer__col a:hover{color:var(--c-white);}
.footer__bottom{max-width:1400px;margin:0 auto;padding:24px 80px;border-top:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;}
.footer__copy{font-size:12px;color:var(--c-grey2);}
.footer__social{display:flex;gap:16px;}
.footer__social-link{width:32px;height:32px;border:1px solid var(--c-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--c-grey);transition:all .2s;}
.footer__social-link:hover{border-color:var(--c-gold);color:var(--c-gold);}

/* SHARED */
.section-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--c-gold);margin-bottom:20px;opacity:0;transform:translateX(-10px);}
.section-eyebrow::before{content:"";width:20px;height:1px;background:var(--c-gold);flex-shrink:0;}
.section-title{font-family:var(--ff-head);font-size:clamp(36px,5vw,64px);font-weight:700;letter-spacing:-2px;line-height:1.05;opacity:0;transform:translateY(24px);}
.section-title em{font-style:normal;color:var(--c-gold);}
.section-body{font-size:15px;color:var(--c-grey);line-height:1.8;max-width:560px;opacity:0;transform:translateY(16px);}
/* Dark section eyebrow */
.eyebrow-dark{color:rgba(10,10,15,.5)!important;}
.eyebrow-dark::before{background:rgba(10,10,15,.3)!important;}

@media(max-width:1024px){
  .hero__data-panel{display:none;}
  .map-section__inner{grid-template-columns:1fr;}
  .process__inner{grid-template-columns:1fr;}
  .mission-text__cols{grid-template-columns:1fr;}
  .stories-grid{grid-template-columns:1fr;grid-template-rows:auto;}
  .story-card--main{min-height:400px;}
  .ohad-stack__sticky .stack-labels{display:none;}
}
@media(max-width:768px){
  :root{--nav-h:56px;}
  .nav{padding:0 20px;}
  .nav__links,.nav__actions .btn-ghost{display:none;}
  .hero__content{padding:0 20px 40px;}
  .mission-text,.ohad-stack__intro,.impact,.map-section,.stories,.process,.partner-cta,.contact{padding-left:24px;padding-right:24px;}
  .impact__grid{grid-template-columns:1fr 1fr;}
  .footer__top{padding:40px 24px;grid-template-columns:1fr;}
  .footer__links-grid{grid-template-columns:1fr 1fr;}
  .footer__bottom{padding:20px 24px;}
  .form-row{grid-template-columns:1fr;}
}

/* ═══════════════════════════════════════════
   CUBERTO TEXT ANIMATIONS
   Word-by-word reveal — alttan yukarı kayarak
═══════════════════════════════════════════ */

/* Line wrapper — overflow gizler, kelime alttan gelir */
.cb-line {
  overflow: hidden;
  display: block;
  line-height: 1.15;
}
.cb-line-inner {
  display: block;
  transform: translateY(108%);
  opacity: 0;
  transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1),
              opacity 0.4s ease;
}
.cb-line-inner.is-visible {
  transform: translateY(0);
  opacity: 1;
}

/* Stagger — her satır biraz gecikmeli */
.cb-line:nth-child(1) .cb-line-inner { transition-delay: 0.00s; }
.cb-line:nth-child(2) .cb-line-inner { transition-delay: 0.12s; }
.cb-line:nth-child(3) .cb-line-inner { transition-delay: 0.22s; }
.cb-line:nth-child(4) .cb-line-inner { transition-delay: 0.32s; }
.cb-line:nth-child(5) .cb-line-inner { transition-delay: 0.40s; }

/* Fade-up — basit elementler için */
.cb-fade {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.cb-fade.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.cb-fade[data-delay="1"] { transition-delay: 0.1s; }
.cb-fade[data-delay="2"] { transition-delay: 0.2s; }
.cb-fade[data-delay="3"] { transition-delay: 0.3s; }
.cb-fade[data-delay="4"] { transition-delay: 0.4s; }
.cb-fade[data-delay="5"] { transition-delay: 0.5s; }
.cb-fade[data-delay="6"] { transition-delay: 0.6s; }

/* Nav link alt çizgi hover */
.nav__links a {
  position: relative;
}
.nav__links a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0%;
  height: 1px;
  background: currentColor;
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.nav__links a:hover::after { width: 100%; }

/* ═══════════════════════════════════════════
   STACK INTRO — TREND ANIMATIONS 2025
═══════════════════════════════════════════ */

/* Eyebrow: clip-path soldan sağa açılıyor */
.stack-eyebrow-clip {
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.stack-eyebrow-clip.anim-in {
  clip-path: inset(0 0% 0 0);
}

/* Word wrap: overflow hidden → alttan yukarı kayma */
.stack-word-wrap {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  line-height: 1.05;
}
.stack-word {
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1),
              opacity 0.3s ease;
}
.stack-word[data-gold="true"] {
  color: var(--c-gold);
}
.stack-word.anim-in {
  transform: translateY(0);
  opacity: 1;
}
.stack-word:nth-child(1) { transition-delay: 0.0s; }
.stack-word:nth-child(2) { transition-delay: 0.12s; }

/* Gold SVG line draw */
.stack-gold-line {
  display: block;
  width: clamp(260px, 38vw, 520px);
  height: 8px;
  margin: -4px auto 0;
  overflow: visible;
  opacity: 0;
  transition: opacity 0.3s ease 0.6s;
}
.stack-gold-line path {
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  transition: stroke-dashoffset 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.55s;
}
.stack-gold-line.anim-in {
  opacity: 1;
}
.stack-gold-line.anim-in path {
  stroke-dashoffset: 0;
}

/* Sub text fade */
.stack-intro-sub {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease 0.7s,
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.7s;
}
.stack-intro-sub.anim-in {
  opacity: 1;
  transform: translateY(0);
}

/* Scramble mid-state font feel (monospaced briefly) */
.stack-word.scrambling {
  font-feature-settings: "tnum";
  letter-spacing: -0.5px;
}

/* ═══════════════════════════════════════════
   WATER SCROLL VIDEO — 4K Sinematik
═══════════════════════════════════════════ */
.water-video-section {
  height: 500vh;
  position: relative;
  /* Stacked card geçişi — krem sayfanın üstüne kayar */
  /* overflow:hidden KULLANMA — sticky pozisyonu kırar */
  margin-top: -48px;
  z-index: 3;
}

.water-video-pinned {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #000;
  /* border-radius buraya taşındı — overflow:hidden zaten var, sticky korunur */
  border-radius: 48px 48px 0 0;
}

.water-video-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  /* Sinematik color grade — su mavi tonları korunur */
  filter: contrast(1.06) brightness(0.92) saturate(1.08);
  image-rendering: high-quality;
}

/* Üst ve alt sinematik fade */
.water-top-fade {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 30%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 100%);
  z-index: 5;
  pointer-events: none;
}
.water-bottom-fade {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 35%;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);
  z-index: 5;
  pointer-events: none;
}

/* Merkez BÜYÜK metin — tam immersive */
.water-center-text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
  text-align: center;
  gap: 0;
}
.wct-line {
  overflow: hidden;
  display: flex;
  gap: 0.3em;
  line-height: 0.9;
}
.wct-line span {
  display: block;
  font-family: var(--ff-head);
  font-size: clamp(36px, 5vw, 72px);
  font-weight: 800;
  letter-spacing: -2px;
  color: #fff;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1),
              transform 0.9s cubic-bezier(0.16,1,0.3,1);
  text-shadow: 0 2px 30px rgba(0,0,0,0.55);
  white-space: nowrap;
}
.wct-line span:nth-child(2) {
  transition-delay: 0.08s;
}
.wct-line--2 span {
  transition-delay: 0.15s;
}
.wct-line--2 span:nth-child(2) {
  transition-delay: 0.22s;
}
.wct-gold {
  color: var(--c-gold) !important;
}

/* Metin aktif hali */
.water-center-text.is-visible .wct-line span {
  opacity: 1;
  transform: translateY(0);
}

/* Alt bilgi şeridi */
.water-info-strip {
  position: absolute;
  bottom: 7%;
  left: 0; right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8%;
  z-index: 15;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease 0.3s, transform 0.8s cubic-bezier(0.16,1,0.3,1) 0.3s;
}
.water-info-strip.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.water-info__label {
  font-size: 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  font-family: var(--ff-head);
  margin-bottom: 6px;
}
.water-info__value {
  font-size: 14px;
  color: #fff;
  font-family: var(--ff-head);
  font-weight: 600;
  letter-spacing: 0.5px;
}
.water-info__center {
  text-align: center;
}
.water-info__stat {
  font-family: var(--ff-head);
  font-size: clamp(40px, 5vw, 72px);
  font-weight: 800;
  letter-spacing: -3px;
  color: var(--c-gold);
  line-height: 1;
}
.water-info__stat-label {
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
  margin-top: 4px;
}

/* Sağ taraf progress bar */
.water-progress-track {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  height: 200px;
  width: 1px;
  background: rgba(255,255,255,0.15);
  z-index: 15;
  display: flex;
  align-items: flex-end;
}
.water-progress-fill {
  width: 1px;
  height: 0%;
  background: var(--c-gold);
  position: absolute;
  top: 0;
  left: 0;
  transition: height 0.05s linear;
  box-shadow: 0 0 8px rgba(212,164,75,0.8);
}
.water-progress-label {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  letter-spacing: 2px;
  color: rgba(255,255,255,0.4);
  font-family: var(--ff-head);
  white-space: nowrap;
}

@media (max-width: 768px) {
  .water-video-section { height: 400vh; }
  .wct-line span { font-size: 52px; letter-spacing: -2px; }
  .water-info-strip { flex-direction: column; gap: 20px; text-align: center; }
  .water-progress-track { right: 16px; }
}

.scroll-video-section {

  /* Yükseklik = scroll mesafesi (300vh = 3 ekran scroll = video süresince) */
  height: 400vh;
  position: relative;
}

.scroll-video-pinned {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #000;
}

.scroll-video-canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Nötr color grade: kontrast +8%, hafif parlaklık ayarı */
  filter: contrast(1.08) brightness(0.96) saturate(1.05);
  image-rendering: high-quality;
}

/* Overlay — video üzerindeki metin */
.scroll-video-overlay {
  position: absolute;
  bottom: 12%;
  left: 8%;
  z-index: 10;
  color: #fff;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16,1,0.3,1);
  pointer-events: none;
}
.scroll-video-overlay.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.svo-eyebrow {
  font-size: 11px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--c-gold);
  margin-bottom: 16px;
  font-family: var(--ff-head);
  font-weight: 600;
}
.svo-title {
  font-family: var(--ff-head);
  font-size: clamp(40px, 6vw, 88px);
  font-weight: 700;
  letter-spacing: -3px;
  line-height: 1.0;
  color: #fff;
  margin-bottom: 20px;
}
.svo-title span {
  color: var(--c-gold);
}
.svo-sub {
  font-size: 15px;
  color: rgba(255,255,255,0.65);
  max-width: 380px;
  line-height: 1.6;
}

/* Progress bar — sağ tarafta ince altın çizgi */
.scroll-video-progress {
  position: absolute;
  right: 40px;
  top: 10%;
  height: 80%;
  width: 2px;
  background: rgba(255,255,255,0.12);
  border-radius: 2px;
  z-index: 10;
}
.scroll-video-progress-bar {
  width: 100%;
  height: 0%;
  background: var(--c-gold);
  border-radius: 2px;
  transition: height 0.05s linear;
  position: relative;
}
.scroll-video-progress-bar::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  background: var(--c-gold);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(212,164,75,0.6);
}

/* Vignette — kenarlarda karartma */
.scroll-video-pinned::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.45) 100%);
  pointer-events: none;
  z-index: 5;
}

@media (max-width: 768px) {
  .scroll-video-section { height: 350vh; }
  .svo-title { font-size: 36px; }
  .scroll-video-overlay { left: 24px; bottom: 10%; }
  .scroll-video-progress { right: 16px; }
}