/* bebuai / pavyon. Sayfaya özgü stiller. Motor (.sc-*) dokunulmaz. */

:root {
  --sc-canvas:      #1A1530;
  --sc-surface:     #251D40;
  --sc-ink:         #F1EEF6;
  --sc-ink-soft:    #B9B1CC;
  --sc-accent:      #E8A85A;
  --sc-accent-ink:  #0F1117;
  --sc-font-display: "Archivo", "Geist", system-ui, sans-serif;
  --sc-font-text:    "Geist", system-ui, sans-serif;
  --sc-shadow-color: 258 40% 6%;
  --sc-r-sm: 0; --sc-r-md: 0; --sc-r-lg: 0;
  --sc-leading-none: 0.96;
  --gecis: 1400ms;
}

.sc-display { font-variation-settings: "wdth" 112, "wght" 600; font-weight: 600; }
.sc-display--xl { font-variation-settings: "wdth" 108, "wght" 560; }
.sc-lede { color: var(--sc-ink); }
:focus-visible { border-radius: 0; }

/* ---------------------------------------------------------- içeriğe geç -- */
.atla { position: absolute; left: -999px; top: 8px; z-index: 100; padding: 8px 12px; background: var(--sc-accent); color: var(--sc-accent-ink); font-size: var(--sc-t-sm); text-decoration: none; }
.atla:focus { left: 8px; }

/* ---------------------------------------------------------------- bar -- */
.bar {
  position: fixed; inset: 0 0 auto 0; z-index: var(--sc-z-chrome);
  display: flex; align-items: center; justify-content: space-between;
  height: 64px; padding-inline: var(--sc-gutter);
  pointer-events: none;
}
.bar > * { pointer-events: auto; }
.bar__mark, .kunye__mark {
  display: inline-flex; align-items: baseline; gap: 7px;
  font-family: var(--sc-font-display); font-variation-settings: "wdth" 112, "wght" 600;
  font-size: 1.25rem; letter-spacing: -0.02em; line-height: 1; text-decoration: none;
}
.kare { display: inline-block; width: 6px; height: 6px; background: var(--sc-accent); transform: translateY(-1px); }
.bar__mail { font-size: var(--sc-t-sm); text-decoration: none; padding: 10px 0; border-bottom: 1px solid var(--sc-hairline-strong); transition: border-color var(--sc-d-fast) var(--sc-ease-out); }
.bar__mail:hover { border-color: var(--sc-accent); }

/* ------------------------------------------------------------ iz çizgisi -- */
.iz {
  position: fixed; left: clamp(14px, 2.4vw, 34px); top: 14vh; bottom: 14vh; width: 1px;
  z-index: var(--sc-z-chrome); pointer-events: none;
}
.iz__hat { position: absolute; inset: 0; background: var(--sc-hairline-strong); }
.iz__dolu {
  position: absolute; left: 0; top: 0; width: 1px; height: 100%;
  background: var(--sc-ink); transform-origin: top; transform: scaleY(0);
  will-change: transform;
}
.iz__dolu--alt { background: var(--sc-accent); }
.iz__dugum {
  position: absolute; left: 50%; width: 7px; height: 7px; translate: -50% -50%;
  background: var(--sc-canvas); border: 1px solid var(--sc-hairline-strong);
  transition: background var(--sc-d-slow) var(--sc-ease-out), border-color var(--sc-d-slow) var(--sc-ease-out);
}
.iz__dugum.is-on { background: var(--sc-ink); border-color: var(--sc-ink); }
.iz__dugum--onay { width: 11px; height: 11px; border-color: var(--sc-accent); }
.iz__dugum--onay.is-on { background: var(--sc-accent); border-color: var(--sc-accent); }
@media (max-width: 860px) { .iz { top: 18vh; bottom: 18vh; } }

/* -------------------------------------------------------------- zemin -- */
.bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Kopyanın altına ek yoğunluk: sadece kopyanın oturduğu köşeye. Kopyanın kardeşi,
   çocuğu değil; ölçüm bu şekilde yapılıyor. */
.scrim-ek {
  position: absolute; inset: 0; pointer-events: none; z-index: 1;
}
/* sol sütun plakası: kopya sol tarafta, görselin sağı dokunulmaz kalır */
.scrim-ek--lead {
  background: linear-gradient(to right,
    color-mix(in oklab, var(--sc-canvas) 86%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 76%, transparent) 34%,
    color-mix(in oklab, var(--sc-canvas) 40%, transparent) 52%,
    transparent 66%);
}
/* sağ sütun plakası */
.scrim-ek--trail {
  background: linear-gradient(to left,
    color-mix(in oklab, var(--sc-canvas) 86%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 76%, transparent) 34%,
    color-mix(in oklab, var(--sc-canvas) 40%, transparent) 52%,
    transparent 66%);
}
/* hero: kopya sol üstte, görselin boş bırakılan gökyüzünde; plaka sol üst köşe */
.scrim-ek--ust {
  background:
    linear-gradient(to right,
      color-mix(in oklab, var(--sc-canvas) 88%, transparent) 0%,
      color-mix(in oklab, var(--sc-canvas) 78%, transparent) 42%,
      color-mix(in oklab, var(--sc-canvas) 34%, transparent) 62%,
      transparent 76%),
    linear-gradient(to bottom,
      color-mix(in oklab, var(--sc-canvas) 78%, transparent) 0%,
      color-mix(in oklab, var(--sc-canvas) 56%, transparent) 52%,
      transparent 80%);
}
.scrim-ek--ray {
  background: linear-gradient(to bottom,
    color-mix(in oklab, var(--sc-canvas) 20%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%,
    color-mix(in oklab, var(--sc-canvas) 78%, transparent) 72%,
    color-mix(in oklab, var(--sc-canvas) 40%, transparent) 100%);
}
.scrim-ek--alt {
  background: linear-gradient(to top,
    color-mix(in oklab, var(--sc-canvas) 90%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 55%, transparent) 14%,
    transparent 30%);
}
@media (max-width: 860px) {
  .scrim-ek--lead, .scrim-ek--trail {
    background: linear-gradient(to top,
      color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%,
      color-mix(in oklab, var(--sc-canvas) 84%, transparent) 40%,
      color-mix(in oklab, var(--sc-canvas) 60%, transparent) 62%,
      transparent 82%);
  }
  .scrim-ek--ust {
    background: linear-gradient(to bottom,
      color-mix(in oklab, var(--sc-canvas) 88%, transparent) 0%,
      color-mix(in oklab, var(--sc-canvas) 74%, transparent) 40%,
      color-mix(in oklab, var(--sc-canvas) 30%, transparent) 62%,
      transparent 78%);
  }
}

/* yaklaşma aktı: ilk yarı sol üst plaka, ikinci yarı sol sütun plakası (defter) */
.scrim-ek--gec { opacity: clamp(0, (var(--sc-p, 0) - 0.42) * 6, 1); }
.akt--hero .scrim-ek--ust { opacity: clamp(0, 1 - (var(--sc-p, 0) - 0.34) * 6, 1); }
.akt--hero .defter { top: auto; bottom: clamp(3rem, 12vh, 9rem); }
@media (max-width: 860px) { .akt--hero .defter { bottom: clamp(2rem, 8vh, 5rem); } .akt--hero video[data-sc-scrub], .akt--hero .sc-stage__poster { object-position: 58% 50%; } }

/* ---------------------------------------------------------------- hero -- */
.hero__copy { bottom: auto; top: clamp(6.5rem, 17vh, 11rem); }
.hero__copy .sc-display--xl { max-width: 12ch; }
.hero__copy .sc-lede { margin-top: var(--sc-5); max-width: 38ch; }
@media (max-width: 700px) { .hero__copy .sc-display--xl { font-size: var(--sc-t-3xl); } .hero__copy { top: 6.5rem; } }


/* -------------------------------------------------------------- defter -- */
.defter { max-width: min(34rem, 72vw); bottom: auto; top: clamp(6.5rem, 16vh, 10rem); }
.defter .sc-display--md { margin-bottom: var(--sc-6); max-width: 16ch; }
.defter__satir {
  margin: 0; padding: var(--sc-3) 0; border-top: 1px solid var(--sc-hairline);
  font-size: var(--sc-t-lg); line-height: 1.35; letter-spacing: var(--sc-track-snug);
  display: flex; gap: var(--sc-5);
}
.defter__saat { color: var(--sc-ink-soft); font-variant-numeric: tabular-nums; flex: 0 0 auto; }
.defter__not { margin: var(--sc-6) 0 0; color: var(--sc-ink-soft); max-width: 30ch; text-wrap: pretty; }
@media (max-width: 860px) {
  .defter { max-width: none; top: auto; bottom: clamp(2rem, 8vh, 5rem); }
  .defter__satir { font-size: var(--sc-t-base); }
}
/* akt 2 plakası üstte: kopya sol üstte oturur */
.akt:nth-of-type(2) .scrim-ek--lead {
  background:
    linear-gradient(to right,
      color-mix(in oklab, var(--sc-canvas) 84%, transparent) 0%,
      color-mix(in oklab, var(--sc-canvas) 70%, transparent) 38%,
      color-mix(in oklab, var(--sc-canvas) 24%, transparent) 56%,
      transparent 68%),
    linear-gradient(to bottom,
      color-mix(in oklab, var(--sc-canvas) 60%, transparent) 0%,
      color-mix(in oklab, var(--sc-canvas) 30%, transparent) 55%,
      transparent 80%);
}

@media (max-width: 860px) {
  .akt:nth-of-type(2) .scrim-ek--lead {
    background: linear-gradient(to top,
      color-mix(in oklab, var(--sc-canvas) 96%, transparent) 0%,
      color-mix(in oklab, var(--sc-canvas) 90%, transparent) 44%,
      color-mix(in oklab, var(--sc-canvas) 66%, transparent) 68%,
      transparent 90%);
  }
}

/* --------------------------------------------------------------- dönüş -- */
.donus { padding-block: 0 var(--sc-section); }
.donus__kare { position: relative; margin: 0; width: 100%; aspect-ratio: 16 / 9; max-height: 82vh; overflow: clip; }
.donus__kare img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.donus__ustu { position: absolute; inset: 0; }
.donus__metin { padding-top: var(--sc-8); }
.donus__metin .sc-stack { max-width: 44rem; margin-left: auto; }
@media (max-width: 860px) { .donus__kare { aspect-ratio: 4 / 5; max-height: 70vh; } }

/* ---------------------------------------------------------------- kapı -- */
/* Kol: pavyonun içini yakar. --kol 0..1, page.js yazar. */
.kapi__derin { position: absolute; inset: -3%; will-change: transform;
  transform: translate3d(calc(var(--px, 0) * -1.6%), calc(var(--py, 0) * -1.2%), 0); }
.kapi__c { position: absolute; inset: 0; opacity: var(--kol, 0); will-change: opacity; }
.kapi__sahne.onaylandi .kapi__c { opacity: 1; }
/* ambiyans döngüleri: hazır olunca posterin üstüne biner; yanık döngü kol ile görünür */
.kapi__loop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 600ms var(--sc-ease-out); }
.kapi__loop--a.hazir { opacity: 1; }
.kapi__loop--c { transition: none; }
.kapi__loop--c.hazir { opacity: var(--kol, 0); }
.kapi__sahne.onaylandi .kapi__loop--c.hazir { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .kapi__loop { display: none; } }
.kapi__sahne { --px: 0; --py: 0; }
.kapi__copy { max-width: min(40rem, 80vw); }
.kapi__copy .sc-display--lg { max-width: 19ch; }

.kol { margin-top: var(--sc-7); max-width: 26rem; }
.kol__etiket { display: block; font-size: var(--sc-t-base); color: var(--sc-ink); margin-bottom: var(--sc-4); }
.kol__govde { position: relative; height: 44px; }
.kol__ray { position: absolute; left: 0; right: 0; top: 50%; height: 2px; translate: 0 -50%; background: var(--sc-hairline-strong); pointer-events: none; }
.kol__dolu { height: 100%; width: 0; background: var(--sc-accent); transform-origin: left; }
.kol__giris {
  position: absolute; inset: 0; width: 100%; height: 100%; margin: 0;
  appearance: none; -webkit-appearance: none; background: transparent; cursor: grab; touch-action: pan-y;
}
.kol__giris:active { cursor: grabbing; }
.kol__giris::-webkit-slider-runnable-track { height: 44px; background: transparent; }
.kol__giris::-moz-range-track { height: 44px; background: transparent; }
.kol__giris::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 44px; height: 44px; margin-top: 0;
  background: transparent;
  background-image: linear-gradient(var(--sc-accent), var(--sc-accent));
  background-size: 3px 26px; background-repeat: no-repeat; background-position: center;
  box-shadow: 0 6px 18px -6px hsl(var(--sc-shadow-color) / 0.7);
}
.kol__giris::-moz-range-thumb {
  width: 44px; height: 44px; border: 0; border-radius: 0;
  background: transparent;
  background-image: linear-gradient(var(--sc-accent), var(--sc-accent));
  background-size: 3px 26px; background-repeat: no-repeat; background-position: center;
}
.kol__giris:disabled { cursor: default; }
.kol__giris:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 4px; }
.kol__durum { margin: var(--sc-4) 0 0; font-size: var(--sc-t-sm); color: var(--sc-ink-soft); font-variant-numeric: tabular-nums; min-height: 1.5em; }
.kapi__sahne.onaylandi .kol__durum { color: var(--sc-ink); }

/* --------------------------------------------------------------- geçiş -- */
.gecis__copy { max-width: min(34rem, 80vw); }
.gecis__copy .sc-lede { font-size: var(--sc-t-xl); letter-spacing: var(--sc-track-snug); }

/* ------------------------------------------------------------- içeride -- */
.iceri__copy { max-width: min(40rem, 80vw); }
.iceri__copy--sol .sc-display--lg, .iceri__copy--sol .sc-lede, .iceri__copy--sol .sc-body { margin-left: 0; }
.iceri__copy .sc-display--lg { max-width: 19ch; margin-left: auto; }
.iceri__copy .sc-lede { margin-top: var(--sc-5); max-width: 36ch; margin-left: auto; }
.iceri__copy .sc-body { margin-top: var(--sc-4); margin-left: auto; max-width: 36ch; }
@media (max-width: 860px) { .iceri__copy .sc-display--lg, .iceri__copy .sc-lede, .iceri__copy .sc-body { margin-left: 0; } }

/* ----------------------------------------------------------------- ray -- */
.ray__bg { transform: scale(calc(1.04 + var(--sc-p, 0) * 0.06)) translate3d(calc(var(--sc-p, 0) * -2%), 0, 0); transform-origin: 50% 60%; will-change: transform; }
@media (prefers-reduced-motion: reduce) { .ray__bg { transform: none; } }
.ray__rail {
  position: absolute; top: 50%; left: 0; translate: 0 -50%;
  display: flex; align-items: stretch; gap: var(--sc-6);
  padding-inline: var(--sc-gutter); z-index: var(--sc-z-copy);
}
.ray__lead { flex: 0 0 auto; width: clamp(18rem, 30vw, 26rem); align-self: end; padding-right: var(--sc-6); }
.ray__lead .sc-lede { margin-top: var(--sc-5); }
.kart {
  flex: 0 0 auto; width: clamp(15rem, 22vw, 19rem);
  padding: var(--sc-6) 0 var(--sc-5); border-top: 1px solid color-mix(in oklab, var(--sc-ink) 34%, transparent);
  display: flex; flex-direction: column; gap: var(--sc-3);
}
.kart h3 { margin: 0; font-family: var(--sc-font-display); font-variation-settings: "wdth" 110, "wght" 600; font-size: var(--sc-t-xl); line-height: 1.05; letter-spacing: var(--sc-track-snug); }
.kart p { margin: 0; color: var(--sc-ink); text-wrap: pretty; }
.kart__ornek { margin-top: auto !important; padding-top: var(--sc-4); color: var(--sc-ink-soft) !important; font-size: var(--sc-t-sm); }
.ray__son { flex: 0 0 auto; width: clamp(18rem, 30vw, 26rem); align-self: end; padding-left: var(--sc-6); }
.ray__son .sc-body { margin-top: var(--sc-4); color: var(--sc-ink-soft); }
@media (prefers-reduced-motion: no-preference) {
  .kart { opacity: calc(0.55 + 0.45 * clamp(0, (var(--sc-p, 1) * 1.9 - var(--i, 0) * 0.16), 1)); }
}
@media (max-width: 860px) {
  .ray__rail { gap: var(--sc-5); }
  .kart { width: 74vw; }
  .ray__lead, .ray__son { width: 80vw; }
}
@media (prefers-reduced-motion: reduce) {
  .ray__rail { position: relative; top: auto; translate: none; padding-block: var(--sc-8); }
}

/* --------------------------------------------------------------- bilgi -- */
.bilgi { position: relative; padding-top: var(--sc-8); overflow: clip; }
.bilgi__fon { position: absolute; inset: 0; background: url("assets/fon2.webp") center / cover no-repeat; opacity: .6; pointer-events: none; }
.bilgi__fon::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, var(--sc-canvas) 0%, transparent 18%, transparent 82%, var(--sc-canvas) 100%); }
.bilgi > .sc-wrap { position: relative; }
/* buğulu cam: altta canlı pavyon içi, üstte buğu (canvas), imleç sildikçe netleşir ve yavaşça geri buğulanır */
.cam { position: absolute; inset: 0; pointer-events: none; overflow: clip; }
.cam__canli { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .9; filter: brightness(.78) saturate(1.05); }
.cam__bugu { position: absolute; inset: 0; width: 100%; height: 100%; }
.cam__isik { position: absolute; inset: 0; opacity: 0; transition: opacity 400ms var(--sc-ease-out);
  background: radial-gradient(16rem 16rem at calc(var(--fx, .5) * 100%) calc(var(--fy, .5) * 100%), color-mix(in oklab, var(--sc-accent) 18%, transparent), transparent 70%); }
.bilgi.cam-acik .cam__isik { opacity: 1; }
.bilgi .bilgi__fon { display: none; }
/* cama yazılmış metin: ışığa göre hafif gölge */
.bilgi.cam-acik .sc-display, .bilgi.cam-acik .kayit__ad, .bilgi.cam-acik .liste li span:first-child {
  text-shadow: calc(var(--sx, 0) * 1px) calc(var(--sy, 0) * 1px) 14px rgba(26, 21, 48, .55); }
@media (hover: none), (prefers-reduced-motion: reduce) { .cam__canli, .cam__isik { display: none; } .cam__bugu { display: none; } .bilgi .bilgi__fon { display: block; } }
/* satır uyanışı: hairline amber'e döner ve soldan akar; açıklama mürekkebe ısınır */
.liste li, .kayit li { position: relative; transition: transform 260ms var(--sc-ease-out); }
.liste li::before, .kayit li::before { content: ""; position: absolute; left: 0; top: -1px; height: 1px; width: 100%; background: var(--sc-accent); transform: scaleX(0); transform-origin: left; transition: transform 420ms var(--sc-ease-out); }
.liste li:hover::before, .kayit li:hover::before, .liste li:focus-within::before, .kayit li:focus-within::before { transform: scaleX(1); }
.liste li:hover, .kayit li:hover { transform: translateY(-2px); }
.liste li span:last-child, .kayit__m { transition: color 320ms var(--sc-ease-out); }
.liste li:hover span:last-child, .kayit li:hover .kayit__m { color: var(--sc-ink); }
@media (hover: none), (prefers-reduced-motion: reduce) { .liste li:hover, .kayit li:hover { transform: none; } }
.donus { position: relative; }
.donus__metin { position: relative; }
.bilgi__blok + .bilgi__blok, .bilgi__ikili, .bilgi__ikili + .bilgi__blok { margin-top: var(--sc-9); }
.bilgi__blok > .sc-display { margin-bottom: var(--sc-6); }
.kayit { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-5) var(--sc-8); }
.kayit--kisa { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-4) var(--sc-6); }
.kayit--kisa li { padding-top: var(--sc-3); }
.kayit--kisa .kayit__ad { font-size: var(--sc-t-base); }
.kayit--kisa .kayit__m { font-size: var(--sc-t-sm); }
.kayit li { display: grid; gap: var(--sc-1); padding-top: var(--sc-4); border-top: 1px solid var(--sc-hairline); }
.kayit__ad { font-family: var(--sc-font-display); font-variation-settings: "wdth" 110, "wght" 600; font-size: var(--sc-t-lg); line-height: 1.15; letter-spacing: var(--sc-track-snug); }
.kayit__m { color: var(--sc-ink-soft); text-wrap: pretty; }
.bilgi__dip { margin-top: var(--sc-7); }
.bilgi__ikili { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--sc-9); align-items: start; }
.liste { list-style: none; margin: var(--sc-6) 0 0; padding: 0; display: grid; gap: var(--sc-3); }
.liste li { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: var(--sc-4); padding-top: var(--sc-3); border-top: 1px solid var(--sc-hairline); }
.liste li span:first-child { font-weight: 500; }
.liste li span:last-child { color: var(--sc-ink-soft); }
.liste--koken { margin-top: var(--sc-7); max-width: 44rem; }
.liste--koken li { grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); }
.saha { max-width: 48rem; }
.saha__p { margin: 0; font-size: var(--sc-t-lg); line-height: 1.45; letter-spacing: var(--sc-track-snug); text-wrap: pretty; }
.saha__p + .saha__p { margin-top: var(--sc-5); }
/* dikkatli kısımlar: iki sütun, hairline, ikon yok */
.dikkat__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-5) var(--sc-6); }
.dikkat__liste li { display: grid; gap: var(--sc-2); padding-top: var(--sc-4); border-top: 1px solid var(--sc-hairline); }
.dikkat__liste li span:first-child { font-weight: 500; }
.dikkat__liste li span:last-child { color: var(--sc-ink-soft); text-wrap: pretty; max-width: 44ch; }
@media (max-width: 860px) { .dikkat__liste { grid-template-columns: 1fr; } }

/* ışık damlası (dokunmatik): dokunulan noktadan yayılan yumuşak amber halka */
.damla { position: absolute; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; pointer-events: none; z-index: 5;
  border: 1px solid color-mix(in oklab, var(--sc-accent) 85%, transparent);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--sc-accent) 30%, transparent), 0 0 28px 6px color-mix(in oklab, var(--sc-accent) 22%, transparent);
  opacity: .9; transform: scale(1); animation: damla 620ms var(--sc-ease-out) forwards; }
@keyframes damla { to { transform: scale(13); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .damla { animation: damla-sakin 400ms linear forwards; transform: scale(6); } @keyframes damla-sakin { to { opacity: 0; } } }

/* köken kayıt şeridi: künye gibi, süs değil */
.kunye-satir { list-style: none; margin: var(--sc-8) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-6); }
.kunye-satir li { display: grid; gap: var(--sc-2); padding-top: var(--sc-4); border-top: 1px solid var(--sc-hairline-strong); }
.kunye-satir li span:first-child { font-family: var(--sc-font-display); font-variation-settings: "wdth" 110, "wght" 600; font-size: var(--sc-t-lg); line-height: 1.15; letter-spacing: var(--sc-track-snug); font-variant-numeric: tabular-nums; }
.kunye-satir li span:last-child { color: var(--sc-ink-soft); text-wrap: pretty; }
@media (max-width: 860px) { .kunye-satir { grid-template-columns: 1fr; gap: var(--sc-5); } }
@media (max-width: 860px) {
  .kayit { grid-template-columns: 1fr; }
  .kayit--kisa { grid-template-columns: 1fr; gap: var(--sc-3); }
  .bilgi__ikili { grid-template-columns: 1fr; gap: var(--sc-9); }
  .liste li { grid-template-columns: 1fr; gap: var(--sc-1); }
}

/* --------------------------------------------------------------- çıkış -- */
.cikis__copy { max-width: min(44rem, 80vw); }
.cikis__copy .sc-display--xl { max-width: 12ch; margin-left: auto; }
.cikis__copy .sc-lede { margin-top: var(--sc-5); max-width: 34ch; margin-left: auto; }
.cikis__mail {
  display: inline-block; margin-top: var(--sc-7);
  font-family: var(--sc-font-display); font-variation-settings: "wdth" 110, "wght" 560;
  font-size: var(--sc-t-2xl); letter-spacing: var(--sc-track-snug); line-height: 1.1;
  text-decoration: none; border-bottom: 2px solid var(--sc-accent); padding-bottom: 2px;
  transition: color var(--sc-d-fast) var(--sc-ease-out);
}
.cikis__mail:hover { color: var(--sc-accent); }
.kunye {
  position: absolute; left: var(--sc-gutter); right: var(--sc-gutter); bottom: clamp(1.25rem, 3vh, 2rem);
  z-index: var(--sc-z-copy);
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--sc-6); align-items: end;
  font-size: var(--sc-t-xs); color: var(--sc-ink-soft);
}
.kunye__mark { font-size: 1rem; color: var(--sc-ink); }
.kunye__not { max-width: 40ch; text-wrap: pretty; }
html[data-durum="c"] .kunye__not { color: var(--sc-ink); }
.kunye__yil { text-align: right; }
@media (max-width: 860px) {
  .cikis__copy .sc-display--xl { font-size: var(--sc-t-3xl); margin-left: 0; }
  .cikis__copy .sc-lede { margin-left: 0; }
  .cikis__copy { bottom: clamp(7rem, 22vh, 11rem); }
  .kunye { grid-template-columns: 1fr; gap: var(--sc-2); }
  .kunye__yil { text-align: left; }
}

/* ------------------------------------------------------- reduced motion -- */