/*
 * Bir Fikir, Bin Risk – Girişimcilik Haftası paneli (17 Kasım 2026)
 *
 * Gramer: bölümlü bir dosya. Her bölüm kendi zemininde durur, geçişler sert kesmedir:
 *  kırmızı kapak → siyah benzetim (zirve) → beyaz ve gri iç sayfalar → kırmızı künye.
 *  - Sabit üst bar yok; altta folyo var (okunan bölüm + bölümlere atlama).
 *  - Kırmızı açık zeminde yalnızca saatte, unvanda ve oturum çizgisinde. Siyah zeminde ölen rotaların noktası.
 *  - Tek aile: Archivo. Genişlik ekseni hiyerarşiyi taşır: başlıklar geniş, saatler ve küçük veriler dar.
 *  - Kaydırma motoru scrollcraft.css/js; burada yalnızca jetonlar ve sayfanın kendi biçimleri var.
 */

:root {
  --rk-red: #c8161d;
  --rk-red-deep: #a01017;
  --rk-red-ink: #b3141a;        /* açık zeminde kırmızı yazı (AA) */
  --rk-on-red-soft: #fce4e5;    /* kırmızı zeminde ikincil yazı (AA) */
  --rk-night: #121317;          /* benzetim sayfası */
  --rk-on-night-soft: #aeb2bb;
  --rk-ink: #1a1b1f;
  --rk-graphite: #5a5d66;
  --rk-paper: #ffffff;
  --rk-mist: #eef0f2;
  --rk-line: #d8dbe0;
  --rk-font: 'Archivo', system-ui, sans-serif;
  --rk-gutter: clamp(1rem, 5vw, 4rem);
  --rk-max: 78rem;
  --rk-folio-h: 48px;

  /* scrollcraft jetonları */
  --sc-canvas: var(--rk-paper);
  --sc-surface: var(--rk-mist);
  --sc-ink: var(--rk-ink);
  --sc-ink-soft: var(--rk-graphite);
  --sc-accent: var(--rk-red);
  --sc-accent-ink: #fff;
  --sc-font-display: var(--rk-font);
  --sc-font-text: var(--rk-font);
  --sc-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}

/* Temel sıfırlama: profil sayfaları scrollcraft.css yüklemez, gerekenler burada da durur */
*, *::before, *::after { box-sizing: border-box; }
.rk svg, .rk canvas { display: block; }
.rk button { font: inherit; color: inherit; }
body.rk { overflow-x: clip; }
html { color-scheme: light; scroll-padding-top: 16px; scroll-padding-bottom: var(--rk-folio-h); background: var(--rk-paper); }
body.rk {
  margin: 0; background: var(--rk-paper); color: var(--rk-ink);
  font: 400 1.0625rem/1.6 var(--rk-font); font-stretch: 100%; letter-spacing: 0;
}
.rk [hidden] { display: none !important; }
.rk img { display: block; max-width: 100%; height: auto; }
.rk a { color: inherit; }
.rk h1, .rk h2, .rk h3, .rk h4 { margin: 0; text-wrap: balance; }
.rk p { margin: 0; text-wrap: pretty; }
.rk :focus-visible { outline: 2px solid var(--rk-focus, var(--rk-red-ink)); outline-offset: 3px; border-radius: 2px; }
.rk ::selection { background: var(--rk-red); color: #fff; }
.rk-num { font-stretch: 82%; font-variant-numeric: tabular-nums; }
.rk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rk .skip-link { position: absolute; left: 16px; top: -100px; z-index: 100; padding: 10px 16px; background: #fff; color: var(--rk-red-ink); font-weight: 650; text-decoration: none; border-radius: 6px; }
.rk .skip-link:focus { top: 12px; }

/* Betik çalışmazsa motorun gizlediği içerik görünür kalır */
html:not(.rk-js) [data-sc-in], html:not(.rk-js) [data-sc-stagger] > * { opacity: 1; transform: none; }

.rk-wrap { width: 100%; max-width: var(--rk-max); margin-inline: auto; padding-inline: var(--rk-gutter); }

/* Zeminler: her bölüm kendi rengini ve yazı rengini taşır (renk jetonla birlikte yeniden yazılır) */
.rk-cover, .rk-close { --rk-focus: #fff; background: var(--rk-red); color: #fff; }
/* Kapak başlığı hem genişliğe hem yüksekliğe bağlı: kısa dizüstü ekranlarında da kapak tek ekrana sığar */
.rk-cover { --rk-title: clamp(3.4rem, min(0.6rem + 9vw, 16vh), 10rem); }
.rk-sim { --rk-focus: #fff; background: var(--rk-night); color: #f3f4f6; }
.rk-ch--paper { background: var(--rk-paper); color: var(--rk-ink); }
.rk-ch--mist, .rk-inter { background: var(--rk-mist); color: var(--rk-ink); }

/* --------------------------------------------------------------- buttons -- */
.rk-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.rk-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 22px; border-radius: 6px; border: 1.5px solid transparent;
  font: 650 1rem/1 var(--rk-font); text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color 160ms var(--sc-ease-out), border-color 160ms var(--sc-ease-out), transform 160ms var(--sc-ease-out);
}
.rk-btn:active { transform: scale(0.98); }
.rk .rk-btn--white { background: #fff; color: var(--rk-red-ink); }
@media (hover: hover) and (pointer: fine) {
  .rk .rk-btn--white:hover { background: var(--rk-on-red-soft); }
}
.rk-link {
  display: inline-flex; align-items: center; min-height: 44px;
  font-weight: 650; color: var(--rk-red-ink); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 0.25em;
  transition: text-decoration-thickness 160ms var(--sc-ease-out);
}
.rk-link:hover { text-decoration-thickness: 3px; }

.rk-brand { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 600; font-size: 0.95rem; text-decoration: none; }
.rk-brand img { height: 26px; width: auto; filter: brightness(0) invert(1); }

/* ----------------------------------------------------------------- folio -- */
.rk-folio {
  position: fixed; inset: auto 0 0 0; z-index: 60;
  display: flex; align-items: center; gap: 16px;
  min-height: var(--rk-folio-h); padding: 0 var(--rk-gutter) env(safe-area-inset-bottom);
  font-size: 0.875rem; line-height: 1.2;
  background: var(--fo-bg); color: var(--fo-ink); border-top: 1px solid var(--fo-line);
  transition: background-color 200ms var(--sc-ease-out), color 200ms var(--sc-ease-out);
}
.rk-folio[data-tone="red"]   { --fo-bg: var(--rk-red);   --fo-ink: #fff;           --fo-soft: var(--rk-on-red-soft); --fo-line: rgba(255,255,255,0.28); --rk-focus: #fff; }
.rk-folio[data-tone="ink"]   { --fo-bg: var(--rk-night); --fo-ink: #f3f4f6;        --fo-soft: var(--rk-on-night-soft); --fo-line: rgba(255,255,255,0.14); --rk-focus: #fff; }
.rk-folio[data-tone="paper"] { --fo-bg: var(--rk-paper); --fo-ink: var(--rk-ink);  --fo-soft: var(--rk-graphite); --fo-line: var(--rk-line); }
.rk-folio[data-tone="mist"]  { --fo-bg: var(--rk-mist);  --fo-ink: var(--rk-ink);  --fo-soft: var(--rk-graphite); --fo-line: var(--rk-line); }
.rk-folio__now { display: flex; align-items: center; gap: 10px; font-weight: 650; min-width: 0; }
.rk-folio__now > span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rk-folio__mark { flex: none; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.rk-folio__list { display: flex; gap: 2px; margin: 0 0 0 auto; padding: 0; list-style: none; }
.rk-folio__list a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px;
  color: var(--fo-soft); text-decoration: none; font-stretch: 92%;
}
.rk-folio__list a:hover { color: var(--fo-ink); text-decoration: underline; text-underline-offset: 0.3em; }
.rk-folio__list a[aria-current] { color: var(--fo-ink); font-weight: 650; }
.rk-folio__toggle {
  display: none; margin-left: auto; min-height: 44px; padding: 0 14px;
  border: 1px solid var(--fo-line); border-radius: 6px; background: transparent; color: var(--fo-ink);
  font: 600 0.875rem/1 var(--rk-font); cursor: pointer;
  transition: border-color 160ms var(--sc-ease-out), transform 120ms var(--sc-ease-out);
}
.rk-folio__toggle:active { transform: translateY(1px); }
.rk-folio__toggle[aria-expanded="true"] { border-color: var(--fo-ink); }

/* ------------------------------------------------------------------ cover -- */
/* Pinliyken sahneyi motor yapıştırır (.sc-stage); burada position yazılırsa sticky ezilir */
.rk-cover__stage {
  overflow: clip; background: var(--rk-red);
  min-height: 100vh; min-height: 100svh;
  display: grid; grid-template-rows: auto minmax(120px, 1fr) auto;
  padding-bottom: calc(var(--rk-folio-h) + clamp(2rem, 5vw, 3.5rem));
}
.rk-cover__stage:not(.sc-stage) { position: relative; }
@media (max-height: 800px) and (min-width: 901px) {
  .rk-cover__stage { grid-template-rows: auto minmax(72px, 1fr) auto; padding-bottom: calc(var(--rk-folio-h) + 1.5rem); }
  .rk-cover__top { min-height: 60px; }
  .rk-cover__side { margin-top: 1.25rem; }
  .rk-facts > div { padding: 0.45rem 0; }
}

/* Kaydırma kurgusu (risk.js --cv-a: metin çekilişi, --cv-e: iris). Düzlemler farklı hızda gider. */
.rk-cover__top { opacity: calc(1 - var(--cv-a, 0)); }
.rk-cover__line { transform: translate3d(0, calc(var(--cv-a, 0) * -84px), 0); opacity: calc(1 - var(--cv-a, 0) * 1.1); }
.rk-cover__line--b { transform: translate3d(calc(var(--cv-a, 0) * 36px), calc(var(--cv-a, 0) * -28px), 0); }
.rk-cover__side { transform: translate3d(0, calc(var(--cv-a, 0) * -40px), 0); opacity: calc(1 - var(--cv-a, 0) * 1.6); }
.rk-cover__plane { transform-origin: 0 50%; transform: translate3d(0, var(--cv-ty, 0px), 0) scale(calc(1 + var(--cv-e, 0) * 1.5)); }
.rk-cover__dot { transform: scale(calc(1 + var(--cv-e, 0) * 0.5)); }
/* Fikir noktasından açılan gece: kırmızı kapak benzetimin siyahına geçer. Yelpaze irisin üstünde kalır. */
.rk-iris {
  position: absolute; inset: 0; z-index: 2; pointer-events: none; background: var(--rk-night);
  clip-path: circle(var(--iris-r, 0px) at var(--iris-x, 0px) var(--iris-y, 0px));
}
.rk-cover__spark { z-index: 3; }
.rk-cover__top { position: relative; z-index: 1; }
.rk-cover__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 24px; min-height: 72px; border-bottom: 1px solid rgba(255, 255, 255, 0.18); }
.rk-cover__kicker { font-weight: 500; font-size: 0.95rem; color: var(--rk-on-red-soft); }
.rk-cover__body {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); column-gap: clamp(2rem, 5vw, 5rem);
  align-content: end;
}
/* Arka düzlem: fikir noktası ve ondan çıkan ilk adımlar. Sağa doğru söner, başlığın üstünde durur. */
.rk-cover__spark { position: relative; }
.rk-cover__plane { position: absolute; inset: clamp(1rem, 3vh, 2rem) var(--rk-gutter) clamp(0.5rem, 2vh, 1.25rem); }
.rk-cover__plane canvas {
  position: absolute; inset: 0; width: 100%; height: 100%;
  /* Sağa ve alt/üst kenarlara doğru söner: iris büyütünce düzlemin dikdörtgen kenarı görünmez */
  -webkit-mask-image: linear-gradient(to right, #000 0%, #000 45%, transparent 96%), linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, #000 0%, #000 45%, transparent 96%), linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
  mask-composite: intersect;
}
.rk-cover__body { position: relative; z-index: 1; }
.rk-cover__title {
  grid-column: 1 / -1;
  font-size: var(--rk-title); font-weight: 800; font-stretch: 116%;
  line-height: 0.88; letter-spacing: -0.04em;
}
.rk-cover__line { display: block; will-change: transform; }
/* İkinci satır içeri kayar: iki ayrı düzlem gibi okunur, birbirinden farklı hızda çıkar */
.rk-cover__line--b { padding-left: 0.42em; }
.rk-cover__side {
  grid-column: 1 / -1; display: grid; align-items: start;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 1.25rem clamp(2rem, 5vw, 5rem);
  margin-top: clamp(1.75rem, 4vh, 3rem);
}
.rk-cover__lede { grid-row: span 2; padding-left: calc(0.42 * var(--rk-title)); font-size: clamp(1.1rem, 1rem + 0.35vw, 1.3rem); line-height: 1.5; max-width: calc(38ch + 0.42 * var(--rk-title)); }
.rk-facts { margin: 0; }
.rk-facts > div { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 1rem; align-items: baseline; padding: 0.65rem 0; border-top: 1px solid rgba(255, 255, 255, 0.28); }
.rk-facts dt { font-size: 0.875rem; color: var(--rk-on-red-soft); }
.rk-facts dd { margin: 0; font-weight: 650; font-size: 1.05rem; line-height: 1.3; }
/* Fikir: tek nokta. Benzetim sayfasında bin rota aynı noktadan çıkar. */
.rk-cover__dot {
  position: absolute; left: 0; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px;
  border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
}

/* -------------------------------------------------------- simulation (peak) -- */
.rk-sim__stage { display: flex; }
/* Pinliyken motorun sticky'si doku katmanını zaten kapsar; pinsizken (hareket azaltma) kapsayıcı burada kurulur */
.rk-sim__stage:not(.sc-stage) { position: relative; }
/* Düz siyah zemin ekranda bantlanır; çok hafif bir doku onu aydınlatılmış bir odaya çevirir */
.rk-sim__grain {
  position: absolute; inset: 0; pointer-events: none; opacity: 0.05; mix-blend-mode: screen;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");
}
.rk-sim__grid { position: relative; }
.rk-sim__grid {
  display: grid; width: 100%;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: clamp(1rem, 3vh, 2rem) 2rem;
  padding-top: clamp(1.5rem, 6vh, 4rem);
  padding-bottom: calc(var(--rk-folio-h) + clamp(1rem, 3vh, 2rem));
}
.rk-sim__head { min-width: 0; }
.rk-sim__title { font-size: 0.95rem; font-weight: 650; font-stretch: 92%; letter-spacing: 0.01em; color: var(--rk-on-night-soft); }
.rk-sim__notes { display: grid; margin-top: 0.75rem; }
.rk-sim__notes p {
  grid-area: 1 / 1; max-width: 30ch;
  font-size: clamp(1.5rem, 1rem + 1.7vw, 2.6rem); font-weight: 700; font-stretch: 106%; line-height: 1.12; letter-spacing: -0.02em;
  opacity: 0; transform: translate3d(0, 10px, 0);
  transition: opacity 280ms var(--sc-ease-out), transform 280ms var(--sc-ease-out);
}
.rk-sim__notes p.is-on { opacity: 1; transform: none; }
.rk-sim__names { display: none; }
.rk-sim__readout { align-self: end; text-align: right; line-height: 1; }
.rk-sim__readout .rk-num { display: block; font-size: clamp(3rem, 2rem + 4vw, 6rem); font-weight: 700; letter-spacing: -0.03em; }
.rk-sim__unit { display: block; margin-top: 0.4rem; font-size: 0.95rem; color: var(--rk-on-night-soft); }
.rk-sim__caption { grid-column: 1 / -1; font-size: 0.875rem; color: var(--rk-on-night-soft); max-width: 70ch; }

/* Rota alanı: solda fikir noktası, ortada alan, sağda beş rotanın adları */
.rk-plot { grid-column: 1 / -1; position: relative; margin: 0; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 14rem; }
.rk-plot__field { position: relative; min-height: 0; }
.rk-plot__field canvas, .rk-plot__routes { position: absolute; inset: 0; width: 100%; height: 100%; }
.rk-plot__field canvas { opacity: calc(1 - var(--rk-fin, 0) * 0.55); }
.rk-plot__routes { overflow: visible; opacity: var(--rk-fin, 0); }
.rk-plot__routes path { fill: none; stroke: #fff; stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round; }
/* Zaman çizgisi: kaydırmanın benzetimde nerede olduğunu gösterir. Başta ve sonda görünmez. */
.rk-plot__head {
  position: absolute; top: -4%; bottom: -4%; left: 0; width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0.5) 82%, transparent);
  transform: translate3d(calc(var(--rk-step, 0) * var(--rk-field-w, 0px)), 0, 0);
  opacity: calc(clamp(0, var(--rk-step, 0) * 30, 1) * (1 - clamp(0, var(--rk-fin, 0) * 3, 1)));
}
/* Rota inceleme (fare): imlecin yakınındaki rota parlar, kaderi yazılır */
.rk-plot__probe { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; opacity: 0; transition: opacity 140ms var(--sc-ease-out); }
.rk-plot__probe path { fill: none; stroke: #fff; stroke-width: 1.75; stroke-linejoin: round; }
.rk-plot__probe circle { fill: #fff; }
.rk-plot__probe.is-dead circle { fill: #f0443f; }
.rk-plot__tip {
  position: absolute; left: 0; top: 0; z-index: 2; pointer-events: none; white-space: nowrap;
  padding: 6px 10px; border-radius: 6px; background: #f3f4f6; color: var(--rk-night);
  font-size: 0.85rem; font-weight: 600; line-height: 1.2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 10px 24px -6px rgba(0, 0, 0, 0.5);
  opacity: 0; transition: opacity 140ms var(--sc-ease-out);
}
.rk-plot.is-probing .rk-plot__probe, .rk-plot.is-probing .rk-plot__tip { opacity: 1; }
.rk-plot.is-probing canvas { opacity: calc((1 - var(--rk-fin, 0) * 0.55) * 0.6); }
.rk-plot__origin {
  position: absolute; left: 0; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px;
  border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.16);
}
.rk-plot__ends { position: relative; list-style: none; margin: 0; padding: 0; }
.rk-plot__ends li {
  --i: 0;
  position: absolute; left: 0; top: calc(var(--y, 0.5) * 100%); padding-left: 18px; line-height: 1.2;
  /* Ad, son aşamada sırayla gelir (her ad bir öncekinden biraz sonra) */
  opacity: clamp(0, calc(var(--rk-fin, 0) * 2.2 - var(--i) * 0.28), 1);
  transform: translate3d(calc((1 - clamp(0, calc(var(--rk-fin, 0) * 2.2 - var(--i) * 0.28), 1)) * -8px), -50%, 0);
}
.rk-plot__ends li:nth-child(2) { --i: 1; }
.rk-plot__ends li:nth-child(3) { --i: 2; }
.rk-plot__ends li:nth-child(4) { --i: 3; }
.rk-plot__ends li:nth-child(5) { --i: 4; }
.rk-plot__ends li::before {
  content: ""; position: absolute; left: -5px; top: 50%; width: 10px; height: 10px; margin-top: -5px;
  border-radius: 50%; background: #fff;
}
.rk-plot__ends strong { display: block; font-weight: 650; font-size: 0.95rem; font-stretch: 92%; }
.rk-plot__ends span { display: block; font-size: 0.8rem; font-stretch: 92%; color: var(--rk-on-night-soft); }
.rk-plot__ends b { display: none; font-weight: 650; font-size: 0.75rem; font-stretch: 88%; }

/* Hareket azaltma: pinsiz, son hâl, bütün notlar okunur */
.rk-sim.is-static { --rk-fin: 1; }
.rk-sim.is-static .rk-sim__stage { position: static; height: auto; min-height: 100svh; }
.rk-sim.is-static .rk-sim__notes { gap: 0.6rem; }
.rk-sim.is-static .rk-sim__notes p { grid-area: auto; opacity: 1; transform: none; font-size: clamp(1.25rem, 1rem + 1vw, 1.9rem); }
.rk-sim.is-static .rk-plot { height: min(56vh, 520px); }

/* --------------------------------------------------------------- chapters -- */
.rk-ch { padding-block: clamp(4.5rem, 10vw, 8rem); }
.rk-h2 { font-size: clamp(2rem, 1.2rem + 2.8vw, 3.5rem); font-weight: 750; font-stretch: 108%; line-height: 1.02; letter-spacing: -0.025em; }
.rk-h3 { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem); font-weight: 700; font-stretch: 104%; line-height: 1.08; letter-spacing: -0.015em; }
.rk-sub { margin-top: 0.75rem !important; color: var(--rk-graphite); max-width: 52ch; }
.rk-lead { font-size: clamp(1.15rem, 1rem + 0.5vw, 1.35rem); line-height: 1.5; }

/* Neden bu panel: dar başlık sütunu, geniş metin sütunu */
.rk-about { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2rem clamp(2rem, 5vw, 5rem); }
.rk-about__body { max-width: 62ch; }
.rk-about__body p + p { margin-top: 1rem; }
.rk-about__body .rk-about__pull {
  margin-top: clamp(1.75rem, 3vw, 2.5rem); padding-top: 1.25rem; border-top: 3px solid var(--rk-red);
  font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); font-weight: 700; font-stretch: 104%; line-height: 1.2; letter-spacing: -0.01em;
}
/* Okudukça: kelime okuma çizgisini geçince koyulaşır; beş aşama kırmızı çizilir ve soldaki rotada yanar */
.rk-about__aside { align-self: start; }
@media (min-width: 901px) { .rk-about__aside { position: sticky; top: 3rem; } }
.rk-stages { --st-fill: 0; position: relative; margin: 2.25rem 0 0; padding: 0 0 0 1.75rem; list-style: none; display: grid; gap: 0.8rem; }
.rk-stages::before, .rk-stages::after { content: ""; position: absolute; left: 5px; top: 0.55em; bottom: 0.55em; width: 2px; background: var(--rk-line); }
.rk-stages::after { background: var(--rk-red); transform-origin: 50% 0; transform: scaleY(var(--st-fill)); transition: transform 320ms var(--sc-ease-out); }
.rk-stages li { position: relative; font-weight: 650; font-stretch: 94%; font-size: 1.05rem; color: var(--rk-graphite); transition: color 220ms var(--sc-ease-out); }
.rk-stages li::before {
  content: ""; position: absolute; left: calc(-1.75rem + 0px); top: 0.3em; width: 12px; height: 12px; border-radius: 50%; z-index: 1;
  background: var(--rk-paper); border: 2px solid var(--rk-line); box-sizing: border-box;
  transition: background-color 220ms var(--sc-ease-out), border-color 220ms var(--sc-ease-out), transform 220ms var(--sc-ease-out);
}
.rk-stages li.is-on { color: var(--rk-ink); }
.rk-stages li.is-on::before { background: var(--rk-red); border-color: var(--rk-red); transform: scale(1.15); }
.rk-js .rk-read .rk-w { color: var(--rk-unread, #6b6e77); transition: color 240ms var(--sc-ease-out); }
.rk-js .rk-read .rk-w.is-read { color: var(--rk-ink); }
.rk .rk-stage {
  color: inherit; background: linear-gradient(var(--rk-red), var(--rk-red)) 0 96% / 0% 2px no-repeat;
  transition: background-size 520ms var(--sc-ease-out);
}
.rk .rk-stage.is-read { background-size: 100% 2px; }
.rk-js .rk-read .rk-stage.is-read .rk-w { color: var(--rk-red-ink); }
@media (prefers-reduced-motion: reduce) { .rk .rk-stage, .rk-read .rk-w, .rk-stages::after, .rk-stages li, .rk-stages li::before { transition: none; } }
.rk-who { grid-column: 2; max-width: 62ch; padding-top: 1.25rem; border-top: 1px solid var(--rk-line); }
.rk-who h3 { font-size: 1.15rem; font-weight: 700; }
.rk-who p { margin-top: 0.5rem; color: var(--rk-graphite); }

/* Ara başlık, pinli: beş rota kaydırmayla çizilir, sonra iki oturuma ayrılır (risk.js: --sp-d çizim, --sp-s ayrılma) */
.rk-inter__stage { display: flex; background: var(--rk-mist); }
.rk-inter__stage:not(.sc-stage) { position: relative; min-height: 100svh; }
.rk-inter__grid {
  display: grid; grid-template-rows: auto auto minmax(180px, 1fr); width: 100%;
  padding-top: clamp(2.5rem, 9vh, 6rem); padding-bottom: calc(var(--rk-folio-h) + clamp(1rem, 3vh, 2rem));
}
.rk-inter__title {
  font-size: clamp(2.6rem, min(0.8rem + 7.4vw, 13vh), 8rem); font-weight: 800; font-stretch: 114%;
  line-height: 1; letter-spacing: -0.04em; color: var(--rk-ink);
}
.rk-split { --sp-d: 1; --sp-s: 1; --sp-n: 1; --sp-g: 0px; position: relative; margin-block: clamp(1.75rem, 5vh, 3rem) 0.5rem; }
.rk-split__svg { position: absolute; top: 0; left: 9rem; width: calc(100% - 9rem - 15rem); height: 100%; overflow: visible; }
.rk-split__svg path { fill: none; stroke: var(--rk-red); stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--sp-d)); }
.rk-split__svg circle { fill: var(--rk-red); }
.rk-split__g[data-group="1"] { transform: translate3d(0, calc(var(--sp-s) * var(--sp-g) * -1), 0); }
.rk-split__g[data-group="2"] { transform: translate3d(0, calc(var(--sp-s) * var(--sp-g)), 0); }
/* Oturum etiketi, kendi demetinin başlangıç noktasının solunda */
.rk-split__label {
  position: absolute; left: 0; top: 50%; width: 7.5rem; margin: 0;
  display: flex; flex-direction: column; align-items: flex-end; text-align: right; line-height: 1.2;
  font-weight: 650; color: var(--rk-red-ink); opacity: var(--sp-s);
}
.rk-split__label .rk-num { font-weight: 500; color: var(--rk-graphite); }
.rk-split__label[data-group="1"] { transform: translate3d(0, calc(-50% - var(--sp-s) * var(--sp-g)), 0); }
.rk-split__label[data-group="2"] { transform: translate3d(0, calc(-50% + var(--sp-s) * var(--sp-g)), 0); }
.rk-split__ends { position: absolute; top: 0; bottom: 0; right: 0; width: 15rem; margin: 0; padding: 0; list-style: none; }
.rk-split__ends li {
  position: absolute; left: 0; top: calc(var(--y, 0.5) * 100%); padding-left: 18px; white-space: nowrap;
  font-weight: 650; font-size: 0.95rem; font-stretch: 92%; opacity: var(--sp-n);
}
.rk-split__ends li[data-group="1"] { transform: translate3d(0, calc(-50% - var(--sp-s) * var(--sp-g)), 0); }
.rk-split__ends li[data-group="2"] { transform: translate3d(0, calc(-50% + var(--sp-s) * var(--sp-g)), 0); }
.rk-split__ends li::before { content: ""; position: absolute; left: -5px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: var(--rk-red); }
.rk-split__ends b { display: none; font-weight: 650; }
.rk-speakers { padding-top: clamp(2.5rem, 5vw, 4rem); }

/* Oturumlar ve konuşmacılar */
.rk-session {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2rem clamp(2rem, 5vw, 5rem);
  padding-top: 1.75rem; border-top: 3px solid var(--rk-red);
}
.rk-session + .rk-session { margin-top: clamp(3.5rem, 7vw, 5.5rem); }
.rk-session__meta { display: flex; flex-wrap: wrap; gap: 0 1rem; margin-bottom: 0.75rem !important; font-weight: 600; color: var(--rk-red-ink); }
.rk-session__desc { margin-top: 0.9rem !important; color: var(--rk-graphite); max-width: 52ch; }
.rk-questions { margin-top: 2rem; }
.rk-questions h4 { font-size: 1rem; font-weight: 700; }
.rk-questions ul { list-style: none; margin: 0.75rem 0 0; padding: 0; display: grid; gap: 0.6rem; }
.rk-questions li { position: relative; padding-left: 1.25rem; max-width: 48ch; }
.rk-questions li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 7px; height: 7px; background: var(--rk-red); }

.rk-people { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(2rem, 4vw, 2.75rem); }
.rk-person { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 0 1.5rem; }
.rk-person + .rk-person { padding-top: clamp(2rem, 4vw, 2.75rem); border-top: 1px solid var(--rk-line); }
/* Masaüstünde oturum başlığı ve sorular, konuşmacılar akarken yerinde kalır */
@media (min-width: 901px) {
  .rk-session__aside { position: sticky; top: 2rem; align-self: start; }
}
.rk-spark { width: 160px; height: 64px; overflow: visible; margin-top: -0.2rem; }
.rk-spark path {
  fill: none; stroke: var(--rk-red); stroke-width: 1.75; stroke-linejoin: round; stroke-linecap: round;
  stroke-dasharray: 1; stroke-dashoffset: 0;
}
.rk-spark circle { fill: var(--rk-red); }
/* Kaydırdıkça rota baştan sona çizilir, uç noktası en son gelir (risk.js --d; betik yoksa tam çizili) */
.rk-spark path { stroke-dashoffset: calc(1 - var(--d, 1)); }
.rk-spark circle:last-child { opacity: clamp(0, calc((var(--d, 1) - 0.9) * 10), 1); }
.rk-person h4 { font-size: 1.4rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; }
.rk-person__role { margin-top: 0.3rem !important; font-weight: 600; font-size: 0.95rem; line-height: 1.4; color: var(--rk-red-ink); }
.rk-person__bio { margin-top: 0.6rem !important; color: var(--rk-graphite); max-width: 62ch; }

/* Program: yatay zaman çizelgesi. Kalem genişliği süreyle orantılı; hat ve dolgu listenin sözde öğeleri. */
.rk-tl { background: var(--rk-paper); color: var(--rk-ink); }
.rk-tl__stage { display: flex; align-items: center; background: var(--rk-paper); }
.rk-tl__rail {
  display: flex; align-items: flex-start; gap: clamp(2rem, 4vw, 3.5rem);
  width: max-content; padding-inline: var(--rk-gutter); padding-bottom: var(--rk-folio-h);
  will-change: transform;
}
.rk-tl__lead { flex: none; width: min(24rem, 78vw); padding-top: 0.5rem; }
.rk-tl__list { --tl-fill: 0; position: relative; display: flex; margin: 0; padding: 2.75rem 0 0; list-style: none; }
.rk-tl__list::before, .rk-tl__list::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0.9rem; height: 2px; background: var(--rk-line);
}
.rk-tl__list::after { background: var(--rk-red); transform-origin: 0 50%; transform: scaleX(var(--tl-fill)); }
.rk-tl__item {
  position: relative; flex: none; width: clamp(12.5rem, calc(var(--min) * 0.62rem), 72vw);
  padding: 0 1.75rem 0 0; border-left: 1px solid var(--rk-line); padding-left: 1rem;
}
.rk-tl__item::before {
  content: ""; position: absolute; left: -6px; top: calc(-2.75rem + 0.9rem - 5px); width: 11px; height: 11px;
  border-radius: 50%; background: var(--rk-paper); border: 2px solid var(--rk-line);
  transition: background-color 200ms var(--sc-ease-out), border-color 200ms var(--sc-ease-out);
}
.rk-tl__item.is-past::before { background: var(--rk-red); border-color: var(--rk-red); }
.rk-tl__item time { display: block; font-weight: 600; font-size: 1.05rem; color: var(--rk-red-ink); }
.rk-tl__what { margin-top: 0.5rem !important; font-size: 1.15rem; font-weight: 500; line-height: 1.3; max-width: 22ch; }
.rk-tl__item.is-session { border-left: 3px solid var(--rk-red); }
.rk-tl__item.is-session .rk-tl__what { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); font-weight: 750; font-stretch: 104%; letter-spacing: -0.015em; line-height: 1.12; max-width: 18ch; }
.rk-tl__what a { text-decoration: none; }
.rk-tl__what a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.rk-tl__who { margin-top: 0.6rem !important; color: var(--rk-graphite); font-size: 0.95rem; max-width: 30ch; }
.rk-tl__end { flex: none; width: min(22rem, 78vw); display: grid; gap: 0.5rem; padding: 2.4rem 0 0 1.5rem; border-left: 3px solid var(--rk-ink); }
.rk-tl__end .rk-lead { font-weight: 600; }
/* Pinsiz (hareket azaltma): çizelge sıradan bir dikey liste olur */
.rk-tl.is-static .rk-tl__stage { display: block; padding-block: clamp(4.5rem, 10vw, 8rem); }
.rk-tl.is-static .rk-tl__rail { display: grid; width: auto; gap: 2rem; max-width: var(--rk-max); margin-inline: auto; padding-bottom: 0; }
.rk-tl.is-static .rk-tl__list { display: grid; gap: 1.25rem; padding: 0; }
.rk-tl.is-static .rk-tl__list::before, .rk-tl.is-static .rk-tl__list::after, .rk-tl.is-static .rk-tl__item::before { display: none; }
.rk-tl.is-static .rk-tl__item { width: auto; }

/* ----------------------------------------------------------------- künye -- */
.rk-close__stage { display: flex; flex-direction: column; }
.rk-close__inner {
  flex: 1; display: grid; align-content: end;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 4vh, 2.5rem) clamp(2rem, 5vw, 5rem);
  padding-top: clamp(1.5rem, 5vh, 3.5rem);
}
/* Bin birinci rota: soldaki fikir noktasından künyenin başlığına iner */
.rk-close__route { --end-y: 0.82; grid-column: 1 / -1; position: relative; height: clamp(120px, 24vh, 280px); }
.rk-close__route svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.rk-close__route path {
  fill: none; stroke: #fff; stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round;
  stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--rk-own, 0));
}
.rk-close__origin, .rk-close__end { position: absolute; border-radius: 50%; background: #fff; }
.rk-close__origin { left: 0; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; }
.rk-close__end {
  right: 0; top: calc(var(--end-y) * 100%); width: 16px; height: 16px; margin: -8px -8px 0 0;
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.2);
  opacity: clamp(0, calc((var(--rk-own, 0) - 0.94) * 16), 1);
  transform: scale(calc(0.6 + 0.4 * clamp(0, calc((var(--rk-own, 0) - 0.94) * 16), 1)));
}
.rk-close__text { grid-column: 2; text-align: right; justify-self: end; max-width: 34rem; }
.rk-close__title { font-size: clamp(2.4rem, 1rem + 4.6vw, 5.5rem); font-weight: 800; font-stretch: 112%; line-height: 0.95; letter-spacing: -0.035em; }
.rk-close__text p { margin-top: 1.1rem; font-size: 1.15rem; line-height: 1.5; color: var(--rk-on-red-soft); }
.rk-close__text a { color: #fff; font-weight: 650; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 0.22em; transition: text-decoration-thickness 160ms var(--sc-ease-out); }
.rk-close__text a:hover { text-decoration-thickness: 3px; }
.rk-masthead {
  grid-column: 1 / -1; grid-row: 4; margin: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem 2rem;
  padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.28);
}
.rk-masthead dt { font-size: 0.8rem; color: var(--rk-on-red-soft); }
.rk-masthead dd { margin: 0.15rem 0 0; font-weight: 600; font-size: 0.95rem; line-height: 1.35; }
.rk-foot { padding-block: 0.75rem calc(var(--rk-folio-h) + 0.75rem); }
.rk-foot .rk-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 2rem; }
.rk-foot .rk-brand img { height: 22px; }
.rk-foot nav { display: flex; flex-wrap: wrap; gap: 0 1.25rem; }
.rk-foot nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 0.9rem; color: var(--rk-on-red-soft); text-decoration: none; }
.rk-foot nav a:hover { color: #fff; text-decoration: underline; text-underline-offset: 0.3em; }
/* Pinsiz künye (telefon, kısa pencere, hareket azaltma): sahne sıradan akış olur */
.rk-close.is-flow .rk-close__stage, html:not(.rk-js) .rk-close__stage { position: static; height: auto; overflow: visible; }
.rk-close.is-flow .rk-close__inner { padding-top: clamp(4rem, 10vw, 6rem); }

/* ---------------------------------------------------------------- mobile -- */
@media (max-width: 1000px) {
  .rk-plot { grid-template-columns: minmax(0, 1fr) 11.5rem; }
  .rk-plot__ends span { display: none; }
}
@media (max-width: 900px) {
  .rk-cover__body, .rk-about, .rk-session { grid-template-columns: minmax(0, 1fr); }
  .rk-cover__side { grid-template-columns: minmax(0, 1fr); }
  .rk-cover__lede { grid-row: auto; padding-left: 0; max-width: 38ch; }
  .rk-who { grid-column: 1; }
  .rk-stages { display: none; }
  .rk-folio__toggle { display: inline-flex; align-items: center; }
  /* Liste kapalıyken de konumunu korur: kapanırken yerinde söner, folyo satırına düşmez */
  .rk-folio__list {
    display: none; position: absolute; right: var(--rk-gutter); bottom: calc(100% + 8px); margin: 0;
    min-width: 13rem; padding: 6px; border-radius: 8px;
    background: var(--fo-bg); border: 1px solid var(--fo-line);
    box-shadow: 0 2px 4px rgba(10, 10, 14, 0.12), 0 12px 28px -6px rgba(10, 10, 14, 0.28);
  }
  .rk-folio__list a { min-height: 44px; padding: 0 12px; font-size: 1rem; }
  .rk-folio.is-open .rk-folio__list { display: grid; }
  .rk-close__inner { grid-template-columns: minmax(0, 1fr); }
  .rk-close__text { grid-column: 1; }
  .rk-masthead { grid-row: auto; }
}
@media (max-width: 640px) {
  .rk-cover__title { font-size: clamp(3.4rem, 18.5vw, 5.5rem); font-stretch: 106%; }
  .rk-cover__line--b { padding-left: 0; }
  .rk-sim__grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr) auto; }
  .rk-sim__notes p { font-size: 1.35rem; max-width: none; }
  .rk-sim__names { display: inline; font-size: 1rem; font-weight: 500; letter-spacing: 0; color: var(--rk-on-night-soft); }
  .rk-sim__readout { text-align: left; display: flex; align-items: baseline; gap: 0.6rem; }
  .rk-sim__readout .rk-num { font-size: 2.6rem; }
  .rk-sim__unit { margin: 0; }
  .rk-sim__caption { font-size: 0.8rem; }
  /* Dar ekranda adlar sığmaz: uçlarda baş harfler, adların tamamı son notta */
  .rk-plot { grid-template-columns: minmax(0, 1fr) 2.6rem; }
  .rk-plot__ends li { padding-left: 12px; }
  .rk-plot__ends strong, .rk-plot__ends span { display: none; }
  .rk-plot__ends b { display: block; }
  .rk-plot__ends li::before { width: 8px; height: 8px; margin-top: -4px; left: -4px; }
  .rk-person { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
  .rk-spark { width: 120px; height: 48px; }
  .rk-split__svg { left: 0; width: calc(100% - 2.6rem); }
  .rk-split__label { width: auto; flex-direction: row; gap: 0.5rem; align-items: baseline; text-align: left; }
  .rk-split__label[data-group="1"] { top: 0; transform: translate3d(0, -100%, 0); }
  .rk-split__label[data-group="2"] { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); }
  .rk-split__ends { width: 2.6rem; }
  .rk-split__ends li { padding-left: 12px; }
  .rk-split__ends strong { display: none; }
  .rk-split__ends b { display: block; font-size: 0.75rem; }
  .rk-split__ends li::before { width: 8px; height: 8px; margin-top: -4px; left: -4px; }
  .rk-split__label { font-size: 0.9rem; }
  .rk-close__text { text-align: left; justify-self: start; }
  .rk-close__route { height: 160px; }
  .rk-masthead { grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }
}

/* ------------------------------------------------------- konuşmacı kartları -- */
/* Ana sayfada ayrı bölüm: her kart profil sayfasına gider. Görsel kaydırmayla açılır (reveal, sırayla).
   Fotoğraf yoksa kartın görseli konuşmacının benzetimdeki rotası ve baş harfleridir. */
.rk-cards { background: var(--rk-mist); color: var(--rk-ink); padding-block: clamp(2.5rem, 5vw, 4rem) clamp(1rem, 2vw, 1.5rem); }
.rk-cards__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem 2rem; margin-bottom: 1.5rem; }
.rk-cards__head h2 { font-size: 1.35rem; font-weight: 750; font-stretch: 104%; letter-spacing: -0.01em; }
.rk-cards__head p { color: var(--rk-graphite); font-size: 0.95rem; }
.rk-cards__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(0.75rem, 1.4vw, 1.25rem); }
.rk-card a {
  display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none;
  background: var(--rk-paper); border-radius: 8px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(18, 19, 23, 0.08), 0 2px 6px -1px rgba(18, 19, 23, 0.08);
  transition: transform 180ms var(--sc-ease-out), box-shadow 180ms var(--sc-ease-out);
}
.rk-card a:active { transform: scale(0.98); }
@media (hover: hover) and (pointer: fine) {
  .rk-card a:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(18, 19, 23, 0.08), 0 12px 24px -8px rgba(18, 19, 23, 0.22); }
  .rk-card a:hover .rk-card__more { text-decoration-thickness: 2.5px; }
}
.rk-card__media { position: relative; margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--rk-night); }
.rk-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rk .rk-card__media .rk-spark { position: absolute; left: 10%; top: 34%; width: 80%; height: auto; margin: 0; }
.rk-card__media .rk-spark path { stroke-width: 1.4; }
.rk-card__initials { position: absolute; left: 1rem; bottom: 0.85rem; color: #fff; font-size: clamp(1.8rem, 1.2rem + 1vw, 2.4rem); font-weight: 800; font-stretch: 112%; letter-spacing: -0.03em; line-height: 1; }
.rk-card__body { flex: 1; display: flex; flex-direction: column; gap: 0.3rem; padding: 0.95rem 1rem 1.05rem; }
.rk-card__session { font-size: 0.8rem; font-weight: 600; color: var(--rk-red-ink); }
.rk-card__name { font-size: 1.1rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.005em; }
.rk-card__role { font-size: 0.875rem; line-height: 1.35; color: var(--rk-graphite); }
.rk-card__more { margin-top: auto; padding-top: 0.6rem; font-size: 0.9rem; font-weight: 650; color: var(--rk-red-ink); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 0.22em; transition: text-decoration-thickness 160ms var(--sc-ease-out); }
/* Dar ekranda yatay, parmakla kaydırılan bir sıra (boş hücre bırakan ızgara yerine) */
@media (max-width: 1100px) {
  .rk-cards__list {
    display: flex; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    margin-inline: calc(var(--rk-gutter) * -1); padding: 0.25rem var(--rk-gutter) 0.75rem; scroll-padding-inline: var(--rk-gutter);
    scrollbar-width: thin;
  }
  .rk-card { flex: none; width: min(15rem, 66vw); scroll-snap-align: start; }
}

/* --------------------------------------------------------- profil sayfaları -- */
.pf-hero { --rk-focus: #fff; --pf-band: clamp(150px, 22vh, 230px); position: relative; overflow: clip; background: var(--rk-night); color: #f3f4f6; padding-bottom: calc(var(--pf-band) + clamp(1.5rem, 4vw, 2.5rem)); }
/* Alt bant: bin rota soluk, bu konuşmacınınki kırmızı. Metinle çakışmaz; kaydırınca fotoğraftan farklı hızda gider. */
.pf-plane { position: absolute; left: 0; right: 0; bottom: 0; height: var(--pf-band); pointer-events: none; transform: translate3d(0, calc(var(--pf-y, 0) * -0.18px), 0); }
.pf-plane canvas, .pf-plane svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pf-plane path { fill: none; stroke: var(--rk-red); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.pf-plane circle { fill: var(--rk-red); }
@media (prefers-reduced-motion: no-preference) {
  .rk-js .pf-plane path { stroke-dashoffset: 1; transition: stroke-dashoffset 1600ms cubic-bezier(0.5, 0, 0.2, 1) 250ms; }
  .rk-js .pf-plane circle { opacity: 0; transition: opacity 300ms var(--sc-ease-out) 1750ms; }
  .rk-js .pf-hero.is-drawn .pf-plane path { stroke-dashoffset: 0; }
  .rk-js .pf-hero.is-drawn .pf-plane circle { opacity: 1; }
}
.pf-top { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 1.5rem; min-height: 64px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.pf-top a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; font-size: 0.95rem; text-decoration: none; }
.pf-top a:hover { text-decoration: underline; text-underline-offset: 0.3em; }
.pf-top .rk-brand img { height: 24px; }
.pf-back { color: var(--rk-on-night-soft); }
.pf-hero__grid {
  position: relative; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 2rem clamp(2rem, 5vw, 5rem);
  align-items: end; margin-top: clamp(2rem, 6vh, 4rem);
}
.pf-photo {
  position: relative; margin: 0; aspect-ratio: 4 / 5; max-width: 25rem; overflow: hidden; border-radius: 8px; background: #1c1e24;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 24px 48px -12px rgba(0, 0, 0, 0.55);
  transform: translate3d(0, calc(var(--pf-y, 0) * 0.1px), 0);
}
.pf-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rk .pf-photo .rk-spark { position: absolute; left: 10%; top: 34%; width: 80%; height: auto; margin: 0; }
.pf-photo .rk-spark path { stroke-width: 1; }
.pf-photo .rk-card__initials { font-size: clamp(2.4rem, 1.6rem + 2vw, 3.6rem); left: 1.25rem; bottom: 1.1rem; }
.pf-kicker { font-weight: 600; font-size: 0.95rem; color: var(--rk-on-night-soft); }
.pf-name { margin-top: 0.6rem !important; font-size: clamp(2.6rem, 1rem + 4.6vw, 5.5rem); font-weight: 800; font-stretch: 110%; line-height: 0.95; letter-spacing: -0.035em; }
.pf-role { margin-top: 1rem !important; font-size: clamp(1.05rem, 1rem + 0.3vw, 1.25rem); font-weight: 600; line-height: 1.4; max-width: 46ch; color: #f3f4f6; }
.pf-session { margin: 1.5rem 0 0; display: grid; gap: 0; max-width: 34rem; }
.pf-session > div { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 1rem; padding: 0.6rem 0; border-top: 1px solid rgba(255, 255, 255, 0.16); }
.pf-session dt { font-size: 0.875rem; color: var(--rk-on-night-soft); }
.pf-session dd { margin: 0; font-weight: 600; }
.pf-session a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
.pf-actions { margin-top: 1.75rem; }
.rk .rk-btn--line { border-color: rgba(255, 255, 255, 0.55); color: #fff; }
@media (hover: hover) and (pointer: fine) { .rk .rk-btn--line:hover { border-color: #fff; background: rgba(255, 255, 255, 0.08); } }

.pf-bio { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 2rem clamp(2rem, 5vw, 5rem); }
.pf-bio__text { max-width: 62ch; }
.pf-bio__text p + p { margin-top: 1rem; }
.pf-bio__note { margin-top: 1.5rem !important; font-size: 0.9rem; color: var(--rk-graphite); }
.pf-same { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
.pf-same a {
  display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 0.25rem 1rem; align-items: center; padding: 1rem;
  border-radius: 8px; background: var(--rk-paper); text-decoration: none; color: inherit;
  box-shadow: 0 1px 2px rgba(18, 19, 23, 0.08), 0 2px 6px -1px rgba(18, 19, 23, 0.08);
  transition: transform 180ms var(--sc-ease-out), box-shadow 180ms var(--sc-ease-out);
}
@media (hover: hover) and (pointer: fine) { .pf-same a:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(18, 19, 23, 0.08), 0 12px 24px -8px rgba(18, 19, 23, 0.2); } }
.pf-same .rk-spark { grid-row: span 2; width: 120px; height: 48px; margin: 0; }
.pf-same strong { font-size: 1.05rem; line-height: 1.2; }
.pf-same span { font-size: 0.875rem; color: var(--rk-graphite); line-height: 1.35; }
.pf-close { --rk-focus: #fff; background: var(--rk-red); color: #fff; padding-top: clamp(3.5rem, 8vw, 6rem); }
.pf-close__title { font-size: clamp(2.2rem, 1rem + 4vw, 4.5rem); font-weight: 800; font-stretch: 112%; line-height: 0.95; letter-spacing: -0.035em; }
.pf-close p { margin-top: 1.1rem; max-width: 52ch; font-size: 1.15rem; line-height: 1.5; color: var(--rk-on-red-soft); }
.pf-close p a { color: #fff; font-weight: 650; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 0.22em; }
.pf-close .rk-foot { margin-top: clamp(3rem, 7vw, 5rem); border-top: 1px solid rgba(255, 255, 255, 0.2); padding-block: 0.75rem 1.25rem; }
@media (max-width: 900px) {
  .pf-hero__grid, .pf-bio { grid-template-columns: minmax(0, 1fr); }
  .pf-photo { max-width: 15rem; }
}
@media (max-width: 640px) {
  .pf-same a { grid-template-columns: 96px minmax(0, 1fr); }
  .pf-same .rk-spark { width: 96px; height: 38px; }
}

/* ---------------------------------------------------------------- hareket -- */
/* Yükleme ve küçük durum değişimleri. Dil motorun akış girişiyle aynı: aşağıdan 14px kalkış, --sc-ease-out.
   Kalkış ayrı translate/scale özellikleriyle yazılır; kaydırmanın yazdığı transform'u ezmez ve animasyon
   bitince her öğe kaydırmanın verdiği değere döner. Hareket azaltmada hiçbiri çalışmaz. */
@keyframes rk-rise { from { opacity: 0; translate: 0 14px; } }
@keyframes rk-seed { from { opacity: 0; scale: 0; } }
@keyframes rk-branch { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@media (prefers-reduced-motion: no-preference) {
  /* Kapak: başlık iki satır halinde kalkar, ardından fikir noktası belirir ve ilk dallar ondan sağa açılır */
  .rk-js .rk-cover__top { animation: rk-rise 620ms var(--sc-ease-out) backwards; }
  .rk-js .rk-cover__line { animation: rk-rise 620ms var(--sc-ease-out) 80ms backwards; }
  .rk-js .rk-cover__line--b { animation-delay: 160ms; }
  .rk-js .rk-cover__side { animation: rk-rise 620ms var(--sc-ease-out) 280ms backwards; }
  .rk-js .rk-cover__dot { animation: rk-seed 420ms var(--sc-ease-out) 360ms backwards; }
  .rk-js .rk-cover__plane canvas { animation: rk-branch 1400ms cubic-bezier(0.5, 0, 0.2, 1) 520ms backwards; }

  /* Profil: rota çizilirken içerik sırayla kalkar */
  .rk-js .pf-photo, .rk-js .pf-hero__grid > div > * { animation: rk-rise 620ms var(--sc-ease-out) backwards; }
  .rk-js .pf-hero__grid > div > :nth-child(1) { animation-delay: 60ms; }
  .rk-js .pf-hero__grid > div > :nth-child(2) { animation-delay: 120ms; }
  .rk-js .pf-hero__grid > div > :nth-child(3) { animation-delay: 180ms; }
  .rk-js .pf-hero__grid > div > :nth-child(4) { animation-delay: 240ms; }
  .rk-js .pf-hero__grid > div > :nth-child(5) { animation-delay: 300ms; }

  /* Folyo listesi (dar ekran): düğmenin üstünden açılır, kapanırken yerinde söner */
  @media (max-width: 900px) {
    .rk-folio__list {
      opacity: 0; transform: translate3d(0, 6px, 0) scale(0.98); transform-origin: 100% 100%;
      transition: opacity 160ms var(--sc-ease-out), transform 160ms var(--sc-ease-out), display 160ms allow-discrete;
    }
    .rk-folio.is-open .rk-folio__list { opacity: 1; transform: none; }
    @starting-style { .rk-folio.is-open .rk-folio__list { opacity: 0; transform: translate3d(0, 6px, 0) scale(0.98); } }
  }

  /* Kart: görsel çerçevesinde hafifçe yaklaşır, kartın kalkışıyla birlikte */
  .rk-card__media img, .rk .rk-card__media .rk-spark { transition: scale 420ms var(--sc-ease-out); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .rk-card a:hover .rk-card__media img, .rk .rk-card a:hover .rk-card__media .rk-spark { scale: 1.04; }
}