@font-face {
  font-family: 'Hanken Grotesk'; font-style: italic; font-weight: 400; font-display: swap;
  src: url(fontlar/hanken-grotesk-italic-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk'; font-style: italic; font-weight: 400; font-display: swap;
  src: url(fontlar/hanken-grotesk-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url(fontlar/hanken-grotesk-normal-400-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url(fontlar/hanken-grotesk-normal-400-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Young Serif'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(fontlar/young-serif-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Young Serif'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(fontlar/young-serif-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face { font-family: "Young Serif yedek"; src: local("Georgia"); size-adjust: 117.32%; ascent-override: 89.5%; descent-override: 31.53%; line-gap-override: 0%; }
@font-face { font-family: "Hanken Grotesk yedek"; src: local("Arial"), local("ArialMT"); size-adjust: 99.68%; ascent-override: 100.33%; descent-override: 30.1%; line-gap-override: 0%; }

:root {
  --cig-renk: #E4E1CF;
  --kavrum-renk: #1D1511;
  --kiraz: #E8675F;
  --kiraz-film: #E8675F;
  --kraft-kagit: #C4A174;
  --kraft: #C4A174;
  --adacayi: #8E9C82;
  --isik: #C4A174;
  --isik-oran: 11%;

  --zemin: var(--kavrum-renk);
  --yazi: var(--cig-renk);
  --vurgu: var(--kiraz);
  --vurgu-ustu: var(--kavrum-renk);
  --zemin-aksam: color-mix(in oklab, var(--zemin), var(--isik) var(--isik-oran));
  --yuzey: color-mix(in srgb, var(--yazi) 6%, transparent);
  --soluk: color-mix(in srgb, var(--yazi) 74%, var(--zemin));
  --cizgi: color-mix(in srgb, var(--yazi) 16%, transparent);
  --cizgi-guclu: color-mix(in srgb, var(--yazi) 36%, transparent);
  --odak: color-mix(in srgb, var(--kiraz) 70%, var(--cig-renk));
  --kemer-zemin: var(--cig-renk);

  --baslik: "Young Serif", "Young Serif yedek", Georgia, "Times New Roman", serif;
  --metin: "Hanken Grotesk", "Hanken Grotesk yedek", system-ui, -apple-system, "Segoe UI", sans-serif;
  --genislik: 1360px;
  --kenar: clamp(1.25rem, 4.5vw, 3.5rem);
  --bosluk: clamp(6rem, 13vw, 12rem);
  --r: 10px;
  --ust-boy: 72px;
  --egri: cubic-bezier(.22, .8, .2, 1);

  --t-dev: clamp(2.9rem, 7.6vw, 8.6rem);
  --t-1: clamp(2.3rem, 5.2vw, 5.4rem);
  --t-2: clamp(1.7rem, 2.6vw, 2.75rem);
  --t-3: clamp(1.2rem, 1.1rem + .35vw, 1.45rem);
  --t-metin: clamp(1rem, .96rem + .2vw, 1.125rem);
  --t-kucuk: .875rem;

  color-scheme: dark;
}
:root[data-tema="acik"] {
  --kiraz: #972528;
  --kraft: #654A2A;
  --adacayi: #73826A;
  --isik-oran: 38%;
  --zemin: var(--cig-renk);
  --yazi: var(--kavrum-renk);
  --vurgu-ustu: var(--cig-renk);
  --odak: var(--kiraz);
  --kemer-zemin: color-mix(in srgb, var(--cig-renk) 40%, #fff);
  color-scheme: light;
}

body.kt { font-family: var(--metin); font-size: var(--t-metin); line-height: 1.62; }
.kt h1, .kt h2, .kt h3 { font-family: var(--baslik); font-weight: 400; line-height: 1.02; letter-spacing: -.018em; text-wrap: balance; }
.kt h2 { font-size: var(--t-1); }
.kt h3 { font-size: var(--t-3); line-height: 1.2; letter-spacing: -.005em; }
.kt p { text-wrap: pretty; }
.kt-kap { width: 100%; max-width: var(--genislik); margin: 0 auto; padding-inline: var(--kenar); }
.kt-giris { margin-top: 1.5rem; max-width: 40ch; font-size: clamp(1.05rem, 1rem + .3vw, 1.25rem); color: var(--soluk); }
.kt-ara-baslik { font-size: var(--t-kucuk); font-weight: 600; color: var(--soluk); }
.satir-mask { padding: .16em .04em .2em; margin: -.16em -.04em -.2em; }
.konsept-ic { min-height: 48px; padding-block: 0; }

.kt-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.75rem; }
.kt-dugme {
  position: relative; isolation: isolate; overflow: hidden;
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: .8rem 1.6rem; border-radius: 999px;
  background: var(--vurgu); color: var(--vurgu-ustu);
  font-weight: 600; text-decoration: none; white-space: nowrap;
  transition: transform .16s var(--egri), color .3s;
}
.kt-dugme::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--yazi); border-radius: inherit;
  transform: translateY(101%); transition: transform .5s var(--egri);
}
@media (hover: hover) {
  .kt-dugme:hover { color: var(--zemin); }
  .kt-dugme:hover::before { transform: translateY(0); }
}
.kt-dugme:active { transform: scale(.97); }
.kt-dugme-kucuk { min-height: 44px; padding: .5rem 1.15rem; font-size: .9375rem; }
.kt-bag {
  display: inline-block; padding-block: .35rem; font-weight: 600; text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1.5px no-repeat;
  transition: background-size .5s var(--egri);
}
@media (hover: hover) { .kt-bag:hover { background-size: 35% 1.5px; } }

.kt-ust { background: color-mix(in oklab, var(--zemin), var(--zemin-aksam) calc(var(--g, 0) * 100%)); }
.kt-ust.ust-dolu { box-shadow: 0 1px 0 var(--cizgi); }
.kt-ust-ic { display: flex; align-items: center; gap: 1.75rem; min-height: var(--ust-boy); }
.kt-logo { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; font-family: var(--baslik); font-size: 1.45rem; line-height: 1; white-space: nowrap; }
.kt-logo-cekirdek { width: 30px; height: 30px; transition: transform .8s var(--egri); }
.kt-logo-cekirdek ellipse { fill: var(--vurgu); }
.kt-logo-cekirdek path { stroke: var(--zemin); }
@media (hover: hover) { .kt-logo:hover .kt-logo-cekirdek { transform: rotate(-24deg); } }
.kt-nav { display: none; margin-left: auto; gap: 1.75rem; }
.kt-nav a { position: relative; padding-block: .4rem; text-decoration: none; font-weight: 500; }
.kt-nav a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.5px; background: currentColor;
  transform: scaleX(0); transform-origin: 100% 50%; transition: transform .45s var(--egri);
}
.kt-nav a:hover::after, .kt-nav a[aria-current="page"]::after { transform: scaleX(1); transform-origin: 0 50%; }
.kt-ust-dugme { display: none; }

.kt-saat { display: none; align-items: center; gap: .55rem; font-size: var(--t-kucuk); line-height: 1.2; white-space: nowrap; }
.kt-saat-kadran { flex: none; width: 24px; height: 24px; overflow: visible; }
.kt-saat-kadran circle { fill: none; stroke: currentColor; stroke-width: 1.3; opacity: .55; }
.kt-saat-kadran line { stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; transform-box: view-box; transform-origin: 12px 12px; }
.kt-saat-kadran .yelkovan { stroke: var(--vurgu); }
html:not(.js) .kt-saat-kadran { display: none; }
.kt-saat-rakam { font-weight: 600; font-variant-numeric: tabular-nums; }
.kt-saat-ne { color: var(--soluk); min-width: 7.2em; }

.kt-menu-dugme {
  margin-left: auto; display: inline-flex; align-items: center; gap: .6rem;
  min-height: 44px; padding: .4rem .2rem .4rem .9rem; border: 0; background: none; font-weight: 600;
}
.kt-menu-cizgi { position: relative; width: 26px; height: 10px; }
.kt-menu-cizgi::before, .kt-menu-cizgi::after {
  content: ""; position: absolute; left: 0; right: 0; height: 1.5px; background: currentColor;
  transition: transform .45s var(--egri), top .45s var(--egri);
}
.kt-menu-cizgi::before { top: 0; }
.kt-menu-cizgi::after { top: 8px; }
[aria-expanded="true"] .kt-menu-cizgi::before { top: 4px; transform: rotate(45deg); }
[aria-expanded="true"] .kt-menu-cizgi::after { top: 4px; transform: rotate(-45deg); }
@media (min-width: 900px) {
  .kt-nav { display: flex; }
  .kt-saat { display: inline-flex; }
  .kt-ust-dugme { display: inline-flex; }
  .kt-menu-dugme { display: none; }
}
.menu-acik .kt-ust { position: fixed; left: 0; right: 0; top: 0; z-index: 95; }

.kt-film-saat {
  position: fixed; top: 1rem; right: var(--kenar); z-index: 70;
  padding: .5rem 1rem .5rem .6rem; border-radius: 999px;
  background: color-mix(in oklab, var(--zemin) 90%, transparent); color: var(--yazi);
  box-shadow: 0 1px 0 var(--cizgi), 0 14px 34px -22px color-mix(in srgb, var(--kavrum-renk) 70%, transparent);
  opacity: 0; visibility: hidden; transform: translateY(-14px);
  transition: opacity .45s var(--egri), transform .6s var(--egri), visibility 0s .6s;
  pointer-events: none;
}
.kt-filmde .kt-film-saat { opacity: 1; visibility: visible; transform: none; transition: opacity .45s var(--egri) .15s, transform .6s var(--egri) .15s, visibility 0s; }
@media (max-width: 899px) { .kt-film-saat { display: none; } }
@media (prefers-reduced-motion: reduce) { .kt-film-saat { transition: none; } }

.kt-menu-panel { gap: 2.5rem; }
.kt-panel-baglar { display: grid; gap: .1rem; }
.kt-panel-baglar a { font-family: var(--baslik); font-size: clamp(2.4rem, 11vw, 3.6rem); line-height: 1.12; text-decoration: none; }
.kt-panel-baglar a[aria-current="page"] { color: var(--vurgu); }
.kt-panel-saat { display: grid; gap: .35rem; margin-top: auto; font-size: .9375rem; }
.kt-panel-saat div { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--cizgi); padding-bottom: .35rem; }
.kt-panel-saat dd { font-variant-numeric: tabular-nums; }
.kt-panel-adres { color: var(--soluk); font-size: .9375rem; }

.kt-bugun { display: flex; align-items: center; gap: .6rem; font-size: var(--t-kucuk); color: var(--soluk); }
.kt-bugun-isik { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--adacayi); box-shadow: 0 0 0 4px color-mix(in srgb, var(--adacayi) 25%, transparent); }
[data-durum="kapali"] .kt-bugun-isik { background: var(--soluk); box-shadow: none; }

.kt-giris-isareti { position: absolute; left: 0; top: 0; width: 1px; height: 90svh; pointer-events: none; }
main { position: relative; }

.kp {
  position: relative;
  --kp-kayma: calc(48px + var(--ust-boy));
  --kp-boy: 10.6;
  --kp-baslik-ust: clamp(3.5rem, 22svh, 13rem);
  --k-ust: 9svh; --k-sag: 6vw; --k-sol: 57vw; --k-yari: 18.5vw; --k-kay: 0svh;
}
.kp-sahne { position: relative; }
.kp-ekran { position: relative; min-height: calc(100svh - var(--kp-kayma)); overflow: clip; }
.kp-giris { position: absolute; inset: 0; z-index: 1; }
.kp .kp-baslik {
  position: absolute; left: var(--kenar); top: var(--kp-baslik-ust); margin: 0;
  font-family: var(--baslik); font-weight: 400; font-size: var(--t-dev); line-height: .98; letter-spacing: -.022em;
  white-space: nowrap; text-wrap: nowrap;
}
.kp-baslik--ic { isolation: isolate; }
.kp-baslik--ic::before { content: ""; position: absolute; inset: -.1em -.3em -.05em; z-index: -1; border-radius: .6em; background: color-mix(in srgb, var(--kavrum-renk) 50%, transparent); filter: blur(.42em); }
.kp-satir { display: block; overflow: hidden; padding: .08em .05em .22em; margin: -.08em -.05em -.22em; }
.kp-satir > span { display: inline-block; will-change: transform; }
.kp-alt { position: absolute; left: var(--kenar); bottom: 2.5rem; width: min(30rem, 38vw); display: grid; gap: 1.6rem; }
.kp-giris-metin { font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem); color: var(--soluk); max-width: 36ch; }

.kp-kemer {
  position: absolute; inset: 0; z-index: 2; pointer-events: none; --a: 1;
  background: var(--kavrum-renk); color: var(--cig-renk);
  clip-path: inset(calc(var(--a) * var(--k-ust)) calc(var(--a) * var(--k-sag)) 0 calc(var(--a) * var(--k-sol)) round calc(var(--a) * var(--k-yari)) calc(var(--a) * var(--k-yari)) 0 0);
}
.kp-poster, .kp-kemer .film-tuval {
  position: absolute; inset: 0; width: 100%; height: 100%;
  transform: translate3d(0, calc(var(--a) * var(--k-kay)), 0) scale(calc(1 + var(--a) * .12));
  transform-origin: 74% 50%;
}
.kp-poster img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }
.kp-golge {
  position: absolute; inset: 0; opacity: var(--golge, 0);
  background: linear-gradient(90deg, color-mix(in srgb, var(--kavrum-renk) 80%, transparent) 0%, color-mix(in srgb, var(--kavrum-renk) 56%, transparent) 28%, color-mix(in srgb, var(--kavrum-renk) 0%, transparent) 60%);
}

.kp-duraklar { list-style: none; margin: 0 auto; padding: var(--bosluk) var(--kenar) 0; max-width: var(--genislik); display: grid; gap: clamp(3.5rem, 8vw, 7rem); }
.kp-durak { display: grid; gap: 1.5rem; align-items: center; }
.kp-durak-foto { aspect-ratio: 16 / 10; border-radius: var(--r); overflow: hidden; background: var(--kavrum-renk); }
.kp-durak-foto picture, .kp-durak-foto img { width: 100%; height: 100%; }
.kp-durak-foto img { object-fit: cover; }
.kp .kp-durak-yazi h2 { font-size: clamp(2rem, 3.9vw, 4.1rem); line-height: 1.02; }
.kp-durak-yazi p { margin-top: 1.1rem; max-width: 36ch; color: var(--soluk); font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem); }
.kp-durak-yazi .kt-dugmeler { margin-top: 1.75rem; }
@media (min-width: 900px) {
  .kp-durak { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 6vw, 6rem); }
  .kp-durak:nth-child(even) .kp-durak-foto { order: 2; }
  .kp-satir:nth-child(n+2) { display: inline-block; vertical-align: top; }
}
#kapi-sonu { display: block; height: 0; outline: none; }

.hareket .kp:not(.kp-durgun) { height: calc(var(--kp-boy) * 100svh); }
.hareket .kp:not(.kp-durgun) .kp-sahne { position: sticky; top: 0; height: 100svh; overflow: hidden; }
.hareket .kp:not(.kp-durgun) .kp-ekran { position: absolute; inset: 0; min-height: 0; }
.hareket .kp:not(.kp-durgun) .kp-alt { bottom: calc(var(--kp-kayma) + 2.5rem); }
.hareket .kp:not(.kp-durgun) .kp-duraklar { position: absolute; inset: 0; z-index: 3; max-width: none; padding: 0; display: block; pointer-events: none; color: var(--cig-renk); }
.hareket .kp:not(.kp-durgun) .kp-durak { position: absolute; left: var(--kenar); width: min(42rem, 44vw); display: block; opacity: 0; }
.hareket .kp:not(.kp-durgun) .kp-durak[data-durak="1"] { bottom: 11svh; }
.hareket .kp:not(.kp-durgun) .kp-durak[data-durak="2"] { top: 27svh; }
.hareket .kp:not(.kp-durgun) .kp-durak[data-durak="3"] { bottom: 11svh; }
@media (min-width: 900px) { .hareket .kp:not(.kp-durgun) .kp-durak[data-durak="3"] { width: min(30rem, 34vw); } }
.hareket .kp:not(.kp-durgun) .kp-durak-foto { display: none; }
.hareket .kp:not(.kp-durgun) .kp-durak-yazi p { color: color-mix(in srgb, var(--cig-renk) 90%, var(--kavrum-renk)); }
.hareket .kp:not(.kp-durgun) .kp-durak .kt-dugme { background: var(--kiraz-film); color: var(--kavrum-renk); }
.hareket .kp:not(.kp-durgun) .kp-durak .kt-dugme::before { background: var(--cig-renk); }
.hareket .kp:not(.kp-durgun) .kp-durak .kt-dugme:hover { color: var(--kavrum-renk); }
.hareket .kp:not(.kp-durgun) .kp-durak :focus-visible { outline-color: var(--cig-renk); }
.hareket .kp-durak.etkin { pointer-events: auto; }

@keyframes kpYuksel { from { transform: translateY(116%); } }
@keyframes kpBelir { from { opacity: .02; transform: translateY(14px); } }
.hareket .kp-satir > span { animation: kpYuksel 1.2s var(--egri) backwards; }
.hareket .kp-satir:nth-child(1) > span { animation-delay: .08s; }
.hareket .kp-satir:nth-child(2) > span { animation-delay: .17s; }
.hareket .kp-satir:nth-child(3) > span { animation-delay: .24s; }
.hareket .kp-alt > * { animation: kpBelir 1s var(--egri) backwards; animation-delay: .6s; }
.hareket .kp-alt > :nth-child(2) { animation-delay: .7s; }
.hareket .kp-alt > :nth-child(3) { animation-delay: .8s; }

.kt-gun {
  position: relative; z-index: 4;
  border-radius: 50% 50% 0 0 / clamp(3rem, 9vw, 9rem) clamp(3rem, 9vw, 9rem) 0 0;
  background: linear-gradient(180deg, var(--zemin), var(--zemin-aksam));
  background: linear-gradient(to bottom in oklab, var(--zemin), var(--zemin-aksam));
}
.hareket .kp:not(.kp-durgun) ~ .kt-gun { margin-top: -100svh; }

.kt-bar { padding-block: var(--bosluk); }
.kt-bar-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
.kt-kemer { border-radius: 100vmax 100vmax var(--r) var(--r); overflow: hidden; background: var(--yuzey); }
.kt-bar-kemer-kap { display: none; }
.kt-bar-kemer { position: relative; height: min(76svh, 46rem); }
.kt-bar-kare { position: absolute; inset: 0; isolation: isolate; background: var(--kemer-zemin); }
.kt-bar-kare img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.kt-bar-yazi h2 { max-width: 9em; }
.kt-bar-yazi .kt-ara-baslik { margin-top: clamp(3rem, 8vw, 6rem); padding-bottom: .9rem; border-bottom: 1px solid var(--cizgi-guclu); }
.kt-bar-liste { display: grid; padding: 0; margin: 0; list-style: none; }
.kt-bar-oge { padding-block: 2rem; border-bottom: 1px solid var(--cizgi); }
.kt-bar-kucuk { aspect-ratio: 4 / 4.6; margin-bottom: 1.25rem; border-radius: 100vmax 100vmax var(--r) var(--r); overflow: hidden; isolation: isolate; background: var(--kemer-zemin); }
.kt-bar-kucuk img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.kt-menu-satir { display: flex; align-items: baseline; gap: .75rem; }
.kt .kt-menu-ad { font-family: var(--baslik); font-size: var(--t-2); line-height: 1.1; letter-spacing: -.012em; }
.kt-nokta-cizgi { flex: 1; min-width: 1.5rem; border-bottom: 2px dotted var(--cizgi-guclu); transform: translateY(-.3em); }
.kt-menu-fiyat { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; font-size: var(--t-3); }
.kt-bar-oge > p { margin-top: .7rem; color: var(--soluk); max-width: 44ch; }
.kt-bar-oge > .kt-damga-kucuk { display: inline-flex; align-items: center; gap: .5rem; margin-top: .9rem; font-size: var(--t-kucuk); color: var(--kraft); }
.kt-damga-kucuk::before { content: ""; width: 12px; height: 12px; border: 1.5px solid currentColor; border-radius: 50%; }
.kt-bar-yazi > .kt-bag { margin-top: 2.5rem; }
@media (min-width: 900px) {
  .kt-bar-izgara { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
  .kt-bar-kemer-kap { display: block; position: sticky; top: 12svh; }
  .kt-bar-kucuk { display: none; }
  .kt-bar-yazi { padding-top: clamp(2rem, 9svh, 6rem); }
  .kt-bar-oge { padding-block: clamp(2.75rem, 10svh, 6rem); }
}
.hareket .kt-bar-kare:nth-child(n+2) { clip-path: ellipse(calc(58% + 96% * var(--dol, 0)) calc(132% * var(--dol, 0)) at 50% 100%); }
.hareket .kt-bar-kare:nth-child(n+2) img { transform: scale(calc(1.16 - .16 * var(--dol, 0))); }
html:not(.hareket) .kt-bar-kare:nth-child(n+2) { display: none; }

.kt-masa { padding-block: calc(var(--bosluk) * 1.1); }
.kt-masa h2 { max-width: 10em; }
.kt-masa-foto { margin: clamp(2.5rem, 6vw, 5.5rem) 0 0 max(var(--kenar), 17vw); aspect-ratio: 16 / 9; border-radius: var(--r) 0 0 var(--r); overflow: hidden; background: var(--yuzey); }
.kt-masa-foto img { width: 100%; height: 100%; object-fit: cover; }
.kt-masa-not { margin-top: 1.75rem; display: grid; gap: .75rem 3rem; padding-left: max(var(--kenar), 17vw); color: var(--soluk); font-size: .9375rem; }
.kt-masa-not p { max-width: 38ch; }
@media (min-width: 900px) { .kt-masa-not { grid-template-columns: minmax(0, 38ch) minmax(0, 26ch); max-width: none; } }

.kt-tadim { padding-block: var(--bosluk); }
.kt-tadim-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3.5rem; }
.kt .kt-tadim-yazi h2 { font-size: clamp(2.2rem, 4.3vw, 4.5rem); max-width: 10em; }
.kt-alinti { margin: clamp(2rem, 4vw, 3.25rem) 0 0; }
.kt-alinti p { font-family: var(--baslik); font-size: clamp(1.25rem, 1.7vw, 1.65rem); line-height: 1.24; letter-spacing: -.005em; max-width: 21em; text-indent: -.42em; }
.kt-alinti p::before { content: "\201C"; }
.kt-alinti p::after { content: "\201D"; }
.kt-alinti footer { margin-top: 1rem; color: var(--soluk); font-size: var(--t-kucuk); }
.kt-tadim-metin { margin: 2rem 0 1.5rem; color: var(--soluk); max-width: 40ch; }
.kt-tadim-fotolar { position: relative; padding-bottom: 16%; }
.kt-tadim-arka { margin-left: 14%; aspect-ratio: 3 / 2; border-radius: var(--r); overflow: hidden; background: var(--yuzey); }
.kt-tadim-arka > div { position: relative; height: 112%; top: -6%; }
.kt-tadim-arka img { width: 100%; height: 100%; object-fit: cover; }
.kt-tadim-on { position: absolute; left: 0; bottom: 0; width: 40%; aspect-ratio: 2 / 3; border-radius: var(--r); overflow: hidden; background: var(--yuzey); box-shadow: 0 34px 60px -34px color-mix(in srgb, var(--kavrum-renk) 55%, transparent); }
.kt-tadim-on img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 900px) {
  .kt-tadim-izgara { grid-template-columns: minmax(0, 6fr) minmax(0, 7fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
}

.kt-kural { padding-block: calc(var(--bosluk) * 1.15); text-align: center; }
.kt .kt-kural-baslik { font-size: clamp(2.4rem, 6vw, 6.4rem); line-height: 1; max-width: 12em; margin-inline: auto; }
.kt-gunler {
  --aralik: clamp(.3rem, .9vw, .85rem);
  display: grid; grid-template-columns: repeat(15, minmax(0, 1fr)); gap: var(--aralik);
  max-width: 66rem; margin: clamp(3rem, 7vw, 6rem) auto 0; padding: 0; list-style: none;
}
.kt-gunler li {
  position: relative; isolation: isolate; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden;
  border-radius: 50%; border: 1.5px solid var(--cizgi-guclu);
  font-size: clamp(.7rem, 1.1vw, 1rem); font-weight: 600; font-variant-numeric: tabular-nums;
  --d: 1;
}
.kt-gunler li::before { content: ""; position: absolute; inset: -1px; z-index: -1; background: var(--dolgu); transform: translateY(calc((1 - var(--d)) * 102%)); }
.kt-gunler .dinlenme { --dolgu: color-mix(in srgb, var(--kraft) 45%, transparent); }
.kt-gunler .barda { --dolgu: var(--vurgu); color: var(--vurgu-ustu); border-color: var(--vurgu); }
.kt-gunler .cikti { --dolgu: transparent; border-style: dashed; color: var(--soluk); transform: translateY(34%); }
.kt-gunler .cikti::after { content: ""; position: absolute; left: 12%; right: 12%; top: 50%; height: 1.5px; background: var(--vurgu); transform: rotate(-38deg) scaleX(var(--cizik, 1)); }
html:not(.hareket) .kt-gunler li { background: var(--dolgu); }
html:not(.hareket) .kt-gunler li::before { display: none; }
.hareket .kt-gunler li { --d: 0; }
.hareket .kt-gunler .barda { color: inherit; border-color: var(--cizgi-guclu); transition: color .25s, border-color .25s; }
.hareket .kt-gunler .barda.dolu { color: var(--vurgu-ustu); border-color: var(--vurgu); }
.hareket .kt-gunler .cikti { --cizik: 0; transform: none; transition: transform .7s var(--egri); }
.hareket .kt-gunler .cikti::after { transition: transform .45s var(--egri); }
.hareket .kt-gunler .cikti.dustu { --cizik: 1; transform: translateY(34%); }
.kt-gun-aciklama { display: grid; gap: 1rem; max-width: 66rem; margin: clamp(2.75rem, 5vw, 4rem) auto 0; text-align: left; font-size: .9375rem; }
.kt-gun-aciklama dt { font-weight: 600; }
.kt-gun-aciklama dd { color: var(--soluk); max-width: 32ch; }
@media (min-width: 900px) {
  .kt-gun-aciklama { grid-template-columns: 3fr 11fr 1fr; gap: clamp(.3rem, .9vw, .85rem); }
  .kt-gun-aciklama div:last-child { justify-self: end; width: max-content; max-width: 17rem; text-align: right; }
}

.kt-aksam { padding-block: var(--bosluk) calc(var(--bosluk) * .55); }
.kt-aksam h2 { max-width: 13em; }
.kt-aksam .kt-bag { margin-top: 1.75rem; }

.kt-sss { padding-block: calc(var(--bosluk) * .55) var(--bosluk); }
.kt-sss-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.kt .kt-sss h2 { font-size: var(--t-2); }
.kt-sss-liste { border-top: 1px solid var(--cizgi-guclu); }
.kt-sss-liste details { border-bottom: 1px solid var(--cizgi-guclu); }
.kt-sss-liste summary {
  display: flex; justify-content: space-between; align-items: center; gap: 1.5rem;
  padding: 1.35rem 0; cursor: pointer; list-style: none;
  font-family: var(--baslik); font-size: var(--t-3); line-height: 1.25;
}
.kt-sss-liste summary::-webkit-details-marker { display: none; }
.kt-sss-liste summary::after {
  content: ""; flex: none; width: 14px; height: 14px;
  background: linear-gradient(currentColor, currentColor) 50% / 100% 1.5px no-repeat, linear-gradient(currentColor, currentColor) 50% / 1.5px 100% no-repeat;
  transition: transform .5s var(--egri);
}
.kt-sss-liste details[open] summary::after { transform: rotate(135deg); }
.kt-sss-liste details p { padding: 0 0 1.5rem; color: var(--soluk); max-width: 60ch; }
@supports (interpolate-size: allow-keywords) {
  .kt-sss-liste { interpolate-size: allow-keywords; }
  .kt-sss-liste details::details-content { height: 0; overflow: clip; transition: height .5s var(--egri), content-visibility .5s allow-discrete; }
  .kt-sss-liste details[open]::details-content { height: auto; }
}
@media (min-width: 900px) {
  .kt-sss-izgara { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
  .kt-sss h2 { position: sticky; top: calc(var(--ust-boy) + 2rem); }
}

.kt-ziyaret { padding-block: var(--bosluk); scroll-margin-top: 0; }
.kt-ziyaret-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3rem; }
.kt-kapi-foto { aspect-ratio: 3 / 4; max-width: 30rem; }
.kt-kapi-foto img { width: 100%; height: 100%; object-fit: cover; }
.kt-simdi { font-family: var(--baslik); font-size: var(--t-1); line-height: 1.02; letter-spacing: -.018em; text-wrap: balance; }
.kt-simdi span { display: block; }
.kt-simdi span + span { color: var(--vurgu); }
.kt-simdi[data-durum="kapali"] span + span { color: var(--soluk); }
.kt .kt-ziyaret h2 { font-size: var(--t-2); margin-top: clamp(2.5rem, 6vw, 4.5rem); }
.kt-ziyaret-giris { margin: .9rem 0 2rem; color: var(--soluk); max-width: 40ch; }
.kt-saatler { display: grid; }
.kt-saatler div { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--cizgi-guclu); }
.kt-saatler div:first-child { border-top: 1px solid var(--cizgi-guclu); }
.kt-saatler dd { font-variant-numeric: tabular-nums; }
.kt-saatler .bugun dt { font-weight: 700; }
.kt-saatler .bugun dt::after { content: " (bugün)"; font-weight: 400; color: var(--vurgu); }
.kt-ziyaret-alt { display: grid; gap: 1.5rem 3rem; margin-top: 2rem; }
.kt-adres, .kt-yazin { font-style: normal; color: var(--soluk); }
.kt-adres strong, .kt-yazin strong { display: block; color: var(--yazi); font-family: var(--baslik); font-weight: 400; font-size: var(--t-3); margin-bottom: .25rem; }
.kt-harita { margin-top: 2.5rem; border-radius: var(--r); background: var(--yuzey); overflow: hidden; }
.kt-harita svg { width: 100%; height: auto; }
.kt-harita .h-park { fill: color-mix(in srgb, var(--adacayi) 30%, transparent); }
.kt-harita .h-cadde { fill: none; stroke: var(--cizgi-guclu); stroke-width: 18; stroke-linecap: round; }
.kt-harita .h-sokak { fill: none; stroke: var(--cizgi); stroke-width: 10; stroke-linecap: round; }
.kt-harita .h-pin { fill: var(--vurgu); }
.kt-harita .h-yazi { fill: var(--soluk); font-family: var(--metin); font-size: 15px; }
.kt-harita .h-yazi-ana { fill: var(--yazi); font-family: var(--baslik); font-size: 20px; }
.kt-harita figcaption { padding: .75rem 1rem; font-size: .8125rem; color: var(--soluk); }
.hareket .kt-harita [data-cizgi] { stroke-dashoffset: 1; }
@media (min-width: 640px) { .kt-ziyaret-alt { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) {
  .kt-ziyaret-izgara { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
  .kt-kapi-foto { position: sticky; top: 11svh; max-width: none; max-height: 80svh; width: 100%; }
}

.kt-alt { padding-block: clamp(3.5rem, 7vw, 5.5rem) 0; background: var(--zemin-aksam); font-size: .9375rem; }
.kt-alt-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem 1.5rem; padding-bottom: clamp(2.5rem, 5vw, 4rem); }
.kt .kt-alt h2 { font-family: var(--metin); font-size: var(--t-kucuk); font-weight: 600; color: var(--soluk); margin-bottom: .6rem; letter-spacing: 0; line-height: 1.4; }
.kt-alt address { font-style: normal; }
.kt-alt ul { padding: 0; }
.kt-alt ul a { text-decoration: none; }
.kt-alt ul a:hover { text-decoration: underline; text-underline-offset: 4px; }
.kt-alt-marka p { margin-top: .9rem; color: var(--soluk); max-width: 24ch; }
.kt-konsept-not { padding: 1.5rem 0 2rem; border-top: 1px solid var(--cizgi); font-size: .8125rem; color: var(--soluk); }
.kt-konsept-not > * { max-width: 80ch; }
@media (min-width: 560px) { .kt-alt-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kt-alt-marka { grid-column: 1 / -1; } }
@media (min-width: 1000px) { .kt-alt-izgara { grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)); } .kt-alt-marka { grid-column: auto; } }

.kt-cubuk-bilgi { display: flex; align-items: center; gap: .7rem; }
.kt-cubuk-bilgi > span { display: grid; }
.kt-cubuk-bilgi strong { font-variant-numeric: tabular-nums; }
.alt-cubuk { background: color-mix(in oklab, var(--zemin), var(--zemin-aksam) calc(var(--g, 0) * 100%)); }

.hareket [data-bugu] { opacity: 0; }
.hareket [data-dol] { clip-path: ellipse(calc(58% + 96% * var(--dol, 0)) calc(132% * var(--dol, 0)) at 50% 100%); }
.hareket [data-dol] img { transform: scale(calc(1.14 - .14 * var(--dol, 0))); }

@media (max-width: 899px) {
  :root { --bosluk: clamp(4.25rem, 16vw, 6rem); }
  .kp {
    --kp-boy: 7.8;
    --kp-baslik-ust: 1.75rem;
    --t-dev: clamp(2.9rem, 13.2vw, 4.4rem);
    --k-ust: 57svh; --k-sag: 9vw; --k-sol: 9vw; --k-yari: 41vw; --k-kay: 47svh;
  }
  .kp-poster, .kp-kemer .film-tuval { transform-origin: 50% 24%; }
  .kp-alt { bottom: auto; top: calc(var(--kp-baslik-ust) + var(--t-dev) * 2.94 + 1.5rem); width: auto; right: var(--kenar); gap: 1.1rem; }
  .hareket .kp:not(.kp-durgun) .kp-alt { bottom: auto; }
  .kp-golge { background: linear-gradient(0deg, color-mix(in srgb, var(--kavrum-renk) 88%, transparent) 0%, color-mix(in srgb, var(--kavrum-renk) 74%, transparent) 34%, color-mix(in srgb, var(--kavrum-renk) 0%, transparent) 64%); }
  .hareket .kp:not(.kp-durgun) .kp-durak,
  .hareket .kp:not(.kp-durgun) .kp-durak[data-durak="2"] { left: var(--kenar); right: var(--kenar); width: auto; top: auto; bottom: calc(100px + env(safe-area-inset-bottom)); }
  .kp .kp-durak-yazi h2 { font-size: clamp(1.9rem, 8.4vw, 2.6rem); }
  .kt-bar-liste[data-kaydirmali] { --kart-genislik: 80%; gap: 1.25rem; margin-top: 1.5rem; }
  .kt-bar-liste[data-kaydirmali] .kt-bar-oge { border-bottom: 0; padding-block: 0; }
  .kt .kt-menu-ad { font-size: 1.5rem; }
  .kt-masa-foto { margin-left: 0; aspect-ratio: 4 / 3; border-radius: 0; }
  .kt-masa-not { padding-left: var(--kenar); }
  .kt-tadim-fotolar { padding-bottom: 22%; }
  .kt-tadim-arka { margin-left: 0; margin-right: calc(var(--kenar) * -1); border-radius: var(--r) 0 0 var(--r); }
  .kt-tadim-on { left: auto; right: 0; width: 44%; }
  .kt-gunler { grid-template-columns: repeat(5, minmax(0, 1fr)); --aralik: .7rem; max-width: 22rem; }
  .kt-gunler li { font-size: .9375rem; }
  .kt-gunler .cikti, .hareket .kt-gunler .cikti.dustu { transform: translateY(18%); }
  .kt-gun-aciklama { max-width: 22rem; }
}
@media (max-width: 899px) and (max-height: 720px) {
  .kp-giris-metin { display: none; }
}
@media (min-width: 900px) and (max-height: 760px) {
  .kp { --kp-baslik-ust: 12svh; --t-dev: clamp(2.9rem, 6.6vw, 7rem); }
  .kp-giris-metin { max-width: 32ch; }
}

.kt-sayfa-bas { padding-block: clamp(3rem, 9svh, 7rem) clamp(2.5rem, 6vw, 5rem); }
.kt .kt-dev { font-size: var(--t-dev); line-height: .98; letter-spacing: -.022em; }
.kt-sayfa-bas-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.75rem; align-items: end; }
.kt-sayfa-bas-yan .kt-giris { margin-top: 0; }
.kt-sayfa-bas-yan .kt-ara-baslik { margin-top: 1.25rem; }
@media (min-width: 900px) { .kt-sayfa-bas-izgara { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(3rem, 7vw, 7rem); } }

.kt-menu-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; padding-bottom: var(--bosluk); }
.kt-menu-yan { display: contents; }
.kt-menu-nav { position: sticky; top: 0; z-index: 70; margin-inline: calc(var(--kenar) * -1); padding-inline: var(--kenar); background: var(--zemin); border-block: 1px solid var(--cizgi); transition: top .5s var(--egri); }
[data-ust]:not(.ust-cekik) ~ main .kt-menu-nav { top: var(--ust-boy); }
.kt-menu-nav ol { display: flex; gap: .5rem; overflow-x: auto; scrollbar-width: none; padding: .7rem 0; margin: 0; list-style: none; }
.kt-menu-nav ol::-webkit-scrollbar { display: none; }
.kt-menu-nav a {
  display: inline-flex; align-items: center; min-height: 40px; padding: .35rem 1rem; border-radius: 999px;
  border: 1px solid var(--cizgi-guclu); text-decoration: none; white-space: nowrap; font-size: .9375rem;
  transition: background-color .3s, color .3s, border-color .3s;
}
.kt-menu-nav a.etkin { background: var(--yazi); color: var(--zemin); border-color: var(--yazi); }
.kt-menu-kemer-kap { display: none; }
.kt-menu-kemer { position: relative; height: min(58svh, 34rem); }
.kt-menu-kare { position: absolute; inset: 0; background: var(--kemer-zemin); }
.kt-menu-kare img { width: 100%; height: 100%; object-fit: cover; }
.kt-menu-kare--beyaz { isolation: isolate; }
.kt-menu-kare--beyaz img { mix-blend-mode: multiply; }
.hareket .kt-menu-kare { clip-path: ellipse(calc(58% + 96% * var(--dol, 1)) calc(132% * var(--dol, 1)) at 50% 100%); }
.hareket .kt-menu-kare img { transform: scale(calc(1.16 - .16 * var(--dol, 1))); }
html:not(.hareket) .kt-menu-kare:not(.ustte) { visibility: hidden; }
html:not(.hareket) .kt-menu-kare:first-child:not(.ustte) { visibility: visible; }
.kt-menu-altyazi { margin-top: 1rem; font-size: var(--t-kucuk); color: var(--soluk); min-height: 2.8em; max-width: 34ch; }

.kt-menu { display: grid; gap: clamp(1rem, 2vw, 1.75rem); }
.kt-yaprak {
  --kagit: color-mix(in srgb, var(--cig-renk) 40%, #fff);
  --yazi: var(--kavrum-renk); --zemin: var(--kagit); --vurgu: #972528; --vurgu-ustu: var(--cig-renk); --kraft: #654A2A;
  --soluk: color-mix(in srgb, var(--kavrum-renk) 74%, var(--kagit));
  --cizgi: color-mix(in srgb, var(--kavrum-renk) 16%, transparent);
  --cizgi-guclu: color-mix(in srgb, var(--kavrum-renk) 38%, transparent);
  --odak: #972528;
  background: var(--kagit); color: var(--yazi);
  padding: clamp(1.75rem, 4.5vw, 4rem); border-radius: 4px; scroll-margin-top: calc(var(--ust-boy) + 4.5rem);
}
:root:not([data-tema="acik"]) .kt-yaprak { --kagit: var(--cig-renk); }
.kt .kt-yaprak h2 { font-size: var(--t-2); }
.kt-yaprak-not { margin: .8rem 0 0; color: var(--soluk); max-width: 50ch; }
.kt-yaprak-foto { margin: 1.5rem 0 0; }
.kt-yaprak-foto img { width: 100%; aspect-ratio: 5 / 2; object-fit: cover; border-radius: 4px; }
.kt-menu-liste { display: grid; gap: 1.5rem; margin: clamp(1.75rem, 3.5vw, 2.75rem) 0 0; padding: 0; list-style: none; }
.kt .kt-yaprak .kt-menu-ad { font-size: var(--t-3); }
.kt-yaprak .kt-menu-fiyat { font-size: inherit; }
.kt-menu-not { margin-top: .2rem; color: var(--soluk); font-size: .9375rem; max-width: 48ch; }
.kt-rozet { display: inline-block; margin-left: .5rem; padding: .05rem .55rem; border-radius: 999px; background: var(--vurgu); color: var(--vurgu-ustu); font-family: var(--metin); font-size: .75rem; font-weight: 600; letter-spacing: 0; vertical-align: .3em; }
.kt-yaprak.kt-yaprak--kraft, :root:not([data-tema="acik"]) .kt-yaprak.kt-yaprak--kraft { --kagit: var(--kraft-kagit); --soluk: color-mix(in srgb, var(--kavrum-renk) 84%, var(--kraft-kagit)); }
.kt-cekirdekler { display: grid; margin: clamp(1.75rem, 3.5vw, 2.75rem) 0 0; padding: 0; list-style: none; border-top: 1px dashed var(--cizgi-guclu); }
.kt-cekirdek { display: grid; grid-template-columns: minmax(0, 1fr); gap: .6rem 2rem; padding: 1.5rem 0; border-bottom: 1px dashed var(--cizgi-guclu); }
.kt .kt-cekirdek h3 { font-size: var(--t-2); line-height: 1.1; }
.kt-cekirdek-not { color: var(--soluk); }
.kt-cekirdek dl { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; font-size: .9375rem; }
.kt-cekirdek dl div { display: flex; gap: .4rem; }
.kt-cekirdek dt { color: var(--soluk); }
.kt-cekirdek dd { font-weight: 600; font-variant-numeric: tabular-nums; }
.kt-cekirdek-yan { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; }
.kt-cekirdek-fiyat { font-weight: 600; font-variant-numeric: tabular-nums; font-size: var(--t-3); white-space: nowrap; }
.kt-cekirdek-damga { display: inline-flex; gap: .4rem; padding: .25rem .75rem; border: 1.5px solid currentColor; border-radius: 999px; font-size: var(--t-kucuk); white-space: nowrap; }
.kt-cekirdek-damga span { color: var(--soluk); }
.kt-yaprak .kt-not { margin-top: 1.5rem; font-size: var(--t-kucuk); color: var(--soluk); max-width: 70ch; }
.kt-yaprak .kt-dugmeler { margin-top: 2rem; }
@media (min-width: 760px) {
  .kt-cekirdek { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
  .kt-cekirdek-ana { display: grid; gap: .6rem; }
  .kt-cekirdek-yan { display: grid; gap: .75rem; justify-items: end; text-align: right; }
}
@media (min-width: 900px) {
  .kt-menu-izgara { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
  .kt-menu-yan { display: block; position: sticky; top: calc(var(--ust-boy) + 1.5rem); }
  .kt-menu-nav { position: static; margin: 0; padding: 0; background: none; border: 0; }
  .kt-menu-nav ol { display: grid; gap: 0; padding: 0; overflow: visible; }
  .kt-menu-nav a { display: flex; justify-content: space-between; min-height: 0; padding: .5rem 0; border: 0; border-radius: 0; border-bottom: 1px solid var(--cizgi); font-family: var(--baslik); font-size: var(--t-3); color: var(--soluk); transition: color .3s; }
  .kt-menu-nav a:hover { color: var(--yazi); }
  .kt-menu-nav a.etkin { background: none; color: var(--yazi); border-color: var(--yazi); }
  .kt-menu-nav a.etkin::after { content: ""; align-self: center; width: 8px; height: 8px; border-radius: 50%; background: var(--vurgu); }
  .kt-menu-kemer-kap { display: block; margin-top: 2rem; }
  .kt-yaprak-foto { display: none; }
}
@media (max-height: 820px) and (min-width: 900px) { .kt-menu-kemer { height: 42svh; } }

.kt-hikaye-bas { padding-top: clamp(3rem, 9svh, 7rem); }
.kt-hikaye-bas h1 { max-width: 10em; }
.kt-hikaye-bas .kt-giris { max-width: 46ch; margin-top: 2rem; }
.kt-genis-foto { margin: clamp(3rem, 7vw, 6rem) 0 0 max(var(--kenar), 17vw); aspect-ratio: 16 / 9; border-radius: var(--r) 0 0 var(--r); overflow: hidden; background: var(--yuzey); }
.kt-genis-foto img { width: 100%; height: 100%; object-fit: cover; }
.kt-bolum { padding-block: var(--bosluk); }
.kt-yazi-sutun { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
.kt-yazi-sutun h2 { max-width: 9em; }
.kt-yazi-sutun-ic p { font-size: clamp(1.1rem, 1rem + .5vw, 1.4rem); line-height: 1.62; max-width: 34em; }
.kt-yazi-sutun-ic p + p { margin-top: 1.25rem; }
@media (min-width: 900px) { .kt-yazi-sutun { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; } .kt-yazi-sutun-ic { padding-top: .6rem; } }

.kt-kaynak-foto { margin: 0 max(var(--kenar), 17vw) 0 0; aspect-ratio: 16 / 8; border-radius: 0 var(--r) var(--r) 0; overflow: hidden; background: var(--yuzey); }
.kt-kaynak-foto img { width: 100%; height: 100%; object-fit: cover; }
.kt-kaynak-yazi { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem 3rem; margin-top: clamp(2.5rem, 5vw, 4rem); }
.kt-kaynak-yazi p { color: var(--soluk); max-width: 42ch; }
@media (min-width: 900px) { .kt-kaynak-yazi { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 3fr); align-items: start; } }

.kt-ilke-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3rem; }
.kt-ilke-foto { aspect-ratio: 4 / 5; max-width: 30rem; }
.kt-ilke-foto img { width: 100%; height: 100%; object-fit: cover; }
.kt-ilkeler { display: grid; margin: clamp(2rem, 4vw, 3rem) 0 2rem; padding: 0; list-style: none; border-top: 1px solid var(--cizgi-guclu); }
.kt-ilkeler li { padding: 1.4rem 0; border-bottom: 1px solid var(--cizgi-guclu); }
.kt .kt-ilkeler h3 { font-size: var(--t-2); margin-bottom: .5rem; }
.kt-ilkeler p { color: var(--soluk); max-width: 46ch; }
@media (min-width: 900px) { .kt-ilke-izgara { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; } .kt-ilke-foto { position: sticky; top: 11svh; max-width: none; max-height: 78svh; width: 100%; } }

.kt-kavurma { position: relative; background: color-mix(in srgb, var(--yazi) 5%, transparent); }
.kt-kavurma-yapiskan { padding-block: var(--bosluk); }
.kt-kavurma-ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
.kt-kavurma h2 { max-width: 8em; }
.kt-kavurma-giris { margin-top: 1.25rem; color: var(--soluk); max-width: 40ch; }
.kt-olcum { display: flex; gap: 2.5rem; margin-top: 2rem; }
.kt-olcum p { display: grid; }
.kt-olcum-sayi { font-family: var(--baslik); font-size: clamp(2.6rem, 1.8rem + 3vw, 4.6rem); line-height: 1; font-variant-numeric: tabular-nums; }
.kt-olcum-ad { font-size: var(--t-kucuk); color: var(--soluk); margin-top: .35rem; }
.kt-evreler { display: grid; gap: 1.25rem; margin: 2.5rem 0 0; padding: 0; list-style: none; }
.kt-evre-saat { font-size: var(--t-kucuk); color: var(--kraft); }
.kt .kt-evreler h3 { margin: .15rem 0 .35rem; }
.kt-evreler li > p:last-child { color: var(--soluk); max-width: 42ch; }
.kt-egri { margin: 0; }
.kt-egri-svg { width: 100%; height: auto; overflow: visible; }
.kt-izgara { stroke: var(--cizgi); stroke-width: 1; fill: none; }
.kt-bant { fill: var(--yazi); opacity: 0; }
.kt-bant[data-bant="0"] { opacity: .035; }
.kt-bant[data-bant="1"] { opacity: .07; }
.kt-eksen { fill: var(--soluk); font-family: var(--metin); font-size: 15px; font-variant-numeric: tabular-nums; }
.kt-eksen-ad { font-size: 14px; }
.kt-egri-iz { fill: none; stroke: var(--cizgi-guclu); stroke-width: 2; stroke-dasharray: 4 7; }
.kt-egri-cizgi { fill: none; stroke: var(--vurgu); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 1 1; stroke-dashoffset: 0; }
.kt-egri-uc { fill: var(--vurgu); stroke: var(--zemin); stroke-width: 4; opacity: 0; }
.kt-isaret circle { fill: var(--zemin); stroke: var(--vurgu); stroke-width: 3; }
.kt-isaret text { fill: var(--yazi); font-family: var(--metin); font-size: 16px; font-weight: 600; }
.kt-egri figcaption { margin-top: 1.25rem; font-size: var(--t-kucuk); color: var(--soluk); max-width: 60ch; }
@media (min-width: 900px) { .kt-kavurma-ic { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); } }
@media (max-width: 699px) {
  .kt-eksen { font-size: 26px; }
  .kt-eksen-ad { display: none; }
  .kt-isaret text { font-size: 30px; }
  .kt-isaret circle { r: 9px; stroke-width: 5; }
  .kt-egri-cizgi { stroke-width: 7; }
  .kt-egri-uc { r: 14px; }
}
.hareket .kt-kavurma { height: 340svh; }
.hareket .kt-kavurma-yapiskan { position: sticky; top: 0; height: 100svh; display: flex; align-items: center; padding-block: 0; overflow: hidden; }
.hareket .kt-egri-uc { opacity: 1; }
.hareket .kt-isaret { opacity: .25; transition: opacity .5s; }
.hareket .kt-isaret.gecti { opacity: 1; }
.hareket .kt-evreler { margin-top: 2rem; min-height: 9rem; }
.hareket .kt-evreler li { grid-area: 1 / 1; opacity: 0; transform: translateY(12px); transition: opacity .45s, transform .55s var(--egri); }
.hareket .kt-evreler li.etkin { opacity: 1; transform: none; }
.hareket .kt-kavurma-giris { display: none; }
@media (max-width: 899px) {
  .hareket .kt-kavurma { height: 300svh; }
  .hareket .kt-kavurma-ic { gap: 1rem; }
  .hareket .kt .kt-kavurma h2 { font-size: clamp(1.9rem, 7.5vw, 2.6rem); }
  .hareket .kt-olcum { margin-top: 1rem; gap: 2rem; }
  .hareket .kt-olcum-sayi { font-size: clamp(2.2rem, 11vw, 3rem); }
  .hareket .kt-egri figcaption { display: none; }
}
@media (max-width: 899px) and (max-height: 700px) {
  .hareket .kt-evreler li > p:last-child { display: none; }
  .hareket .kt-evreler { min-height: 3.5rem; }
}

.kt-defter-bas { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.kt-defter-bas h2 { max-width: 9em; }
.kt-defter-bas p { color: var(--soluk); max-width: 44ch; }
@media (min-width: 900px) { .kt-defter-bas { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(3rem, 7vw, 7rem); align-items: end; } }
.kt-defter { overflow-x: auto; }
.kt-defter-tablo { width: 100%; min-width: 760px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.kt-defter-tablo caption { caption-side: bottom; text-align: left; padding-top: .9rem; font-size: .8125rem; color: var(--soluk); }
.kt-defter-tablo th, .kt-defter-tablo td { padding: 1rem 1rem 1rem 0; text-align: left; vertical-align: baseline; border-bottom: 1px dashed var(--cizgi-guclu); }
.kt-defter-tablo thead th { font-size: .8125rem; font-weight: 500; color: var(--soluk); border-bottom: 1.5px solid var(--yazi); }
.kt-defter-tablo tbody th { font-family: var(--baslik); font-weight: 400; font-size: var(--t-3); white-space: nowrap; }
.kt-sonuc { font-weight: 600; }
.kt-defter-tablo [data-sonuc="ayrildi"] .kt-sonuc { color: var(--vurgu); }

.kt-tek-izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; align-items: center; }
.kt-tek-izgara p { margin-top: 1.5rem; color: var(--soluk); max-width: 42ch; }
.kt-tek-foto { aspect-ratio: 3 / 2; border-radius: var(--r); overflow: hidden; background: var(--yuzey); }
.kt-tek-foto img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 900px) { .kt-tek-izgara { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(3rem, 7vw, 7rem); } }

.kt-ig-bas { margin-bottom: clamp(2rem, 4vw, 3rem); }
.kt .kt-ig-bas h2 { font-size: var(--t-2); }
.kt-ig-bas p { margin-top: .8rem; color: var(--soluk); max-width: 46ch; }
.kt-ig { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; padding: 0; margin: 0; list-style: none; }
.kt-ig li { aspect-ratio: 1; overflow: hidden; border-radius: 4px; background: var(--yuzey); }
.kt-ig img { width: 100%; height: 100%; object-fit: cover; }
.kt-not { margin-top: 1.5rem; font-size: var(--t-kucuk); color: var(--soluk); max-width: 70ch; }
@media (min-width: 700px) { .kt-ig { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; } }

.kt-kapanis { padding-block: var(--bosluk) calc(var(--bosluk) * 1.1); text-align: center; }
.kt-kapanis blockquote { margin: 0; }
.kt-kapanis footer { margin-top: 1.5rem; color: var(--soluk); font-size: var(--t-kucuk); }
.kt-kapanis .kt-dugmeler { justify-content: center; margin-top: 2.75rem; }
.kt-ic .kt-alt { background: var(--zemin); border-top: 1px solid var(--cizgi); }
.kt-ic .kt-ust, .kt-ic .alt-cubuk { background: var(--zemin); }

@media (max-width: 899px) {
  .kt-genis-foto { margin-left: 0; aspect-ratio: 4 / 3; border-radius: 0; }
  .kt-kaynak-foto { margin-right: 0; aspect-ratio: 4 / 3; border-radius: 0; }
  .kt-defter { overflow: visible; }
  .kt-defter-tablo { min-width: 0; }
  .kt-defter-tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .kt-defter-tablo tbody { display: grid; }
  .kt-defter-tablo tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem 1rem; padding: 1.25rem 0; border-bottom: 1px dashed var(--cizgi-guclu); }
  .kt-defter-tablo tbody th { grid-column: 1 / -1; padding: 0; border: 0; }
  .kt-defter-tablo td { display: grid; padding: 0; border: 0; }
  .kt-defter-tablo td::before { content: attr(data-etiket); font-size: .75rem; color: var(--soluk); }
  .kt-defter-tablo td:nth-of-type(1), .kt-defter-tablo td:nth-of-type(5), .kt-defter-tablo td:nth-of-type(6) { grid-column: 1 / -1; }
}