/* ============================================================
   AJWA Cappadocia · Bölgesel Katkı Sunumu
   Tasarım dili: Kapadokya toprak tonları, mağara dokusu,
   serif/sans tipografi çifti, kurumsal sessizlik
   ============================================================ */

:root {
  /* Hibrit brand uyumu — AHS Brand Manual referansı */
  --bg:        #221c16;          /* yumuşatılmış zemin (brand'e bir adım yakın) */
  --bg-2:      #2c2520;           /* kart yüzeyi */
  --bg-3:      #382b26;           /* PANTONE 412C · birincil brand kahvesi (vurgu için) */
  --paper:     #f3ead9;           /* krem */
  --paper-2:   #e6d9bf;           /* sıcak kâğıt */

  --gold:      #edcc61;           /* PANTONE 141C · BRAND altını — logo & birincil vurgu */
  --gold-soft: rgba(237,204,97,.18); /* gold-tonlu dolgu */
  --sand:      #c8a978;           /* ikincil mat altın — eyebrow/hover/küçük detay */
  --terra:     #b06a44;           /* status: planlanan */
  --moss:      #6b7a52;           /* status: tamamlandı */

  --line:      rgba(243,234,217,.14);
  --mute:      rgba(243,234,217,.55);

  --serif: "Cormorant Garamond", "Times New Roman", serif;
  --sans:  "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ease: cubic-bezier(.22,.61,.36,1);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

html {
  background: var(--bg);
  /* Tipografi ölçeği: 16px → 17.5px (eyebrow/caption/body sınıflarını tek hamlede yukarı kaldırır). */
  font-size: 17.5px;
}
/* Lenis smooth scroll uyumluluğu */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
/* iframe pointer-events her zaman aktif kalsın ki YouTube oynayabilsin */

body {
  font-family: var(--sans);
  font-weight: 300;
  color: var(--paper);
  background: var(--bg);
  line-height: 1.55;
  letter-spacing: .005em;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }

/* ====== ÜST MARKA ====== */
.brand {
  position: fixed;
  top: 18px; right: 28px;
  z-index: 50;
  display: flex; align-items: center;
}
.brand__logo {
  height: clamp(132px, 13vw, 192px);
  width: auto;
  display: block;
  filter: drop-shadow(0 4px 18px rgba(0,0,0,.55));
}

/* ====== SOL NAV ====== */
.sidenav {
  position: fixed;
  left: 28px; top: 50%;
  transform: translateY(-50%);
  z-index: 40;
}
.sidenav ol {
  list-style: none;
  margin: 0; padding: 0;
  display: flex; flex-direction: column;
  gap: .55rem;
}
.sidenav a {
  display: flex; align-items: center; gap: .9rem;
  font-family: var(--sans);
  font-size: .72rem;
  letter-spacing: .12em;
  color: var(--mute);
  padding: .25rem 0;
  position: relative;
  transition: color .25s var(--ease);
}
.sidenav a span {
  display: inline-block;
  width: 26px;
  border-top: 1px solid currentColor;
  transition: width .25s var(--ease), color .25s var(--ease);
  opacity: .6;
  font-size: 0;
}
.sidenav a::after {
  content: attr(data-label);
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .25s var(--ease), transform .25s var(--ease);
  text-transform: uppercase;
  font-size: .68rem;
  letter-spacing: .18em;
  white-space: nowrap;
}
.sidenav a:hover,
.sidenav a.is-active { color: var(--paper); }
.sidenav a:hover span,
.sidenav a.is-active span { width: 44px; opacity: 1; }
.sidenav a:hover::after,
.sidenav a.is-active::after { opacity: 1; transform: translateX(0); }

/* ====== SLIDE TEMEL ====== */
.deck { display: block; }
.slide {
  position: relative;
  min-height: 100vh;
  width: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7rem 8rem 5rem;
  overflow: hidden;
}
.slide__content { position: relative; z-index: 2; max-width: 1100px; }
.slide__content--center { text-align: center; }

/* ====== TİPOGRAFİ ====== */
.eyebrow {
  font-family: var(--sans);
  font-size: .72rem;
  letter-spacing: .35em;
  text-transform: uppercase;
  color: var(--sand);
  margin: 0 0 1.4rem;
}
.display {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(3rem, 7vw, 6.5rem);
  line-height: 1;
  letter-spacing: -.01em;
  margin: 0 0 1.8rem;
}
.display--sm { font-size: clamp(2.4rem, 5vw, 4.4rem); margin-bottom: 1rem; }
.display__sub {
  display: block;
  font-family: var(--sans);
  font-size: clamp(.95rem, 1.1vw, 1.05rem);
  font-weight: 400;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--mute);
  margin-top: 1.4rem;
}
.heading {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.1;
  margin: 0 0 1.4rem;
}
.lede {
  font-size: 1.1rem;
  max-width: 620px;
  margin: 0 auto 2.2rem;
  color: var(--paper);
  opacity: .85;
}
.body {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--paper);
  opacity: .82;
  margin: 0 0 1.2rem;
  max-width: 60ch;
}
.body--narrow { max-width: 52ch; margin-left: auto; margin-right: auto; }
.bullets { padding-left: 1rem; margin: 0 0 1rem; opacity: .82; }
.bullets li { margin: .35rem 0; }
.caption {
  font-size: .8rem;
  letter-spacing: .04em;
  color: var(--mute);
  margin-top: 1rem;
}

/* ====== 01 · COVER ====== */
.slide--cover { text-align: center; }
.cover__hero {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 38%;
  z-index: 0;
  filter: brightness(.7) saturate(.9);
}
.slide__bg--dark {
  position: absolute; inset: 0;
  background:
    /* brand altın hâlesi — yalnızca üst-merkezde, çok ince */
    radial-gradient(ellipse at 50% 22%, rgba(237,204,97,.10), transparent 55%),
    /* brand kahve derinliği */
    radial-gradient(ellipse at 75% 80%, rgba(56,43,38,.55), transparent 60%),
    linear-gradient(180deg,
      rgba(34,28,22,.55) 0%,
      rgba(34,28,22,.78) 55%,
      rgba(34,28,22,.94) 100%);
  z-index: 1;
}
.slide__bg--dark::after {
  content: "";
  position: absolute; inset: 0;
  background-image:
    repeating-linear-gradient(90deg, rgba(243,234,217,.025) 0 1px, transparent 1px 90px),
    repeating-linear-gradient(0deg,  rgba(243,234,217,.018) 0 1px, transparent 1px 90px);
  mix-blend-mode: overlay;
}
.slide--cover .slide__content { z-index: 2; }
.cover__logo {
  width: clamp(120px, 14vw, 200px);
  height: auto;
  margin: 0 auto 1.6rem;
  display: block;
}
.cover__meta {
  display: flex; justify-content: center; align-items: center; gap: .9rem;
  font-size: .78rem; letter-spacing: .25em; text-transform: uppercase;
  color: var(--mute);
  margin-top: 2.5rem;
}
.cover__meta > span:first-child {
  color: var(--gold);
  font-weight: 500;
  letter-spacing: .3em;
}
.dot { opacity: .5; }

.scroll-cue {
  position: absolute;
  bottom: 36px; left: 50%;
  transform: translateX(-50%);
  width: 22px; height: 36px;
  border: 1px solid var(--mute);
  border-radius: 14px;
  display: grid; place-items: center;
  z-index: 5;
}
.scroll-cue span {
  width: 2px; height: 8px;
  background: var(--paper);
  border-radius: 2px;
  animation: cue 1.8s var(--ease) infinite;
}
@keyframes cue {
  0%   { transform: translateY(-6px); opacity: 0; }
  40%  { opacity: 1; }
  80%  { transform: translateY(8px);  opacity: 0; }
  100% { opacity: 0; }
}

/* ====== 02 · ARŞİV ====== */
.slide--archive {
  flex-direction: column;
  padding: 5rem 6rem 3rem;
  gap: 1.6rem;
}
.archive-head { text-align: center; max-width: 760px; margin: 0 auto; }

/* Üst panoramik tam genişlik */
.archive-pan {
  margin: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: var(--bg-2);
  border: 1px solid var(--line);
  aspect-ratio: 21/9;
}
.archive-pan img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.archive-pan figcaption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 1rem 1.4rem;
  background: linear-gradient(0deg, rgba(20,17,13,.85), transparent);
  display: flex; justify-content: space-between; align-items: flex-end;
  gap: 1rem;
}

.archive-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .9rem;
}
.archive-grid--3 { grid-template-columns: repeat(3, 1fr); }
.archive-grid--2 { grid-template-columns: repeat(2, 1fr); }
.archive-grid--evidence {
  max-width: 1180px;
  margin-top: -.4rem;
}
.archive-card {
  margin: 0;
  position: relative;
  overflow: hidden;
  background: var(--bg-2);
  border: 1px solid var(--line);
  aspect-ratio: 16/10;
  transition: transform .35s var(--ease), border-color .35s var(--ease);
  cursor: pointer;
}
.archive-card--still { aspect-ratio: 16/9; }
.archive-card:hover {
  transform: translateY(-3px);
  border-color: rgba(200,169,120,.55);
}
.archive-card img,
.archive-card video {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  filter: brightness(.86);
  transition: filter .35s var(--ease), transform .5s var(--ease);
}
.archive-card:hover img,
.archive-card:hover video { filter: brightness(1); transform: scale(1.02); }
.archive-card figcaption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 1rem 1.2rem;
  background: linear-gradient(0deg, rgba(20,17,13,.85), transparent);
  display: flex; justify-content: space-between; align-items: flex-end;
  gap: 1rem;
  z-index: 2;
}
.archive-year {
  font-family: var(--serif);
  font-size: 1.1rem;
  color: var(--sand);
}
.archive-label {
  font-size: .72rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--paper);
  opacity: .85;
}

/* Tıkla-oynat play butonu overlay'i */
.play-icon {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 64px; height: 64px;
  border-radius: 50%;
  background: rgba(20,17,13,.55);
  border: 1px solid rgba(243,234,217,.55);
  color: var(--paper);
  display: grid; place-items: center;
  font-size: 1.4rem;
  padding-left: 4px;
  backdrop-filter: blur(6px);
  z-index: 3;
  pointer-events: none;
  transition: background .25s var(--ease), transform .25s var(--ease), border-color .25s var(--ease);
}
.archive-card:hover .play-icon,
.ba-card:hover .play-icon {
  background: var(--sand);
  border-color: var(--sand);
  color: #1a1410;
  transform: translate(-50%, -50%) scale(1.08);
}

/* ====== 02b · SPLIT (artık kullanılmıyor, geriye dönük) ====== */
.slide--split {
  padding: 0;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: stretch;
}
.slide__media {
  position: relative;
  overflow: hidden;
  background: var(--bg-2);
}
.slide__media img {
  width: 100%; height: 100%;
  object-fit: cover;
  filter: saturate(.85) contrast(1.02);
}
.media__caption {
  position: absolute; left: 28px; bottom: 22px;
  font-size: .72rem; letter-spacing: .25em; text-transform: uppercase;
  color: var(--paper); opacity: .8;
  background: rgba(20,17,13,.55);
  padding: .35rem .7rem;
  backdrop-filter: blur(6px);
}
.slide__text {
  padding: 7rem 5rem 4rem;
  display: flex; flex-direction: column; justify-content: center;
  max-width: 640px;
}
.slide__text--top { padding-top: 4rem; padding-bottom: 1rem; }

/* ====== 03 · VADİ (Kavramsal → Uygulama → Sonuç) ====== */
.slide--vadi {
  flex-direction: column;
  justify-content: flex-start;
  padding: 5rem 6rem 4rem;
  gap: 2.4rem;
  min-height: auto;
}
.vadi-head { text-align: center; max-width: 780px; margin: 0 auto; }
.vadi-layer { width: 100%; display: flex; flex-direction: column; gap: 1rem; }
.vadi-layer__title {
  display: flex; align-items: center; gap: .8rem;
  font-family: var(--serif);
  font-weight: 400;
  font-size: 1.4rem;
  margin: 0;
  color: var(--paper);
}
.vadi-layer__title span {
  display: grid; place-items: center;
  width: 30px; height: 30px;
  border: 1px solid var(--sand);
  border-radius: 50%;
  font-size: .9rem;
  color: var(--sand);
}
.vadi-kavram {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 1.4rem;
  align-items: stretch;
}
.vadi-kavram img {
  width: 100%; height: 100%;
  object-fit: cover;
  background: var(--bg-2);
  border: 1px solid var(--line);
}
.vadi-metrics {
  list-style: none;
  margin: 0; padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .8rem;
}
.vadi-metrics li {
  padding: 1.4rem 1.2rem;
  background: var(--bg-2);
  border: 1px solid var(--line);
  display: flex; flex-direction: column; gap: .3rem;
  transition: border-color .3s var(--ease);
}
.vadi-metrics li:hover { border-color: rgba(200,169,120,.5); }
.vadi-metrics span {
  font-family: var(--serif);
  font-size: 1.9rem;
  color: var(--sand);
  line-height: 1;
}
.vadi-metrics em {
  font-style: normal;
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--mute);
}
.vadi-sonuc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.vadi-sonuc figure {
  margin: 0;
  background: var(--bg-2);
  border: 1px solid var(--line);
  overflow: hidden;
  display: flex; flex-direction: column;
}
.vadi-sonuc img,
.vadi-sonuc video {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.vadi-sonuc figcaption {
  padding: .8rem 1rem;
  border-top: 1px solid var(--line);
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--paper);
  opacity: .85;
}

/* ====== 03c · VADİ 3 FAZ kartları ====== */
.vadi-fazlar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1.4rem;
}
.faz {
  background: var(--bg-2);
  border: 1px solid var(--line);
  padding: 1.4rem 1.4rem 1.2rem;
  display: flex; flex-direction: column; gap: .8rem;
  transition: border-color .3s var(--ease), transform .3s var(--ease);
}
.faz:hover { border-color: rgba(200,169,120,.5); transform: translateY(-3px); }
.faz__head { display: flex; justify-content: space-between; align-items: baseline; gap: .6rem; }
.faz__no {
  font-family: var(--serif);
  font-size: 1.6rem;
  color: var(--sand);
  line-height: 1;
}
.faz__date {
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--moss);
}
.faz__title {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 1.2rem;
  margin: 0;
  color: var(--paper);
}
.faz__amac {
  font-size: .9rem;
  line-height: 1.55;
  color: var(--paper);
  opacity: .82;
  margin: 0;
}
.faz__amac strong { color: var(--sand); font-weight: 500; }
.faz__metrics {
  list-style: none;
  margin: 0; padding: .8rem 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .4rem;
  border-top: 1px solid var(--line);
}
.faz__metrics li {
  font-size: .78rem;
  color: var(--mute);
}
.faz__metrics b {
  display: block;
  font-family: var(--serif);
  font-weight: 500;
  font-size: 1rem;
  color: var(--paper);
}

.ba-grid--compact { gap: .8rem; }
.ba-grid--compact .ba-card__viewer { aspect-ratio: 16/10; }
.ba-grid--compact figcaption { padding: .6rem .8rem; font-size: .72rem; }

/* ====== 03d · VADİ Bağlam (D) ====== */
.vadi-context {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 2rem;
  align-items: center;
}

.verification-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.verification-card {
  min-height: 100%;
  padding: 1.3rem;
  background: rgba(44,37,32,.84);
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.verification-card h4 {
  font-family: var(--serif);
  font-size: 1.35rem;
  line-height: 1.1;
  margin: 0;
  color: var(--paper);
}
.verification-card p {
  margin: 0;
  color: var(--paper);
  opacity: .82;
  line-height: 1.65;
}
.verification-card small {
  display: block;
  margin-top: auto;
  padding-top: .8rem;
  border-top: 1px solid var(--line);
  color: var(--mute);
  line-height: 1.5;
}

/* ====== 03e · Dokümanlar ====== */
.vadi-docs { width: 100%; margin-top: 1rem; }
.vadi-docs--head {
  max-width: 780px;
  margin: 1.6rem auto 0;
  text-align: left;
}
.vadi-docs--head .eyebrow { text-align: center; }
.doc-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: .6rem;
}
.doc-card {
  display: flex; align-items: center; gap: 1rem;
  padding: 1.2rem 1.4rem;
  background: var(--bg-2);
  border: 1px solid var(--line);
  color: var(--paper);
  text-decoration: none;
  transition: border-color .3s var(--ease), transform .3s var(--ease), background .3s var(--ease);
}
.doc-card:hover {
  border-color: var(--sand);
  background: var(--bg-3);
  transform: translateY(-2px);
}
.doc-card__icon {
  display: grid; place-items: center;
  width: 56px; height: 56px;
  background: var(--terra);
  color: var(--paper);
  font-family: var(--serif);
  font-size: .9rem;
  letter-spacing: .15em;
  border-radius: 2px;
  flex-shrink: 0;
}
.doc-card__title {
  display: block;
  font-family: var(--serif);
  font-size: 1.1rem;
  color: var(--paper);
}
.doc-card__meta {
  display: block;
  font-size: .72rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--mute);
  margin-top: .2rem;
}

/* ====== 03b · BEFORE/AFTER GRID (Vadi içinde) ====== */
.ba-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4rem;
  width: 100%;
}
.ba-card {
  margin: 0;
  background: var(--bg-2);
  border: 1px solid var(--line);
  overflow: hidden;
  transition: transform .4s var(--ease), border-color .4s var(--ease);
  cursor: pointer;
}
.ba-card:hover { transform: translateY(-3px); border-color: rgba(200,169,120,.55); }
.ba-card__viewer {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #000;
}
.ba-card__viewer img,
.ba-card__viewer video {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .5s var(--ease);
}
.ba-card:hover .ba-card__viewer img,
.ba-card:hover .ba-card__viewer video { transform: scale(1.02); }
.ba-card figcaption {
  padding: .9rem 1.1rem;
  font-size: .8rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--paper); opacity: .85;
  border-top: 1px solid var(--line);
}
.ba-footer {
  display: flex; align-items: center; gap: 1rem;
  font-size: .85rem; color: var(--mute);
}
.ba-footer em { color: var(--sand); font-style: normal; }

/* Durum etiketleri — dolgulu pill + dot prefix (color-blind güvenli) */
.tag {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .38rem .85rem .38rem .7rem;
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  border: 1px solid currentColor;
  border-radius: 999px;
  line-height: 1;
}
.tag::before {
  content: "";
  display: inline-block;
  width: .55rem; height: .55rem;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}
/* Tamamlandı: dolu yeşil dot */
.tag--done {
  color: #c8dba6;
  background: rgba(107,122,82,.22);
  border-color: rgba(168,194,133,.55);
}
.tag--done::before { background: #a8c285; }

/* Devam ediyor: yarım-açık altın dot (halka) */
.tag--wip {
  color: #e8d3a4;
  background: rgba(200,169,120,.18);
  border-color: rgba(226,201,155,.55);
}
.tag--wip::before {
  background: transparent;
  border: 2px solid #e2c99b;
  width: .55rem; height: .55rem;
  box-sizing: border-box;
}

/* Planlanan: içi boş terra halka */
.tag--plan {
  color: #f0bea1;
  background: rgba(176,106,68,.18);
  border-color: rgba(230,169,136,.55);
}
.tag--plan::before {
  background: transparent;
  border: 2px solid #e6a988;
  width: .55rem; height: .55rem;
  box-sizing: border-box;
}

/* ====== 04 · MASTER PLAN ====== */
.slide--plan {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 380px;
  align-items: stretch;
}
.plan__wrap {
  position: relative;
  background: var(--bg-2);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.plan__img {
  max-width: 100%;
  max-height: 100vh;
  object-fit: contain;
  filter: brightness(1.02) contrast(1.02);
}
.hotspot {
  position: absolute;
  display: flex; align-items: center; gap: .55rem;
  padding: .35rem .65rem .35rem .35rem;
  background: rgba(20,17,13,.7);
  border: 1px solid rgba(200,169,120,.5);
  color: var(--paper);
  backdrop-filter: blur(8px);
  transition: transform .25s var(--ease), background .25s var(--ease);
}
.hotspot span {
  display: grid; place-items: center;
  width: 26px; height: 26px;
  background: var(--sand);
  color: #1a1410;
  font-family: var(--serif);
  font-size: .9rem;
  border-radius: 50%;
}
.hotspot em {
  font-style: normal;
  font-size: .72rem;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.hotspot::before {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  border: 1px solid rgba(200,169,120,.5);
  animation: pulse 2.4s var(--ease) infinite;
  pointer-events: none;
}
.hotspot:hover { transform: scale(1.04); background: rgba(176,106,68,.85); }
@keyframes pulse {
  0%   { transform: scale(.7); opacity: .8; }
  100% { transform: scale(1.6); opacity: 0; }
}

.plan__legend {
  padding: 6rem 3rem 4rem;
  background: var(--bg);
  border-left: 1px solid var(--line);
  display: flex; flex-direction: column; justify-content: center;
}
.legend { list-style: none; padding: 0; margin: 1rem 0 0; font-size: .85rem; }
.legend li { display: flex; align-items: center; gap: .6rem; margin: .4rem 0; opacity: .9; }
.legend .dot {
  display: inline-block; width: 10px; height: 10px;
  border-radius: 50%; opacity: 1;
}
.legend .dot--done { background: var(--moss); }
.legend .dot--wip  { background: var(--sand); }
.legend .dot--plan { background: var(--terra); }
.parseller {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--line);
}
.parseller img {
  width: 100%;
  border: 1px solid var(--line);
  margin: .3rem 0;
}
.parseller .caption { font-size: .72rem; line-height: 1.5; }

/* ====== 05-10 · PLACEHOLDER ====== */
.slide--placeholder {
  flex-direction: column;
  text-align: center;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(200,169,120,.06), transparent 60%),
    var(--bg);
}
.slide--placeholder .body em { color: var(--sand); font-style: italic; }

.media-placeholder {
  width: 100%; height: 100%;
  display: grid; place-items: center;
  background:
    repeating-linear-gradient(45deg, rgba(200,169,120,.04) 0 12px, transparent 12px 24px),
    var(--bg-2);
  color: var(--mute);
  text-align: center;
  gap: .4rem;
  flex-direction: column;
}
.media-placeholder span {
  font-family: var(--serif);
  font-size: 1.4rem;
  display: block;
}
.media-placeholder em {
  font-size: .7rem; letter-spacing: .3em; text-transform: uppercase;
  font-style: normal;
}

/* ====== 05 · TESİS GENELİ ====== */
.slide--tesis {
  flex-direction: column;
  padding: 5rem 6rem 4rem;
  gap: 1.8rem;
  min-height: auto;
}
.tesis-head {
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: .8rem;
}
.tesis-context {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 2rem;
  align-items: center;
}
.tesis-context .body { margin: 0 0 1rem; }
.tesis-context .body:last-of-type { margin-bottom: 0; }
.tesis-mosaic {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: .6rem;
}
.tesis-mosaic img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border: 1px solid var(--line);
  cursor: zoom-in;
  transition: transform .25s var(--ease), border-color .25s var(--ease);
}
.tesis-mosaic img:hover {
  transform: translateY(-2px);
  border-color: rgba(200,169,120,.5);
}
.tesis-mosaic .t-hero {
  grid-column: span 2;
  grid-row: span 2;
  aspect-ratio: auto;
}
.tesis-mosaic .t-wide {
  grid-column: span 2;
  aspect-ratio: 2/1;
}

/* ====== 06 · FULL-BLEED VIDEO ====== */
.slide--video-bg {
  position: relative;
  color: var(--paper);
  text-align: center;
  overflow: hidden;
}
.bg-video {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: 0;
}
.bg-veil {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(20,17,13,.55) 0%, rgba(20,17,13,.35) 40%, rgba(20,17,13,.7) 100%);
  z-index: 1;
}
.slide--video-bg .slide__content { z-index: 2; }
.slide--video-bg .lede { color: var(--paper); opacity: .95; }

/* ====== 07 · MEDIA-TEXT (Köy Evleri) ====== */
.slide--media-text {
  padding: 0;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: stretch;
}
.slide--media-text .slide__media {
  background: var(--bg-2);
  overflow: hidden;
}
.slide--media-text .slide__media video {
  width: 100%; height: 100%;
  object-fit: cover;
}
.slide--media-text .slide__text {
  padding: 6rem 4.5rem 4rem;
  max-width: none;
}
.thumb-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
  margin: 1.4rem 0 1.6rem;
}
.thumb-strip img {
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
  border: 1px solid var(--line);
  transition: transform .25s var(--ease), border-color .25s var(--ease);
}
.thumb-strip img:hover {
  transform: translateY(-2px);
  border-color: rgba(200,169,120,.5);
}

/* ====== 08 · LAVANTA ====== */
.slide--lavanta {
  flex-direction: column;
  padding: 5rem 7rem 4rem;
  gap: 2rem;
}
.slide--lavanta .slide__text { text-align: center; padding: 0; max-width: none; align-items: center; }
.lavanta-hero {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  aspect-ratio: 16/9;
  background: #000;
  border: 1px solid var(--line);
  overflow: hidden;
}
.lavanta-hero iframe,
.lavanta-hero video {
  width: 100%; height: 100%;
  border: 0;
  display: block;
  object-fit: cover;
}
.video-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.video-grid--4 { grid-template-columns: repeat(4, 1fr); }
.video-grid video,
.video-grid iframe {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  background: #000;
  border: 1px solid var(--line);
  display: block;
}

/* ====== 08 · MAĞARA (bütünleşik: mağara + roma havuzu + spa) ====== */
.slide--magara-full {
  flex-direction: column;
  padding: 5rem 6rem 4rem;
  gap: 2rem;
  min-height: auto;
  align-items: stretch;
}
.magara-head {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: .9rem;
}
.magara-hero-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: minmax(260px, 56vh);
  gap: .5rem;
  border: 1px solid var(--line);
  background: var(--bg-2);
}
.magara-hero-grid video {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  cursor: zoom-in;
}
.magara-functions {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.magara-fn {
  padding: 1.4rem 1.4rem 1.2rem;
  background: var(--bg-2);
  border: 1px solid var(--line);
  display: flex; flex-direction: column; gap: .55rem;
  transition: border-color .3s var(--ease), transform .3s var(--ease);
}
.magara-fn:hover { border-color: rgba(200,169,120,.5); transform: translateY(-3px); }
.magara-fn__no {
  font-family: var(--serif);
  font-size: 1.4rem;
  color: var(--sand);
  line-height: 1;
}
.magara-fn h3 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 1.25rem;
  margin: 0;
  color: var(--paper);
}
.magara-fn p {
  font-size: .9rem;
  line-height: 1.6;
  color: var(--paper);
  opacity: .82;
  margin: 0;
}

/* ====== 10 · AFIYA ====== */
.slide--afiya {
  padding: 5rem 6rem 4rem;
  flex-direction: column;
  gap: 1.6rem;
  align-items: stretch;
}
.afiya-head { text-align: center; max-width: 720px; margin: 0 auto; }
.afiya-hero {
  width: 100%;
  aspect-ratio: 21/9;
  overflow: hidden;
  background: #000;
  border: 1px solid var(--line);
}
.afiya-hero video { width: 100%; height: 100%; object-fit: cover; }
.afiya-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: .5rem;
}
.afiya-gallery img {
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border: 1px solid var(--line);
  cursor: zoom-in;
  transition: transform .25s var(--ease), border-color .25s var(--ease);
}
.afiya-gallery img:first-child {
  grid-column: span 2;
  grid-row: span 2;
  aspect-ratio: auto;
}
.afiya-gallery img:hover {
  transform: scale(1.03);
  border-color: rgba(200,169,120,.5);
}
.slide--afiya .tag { align-self: center; }

/* ====== LIGHTBOX ====== */
.lightbox {
  position: fixed; inset: 0;
  background: rgba(10,8,6,.95);
  z-index: 1000;
  display: none;
  align-items: center; justify-content: center;
  padding: 4rem;
  cursor: zoom-out;
}
.lightbox.is-open { display: flex; }
.lightbox img,
.lightbox video {
  max-width: 100%;
  max-height: 90vh;
  object-fit: contain;
  background: #000;
  cursor: default;
}
.lightbox video { width: auto; }
.lightbox__close {
  position: absolute; top: 24px; right: 28px;
  font-size: 2rem; color: var(--paper);
  background: none; border: 0;
  cursor: pointer;
}

/* ====== 11 · METRİKLER ====== */
.slide--metrics { flex-direction: column; }
.metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  width: 100%;
  max-width: 1000px;
  margin: 2rem 0 1rem;
}
.metric {
  padding: 2rem 1.5rem;
  border: 1px solid var(--line);
  background: var(--bg-2);
  text-align: left;
  transition: border-color .3s var(--ease);
}
.metric:hover { border-color: rgba(200,169,120,.45); }
.metric__num {
  display: block;
  font-family: var(--serif);
  font-size: 3.2rem;
  font-weight: 500;
  color: var(--gold);
  line-height: 1;
  margin-bottom: .6rem;
}
.metric { border-color: rgba(237,204,97,.15); }
.metric:hover { border-color: rgba(237,204,97,.45); }
.metric__lbl {
  font-size: .78rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--mute);
}

/* ====== YT · TANITIM VİDEOSU ====== */
.slide--yt {
  flex-direction: column;
  padding: 5rem 6rem 4rem;
  gap: 1.6rem;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(200,169,120,.05), transparent 60%),
    var(--bg);
}
.yt-head { text-align: center; }
.yt-frame {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  aspect-ratio: 16/9;
  background: #000;
  border: 1px solid var(--line);
  overflow: hidden;
}
.yt-frame iframe { width: 100%; height: 100%; border: 0; display: block; }

/* ====== 12 · KAPANIŞ ====== */
.slide--closing { text-align: center; }
.closing { max-width: 980px; width: 100%; }
.closing > .body { max-width: 620px; margin-left: auto; margin-right: auto; }

.closing__panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.4rem;
  margin: 2.4rem 0 1.6rem;
  text-align: left;
}
.closing__panel {
  padding: 1.6rem 1.8rem;
  background: var(--bg-2);
  border: 1px solid var(--line);
  transition: border-color .3s var(--ease);
}
.closing__panel:hover { border-color: rgba(237,204,97,.4); }
.closing__panel .eyebrow { margin: 0 0 1.1rem; }

.closing__steps {
  list-style: none;
  margin: 0; padding: 0;
  display: flex; flex-direction: column;
  gap: .9rem;
}
.closing__steps li {
  display: flex; align-items: flex-start; gap: .9rem;
  font-size: .95rem;
  line-height: 1.5;
  color: var(--paper);
  opacity: .9;
}
.closing__step-no {
  flex-shrink: 0;
  display: grid; place-items: center;
  width: 28px; height: 28px;
  background: var(--gold-soft);
  border: 1px solid rgba(237,204,97,.5);
  border-radius: 50%;
  font-family: var(--serif);
  font-size: .88rem;
  color: var(--gold);
  margin-top: -.1rem;
}

.closing__contact-list {
  margin: 0; padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: .85rem;
}
.closing__contact-list > div {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: .6rem;
  padding-bottom: .7rem;
  border-bottom: 1px solid var(--line);
}
.closing__contact-list > div:last-child { border-bottom: 0; padding-bottom: 0; }
.closing__contact-list dt {
  font-size: .68rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--mute);
  align-self: center;
}
.closing__contact-list dd {
  margin: 0;
  font-size: .95rem;
  color: var(--paper);
  word-break: break-word;
}
.closing__contact-list a { color: var(--gold); border-bottom: 1px solid rgba(237,204,97,.4); }
.closing__contact-list a:hover { border-bottom-color: var(--gold); }

.closing__contact {
  display: flex; justify-content: center; gap: .8rem; flex-wrap: wrap;
  margin-top: 2rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--line);
  font-size: .8rem; letter-spacing: .2em; text-transform: uppercase;
  color: var(--mute);
}

/* ====== RESPONSIVE ====== */
@media (max-width: 1100px) {
  .slide { padding: 7rem 3rem 4rem; }
  .brand__logo { height: clamp(72px, 11vw, 110px); }
  .brand { top: 14px; right: 18px; }
  .slide--split,
  .slide--media-text { grid-template-columns: 1fr; }
  .slide__media { aspect-ratio: 16/10; }
  .slide__text { padding: 3rem 2rem; }
  .slide--plan { grid-template-columns: 1fr; }
  .plan__legend { border-left: 0; border-top: 1px solid var(--line); padding: 3rem 2rem; }
  .ba-grid { grid-template-columns: 1fr; }
  .vadi-kavram,
  .vadi-sonuc,
  .vadi-context,
  .tesis-context,
  .verification-grid { grid-template-columns: 1fr; }
  .vadi-fazlar { grid-template-columns: 1fr; }
  .doc-grid { grid-template-columns: 1fr; }
  .video-grid { grid-template-columns: 1fr; }
  .metrics { grid-template-columns: repeat(2, 1fr); }
  .slide--magara-full { padding: 4rem 1.5rem; gap: 1.4rem; }
  .magara-hero-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  .magara-hero-grid video { aspect-ratio: 16/10; height: auto; }
  .magara-functions { grid-template-columns: 1fr; }
  .afiya-gallery { grid-template-columns: repeat(3, 1fr); }
  .afiya-gallery img:first-child { grid-column: span 2; grid-row: span 2; }
  .tesis-mosaic { grid-template-columns: repeat(2, 1fr); }
  .tesis-mosaic .t-hero { grid-column: span 2; grid-row: span 2; }
  .tesis-mosaic .t-wide { grid-column: span 2; aspect-ratio: 2/1; }
  .archive-grid,
  .archive-grid--3,
  .archive-grid--2 { grid-template-columns: 1fr; }
  .archive-pan { aspect-ratio: 16/9; }
  .slide--yt { padding: 4rem 1.5rem; }
  .slide--tesis { padding: 4rem 1.5rem; }
  .closing__panels { grid-template-columns: 1fr; }
  .sidenav { display: none; }
  .brand { top: 18px; right: 20px; }
}
@media (max-width: 600px) {
  .slide { padding: 6rem 1.25rem 3.5rem; }
  .brand__logo { height: 64px; }
  .brand { top: 12px; right: 14px; }
  .metrics { grid-template-columns: 1fr; }
  .thumb-strip { grid-template-columns: repeat(2, 1fr); }
  .afiya-gallery { grid-template-columns: repeat(2, 1fr); }

  /* Section-spesifik üst boşluk üst-üste binmeyi tamamen önlesin */
  .slide--archive,
  .slide--tesis,
  .slide--vadi,
  .slide--lavanta,
  .slide--magara-full,
  .slide--yt { padding-top: 6rem; }
  .slide--media-text .slide__text { padding: 5.5rem 1.5rem 3rem; }
  .plan__legend { padding: 5.5rem 1.5rem 3rem; }
}

/* ====== Reduced motion ====== */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}