/* =====================================================================
   Referanslar — /referanslar  ·  yerleşim (layout-safe)
   ---------------------------------------------------------------------
   · Marka paleti + Cinzel/Garamond (cinematic-type.css'ten miras).
   · Tipografi sınıflarına position/top/left/transform EKLENMEZ (#1 bug).
   · Bölüm beliriş yalnız opacity. Görsel yok; his tipografi+renk+düzenden.
   ===================================================================== */
:root {
  --rf-ink:    #05080D;
  --rf-navy:   #0D305E;
  --rf-teal:   #5AB6B7;
  --rf-gold:   #F0BB3D;
  --rf-parch:  #F1F0EB;
  --rf-easing: cubic-bezier(0.22, 0.61, 0.36, 1);
  --rf-col:    820px;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html {
  background: var(--rf-ink);
  color: var(--rf-parch);
  font-family: "Cormorant Garamond", Georgia, serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}
body {
  min-height: 100vh; min-height: 100dvh;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  font-size: clamp(16px, 1.05vw + 12px, 19px);
  line-height: 1.5;
}
a { color: inherit; }
:where(a, button, [tabindex]):focus-visible {
  outline: 2px solid var(--rf-teal);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---------- Sinematik zemin + letterbox ---------- */
.rf-bg {
  position: fixed; inset: 0; z-index: -2;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(13,48,94,0.45), transparent 60%),
    linear-gradient(180deg, #0d305e 0%, #081427 42%, #05080D 100%);
}
.rf-letterbox {
  position: fixed; left: 0; right: 0;
  height: max(env(safe-area-inset-top, 0px), 3vh);
  background: var(--rf-ink); z-index: 40; pointer-events: none;
}
.rf-letterbox--top { top: 0; }
.rf-letterbox--bottom { bottom: 0; height: max(env(safe-area-inset-bottom, 0px), 3vh); }

.rf-home {
  position: fixed; z-index: 50;
  top: calc(env(safe-area-inset-top, 0px) + 14px);
  left: calc(env(safe-area-inset-left, 0px) + 16px);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(241,240,235,0.66); text-decoration: none;
  background: rgba(8,16,30,0.55);
  border: 1px solid rgba(241,240,235,0.14);
  border-radius: 999px; padding: 8px 14px;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  transition: color 180ms, border-color 180ms;
}
.rf-home:hover { color: var(--rf-parch); border-color: rgba(90,182,183,0.5); }

/* ---------- Bölüm bandı ---------- */
.rf-root { position: relative; z-index: 1; display: block; }
.rf-section {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: clamp(54px, 9vh, 110px) max(22px, env(safe-area-inset-left)) clamp(54px, 9vh, 110px) max(22px, env(safe-area-inset-right));
}
.rf-section > * { width: 100%; max-width: var(--rf-col); }
.rf-section--tint { background: rgba(13,48,94,0.22); border-top: 1px solid rgba(90,182,183,0.10); border-bottom: 1px solid rgba(90,182,183,0.10); }

/* Beliriş: yalnız opacity (transform yok → layout-safe) */
.rf-reveal { opacity: 0; transition: opacity 0.8s var(--rf-easing); }
.rf-reveal.is-in { opacity: 1; }
.rf-reveal.rf-hero { opacity: 1; }   /* hero her zaman görünür */

/* ---------- Ortak tipografi ---------- */
.rf-eyebrow { margin: 0 0 16px; }
.rf-heading {
  margin: 0 auto 30px; max-width: 22ch;
  font-size: clamp(1.5rem, 3.2vw, 2.3rem); line-height: 1.2;
}

/* ---------- HERO ---------- */
.rf-hero {
  position: relative;
  overflow: hidden;
  min-height: 100vh; min-height: 100dvh;   /* tam ekran sinematik kapak (ekranı tamamen doldurur) */
  justify-content: center;
}
.rf-hero-img {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%;
  max-width: none;                 /* .rf-section > * max-width kısıtını ez → tam genişlik (full-bleed) */
  object-fit: cover; object-position: center 15%;   /* üstü koru, ALTTAN kırp → kafa kesilmez */
}
.rf-hero::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(5,8,13,0.52) 0%, rgba(5,8,13,0.60) 45%, rgba(5,8,13,0.88) 100%),
    radial-gradient(90% 70% at 50% 36%, rgba(13,48,94,0.32), transparent 72%);
}
.rf-hero-inner { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; }
.rf-title { margin: 0; }
.rf-subtitle {
  margin: 22px auto 0; max-width: 34ch;
  font-style: italic; line-height: 1.45;
  font-size: clamp(1.1rem, 1.4vw + 0.8rem, 1.6rem);
  color: rgba(241,240,235,0.92);
  text-shadow: 0 1px 6px rgba(0,0,0,0.6);
}

/* ---------- 2 · Kurumsal iş birlikleri (chip satırı) ---------- */
.rf-chips {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;
  max-width: 760px; margin: 0 auto;
}
.rf-chip {
  font-family: "Inter", system-ui, sans-serif;
  font-size: clamp(12px, 0.6vw + 0.6rem, 14px);
  font-weight: 500; letter-spacing: 0.06em;
  color: var(--rf-parch);
  padding: 12px 20px;
  border: 1px solid rgba(90,182,183,0.40);
  border-radius: 999px;
  background: rgba(8,16,30,0.45);
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  transition: border-color 200ms, color 200ms, background 200ms;
}
.rf-chip:hover { border-color: var(--rf-gold); color: #fff; background: rgba(240,187,61,0.10); }

/* ---------- 3 · Öne çıkan vaka ---------- */
.rf-case {
  max-width: 620px; margin: 8px auto 0;
  padding: clamp(26px, 5vw, 40px);
  background: rgba(8,16,30,0.55);
  border: 1px solid rgba(240,187,61,0.30);
  border-radius: 18px;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.rf-case-img {
  display: block; width: 100%; max-width: 460px;
  margin: 0 auto 20px;
  aspect-ratio: 3 / 4;            /* portre ekip fotoğrafı — kaynakla birebir, kırpma yok (herkes + Arda görünür) */
  object-fit: cover; object-position: center;
  border-radius: 12px;
}
.rf-case-title { margin: 0 0 12px; font-size: clamp(1.4rem, 2.6vw, 2rem); }
.rf-case-note { margin: 0; font-size: clamp(1.02rem, 0.9vw + 0.8rem, 1.25rem); color: rgba(241,240,235,0.9); }
.rf-case-note--muted {
  font-style: italic;
  color: rgba(241,240,235,0.46);
  letter-spacing: 0.02em;
}

/* ---------- Görsel galerileri (figure + caption) — mobilde tek sütun ---------- */
.rf-gallery {
  display: grid; gap: 14px;
  grid-template-columns: 1fr;
  max-width: 760px; margin: 28px auto 0;
}
.rf-fig {
  margin: 0; border-radius: 14px; overflow: hidden;
  background: rgba(8,16,30,0.45);
  border: 1px solid rgba(90,182,183,0.26);
  box-shadow: 0 12px 34px rgba(0,0,0,0.40);
}
.rf-fig-img {
  display: block; width: 100%;
  aspect-ratio: 4 / 3; object-fit: cover; object-position: center;
}
.rf-fig-cap {
  padding: 11px 14px; text-align: center;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 12px; letter-spacing: 0.04em; line-height: 1.4;
  color: rgba(241,240,235,0.72);
}
.rf-fig-cap b { color: var(--rf-parch); font-weight: 600; }
@media (min-width: 600px) {
  .rf-gallery--2 { grid-template-columns: 1fr 1fr; }
  .rf-gallery--3 { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- 4 · Basında (tıklanabilir kartlar) ---------- */
.rf-press-grid {
  display: grid; grid-template-columns: 1fr; gap: 12px;
  max-width: 720px; margin: 0 auto;
}
.rf-press {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
  text-align: left; text-decoration: none;
  padding: 18px 22px;
  background: rgba(13,48,94,0.34);
  border: 1px solid rgba(90,182,183,0.30);
  border-radius: 14px;
  transition: border-color 200ms, background 200ms, box-shadow 200ms;
}
.rf-press:hover, .rf-press:focus-visible {
  border-color: var(--rf-gold);
  background: rgba(240,187,61,0.10);
  box-shadow: 0 8px 26px rgba(240,187,61,0.18), inset 0 0 0 1px rgba(240,187,61,0.35);
  outline: none;
}
.rf-press-title {
  font-family: "Cinzel", serif; font-weight: 600;
  font-size: clamp(1rem, 0.7vw + 0.85rem, 1.18rem);
  letter-spacing: 0.02em; color: var(--rf-parch); line-height: 1.3;
}
.rf-press-host {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--rf-teal);
}
.rf-arrow { color: var(--rf-gold); font-weight: 700; }
.rf-press:hover .rf-press-host { color: var(--rf-gold); }

/* ---------- 5 · Medya & Sahne (liste) ---------- */
.rf-list { margin: 0 auto; padding: 0; list-style: none; max-width: 560px; text-align: left; }
.rf-list li {
  position: relative; padding: 0 0 0 26px; margin: 0 0 14px;
  font-size: clamp(1.02rem, 0.7vw + 0.85rem, 1.2rem); line-height: 1.5;
  color: rgba(241,240,235,0.92);
}
.rf-list li:last-child { margin-bottom: 0; }
.rf-list li::before { content: "✦"; position: absolute; left: 0; top: 0.05em; color: var(--rf-gold); font-size: 0.82em; }

/* ---------- 6 · Kapanış CTA ---------- */
.rf-section--cta { border-top: 1px solid rgba(90,182,183,0.14); }
.rf-cta-line { margin: 0 auto 30px; max-width: 22ch; }
.rf-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.rf-cta { text-decoration: none; }

/* ---------- Footer ---------- */
.rf-footer {
  position: relative; z-index: 1; text-align: center;
  padding: 32px 24px calc(32px + max(env(safe-area-inset-bottom,0px), 3vh));
  font-family: "Inter", system-ui, sans-serif;
  font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(241,240,235,0.45);
  border-top: 1px solid rgba(241,240,235,0.08);
}
.rf-footer .aea-gold { color: var(--rf-gold); -webkit-text-fill-color: var(--rf-gold); }

/* ---------- Geniş ekran: basın kartları iki sütun ---------- */
@media (min-width: 680px) {
  .rf-press-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .rf-press { flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; }
  .rf-press-title { flex: 1; }
}

/* ---------- Hareket azalt ---------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .rf-reveal { opacity: 1; transition: none; }
}

/* =====================================================================
   ARŞİV BÖLÜMLERİ — logo duvarı · video referansları · alıntılar · galeri
   ===================================================================== */
.rf-sub{margin:0 auto 26px;max-width:60ch;text-align:center;font-style:italic;color:rgba(241,240,235,0.72);}

/* Logo duvarı — logoların beyaz zemini gömülü olduğu için açık pill (kapı şeridiyle aynı) */
.rf-logowall{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-width:960px;margin:0 auto;}
.rf-logo{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;
  background:rgba(241,240,235,0.92);border-radius:10px;opacity:0.78;transition:opacity 180ms ease,transform 180ms ease;}
.rf-logo:hover{opacity:1;transform:translateY(-2px);}
.rf-logo img{display:block;height:40px;width:auto;}

/* Video referansları — dikey 9:16, tıkla-oynat */
.rf-vidgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;max-width:960px;margin:0 auto;}
.rf-vidcard{display:flex;flex-direction:column;}
.rf-vid{width:100%;aspect-ratio:9/16;border-radius:12px;background:#000;
  border:1px solid rgba(240,187,61,0.20);object-fit:cover;}
.rf-vid-by{margin:8px 0 0;text-align:center;font-family:"Inter",system-ui,sans-serif;font-size:12px;
  letter-spacing:0.08em;text-transform:uppercase;color:rgba(240,187,61,0.85);}

/* Metin referansları */
.rf-quotegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1000px;margin:0 auto;}
.rf-quote{margin:0;padding:22px 24px;border:1px solid rgba(90,182,183,0.22);border-radius:14px;
  background:rgba(13,48,94,0.22);}
.rf-quote-text{margin:0;font-style:italic;line-height:1.6;color:rgba(241,240,235,0.94);}
.rf-quote-by{margin-top:14px;font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:500;
  letter-spacing:0.1em;text-transform:uppercase;color:rgba(240,187,61,0.85);}

/* Kurumsal galeri — büyük set vs. düşük çözünürlüklü thumbnail seti */
.rf-grp-title{margin:34px 0 14px;text-align:center;font-size:clamp(0.95rem,0.5vw + 0.8rem,1.1rem);}
.rf-photos{display:grid;gap:10px;max-width:1000px;margin:0 auto;}
.rf-photos--big{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
.rf-photos--thumb{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
.rf-photo{width:100%;height:100%;object-fit:cover;border-radius:10px;aspect-ratio:4/3;
  border:1px solid rgba(241,240,235,0.10);transition:transform 260ms ease;}
.rf-photo:hover{transform:scale(1.03);}
@media (max-width:480px){
  .rf-logowall{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));}
  .rf-logo img{height:30px;}
  .rf-vidgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
}

/* Kibele figcaption → proje sayfası linki */
.rf-fig-link { color: var(--rf-gold, #F0BB3D); text-decoration: none; border-bottom: 1px solid rgba(240,187,61,0.4); }
.rf-fig-link:hover { border-color: currentColor; }