/* Sahra Sondaj — kurumsal site
   Dil: açık zemin, dev tipografi, bento kutular, cam yüzeyler. Tek karanlık bölüm: derinlik vitrini.
   İmza: sağ kenardaki derinlik göstergesi (sayfa kaydıkça 0 → 2.200 m, Gabes kuyusunun derinliği). */

:root {
  --zemin: #F5F5F7;
  --beyaz: #FFFFFF;
  --murekkep: #1D1D1F;
  --gri: #6E6E73;
  --gri-2: #86868B;
  --cizgi: rgba(0, 0, 0, .09);
  --mavi: #1F3FD1;
  --mavi-koyu: #1730A8;
  --mavi-acik: #E9EDFF;
  --kirmizi: #E2231A;
  --kirmizi-koyu: #C01A12;
  --kirmizi-acik: #FFECEA;
  --lacivert: #0A1238;
  --gece: #05081A;
  --turkuaz: #0E9DAA;
  --amber: #E8820E;

  --f-govde: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --kap: 1200px;
  --kenar: 20px;
  --ust-h: 60px;
  --r-s: 14px;
  --r-m: 20px;
  --r-l: 28px;
  --r-xl: 36px;
  --golge: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px -12px rgba(10, 18, 56, .16);
  --golge-2: 0 2px 6px rgba(0, 0, 0, .05), 0 30px 70px -24px rgba(10, 18, 56, .30);
  --yay: cubic-bezier(.2, .8, .2, 1);
  --ilerleme: 0;
}
@media (min-width: 768px) { :root { --kenar: 32px; } }
@media (min-width: 1200px) { :root { --kenar: 64px; --ust-h: 64px; } }

html[lang="ar"] { --f-govde: "IBM Plex Sans Arabic", "Geist", system-ui, sans-serif; }
html.dil-bekle main, html.dil-bekle .ust, html.dil-bekle .alt { opacity: 0; }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--ust-h) + 16px); }
body {
  margin: 0;
  background: var(--zemin);
  color: var(--murekkep);
  font: 400 17px/1.55 var(--f-govde);
  letter-spacing: -0.011em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
html[lang="ar"] body { letter-spacing: 0; line-height: 1.75; }
img, video, svg { display: block; max-width: 100%; }
img, video { height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
h1, h2, h3, h4, p, ol, ul, figure { margin: 0; }
ol, ul { padding: 0; list-style: none; }
.ik { width: 1.15em; height: 1.15em; flex: none; }
[dir="rtl"] .ik use[href="#i-sag"], [dir="rtl"] .ik use[href="#i-sol"], [dir="rtl"] .ik use[href="#i-ok"] { transform: scaleX(-1); transform-origin: center; }
[dir="rtl"] .metin-link .ik, [dir="rtl"] .serit__oge--son .ik, [dir="rtl"] .kaydir-dugmeler .ik, [dir="rtl"] .isik__onceki .ik, [dir="rtl"] .isik__sonraki .ik { transform: scaleX(-1); }

:focus-visible { outline: 2.5px solid var(--mavi); outline-offset: 3px; border-radius: 8px; }
.atla { position: fixed; inset-inline-start: 12px; top: -60px; z-index: 100; background: var(--murekkep); color: #fff; padding: 10px 16px; border-radius: 999px; font-weight: 600; }
.atla:focus { top: 12px; }

.kap { width: min(var(--kap), 100% - 2 * var(--kenar)); margin-inline: auto; }

/* ---------- Ortak parçalar ---------- */
.ust-baslik { font-size: 1.0625rem; font-weight: 600; color: var(--kirmizi); letter-spacing: -0.01em; margin-bottom: 10px; }
.ust-baslik--acik { color: #FF7A70; }
.ust-baslik--kirmizi { color: var(--kirmizi); }
.baslik { font-size: clamp(2.1rem, 1.35rem + 3.1vw, 3.75rem); line-height: 1.04; font-weight: 700; letter-spacing: -0.035em; text-wrap: balance; }
.baslik--dev { font-size: clamp(2.4rem, 1.2rem + 4.6vw, 4.75rem); }
.baslik--acik { color: #fff; }
html[lang="ar"] .baslik, html[lang="ar"] .giris__baslik { letter-spacing: 0; line-height: 1.25; }
.bolum__p { font-size: clamp(1.0625rem, 1rem + .35vw, 1.3rem); line-height: 1.5; color: var(--gri); font-weight: 450; max-width: 46ch; text-wrap: pretty; }
.bolum__p--acik { color: rgba(255, 255, 255, .78); }

.bolum { padding-block: clamp(52px, 6vw, 92px); }
.bolum--ince { padding-block: 0 clamp(40px, 4.5vw, 68px); }
.bolum--beyaz { background: var(--beyaz); }
.bolum__bas { margin-bottom: clamp(24px, 3vw, 44px); }
.bolum__bas--orta { text-align: center; display: grid; justify-items: center; gap: 4px; }
.bolum__bas--orta .bolum__p { margin-top: 14px; }
.bolum__bas--yan { display: grid; gap: 18px; align-items: end; }
.bolum__bas--yan .bolum__p { margin-bottom: 14px; }
@media (min-width: 900px) { .bolum__bas--yan { grid-template-columns: 1.1fr 1fr; gap: 48px; } }

.dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; }
.dugmeler--orta { justify-content: center; }
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 24px; border-radius: 999px;
  font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.01em; white-space: nowrap;
  transition: background-color .25s, transform .25s var(--yay), box-shadow .25s;
}
.dugme:active { transform: scale(.97); }
.dugme--mavi { background: var(--mavi); color: #fff; }
.dugme--mavi:hover { background: var(--mavi-koyu); }
.dugme--kirmizi { background: var(--kirmizi); color: #fff; }
.dugme--kirmizi:hover { background: var(--kirmizi-koyu); }
.dugme--beyaz { background: #fff; color: var(--lacivert); }
.dugme--beyaz:hover { background: #E9EDFF; }
.dugme--tam { width: 100%; }
.metin-link { display: inline-flex; align-items: center; gap: 4px; font-size: 1.0625rem; font-weight: 600; color: var(--mavi); }
.metin-link .ik { transition: transform .25s var(--yay); }
.metin-link:hover .ik { transform: translateX(3px); }
[dir="rtl"] .metin-link:hover .ik { transform: scaleX(-1) translateX(3px); }
.metin-link:hover span { text-decoration: underline; text-underline-offset: 3px; }
.metin-link--acik { color: #8FA8FF; }

.cam {
  background: rgba(255, 255, 255, .62);
  border: 1px solid rgba(255, 255, 255, .7);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  backdrop-filter: blur(22px) saturate(180%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 10px 30px -12px rgba(10, 18, 56, .25);
}
.cam--koyu {
  background: rgba(14, 18, 40, .42);
  border-color: rgba(255, 255, 255, .16);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 10px 30px -12px rgba(0, 0, 0, .45);
}
.cam-dugme {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .22); color: #fff;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  transition: background-color .2s, transform .2s var(--yay);
}
.cam-dugme:hover { background: rgba(255, 255, 255, .26); }
.cam-dugme:active { transform: scale(.94); }
.cam-dugme--acik { background: rgba(0, 0, 0, .05); border-color: rgba(0, 0, 0, .06); color: var(--murekkep); }
.cam-dugme--acik:hover { background: rgba(0, 0, 0, .09); }

/* Görününce beliren öğeler */
[data-gorun] { opacity: 0; transform: translateY(24px); transition: opacity .9s var(--yay), transform .9s var(--yay); transition-delay: var(--gecikme, 0s); }
[data-gorun].is-gorundu { opacity: 1; transform: none; }
.js-yok [data-gorun] { opacity: 1; transform: none; }

/* ---------- Üst menü (cam) ---------- */
.ust {
  position: sticky; top: 0; z-index: 50; height: var(--ust-h);
  background: rgba(245, 245, 247, .72);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid transparent;
  transition: border-color .3s, background-color .3s;
}
.ust.is-kaydi { border-bottom-color: var(--cizgi); background: rgba(245, 245, 247, .82); }
.ust__ic { height: 100%; display: flex; align-items: center; gap: 20px; }
.marka { display: flex; align-items: center; gap: 10px; flex: none; }
.marka__amblem { width: 44px; height: auto; }
.marka__yazi { display: grid; line-height: 1.1; }
.marka__yazi b { font-size: 1.0625rem; font-weight: 700; letter-spacing: -0.02em; }
.marka__yazi small { font-size: .6875rem; color: var(--gri); letter-spacing: .01em; display: none; }
@media (min-width: 420px) { .marka__yazi small { display: block; } }
.menu { display: none; }
.ust__sag { margin-inline-start: auto; display: flex; align-items: center; gap: 8px; }
.ust__cta { display: none; min-height: 36px; padding: 0 16px; font-size: .875rem; }

@media (min-width: 1100px) {
  .menu { display: flex; gap: 2px; margin-inline: auto; }
  .menu a { padding: 8px 11px; border-radius: 999px; font-size: .875rem; color: rgba(29, 29, 31, .8); transition: color .2s, background-color .2s; }
  .menu a:hover { color: var(--murekkep); background: rgba(0, 0, 0, .045); }
  .menu a[aria-current="page"] { color: var(--murekkep); font-weight: 600; background: rgba(0, 0, 0, .06); }
  .ust__sag { margin-inline-start: 0; }
  .ust__cta { display: inline-flex; }
  .burger { display: none !important; }
}

.dil { position: relative; }
.dil__dugme { display: flex; align-items: center; gap: 5px; height: 36px; padding: 0 10px; border-radius: 999px; font-size: .8125rem; font-weight: 600; color: rgba(29, 29, 31, .85); }
.dil__dugme:hover, .dil__dugme[aria-expanded="true"] { background: rgba(0, 0, 0, .06); }
.dil__dugme .ik:last-child { width: .85em; height: .85em; opacity: .6; }
.dil__liste {
  position: absolute; top: calc(100% + 8px); inset-inline-end: 0; min-width: 190px; padding: 6px;
  border-radius: 16px; background: rgba(255, 255, 255, .86);
  -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid var(--cizgi); box-shadow: var(--golge-2);
  opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.98); transform-origin: top right;
  transition: opacity .2s, transform .25s var(--yay), visibility .2s;
}
.dil.is-acik .dil__liste { opacity: 1; visibility: visible; transform: none; }
.dil__liste button { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 12px; border-radius: 10px; font-size: .9375rem; text-align: start; }
.dil__liste button small { font-size: .75rem; color: var(--gri-2); font-weight: 600; }
.dil__liste button:hover { background: rgba(0, 0, 0, .05); }
.dil__liste button[aria-checked="true"] { background: var(--mavi-acik); color: var(--mavi); font-weight: 600; }

.burger { width: 40px; height: 40px; display: grid; place-content: center; gap: 6px; border-radius: 50%; }
.burger span { display: block; width: 18px; height: 1.6px; background: var(--murekkep); border-radius: 2px; transition: transform .35s var(--yay); }
.burger[aria-expanded="true"] span:first-child { transform: translateY(3.8px) rotate(45deg); }
.burger[aria-expanded="true"] span:last-child { transform: translateY(-3.8px) rotate(-45deg); }

/* Mobil menü: lacivert degrade, beyaz yazı, bulunulan sayfa koyu hap */
.mobil-menu {
  position: fixed; inset: var(--ust-h) 0 0; z-index: 49; overflow-y: auto;
  padding: 20px var(--kenar) calc(28px + env(safe-area-inset-bottom));
  background: linear-gradient(170deg, #1B2D9E 0%, #12207A 45%, #0A1238 100%);
  color: #fff; display: flex; flex-direction: column; gap: 22px;
}
.mobil-menu[hidden] { display: none; }
.mobil-menu__nav { display: grid; gap: 2px; }
.mobil-menu__nav a {
  font-size: 1.6rem; font-weight: 650; letter-spacing: -0.025em; padding: 9px 14px; border-radius: 14px;
  opacity: 0; transform: translateY(-8px); animation: menuGel .5s var(--yay) forwards; animation-delay: calc(var(--s, 0) * 35ms);
}
.mobil-menu__nav a[aria-current="page"] { background: rgba(5, 8, 26, .45); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
@keyframes menuGel { to { opacity: 1; transform: none; } }
.mobil-menu__dil { display: flex; gap: 8px; flex-wrap: wrap; }
.mobil-menu__dil button { min-width: 52px; height: 40px; border-radius: 999px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .2); font-weight: 600; font-size: .875rem; }
.mobil-menu__dil button[aria-pressed="true"] { background: #fff; color: var(--lacivert); }
html.menu-acik { overflow: hidden; }
html.menu-acik .ust { background: rgba(245, 245, 247, .96); }

/* ---------- İmza: derinlik göstergesi ---------- */
.derinlik { display: none; }
@media (min-width: 1200px) {
  .derinlik {
    display: block; position: fixed; z-index: 40; inset-inline-end: 22px;
    top: calc(var(--ust-h) + 40px); bottom: 40px; width: 20px; pointer-events: none;
  }
  .derinlik__cetvel, .derinlik__dolgu { position: absolute; inset-block: 0; inset-inline-end: 0; width: 2px; border-radius: 2px; }
  .derinlik__cetvel { background: rgba(0, 0, 0, .1); }
  .derinlik__cetvel::before {
    content: ""; position: absolute; inset-block: 0; inset-inline-end: 2px; width: 7px;
    background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .18) 0 1px, transparent 1px calc(100% / 22));
  }
  .derinlik__dolgu { height: calc(var(--ilerleme) * 100%); bottom: auto; background: linear-gradient(to bottom, #F2C27B, #B7773F 40%, var(--kirmizi)); }
  .derinlik__olcek li {
    position: absolute; inset-inline-end: 14px; top: calc(var(--m) / 2200 * 100%); transform: translateY(-50%);
    font: 500 .625rem/1 var(--f-mono); color: var(--gri-2); opacity: .7;
  }
  .derinlik__imlec { position: absolute; inset-inline-end: -4px; top: calc(var(--ilerleme) * 100%); transform: translateY(-50%); }
  .derinlik__imlec::after { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background: var(--kirmizi); box-shadow: 0 0 0 4px rgba(226, 35, 26, .18); }
  .derinlik__okuma {
    position: absolute; inset-inline-end: 18px; top: 50%; transform: translateY(-50%);
    display: flex; align-items: baseline; gap: 4px; white-space: nowrap; width: max-content;
    padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border: 1px solid var(--cizgi); box-shadow: var(--golge);
    font: 600 .75rem/1 var(--f-mono); color: var(--murekkep);
    opacity: 0; transition: opacity .3s;
  }
  .derinlik.is-hareket .derinlik__okuma { opacity: 1; }
  .derinlik { transition: opacity .5s var(--yay); }
  body.giris-ustte .derinlik { opacity: 0; }
  .derinlik__okuma small { font: 500 .625rem/1 var(--f-govde); color: var(--gri); text-transform: uppercase; letter-spacing: .08em; }
  .derinlik__okuma em { font-style: normal; color: var(--gri); }
  body.koyu-alan .derinlik__okuma { background: rgba(14, 18, 40, .7); color: #fff; border-color: rgba(255, 255, 255, .14); }
}

/* ---------- 1 · Açılış: tam ekran saha fotoğrafı kaydırıcısı, başlık üstünde ---------- */
.giris { --sahne-kenar: 0px; padding: var(--sahne-kenar) 0 clamp(28px, 3.5vw, 52px); }
@media (min-width: 1000px) { .giris { --sahne-kenar: 14px; } }
.giris__izgara { display: grid; width: calc(100% - 2 * var(--sahne-kenar)); max-width: 1680px; margin-inline: auto; }
.giris__izgara > * { grid-area: 1 / 1; }
.giris__metin {
  position: relative; z-index: 4; align-self: end; display: grid; justify-items: start; pointer-events: none; color: #fff;
  padding: 0 var(--kenar) calc(28px + env(safe-area-inset-bottom));
}
@media (min-width: 1000px) { .giris__metin { align-self: center; padding: 0 clamp(36px, 4.5vw, 72px); max-width: 920px; } }
.giris__metin a, .giris__metin button { pointer-events: auto; }
.giris__etiket {
  display: inline-flex; align-items: center; gap: 10px; padding: 7px 14px 7px 12px; border-radius: 999px; max-width: 100%;
  background: rgba(255, 255, 255, .14); color: rgba(255, 255, 255, .92); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  font-size: .75rem; font-weight: 600; margin-bottom: 18px;
}
@media (min-width: 1000px) { .giris__etiket { font-size: .8125rem; margin-bottom: 22px; } }
.canli-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--kirmizi); flex: none; animation: nabiz 2.4s infinite; }
@keyframes nabiz { 0% { box-shadow: 0 0 0 0 rgba(226, 35, 26, .55); } 70%, 100% { box-shadow: 0 0 0 9px rgba(226, 35, 26, 0); } }
.giris__baslik {
  font-size: clamp(2.35rem, 1.2rem + 3.6vw, 4.4rem); line-height: 1; font-weight: 750; letter-spacing: -0.045em;
  text-wrap: balance; text-shadow: 0 2px 30px rgba(0, 0, 0, .25); --gecikme: .08s;
}
.giris__baslik span { color: #FF6A5F; }
.giris__baslik span + span { color: #9DB5FF; }
.giris__p { margin-top: 16px; max-width: 54ch; font-size: clamp(.9375rem, .9rem + .3vw, 1.2rem); line-height: 1.5; color: rgba(255, 255, 255, .84); --gecikme: .16s; text-wrap: pretty; }
.giris__metin .dugmeler { margin-top: 24px; --gecikme: .24s; }
.giris__metin .metin-link { color: #fff; }
[data-giris] { animation: girisGel 1.1s var(--yay) both; animation-delay: var(--gecikme, 0s); }
@keyframes girisGel { from { opacity: 0; transform: translateY(26px); } }

/* Kaydırıcı: üstte ilerleme çizgileri, yavaş yakınlaşma, cam yazı kartı */
.kayan {
  position: relative; overflow: hidden; background: var(--gece); isolation: isolate;
  width: 100%; height: min(177.78vw, calc(100svh - var(--ust-h))); min-height: 520px;
  border-radius: 0 0 var(--r-xl) var(--r-xl);
}
@media (min-width: 1000px) { .kayan { height: calc(100svh - var(--ust-h) - var(--sahne-kenar)); min-height: 620px; max-height: 960px; border-radius: var(--r-xl); } }
.kayan__oge picture { display: contents; }
.kayan__oge { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1.1s var(--yay), visibility 1.1s; }
.kayan__oge.is-aktif { opacity: 1; visibility: visible; z-index: 1; }
.kayan__oge img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transform: scale(1.03); }
.kayan__oge.is-aktif img { animation: kenBurns 7.5s linear forwards; }
@keyframes kenBurns { from { transform: scale(1.03); } to { transform: scale(1); } }
.kayan__oge::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 8, 26, .5) 0%, rgba(5, 8, 26, 0) 22%, rgba(5, 8, 26, .12) 42%, rgba(5, 8, 26, .78) 70%, rgba(5, 8, 26, .94) 100%); }
@media (min-width: 1000px) {
  .kayan__oge::after { background: linear-gradient(90deg, rgba(5, 8, 26, .82) 0%, rgba(5, 8, 26, .5) 38%, rgba(5, 8, 26, 0) 66%), linear-gradient(0deg, rgba(5, 8, 26, .55) 0%, rgba(5, 8, 26, 0) 38%), linear-gradient(180deg, rgba(5, 8, 26, .35) 0%, rgba(5, 8, 26, 0) 18%); }
  [dir="rtl"] .kayan__oge::after { background: linear-gradient(270deg, rgba(5, 8, 26, .82) 0%, rgba(5, 8, 26, .5) 38%, rgba(5, 8, 26, 0) 66%), linear-gradient(0deg, rgba(5, 8, 26, .55) 0%, rgba(5, 8, 26, 0) 38%), linear-gradient(180deg, rgba(5, 8, 26, .35) 0%, rgba(5, 8, 26, 0) 18%); }
}
.kayan__yazi {
  position: absolute; z-index: 2; inset-inline-start: 14px; top: 46px; max-width: calc(100% - 28px);
  border-radius: 16px; padding: 10px 14px; display: grid; gap: 2px;
  opacity: 0; transform: translateY(10px); transition: opacity .7s var(--yay) .35s, transform .7s var(--yay) .35s;
}
.kayan__oge.is-aktif .kayan__yazi { opacity: 1; transform: none; }
.kayan__ust { font-size: .6875rem; font-weight: 650; text-transform: uppercase; letter-spacing: .1em; color: #FF8A80; }
.kayan__yazi b { font-size: 1rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; }
.kayan__yazi span:last-child { display: none; font-size: .9375rem; line-height: 1.45; color: rgba(255, 255, 255, .82); }
@media (min-width: 1000px) {
  .kayan__yazi { top: auto; inset-inline-start: auto; inset-inline-end: 32px; bottom: 32px; width: 380px; padding: 20px 22px; border-radius: 22px; gap: 4px; }
  .kayan__yazi b { font-size: 1.375rem; }
  .kayan__yazi span:last-child { display: block; }
}
.kayan__cizgiler { position: absolute; z-index: 3; top: 14px; inset-inline: 14px; display: flex; gap: 6px; }
@media (min-width: 1000px) { .kayan__cizgiler { top: 22px; inset-inline: auto 32px; width: 380px; } }
.kayan__cizgiler button { flex: 1; height: 22px; display: flex; align-items: center; }
.kayan__cizgiler i { position: relative; display: block; width: 100%; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, .32); overflow: hidden; }
.kayan__cizgiler i::after { content: ""; position: absolute; inset: 0; background: #fff; transform-origin: left; transform: scaleX(0); }
[dir="rtl"] .kayan__cizgiler i::after { transform-origin: right; }
.kayan__cizgiler .is-gecti i::after { transform: none; }
.kayan__cizgiler .is-aktif i::after { animation: cizgiDol var(--sure, 6.5s) linear forwards; }
.kayan.is-dur .kayan__cizgiler .is-aktif i::after { animation-play-state: paused; }
@keyframes cizgiDol { to { transform: none; } }
.kayan__dugmeler { display: none; }
@media (min-width: 1000px) { .kayan__dugmeler { display: flex; gap: 8px; position: absolute; z-index: 3; top: 56px; inset-inline-end: 32px; } }

/* Film şeridi: üç dikey saha videosu */
.sahne {
  position: relative; display: grid; grid-template-columns: 1fr; gap: 6px;
  border-radius: var(--r-xl); overflow: hidden; background: var(--gece);
  box-shadow: var(--golge-2); aspect-ratio: 4 / 5;
}
.sahne__film { position: relative; overflow: hidden; }
.sahne__film:nth-child(n+2) { display: none; }
.sahne__film video { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 700px) {
  .sahne { grid-template-columns: repeat(3, 1fr); aspect-ratio: 16 / 9; }
  .sahne__film:nth-child(n+2) { display: block; }
}
.sahne__cip { position: absolute; z-index: 2; border-radius: 999px; display: flex; align-items: center; gap: 8px; padding: 10px 16px; font-size: .875rem; font-weight: 600; }
.sahne__cip--sol { inset-inline-start: 14px; bottom: 14px; }
.sahne__cip--sag { inset-inline-end: 14px; top: 14px; transition: background-color .25s; }
.sahne__cip--sag:hover { background: rgba(14, 18, 40, .62); }
@media (max-width: 420px) { .sahne__cip--sol { inset-inline-end: 14px; justify-content: center; } }
@media (min-width: 700px) { .sahne__cip--sol { inset-inline-start: 24px; bottom: 24px; } .sahne__cip--sag { inset-inline-end: 24px; top: 24px; } .sahne__cip { font-size: .9375rem; } }

/* ---------- 2 · Sayaçlar ---------- */
.sayaclar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
@media (min-width: 900px) { .sayaclar { grid-template-columns: repeat(4, 1fr); gap: 16px; } }
.sayac { background: var(--beyaz); border-radius: var(--r-l); padding: 22px 20px; box-shadow: var(--golge); display: grid; gap: 6px; align-content: start; }
.sayac:nth-child(2) { --gecikme: .06s; } .sayac:nth-child(3) { --gecikme: .12s; } .sayac:nth-child(4) { --gecikme: .18s; }
.sayac__ust { display: flex; align-items: center; gap: 10px; }
.sayac__ust .ik { width: 26px; height: 26px; color: var(--mavi); padding: 0; }
.sayac:nth-child(1) .ik { color: var(--kirmizi); }
.sayac:nth-child(3) .ik { color: var(--turkuaz); }
.sayac:nth-child(4) .ik { color: var(--amber); }
.sayac__ust b { font-size: clamp(2rem, 1.5rem + 2vw, 3.25rem); font-weight: 700; letter-spacing: -0.04em; line-height: 1; font-variant-numeric: tabular-nums; }
.sayac__ad { font-size: .9375rem; color: var(--gri); line-height: 1.35; }
@media (min-width: 900px) { .sayac { padding: 28px; } }

/* ---------- 4 · Hakkımızda ---------- */
.hakkinda { display: grid; gap: 28px; }
@media (min-width: 900px) { .hakkinda { grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 88px); align-items: center; } }
.hakkinda__foto { position: relative; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--golge-2); aspect-ratio: 1; }
.hakkinda__foto img { width: 100%; height: 100%; object-fit: cover; }
.hakkinda__rozet { position: absolute; inset-inline-start: 16px; bottom: 16px; display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 20px; }
.hakkinda__rozet b { font: 600 2.25rem/1 var(--f-mono); letter-spacing: -0.04em; }
.hakkinda__rozet span { font-size: .875rem; line-height: 1.3; opacity: .9; }
.hakkinda__metin { display: grid; gap: 28px; justify-items: start; }
.giris-p { font-size: clamp(1.15rem, 1rem + .6vw, 1.45rem); line-height: 1.5; color: var(--murekkep); font-weight: 450; text-wrap: pretty; }
.zaman { width: 100%; display: grid; gap: 0; border-top: 1px solid var(--cizgi); }
.zaman li { display: grid; grid-template-columns: 88px 1fr; gap: 16px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.zaman b { font: 600 1.25rem/1 var(--f-mono); color: var(--kirmizi); letter-spacing: -0.03em; }
.zaman li:last-child b { color: var(--mavi); font-family: var(--f-govde); font-size: 1.125rem; }
.zaman span { font-size: 1.0625rem; color: var(--murekkep); }

/* ---------- 5 · Hizmet bento ---------- */
.bento { display: grid; gap: 12px; }
.hizmet { position: relative; border-radius: var(--r-l); overflow: hidden; background: var(--beyaz); box-shadow: var(--golge); }
.hizmet:nth-child(2) { --gecikme: .06s; } .hizmet:nth-child(3) { --gecikme: .12s; } .hizmet:nth-child(4) { --gecikme: .18s; }
.hizmet > img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: transform 1.2s var(--yay); }
.hizmet:hover > img { transform: scale(1.04); }
.hizmet--buyuk, .hizmet--uzun { min-height: 440px; display: flex; align-items: flex-end; padding: 12px; color: #fff; }
.hizmet__ic { position: relative; border-radius: 20px; padding: 20px; display: grid; gap: 8px; }
.hizmet h3 { font-size: clamp(1.3rem, 1.1rem + .8vw, 1.75rem); line-height: 1.12; font-weight: 700; letter-spacing: -0.025em; text-wrap: balance; }
.hizmet p { font-size: 1rem; line-height: 1.5; }
.hizmet__ic p { color: rgba(255, 255, 255, .85); }
.hizmet__ikon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; color: #fff; background: var(--renk); margin-bottom: 6px; }
.hizmet__ikon .ik { width: 22px; height: 22px; }
.hizmet--su { --renk: var(--turkuaz); }
.hizmet--petrol { --renk: var(--kirmizi); }
.hizmet--jeofizik { --renk: var(--mavi); }
.hizmet--sismik { --renk: var(--amber); }
.hizmet--duz { padding: 28px; display: grid; gap: 8px; align-content: start; min-height: 300px; }
.hizmet--duz p { color: var(--gri); max-width: 36ch; }
.hizmet--duz::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 4px; background: var(--renk); }
.hizmet__iz { position: absolute; inset-inline: 0; bottom: 18px; width: 100%; height: 70px; fill: none; stroke: var(--renk); stroke-width: 2; opacity: .55; stroke-dasharray: 620; stroke-dashoffset: 620; transition: stroke-dashoffset 2.2s var(--yay) .3s; }
.hizmet.is-gorundu .hizmet__iz { stroke-dashoffset: 0; }
.hizmet__katman { position: absolute; inset-inline: 0; bottom: 0; height: 84px; display: grid; }
.hizmet__katman i { display: block; border-top: 1px solid rgba(232, 130, 14, .35); background: rgba(232, 130, 14, .06); transform-origin: left; transform: scaleX(0); transition: transform 1.2s var(--yay); }
.hizmet__katman i:nth-child(2) { background: rgba(232, 130, 14, .1); transition-delay: .12s; }
.hizmet__katman i:nth-child(3) { background: rgba(232, 130, 14, .15); transition-delay: .24s; }
.hizmet__katman i:nth-child(4) { background: rgba(232, 130, 14, .22); transition-delay: .36s; }
.hizmet.is-gorundu .hizmet__katman i { transform: none; }
@media (min-width: 700px) {
  .hizmet-bento { grid-template-columns: repeat(2, 1fr); }
  .hizmet--buyuk { grid-column: 1 / -1; min-height: 520px; }
}
@media (min-width: 1000px) {
  .hizmet-bento { grid-template-columns: 1.4fr 1fr; grid-template-rows: auto auto; gap: 16px; }
  .hizmet--buyuk { grid-column: 1; grid-row: 1 / span 2; min-height: 640px; padding: 18px; }
  .hizmet--uzun { grid-column: 2; grid-row: 1; min-height: 380px; }
  .hizmet-bento .hizmet--duz:nth-of-type(3) { grid-column: 2; grid-row: 2; }
  .hizmet-bento .hizmet--duz:nth-of-type(4) { grid-column: 1 / -1; min-height: 220px; }
  .hizmet--buyuk .hizmet__ic { max-width: 520px; padding: 26px; }
}

/* ---------- 6 · Karanlık vitrin ---------- */
.vitrin {
  position: relative; color: #fff; overflow: hidden;
  background: radial-gradient(70% 55% at 50% 0%, #1A2A8F 0%, rgba(26, 42, 143, 0) 70%), linear-gradient(180deg, #0A1238 0%, var(--gece) 100%);
  padding-block: clamp(60px, 7vw, 104px);
}
.vitrin .kap { position: relative; }
.vitrin__dev {
  display: flex; align-items: baseline; justify-content: center; gap: .08em;
  font: 700 clamp(5.5rem, 2rem + 16vw, 15rem)/.9 var(--f-govde); letter-spacing: -0.06em;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 35%, #F2C27B 65%, #B7773F 85%, #7A3D22 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent; direction: ltr;
}
.vitrin__dev small { font-size: .3em; letter-spacing: -0.02em; }
.vitrin__p { margin-top: 18px; max-width: 52ch; color: rgba(255, 255, 255, .72); font-size: clamp(1.0625rem, 1rem + .35vw, 1.3rem); line-height: 1.5; text-wrap: pretty; }
.vitrin__izgara { display: grid; gap: 20px; margin-top: 12px; }
@media (min-width: 960px) { .vitrin__izgara { grid-template-columns: 1fr 1.1fr; gap: 28px; align-items: stretch; } }
.vitrin__sag { display: grid; gap: 14px; align-content: start; justify-items: start; }
.vitrin__h3 { font-size: clamp(1.4rem, 1.2rem + .8vw, 1.9rem); font-weight: 700; letter-spacing: -0.025em; margin-bottom: 4px; }

.ekipman-liste { display: grid; gap: 10px; width: 100%; }
.ekipman-liste li { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-radius: 20px; font-size: 1.0625rem; line-height: 1.4; }
.vitrin .ekipman-liste li { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); color: #fff; }
.ekipman-liste li:nth-child(2) { --gecikme: .06s; } .ekipman-liste li:nth-child(3) { --gecikme: .12s; } .ekipman-liste li:nth-child(4) { --gecikme: .18s; }
.ekipman-liste__ikon { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 13px; background: var(--mavi); color: #fff; }
.ekipman-liste li:nth-child(1) .ekipman-liste__ikon { background: var(--kirmizi); }
.ekipman-liste li:nth-child(3) .ekipman-liste__ikon { background: var(--turkuaz); }
.ekipman-liste li:nth-child(4) .ekipman-liste__ikon { background: var(--amber); }
.ekipman-liste__ikon .ik { width: 22px; height: 22px; }

/* Kuyu kesiti: derinlik orantılı iki sondaj borusu, katman renkleriyle dolar */
.kuyular { border-radius: var(--r-l); padding: 24px 20px 22px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); display: grid; gap: 18px; }
.kuyular__bas { font-size: 1.0625rem; font-weight: 600; color: rgba(255, 255, 255, .9); }
.kuyular__alan { position: relative; display: grid; grid-template-columns: 48px 1fr 1fr; gap: 10px; height: 380px; direction: ltr; }
.kuyular__olcek { position: relative; height: calc(100% - 64px); }
.kuyular__olcek li { position: absolute; inset-inline-start: 0; font: 500 .6875rem/1 var(--f-mono); color: rgba(255, 255, 255, .5); transform: translateY(-50%); }
.kuyular__olcek li:nth-child(1) { top: 0; } .kuyular__olcek li:nth-child(2) { top: calc(500 / 2400 * 100%); } .kuyular__olcek li:nth-child(3) { top: calc(1000 / 2400 * 100%); } .kuyular__olcek li:nth-child(4) { top: calc(1500 / 2400 * 100%); } .kuyular__olcek li:nth-child(5) { top: calc(2000 / 2400 * 100%); }
.kuyular__olcek::after { content: ""; position: absolute; inset-inline-end: 4px; top: 0; bottom: 0; width: 1px; background: repeating-linear-gradient(to bottom, rgba(255, 255, 255, .25) 0 1px, transparent 1px calc(100% / 24)); }
.kuyu { display: grid; grid-template-rows: 1fr auto; justify-items: center; gap: 12px; height: 100%; }
.kuyu__boru { position: relative; width: 56px; height: 100%; border-radius: 0 0 28px 28px; background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); overflow: hidden; }
.kuyu__dolgu {
  position: absolute; inset-inline: 0; top: 0; height: calc(var(--d) / 2400 * 100%);
  background: linear-gradient(to bottom, #F3D4A0 0%, #E2B270 14%, #C48A4E 30%, #9A5E36 48%, #6E3C26 66%, #4A271C 84%, #2C1712 100%);
  transform-origin: top; transform: scaleY(0); transition: transform 2.4s var(--yay) .2s;
  border-radius: 0 0 28px 28px;
}
.kuyu--gabes .kuyu__dolgu { background: linear-gradient(to bottom, #F3D4A0 0%, #E2B270 14%, #C48A4E 30%, #9A5E36 48%, #6E3C26 64%, #8E2A16 82%, #E2231A 100%); transition-delay: .45s; }
.kuyu__uc { position: absolute; inset-inline: 0; margin: auto; top: calc(var(--d) / 2400 * 100% - 6px); width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px rgba(255, 255, 255, .15), 0 0 24px 6px rgba(255, 120, 80, .6); opacity: 0; transition: opacity .4s 2.4s; }
.kuyular.is-gorundu .kuyu__dolgu { transform: none; }
.kuyular.is-gorundu .kuyu__uc { opacity: 1; }
.kuyu__etiket { text-align: center; display: grid; gap: 2px; }
.kuyu__etiket b { font: 600 1.25rem/1.1 var(--f-mono); letter-spacing: -0.03em; }
.kuyu__etiket span { font-size: .8125rem; color: rgba(255, 255, 255, .7); line-height: 1.3; }
:is(.kuyular-kap, .ref-duzen__kuyu) .kuyular { background: var(--beyaz); border: 0; box-shadow: var(--golge); color: var(--murekkep); }
:is(.kuyular-kap, .ref-duzen__kuyu) .kuyular .kuyular__bas { color: var(--murekkep); }
:is(.kuyular-kap, .ref-duzen__kuyu) .kuyular .kuyular__olcek li { color: var(--gri-2); }
:is(.kuyular-kap, .ref-duzen__kuyu) .kuyular .kuyular__olcek::after { background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .2) 0 1px, transparent 1px calc(100% / 24)); }
:is(.kuyular-kap, .ref-duzen__kuyu) .kuyular .kuyu__boru { background: var(--zemin); box-shadow: inset 0 0 0 1px var(--cizgi); }
:is(.kuyular-kap, .ref-duzen__kuyu) .kuyular .kuyu__etiket span { color: var(--gri); }
@media (min-width: 600px) { .kuyular { padding: 32px; } .kuyular__alan { height: 440px; grid-template-columns: 56px 1fr 1fr; } .kuyu__boru { width: 72px; border-radius: 0 0 36px 36px; } }

/* ---------- 7 · Referanslar ---------- */
.ref-izgara { columns: 1; column-gap: 14px; }
@media (min-width: 640px) { .ref-izgara { columns: 2; } }
@media (min-width: 1000px) { .ref-izgara { columns: 3; column-gap: 16px; } }
.ref-kart { break-inside: avoid; margin-bottom: 14px; background: var(--beyaz); border-radius: var(--r-l); padding: 22px 22px 10px; box-shadow: var(--golge); }
.ref-kart__bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--cizgi); }
.ref-kart__bas h3 { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.03em; }
.ref-kart__sayi { font-size: .8125rem; font-weight: 600; color: var(--mavi); background: var(--mavi-acik); padding: 5px 10px; border-radius: 999px; white-space: nowrap; }
.ref-kart li { padding: 12px 0; border-bottom: 1px solid var(--cizgi); display: grid; gap: 2px; }
.ref-kart li:last-child { border-bottom: 0; }
.ref-kart li b { font-weight: 600; font-size: 1rem; letter-spacing: -0.01em; }
.ref-kart li span { font-size: .9375rem; color: var(--gri); }

/* ---------- 8 · Harita ve ülkeler ---------- */
.harita-kutu { border-radius: var(--r-xl); background: var(--zemin); padding: clamp(10px, 3vw, 40px); margin-bottom: 14px; overflow: hidden; }
.harita { position: relative; }
.harita img { width: 100%; height: auto; }
.harita__pin { position: absolute; transform: translate(-50%, -50%); display: flex; align-items: center; }
.harita__pin i { position: relative; width: 14px; height: 14px; border-radius: 50%; background: var(--pin); box-shadow: 0 0 0 3px #fff, 0 4px 12px rgba(0, 0, 0, .25); }
.harita__pin i::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid var(--pin); animation: pinDalga 2.6s var(--yay) infinite; }
@keyframes pinDalga { from { transform: scale(1); opacity: .9; } to { transform: scale(3.4); opacity: 0; } }
.harita__pin b { position: absolute; left: calc(100% + 8px); white-space: nowrap; font-size: clamp(.6875rem, .55rem + .5vw, .9375rem); font-weight: 650; padding: 5px 10px; border-radius: 999px; background: rgba(255, 255, 255, .85); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: var(--golge); transition: transform .3s var(--yay), background-color .3s, color .3s; }
.harita__pin--tr { --pin: var(--kirmizi); }
.harita__pin--tn { --pin: #2747E0; }
.harita__pin--sa { --pin: var(--turkuaz); }
.harita__pin--sa b { left: auto; right: calc(100% + 8px); }
.harita__pin.is-vurgu b { background: var(--pin); color: #fff; transform: scale(1.08); }
@media (max-width: 520px) { .harita__pin--tn b { left: -6px; top: calc(100% + 6px); } }

.ulkeler { display: grid; gap: 12px; }
@media (min-width: 900px) { .ulkeler { grid-template-columns: repeat(3, 1fr); gap: 14px; } }
.ulke { background: var(--zemin); border-radius: var(--r-l); padding: 24px; display: grid; gap: 12px; align-content: start; border: 1px solid transparent; transition: border-color .3s, transform .3s var(--yay), box-shadow .3s; }
.bolum--beyaz .ulke { background: var(--zemin); }
.bolum:not(.bolum--beyaz) .ulke { background: var(--beyaz); box-shadow: var(--golge); }
.ulke:hover { border-color: var(--pin); transform: translateY(-3px); }
.ulke:nth-child(2) { --gecikme: .06s; } .ulke:nth-child(3) { --gecikme: .12s; }
.ulke--tr { --pin: var(--kirmizi); } .ulke--tn { --pin: #2747E0; } .ulke--sa { --pin: var(--turkuaz); }
.ulke__bas { display: grid; gap: 10px; justify-items: start; }
.ulke__rozet { font-size: .75rem; font-weight: 650; padding: 5px 10px; border-radius: 999px; color: #fff; background: var(--pin); }
.ulke h3 { font-size: 1.75rem; font-weight: 700; letter-spacing: -0.03em; }
.ulke p { color: var(--gri); font-size: 1rem; }
.ulke__adres { display: flex; gap: 10px; color: var(--murekkep) !important; font-weight: 500; }
.ulke__adres .ik { color: var(--pin); margin-top: 3px; }
.ortak { display: grid; gap: 3px; padding: 14px 16px; border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi); font-size: .875rem; color: var(--gri); }
.bolum:not(.bolum--beyaz) .ortak { background: var(--zemin); }
.ortak__etiket { font-size: .6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--turkuaz); }
.ortak b { color: var(--murekkep); font-size: 1rem; letter-spacing: 0; }

/* ---------- 9 · HSE bandı: fotoğraf üstünde cam ---------- */
.hse-bant { position: relative; color: #fff; padding-block: clamp(60px, 7vw, 104px); overflow: hidden; isolation: isolate; }
.hse-bant__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transform: scale(1.05); }
.hse-bant::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 18, 56, .78) 0%, rgba(10, 18, 56, .55) 50%, rgba(5, 8, 26, .85) 100%); }
.hse-izgara { display: grid; gap: 12px; }
@media (min-width: 640px) { .hse-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .hse-izgara { grid-template-columns: repeat(4, 1fr); gap: 16px; } }
.hse-kutu { border-radius: var(--r-l); padding: 26px 22px; display: grid; gap: 10px; align-content: start; min-height: 230px; }
.hse-bant .hse-kutu, .hse-sayfa .hse-kutu { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 20px 40px -20px rgba(0, 0, 0, .5); color: #fff; }
.hse-kutu:nth-child(2) { --gecikme: .06s; } .hse-kutu:nth-child(3) { --gecikme: .12s; } .hse-kutu:nth-child(4) { --gecikme: .18s; }
.hse-kutu__ikon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #fff; color: var(--lacivert); margin-bottom: 8px; }
.hse-kutu:nth-child(1) .hse-kutu__ikon { color: var(--kirmizi); }
.hse-kutu:nth-child(2) .hse-kutu__ikon { color: var(--mavi); }
.hse-kutu:nth-child(3) .hse-kutu__ikon { color: #1E9E5A; }
.hse-kutu:nth-child(4) .hse-kutu__ikon { color: var(--amber); }
.hse-kutu__ikon .ik { width: 24px; height: 24px; }
.hse-kutu h3 { font-size: 1.3rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; }
.hse-kutu p { font-size: 1rem; color: rgba(255, 255, 255, .8); }

/* ---------- 10 · Yatay şerit ---------- */
.kaydir-dugmeler { display: none; gap: 8px; justify-self: end; }
@media (min-width: 900px) { .kaydir-dugmeler { display: flex; } }
.serit {
  display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
  padding-inline: max(var(--kenar), (100% - var(--kap)) / 2); scroll-padding-inline: max(var(--kenar), (100% - var(--kap)) / 2);
  padding-bottom: 8px;
}
.serit::-webkit-scrollbar { display: none; }
.serit__oge { flex: none; scroll-snap-align: start; height: clamp(260px, 36vw, 440px); aspect-ratio: 1; border-radius: var(--r-l); overflow: hidden; background: #ddd; box-shadow: var(--golge); }
.serit__oge--dik { aspect-ratio: 4 / 5; }
.serit__oge img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--yay); }
.serit__oge:hover img { transform: scale(1.05); }
.serit__oge--son { aspect-ratio: 3 / 4; background: var(--lacivert); color: #fff; display: grid; place-content: center; justify-items: center; gap: 10px; font-size: 1.25rem; font-weight: 650; }
.serit__oge--son .ik { width: 28px; height: 28px; }

/* ---------- Teklif kartı (her sayfanın sonunda) ---------- */
.teklif { padding-block: 0 clamp(52px, 6vw, 88px); }
.bolum + .teklif, .bolum--beyaz + .teklif { padding-top: 0; }
main > :last-child.bolum { padding-bottom: clamp(44px, 5vw, 72px); }
.teklif__kart {
  position: relative; overflow: hidden; border-radius: var(--r-xl); color: #fff;
  padding: clamp(24px, 3.6vw, 48px);
  background: radial-gradient(90% 120% at 100% 0%, #3355F0 0%, rgba(51, 85, 240, 0) 55%), linear-gradient(140deg, #1F3FD1 0%, #14248C 55%, #0A1238 100%);
  display: grid; gap: 22px; box-shadow: var(--golge-2);
}
@media (min-width: 960px) { .teklif__kart { grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; } }
.teklif__baslik { font-size: clamp(2rem, 1.3rem + 2.8vw, 3.5rem); line-height: 1.04; font-weight: 750; letter-spacing: -0.04em; text-wrap: balance; }
.teklif__p { margin: 12px 0 20px; color: rgba(255, 255, 255, .8); font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); max-width: 46ch; }
.teklif .dugme--beyaz { white-space: normal; text-align: center; }
.adimlar { display: grid; gap: 10px; counter-reset: a; }
.adimlar li { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 20px; background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); font-size: 1.0625rem; font-weight: 500; line-height: 1.35; }
.adimlar__no { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border-radius: 11px; background: #fff; color: var(--mavi); font: 600 1rem/1 var(--f-mono); }

/* ---------- Alt bilgi (açık, Apple tarzı) ---------- */
.alt { background: var(--beyaz); border-top: 1px solid var(--cizgi); font-size: .875rem; color: var(--gri); }
.alt__ic { display: grid; gap: 28px; padding-block: 40px 28px; }
@media (min-width: 700px) { .alt__ic { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .alt__ic { grid-template-columns: 1.3fr 1fr 1.3fr 1fr; gap: 40px; } }
.alt__marka { display: grid; gap: 14px; align-content: start; }
.alt__logo img { width: 140px; height: auto; }
.alt__marka p { max-width: 30ch; }
.alt__sutun h2 { font-size: .8125rem; font-weight: 650; color: var(--murekkep); margin-bottom: 12px; }
.alt__sutun nav { display: grid; gap: 8px; }
.alt__sutun nav a:hover, .alt a[href^="mailto"]:hover { color: var(--murekkep); text-decoration: underline; text-underline-offset: 3px; }
.alt__sutun nav a[aria-current="page"] { color: var(--murekkep); font-weight: 600; }
.alt__satir { display: flex; gap: 10px; margin-bottom: 10px; line-height: 1.45; }
.alt__satir .ik { margin-top: 2px; color: var(--gri-2); }
.alt__dil { display: flex; flex-wrap: wrap; gap: 6px; }
.alt__dil button { padding: 7px 12px; border-radius: 999px; background: var(--zemin); font-size: .8125rem; font-weight: 550; }
.alt__dil button:hover { background: #E8E8ED; }
.alt__dil button[aria-pressed="true"] { background: var(--murekkep); color: #fff; }
.alt__dip { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; padding-block: 18px calc(24px + env(safe-area-inset-bottom)); border-top: 1px solid var(--cizgi); font-size: .8125rem; }
.alt__basa:hover { color: var(--murekkep); }

/* ---------- Alt sayfa başlığı ---------- */
.sayfa-bas { padding-top: clamp(20px, 2.6vw, 36px); }
.sayfa-bas__metin { text-align: center; display: grid; justify-items: center; }
.yol { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; font-size: .875rem; color: var(--gri); margin-bottom: 14px; }
.yol a:hover { color: var(--mavi); }
.yol span[aria-current] { color: var(--murekkep); font-weight: 550; }
.sayfa-bas h1 { font-size: clamp(2.5rem, 1.3rem + 5.2vw, 5.5rem); line-height: 1; font-weight: 750; letter-spacing: -0.045em; max-width: 16ch; text-wrap: balance; }
html[lang="ar"] .sayfa-bas h1 { letter-spacing: 0; line-height: 1.25; }
.sayfa-bas .bolum__p { margin-top: 14px; max-width: 56ch; text-align: center; }
.sayfa-bas__foto { margin-top: clamp(20px, 2.6vw, 36px); border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 4 / 3; box-shadow: var(--golge-2); background: var(--gece); }
@media (min-width: 700px) { .sayfa-bas__foto { aspect-ratio: 21 / 9; } }
.sayfa-bas__foto img { width: 100%; height: 100%; object-fit: cover; transform: scale(calc(1.12 - var(--foto-ilerleme, 0) * .12)); transition: transform .1s linear; }
.sayfa-bas__foto--ust img { object-position: center 30%; }

/* ---------- Hakkımızda sayfası ---------- */
.metin-blok { display: grid; gap: 24px; }
@media (min-width: 900px) { .metin-blok { grid-template-columns: 1fr 1fr; gap: 48px 72px; } }
.metin-blok p { font-size: 1.1875rem; line-height: 1.6; color: var(--gri); text-wrap: pretty; }
.metin-blok p:first-child { font-size: clamp(1.3rem, 1.1rem + .9vw, 1.75rem); line-height: 1.4; color: var(--murekkep); font-weight: 500; letter-spacing: -0.02em; }
@media (min-width: 900px) { .metin-blok p:first-child { grid-row: span 2; } }
.mozaik { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); }
.mozaik figure { border-radius: var(--r-l); overflow: hidden; aspect-ratio: 1; box-shadow: var(--golge); }
.mozaik figure:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
.mozaik img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--yay); }
.mozaik figure:hover img { transform: scale(1.04); }
@media (min-width: 900px) {
  .mozaik { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 280px 280px; gap: 16px; }
  .mozaik figure, .mozaik figure:first-child { aspect-ratio: auto; }
  .mozaik figure:first-child { grid-column: 1; grid-row: 1 / span 2; }
  .mozaik figure:nth-child(4) { grid-column: 2 / span 2; }
}
.zaman-yatay { display: grid; gap: 12px; }
@media (min-width: 800px) { .zaman-yatay { grid-template-columns: repeat(3, 1fr); gap: 16px; } }
.zaman-yatay li { background: var(--beyaz); border-radius: var(--r-l); padding: 26px; box-shadow: var(--golge); display: grid; gap: 10px; position: relative; overflow: hidden; }
.zaman-yatay li:nth-child(2) { --gecikme: .08s; } .zaman-yatay li:nth-child(3) { --gecikme: .16s; }
.zaman-yatay b { font: 600 clamp(2.5rem, 2rem + 2vw, 3.5rem)/1 var(--f-mono); letter-spacing: -0.05em; color: var(--kirmizi); }
.zaman-yatay li:nth-child(2) b { color: var(--mavi); }
.zaman-yatay li:nth-child(3) b { color: var(--turkuaz); font-family: var(--f-govde); font-weight: 750; letter-spacing: -0.04em; }
.zaman-yatay span { font-size: 1.125rem; font-weight: 550; letter-spacing: -0.015em; }
.zaman-yatay li::after { content: ""; position: absolute; inset-inline: 26px; bottom: 0; height: 4px; border-radius: 4px 4px 0 0; background: currentColor; opacity: .08; }

/* ---------- Hizmetler sayfası ---------- */
.hizmet-satir { display: grid; gap: 18px; align-items: center; padding-block: clamp(20px, 3vw, 36px); }
.hizmet-satir + .hizmet-satir { border-top: 1px solid var(--cizgi); }
@media (min-width: 900px) {
  .hizmet-satir { grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 96px); }
  .hizmet-satir:nth-child(even) .hizmet-satir__foto { order: 2; }
}
.hizmet-satir__foto { border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 5 / 4; box-shadow: var(--golge-2); }
.hizmet-satir__foto img { width: 100%; height: 100%; object-fit: cover; }
.hizmet-satir__metin { display: grid; gap: 14px; justify-items: start; }
.hizmet-satir__metin h2 { font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3.1rem); line-height: 1.05; font-weight: 750; letter-spacing: -0.035em; text-wrap: balance; }
.hizmet-satir__metin p { font-size: clamp(1.0625rem, 1rem + .35vw, 1.3rem); color: var(--gri); line-height: 1.5; max-width: 40ch; }
.hizmet-satir .hizmet__ikon { width: 56px; height: 56px; border-radius: 16px; }
.hizmet-satir .hizmet__ikon .ik { width: 28px; height: 28px; }

/* ---------- Ekipman sayfası ---------- */
.ekipman-izgara { display: grid; gap: 16px; }
@media (min-width: 960px) { .ekipman-izgara { grid-template-columns: 1.1fr 1fr; gap: 24px; align-items: start; } }
.ekipman-izgara .ekipman-liste li { background: var(--beyaz); box-shadow: var(--golge); border-color: transparent; }
.foto-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 900px) { .foto-izgara { grid-template-columns: repeat(4, 1fr); gap: 16px; } }
.foto-izgara button { border-radius: var(--r-l); overflow: hidden; aspect-ratio: 1; box-shadow: var(--golge); display: block; width: 100%; }
.foto-izgara img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--yay); }
.foto-izgara button:hover img { transform: scale(1.05); }

/* ---------- Galeri ---------- */
.secici { display: inline-flex; padding: 4px; border-radius: 999px; background: rgba(0, 0, 0, .06); margin: 0 auto clamp(24px, 4vw, 40px); position: relative; }
.secici-kap { display: flex; justify-content: center; }
.secici button { position: relative; z-index: 1; padding: 9px 18px; border-radius: 999px; font-size: .9375rem; font-weight: 600; color: var(--gri); transition: color .25s; }
.secici button[aria-pressed="true"] { color: var(--murekkep); background: var(--beyaz); box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }
.galeri { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; grid-auto-flow: dense; }
@media (min-width: 700px) { .galeri { grid-template-columns: repeat(3, 1fr); gap: 12px; } }
@media (min-width: 1100px) { .galeri { grid-template-columns: repeat(4, 1fr); gap: 14px; } }
.galeri__oge { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 1; background: #ddd; display: block; width: 100%; }
@media (min-width: 700px) { .galeri__oge { border-radius: var(--r-m); } }
.galeri__oge--buyuk { grid-column: span 2; grid-row: span 2; }
.galeri__oge--video { grid-row: span 2; aspect-ratio: 9 / 16; }
.galeri__oge img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--yay), filter .4s; }
.galeri__oge:hover img { transform: scale(1.05); }
.galeri__oynat { position: absolute; inset: 0; margin: auto; width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; }
.galeri__oynat .ik { width: 22px; height: 22px; margin-inline-start: 3px; }
.galeri__oge[hidden] { display: none; }

/* Işık kutusu */
.isik { position: fixed; inset: 0; z-index: 90; background: rgba(5, 8, 26, .92); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); display: grid; place-items: center; padding: 64px 12px 72px; animation: isikGel .3s var(--yay); }
.isik[hidden] { display: none; }
@keyframes isikGel { from { opacity: 0; } }
.isik__sahne { max-width: min(1200px, 100%); max-height: 100%; display: grid; place-items: center; }
.isik__sahne img, .isik__sahne video { max-width: 100%; max-height: calc(100svh - 150px); border-radius: 18px; object-fit: contain; box-shadow: 0 30px 80px rgba(0, 0, 0, .5); animation: isikGel .35s var(--yay); }
.isik__kapat { position: absolute; top: 14px; inset-inline-end: 14px; }
.isik__onceki, .isik__sonraki { position: absolute; bottom: 16px; }
.isik__onceki { inset-inline-start: calc(50% - 56px); }
.isik__sonraki { inset-inline-end: calc(50% - 56px); }
@media (min-width: 800px) {
  .isik__onceki, .isik__sonraki { bottom: auto; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; }
  .isik__onceki { inset-inline-start: 20px; } .isik__sonraki { inset-inline-end: 20px; }
}
.isik__sayac { position: absolute; top: 24px; inset-inline-start: 20px; color: rgba(255, 255, 255, .7); font: 500 .875rem/1 var(--f-mono); }

/* ---------- İletişim ---------- */
.iletisim { display: grid; gap: 14px; }
@media (min-width: 960px) { .iletisim { grid-template-columns: 1fr 1fr; gap: 16px; } }
.iletisim-kart { background: var(--beyaz); border-radius: var(--r-xl); padding: clamp(22px, 2.8vw, 34px); box-shadow: var(--golge); display: grid; gap: 6px; align-content: start; }
.iletisim-kart h2 { font-size: clamp(1.4rem, 1.2rem + .8vw, 1.8rem); font-weight: 700; letter-spacing: -0.03em; margin-bottom: 8px; }
.iletisim-satir { display: flex; gap: 14px; align-items: flex-start; padding: 13px 0; border-top: 1px solid var(--cizgi); }
.iletisim-satir__ikon { display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 14px; color: #fff; }
.iletisim-satir__ikon .ik { width: 22px; height: 22px; }
.iletisim-satir small { display: block; font-size: .8125rem; color: var(--gri); font-weight: 550; margin-bottom: 2px; }
.iletisim-satir b, .iletisim-satir a { font-size: 1.0625rem; font-weight: 600; line-height: 1.4; }
.iletisim-satir a { color: var(--mavi); }
.iletisim-satir a:hover { text-decoration: underline; text-underline-offset: 3px; }
.iletisim-kart .metin-link { margin-top: 14px; }
.iletisim .teklif__kart { box-shadow: var(--golge-2); }
@media (min-width: 960px) { .iletisim .teklif__kart { grid-template-columns: 1fr; gap: 18px; } }

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  [data-gorun] { opacity: 1; transform: none; }
}

/* ---------- Sayfa özel ayarlar ---------- */
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sayfa-bas + .bolum { padding-top: clamp(28px, 3.2vw, 48px); }
.galeri-bolum { padding-top: clamp(28px, 4vw, 48px) !important; }
.ref-sayfa, .ulus-sayfa { padding-top: clamp(24px, 3vw, 40px) !important; }
.ref-duzen { display: grid; gap: 16px; }
@media (min-width: 1000px) {
  .ref-duzen { grid-template-columns: 360px 1fr; gap: 20px; align-items: start; }
  .ref-duzen__kuyu { position: sticky; top: calc(var(--ust-h) + 20px); }
  .ref-duzen .ref-izgara { columns: 2; }
}
.harita-kutu--beyaz { background: var(--beyaz); box-shadow: var(--golge); }
.hse-sayfa { margin-top: clamp(28px, 3.5vw, 48px); }
.hse-sayfa .hse-bant__ic { padding-block: 0; }
.iletisim .teklif__kart .dugme { justify-self: start; }
.kuyular-kap .kuyular, .ref-duzen__kuyu .kuyular { height: 100%; }

/* Harita: sade, ortada; ülke kartları altında */
.ulus-duzen { display: grid; gap: 14px; }
.ulus-duzen .harita-kutu { background: none; box-shadow: none; padding: 0; margin: 0 auto 8px; width: min(100%, 880px); }
.hizmet--duz { padding-bottom: 108px; }
.bolum__bas:not(.bolum__bas--orta):not(.bolum__bas--yan) .bolum__p { margin-top: 12px; }
.ulus-duzen .harita-kutu { width: min(100%, 760px); }
.ref-izgara:not(.ref-izgara--ayrintili) .ref-kart ul { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; }
.ref-izgara:not(.ref-izgara--ayrintili) .ref-kart li:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
@media (max-width: 639px) { .hse-kutu { min-height: 0; padding: 22px 20px; } .hizmet--duz { min-height: 0; } }
.hse-bant__link { margin-top: 14px; }
@media (max-width: 599px) { .giris__p { display: none; } .giris__metin .dugmeler { margin-top: 20px; } }