/* =============================================================================
   KARE — Fotoğrafçı · Düğün · Organizasyon  (aşama 2 kabuğu, önek: kr-)
   Kontak sayfası menüsü · film başlığı · film kenarlı alt bilgi · iris geçişi
   ============================================================================= */
@font-face { font-family: "Gloock"; src: url("../fonts/gloock-latin-ext.woff2") format("woff2"); font-weight: 400; font-display: swap;
    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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Gloock"; src: url("../fonts/gloock-latin.woff2") format("woff2"); font-weight: 400; font-display: swap;
    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: "Inter"; src: url("../fonts/inter-latin-ext.woff2") format("woff2"); font-weight: 100 900; font-display: swap;
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
    --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --fd: "Gloock", Georgia, "Times New Roman", serif;
    --film: var(--c-contrast, #0b0b0b);
    --paper: var(--c-bg, #f6f4f0);
    --hole: #f6f4f0;
    --perf: radial-gradient(ellipse 6px 4px at 50% 50%, var(--hole) 96%, transparent) 0 0 / 22px 100% repeat-x;
    --gut: clamp(1rem, 0.3rem + 3.2vw, 2.8rem);
    --max: 1380px;
    --ease: cubic-bezier(.2, .85, .2, 1);
    --lead-h: 62px;
    --strip-h: 0px;
    color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 5rem; }
body { margin: 0; font: 400 1rem/1.62 var(--font); color: var(--c-ink); background: var(--paper); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 3px; }
::selection { background: var(--c-accent); color: var(--c-on-accent); }
.icon { width: 1.15em; height: 1.15em; flex: none; }
.kr-vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kr-skip { position: fixed; left: 1rem; top: -4rem; z-index: 300; padding: .7rem 1rem; background: var(--c-accent); color: var(--c-on-accent); font-weight: 700; transition: top .2s; }
.kr-skip:focus { top: 1rem; }
.kr-preview { background: var(--c-accent); color: var(--c-on-accent); text-align: center; padding: .5rem; font-size: .8rem; font-weight: 600; }
.kr-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.kr-wrap { width: 100%; max-width: calc(var(--max) + var(--gut) * 2); margin-inline: auto; padding-inline: var(--gut); }
.kr-narrow { max-width: calc(820px + var(--gut) * 2); }
.kr-sec { padding-block: clamp(3.4rem, 2rem + 6vw, 7.5rem); position: relative; }
.kr-sec--tight { padding-block: clamp(2.2rem, 1.4rem + 3.4vw, 4.6rem); }
.kr-sec--dark { background: var(--film); color: var(--c-on-contrast); }
.kr-main { min-height: 60vh; }
.kr-empty { color: var(--c-muted); padding: 2rem 0; }
.kr-link { border-bottom: 1.5px solid var(--c-accent); font-weight: 600; }
.kr-link:hover { background: color-mix(in srgb, var(--c-accent) 26%, transparent); }
.kr-fine { margin-top: 1rem; font-size: .8rem; color: var(--c-muted); }
.kr-sec--dark .kr-fine, .kr-ph--dark .kr-fine { color: var(--c-on-contrast); }

/* ── shared type ──────────────────────────────────────────────────────────── */
.kr-kicker { display: inline-flex; align-items: center; gap: .7rem; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--c-accent-ink); }
.kr-kicker::before { content: ""; width: 1.6rem; height: 2px; background: currentColor; }
.kr-sec--dark .kr-kicker, .kr-hero .kr-kicker, .kr-ph--dark .kr-kicker, .kr-pkg .kr-kicker, .kr-cta .kr-kicker { color: var(--c-accent); }
.kr-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1rem 2rem; margin-bottom: clamp(1.8rem, 1rem + 3vw, 3.6rem); }
.kr-head__t { margin-top: .7rem; font: 400 clamp(2.2rem, 1.2rem + 4vw, 4.6rem)/1.02 var(--fd); letter-spacing: -.005em; max-width: 16ch; text-wrap: balance; }
.kr-head__sub { margin-top: 1rem; max-width: 52ch; color: var(--c-muted); font-size: 1.05rem; }
.kr-sec--dark .kr-head__sub, .kr-pkg .kr-head__sub { color: var(--c-on-contrast); }
.kr-head__link { display: inline-flex; align-items: center; gap: .55rem; font-weight: 700; font-size: .9rem; padding-bottom: .3rem; border-bottom: 2px solid currentColor; transition: gap .25s var(--ease), color .2s; }
.kr-head__link:hover { gap: .95rem; color: var(--c-accent-ink); }
.kr-sec--dark .kr-head__link:hover, .kr-pkg .kr-head__link:hover { color: var(--c-accent); }

/* ── buttons: ink block + peach shutter dot ───────────────────────────────── */
.kr-btn { --bg: var(--c-ink); --fg: var(--c-bg); position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 48px; padding: .75rem 1.5rem .75rem 1.2rem; border: 1.5px solid var(--bg); background: var(--bg); color: var(--fg); font-weight: 700; font-size: .92rem; letter-spacing: .02em; line-height: 1.2; transition: background-color .2s, color .2s, transform .25s var(--ease), border-color .2s; }
.kr-btn::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--c-accent); flex: none; transition: transform .35s var(--ease); }
.kr-btn:hover { transform: translateY(-2px); }
.kr-btn:hover::before { transform: scale(1.7); }
.kr-btn:active { transform: translateY(0); }
.kr-btn--acc { --bg: var(--c-accent); --fg: var(--c-on-accent); }
.kr-btn--acc::before { background: var(--c-on-accent); }
.kr-btn--acc:hover { --bg: var(--c-accent-soft); }
.kr-btn--line { --bg: transparent; --fg: currentColor; border-color: currentColor; }
.kr-btn--line:hover { --bg: var(--c-accent); --fg: var(--c-on-accent); border-color: var(--c-accent); }
.kr-btn--line:hover::before { background: var(--c-on-accent); }
.kr-btn--sm { min-height: 42px; padding: .5rem 1.1rem .5rem .95rem; font-size: .85rem; }
.kr-btn--block { width: 100%; }
.kr-btn .icon { width: 1.05em; height: 1.05em; }

/* ── forms: ink-line fields ───────────────────────────────────────────────── */
.kr-form { display: grid; gap: 1.1rem; }
.kr-row { display: grid; gap: 1.1rem; }
@media (min-width: 640px) { .kr-row { grid-template-columns: 1fr 1fr; } }
.kr-field { display: grid; gap: .35rem; }
.kr-field label { font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--c-ink-soft); }
.kr-field input, .kr-field select, .kr-field textarea { width: 100%; min-height: 50px; padding: .7rem .85rem; background: #fff; border: 1.5px solid var(--c-ink); border-radius: 0; font-size: 1rem; transition: box-shadow .2s, background-color .2s; }
.kr-field textarea { min-height: 7.5rem; resize: vertical; }
.kr-field input:focus, .kr-field select:focus, .kr-field textarea:focus { outline: none; box-shadow: 4px 4px 0 var(--c-accent); background: #fffdf9; }
.kr-field.is-err input, .kr-field.is-err textarea { border-color: #b3261e; }
.kr-err { color: #b3261e; font-size: .84rem; font-weight: 600; }
.kr-note { padding: 1.4rem 1.5rem; border: 1.5px solid var(--c-ink); background: var(--c-surface); }
.kr-note h2 { font: 400 1.5rem/1.1 var(--fd); }
.kr-note p { margin-top: .5rem; color: var(--c-ink-soft); }
.kr-note--ok { border-left: 8px solid var(--c-accent); }

/* ── film başlığı: siyah leader + perforasyon ─────────────────────────────── */
.kr-lead { position: relative; z-index: 5; display: flex; align-items: center; gap: 1.6rem; min-height: var(--lead-h); padding: 0 calc(var(--gut) + 168px) 10px var(--gut); background: var(--film); color: var(--c-on-contrast-strong); }
.kr-lead::after { content: ""; position: absolute; left: 0; right: 0; bottom: 5px; height: 7px; background: var(--perf); opacity: .85; }
.kr-logo { display: inline-flex; align-items: center; gap: .75rem; }
.kr-logo__mark { position: relative; display: grid; place-items: center; width: 34px; height: 34px; color: var(--c-accent); }
.kr-logo__mark i { position: absolute; width: 9px; height: 9px; border: 0 solid currentColor; }
.kr-logo__mark i:nth-child(1) { left: 0; top: 0; border-width: 2px 0 0 2px; } .kr-logo__mark i:nth-child(2) { right: 0; top: 0; border-width: 2px 2px 0 0; }
.kr-logo__mark i:nth-child(3) { left: 0; bottom: 0; border-width: 0 0 2px 2px; } .kr-logo__mark i:nth-child(4) { right: 0; bottom: 0; border-width: 0 2px 2px 0; }
.kr-logo__mark .icon { width: 16px; height: 16px; }
.kr-logo__t { font: 400 1.7rem/1 var(--fd); letter-spacing: .04em; }
.kr-logo__img { max-height: 36px; width: auto; }
.kr-lead__edge { display: none; flex: 1; justify-content: center; gap: 2.4rem; font-size: .62rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--c-accent); white-space: nowrap; overflow: hidden; }
@media (min-width: 1000px) { .kr-lead__edge { display: flex; } }
.kr-lead__tel { margin-left: auto; display: inline-flex; align-items: center; gap: .5rem; font-size: .84rem; font-weight: 600; color: var(--c-on-contrast-strong); white-space: nowrap; }
.kr-lead__tel .icon { width: 1rem; height: 1rem; color: var(--c-accent); }
.kr-lead__tel:hover { color: var(--c-accent); }

/* ── menü düğmesi (sabit) ─────────────────────────────────────────────────── */
.kr-mb { position: fixed; z-index: 80; top: 9px; right: var(--gut); display: inline-flex; align-items: center; gap: .75rem; height: 44px; padding: 0 .95rem 0 .85rem; background: var(--film); color: #fff; border: 1.5px solid var(--c-accent); font-size: .7rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; transition: background-color .2s, color .2s, transform .3s var(--ease); }
.kr-mb:hover { background: var(--c-accent); color: var(--c-on-accent); }
.kr-mb__g { display: grid; grid-template-columns: repeat(3, 5px); gap: 3px; }
.kr-mb__g i { width: 5px; height: 5px; background: var(--c-accent); transition: background-color .2s, transform .35s var(--ease); }
.kr-mb:hover .kr-mb__g i { background: var(--c-on-accent); }
.kr-mb:hover .kr-mb__g i:nth-child(odd) { transform: scale(.6); }
.kr-mb__no { font-size: .66rem; letter-spacing: .1em; color: var(--c-accent-soft); font-variant-numeric: tabular-nums; }
.kr-mb:hover .kr-mb__no { color: var(--c-on-accent); }
.kr-mb__no b { font-weight: 800; }

/* ── KONTAK SAYFASI MENÜSÜ ────────────────────────────────────────────────── */
.kr-menu { --ox: 90%; --oy: 5%; position: fixed; inset: 0; z-index: 90; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; background: #0b0b0b; color: #fff; clip-path: circle(0 at var(--ox) var(--oy)); visibility: hidden; transition: clip-path .75s var(--ease), visibility 0s .75s; overflow: auto; overscroll-behavior: contain; }
.kr-menu.is-open { clip-path: circle(150% at var(--ox) var(--oy)); visibility: visible; transition: clip-path .85s var(--ease), visibility 0s; }
html.no-js .kr-menu { visibility: visible; clip-path: none; position: static; }
.kr-menu__bar { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 14px var(--gut) 20px; }
.kr-menu__bar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 7px; background: var(--perf); opacity: .7; }
.kr-menu__edge { display: flex; gap: 2.2rem; font-size: .64rem; font-weight: 700; letter-spacing: .24em; color: var(--c-accent); white-space: nowrap; overflow: hidden; }
.kr-menu__x { display: inline-flex; align-items: center; gap: .6rem; min-height: 44px; padding: 0 .9rem; background: transparent; border: 1.5px solid rgba(255, 255, 255, .5); color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; transition: background-color .2s, color .2s, border-color .2s; }
.kr-menu__x:hover { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent); }
.kr-fr-list { display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); grid-auto-rows: minmax(150px, 1fr); gap: 10px; padding: 6px var(--gut) 14px; min-height: 0; }
.kr-fr { position: relative; min-height: 0; background: #151514; outline: 1px solid #2c2c2a; outline-offset: -1px; overflow: hidden; opacity: 0; transform: translateY(18px) scale(.985); transition: opacity .35s ease, transform .5s var(--ease); }
.kr-menu.is-open .kr-fr { opacity: 1; transform: none; transition: opacity .6s ease calc(.3s + var(--i) * 55ms), transform .8s var(--ease) calc(.3s + var(--i) * 55ms); }
html.no-js .kr-fr { opacity: 1; transform: none; min-height: 140px; }
.kr-fr__a { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 16px 18px; color: #fff; }
.kr-fr__a::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent 38%, rgba(0, 0, 0, .78)); }
.kr-fr__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) brightness(.55) contrast(1.08); transform: scale(1.04); transition: filter .6s ease, transform 1s var(--ease); }
.kr-fr__a:hover .kr-fr__img, .kr-fr__a:focus-visible .kr-fr__img, .kr-fr.is-cur .kr-fr__img { filter: none; transform: scale(1.09); }
.kr-fr__a:focus-visible { outline: 3px solid var(--c-accent); outline-offset: -3px; }
.kr-fr__no { position: absolute; z-index: 2; top: 14px; left: 18px; font-size: .68rem; font-weight: 800; letter-spacing: .22em; color: var(--c-accent); }
.kr-fr__no b { font-weight: 600; color: #fff; letter-spacing: .1em; }
.kr-fr__t { position: relative; z-index: 2; font: 400 clamp(1.6rem, 1rem + 1.5vw, 2.7rem)/1 var(--fd); text-shadow: 0 2px 14px rgba(0, 0, 0, .5); }
.kr-fr__ring { position: absolute; z-index: 2; left: 11px; top: 6px; width: 104px; height: 34px; border: 2px solid var(--c-accent); border-radius: 52% 48% 50% 50% / 58% 46% 54% 42%; transform: rotate(-7deg) scale(0); opacity: 0; transition: transform .6s var(--ease) .5s, opacity .3s .5s; }
.kr-fr.is-cur .kr-fr__ring { transform: rotate(-7deg) scale(1); opacity: 1; }
.kr-fr--cta { background: var(--c-accent); outline-color: var(--c-accent); }
.kr-fr--cta .kr-fr__a { color: var(--c-on-accent); }
.kr-fr--cta .kr-fr__a::before { display: none; }
.kr-fr--cta .kr-fr__no { color: var(--c-on-accent); }
.kr-fr--cta .kr-fr__t { text-shadow: none; font-size: clamp(1.8rem, 1rem + 2vw, 3.2rem); }
.kr-fr__go { position: absolute; z-index: 2; right: 18px; bottom: 14px; font-size: 2rem; line-height: 1; transition: transform .35s var(--ease); }
.kr-fr--cta .kr-fr__a:hover .kr-fr__go { transform: translateX(8px); }
.kr-fr__sub { position: absolute; z-index: 3; right: 10px; bottom: 10px; display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; max-width: 70%; }
.kr-fr__sub a { padding: .25rem .55rem; background: rgba(0, 0, 0, .7); font-size: .7rem; font-weight: 600; color: #fff; }
.kr-fr__sub a:hover { background: var(--c-accent); color: var(--c-on-accent); }
.kr-menu__foot { display: flex; flex-wrap: wrap; gap: .4rem 2rem; padding: 12px var(--gut) 20px; font-size: .8rem; color: var(--c-on-contrast); }
.kr-menu__foot a { color: #fff; font-weight: 600; }
.kr-menu__foot a:hover { color: var(--c-accent); }
@media (max-width: 839px) {
    .kr-menu { display: block; }
    .kr-menu__edge span:nth-child(n+2) { display: none; }
    .kr-fr-list { position: relative; grid-template-columns: 1fr !important; grid-auto-rows: 104px; padding: 8px calc(var(--gut) + 22px) 14px; gap: 8px; }
    .kr-fr-list::before, .kr-fr-list::after { content: ""; position: absolute; top: 0; bottom: 0; width: 8px; background: radial-gradient(ellipse 4px 6px at 50% 50%, var(--hole) 96%, transparent) 0 0 / 100% 22px repeat-y; opacity: .8; }
    .kr-fr-list::before { left: calc(var(--gut) + 4px); } .kr-fr-list::after { right: calc(var(--gut) + 4px); }
    .kr-fr__t { font-size: 1.7rem; }
    .kr-fr__sub { max-width: 60%; }
}

/* ── mobil film şeridi (altta) ────────────────────────────────────────────── */
.kr-strip { display: none; }
@media (max-width: 899px) {
    :root { --strip-h: 66px; --lead-h: 56px; }
    .kr-strip { display: block; position: fixed; z-index: 70; left: 0; right: 0; bottom: 0; height: calc(var(--strip-h) + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px); background: #0b0b0b; }
    .kr-strip::before, .kr-strip::after { content: ""; position: absolute; left: 0; right: 0; height: 6px; background: var(--perf); opacity: .7; z-index: 1; pointer-events: none; }
    .kr-strip::before { top: 4px; } .kr-strip::after { bottom: calc(4px + env(safe-area-inset-bottom, 0px)); }
    .kr-strip__film { display: flex; gap: 6px; height: 100%; padding: 13px 10px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
    .kr-strip__film::-webkit-scrollbar { display: none; }
    .kr-strip__film li { flex: none; scroll-snap-align: center; }
    .kr-strip__f { display: grid; align-content: center; gap: 1px; height: 100%; min-width: 74px; padding: 0 .7rem; background: #1b1b1a; outline: 1px solid #333330; outline-offset: -1px; color: #d8d4cc; transition: background-color .25s, color .25s; }
    .kr-strip__f b { font-size: .58rem; letter-spacing: .2em; color: var(--c-accent); }
    .kr-strip__f span { font-size: .72rem; font-weight: 700; white-space: nowrap; }
    .kr-strip__f.is-cur { background: var(--c-accent); outline-color: var(--c-accent); color: var(--c-on-accent); }
    .kr-strip__f.is-cur b { color: var(--c-on-accent); }
    .kr-strip__f--cta { background: transparent; outline-color: var(--c-accent); }
    .kr-foot { padding-bottom: calc(var(--strip-h) + env(safe-area-inset-bottom, 0px)); }
    .kr-lead { padding-right: calc(var(--gut) + 110px); gap: .8rem; }
    .kr-lead__tel span { display: none; }
    .kr-lead__tel { display: none; }
    .kr-logo__t { font-size: 1.45rem; }
    .kr-mb { top: 6px; height: 42px; padding: 0 .7rem; }
    .kr-mb__no { display: none; }
    .kr-fab { bottom: calc(var(--strip-h) + 12px) !important; }
}
.kr-fab { position: fixed; right: 14px; bottom: 14px; z-index: 60; }

/* ── imleç vizör ──────────────────────────────────────────────────────────── */
.kr-vf { position: fixed; z-index: 400; left: 0; top: 0; width: 34px; height: 34px; pointer-events: none; opacity: 0; mix-blend-mode: difference; transition: opacity .25s, width .3s var(--ease), height .3s var(--ease); will-change: transform; }
.kr-vf i { position: absolute; width: 11px; height: 11px; border: 0 solid #fff; }
.kr-vf i:nth-child(1) { left: 0; top: 0; border-width: 2px 0 0 2px; } .kr-vf i:nth-child(2) { right: 0; top: 0; border-width: 2px 2px 0 0; }
.kr-vf i:nth-child(3) { left: 0; bottom: 0; border-width: 0 0 2px 2px; } .kr-vf i:nth-child(4) { right: 0; bottom: 0; border-width: 0 2px 2px 0; }
.kr-vf.is-on { opacity: 1; }
.kr-vf.is-lock { transition: opacity .25s, width .3s var(--ease), height .3s var(--ease), transform .28s var(--ease); }
@media (hover: none), (pointer: coarse) { .kr-vf { display: none; } }
/* ── HERO: film şeridi + deklanşör sayacı ─────────────────────────────────── */
.kr-hero { --dur: 21s; --lead: max(var(--gut), calc((100vw - var(--max)) / 2 + var(--gut))); position: relative; isolation: isolate; overflow: hidden; background: var(--film); color: var(--c-on-contrast); padding-top: clamp(1.6rem, .8rem + 3.4vw, 3.8rem); }
.kr-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(46% 60% at 90% 6%, color-mix(in srgb, var(--c-accent) 20%, transparent), transparent 70%), radial-gradient(40% 50% at 0% 100%, rgba(255, 255, 255, .05), transparent 70%); }
.kr-hero__head { display: grid; gap: 1.6rem 3rem; align-items: end; }
@media (min-width: 1000px) { .kr-hero__head { grid-template-columns: minmax(0, 1fr) auto; } }
.kr-tag { display: inline-flex; align-items: center; gap: .7rem; padding-bottom: .55rem; border-bottom: 1px solid rgba(255, 255, 255, .22); font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--c-accent); }
.kr-tag i { width: 8px; height: 8px; border-radius: 50%; background: var(--c-accent); }
.kr-hero__t { margin-top: 1.3rem; font: 400 clamp(2.5rem, 1.1rem + 5.5vw, 6.4rem)/.97 var(--fd); color: #fff; max-width: 15ch; }
.kr-w { display: inline-block; overflow: hidden; vertical-align: top; padding: 0 .1em .14em 0; margin-bottom: -.14em; }
.kr-w > span { display: inline-block; }
.kr-w--hl > span { color: var(--c-accent); }
.kr-hero__sub { margin-top: 1.4rem; max-width: 50ch; font-size: clamp(1.02rem, .98rem + .3vw, 1.22rem); color: color-mix(in srgb, var(--c-on-contrast) 94%, transparent); }
.kr-hero__act { margin-top: 1.7rem; display: flex; flex-wrap: wrap; gap: .8rem; }
.kr-counter { position: relative; display: grid; justify-items: center; align-content: center; gap: .1rem; width: clamp(150px, 15vw, 210px); aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22); box-shadow: inset 0 0 0 9px #0f0f0f, inset 0 0 0 10px rgba(255, 255, 255, .12); text-align: center; }
.kr-counter__ap { position: absolute; top: -14px; left: 50%; width: 44px; height: 44px; margin-left: -22px; padding: 4px; color: var(--c-accent); background: var(--film); border-radius: 50%; }
.kr-counter__l { margin-top: .9rem; font-size: .64rem; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; }
.kr-counter__win { display: block; height: 1em; overflow: hidden; font: 400 clamp(3.2rem, 2.4rem + 2vw, 4.6rem)/1 var(--fd); color: var(--c-accent); }
.kr-counter__col { display: block; }
.kr-counter__col b { display: block; height: 1em; font-weight: 400; line-height: 1; }
.kr-counter__of { font-size: .78rem; font-weight: 600; letter-spacing: .18em; }
@media (max-width: 999px) {
    .kr-counter { width: auto; aspect-ratio: auto; border-radius: 999px; grid-auto-flow: column; justify-content: start; align-items: center; gap: .7rem; padding: .35rem 1.1rem .35rem .5rem; box-shadow: none; justify-self: start; }
    .kr-counter__ap { position: static; margin: 0; width: 34px; height: 34px; }
    .kr-counter__l { margin: 0; }
    .kr-counter__win { font-size: 2rem; }
}
.kr-gate { --fw: clamp(214px, 24vw, 400px); --gap: 14px; --step: calc(var(--fw) + var(--gap)); position: relative; overflow: hidden; margin-top: clamp(1.8rem, 1rem + 3vw, 3.4rem); padding-block: 38px 30px; }
.kr-tilt { position: relative; padding-left: var(--lead); rotate: -1deg; transform-origin: 0 50%; }
.kr-film { display: flex; width: max-content; background: #060606; }
.kr-frame { position: relative; flex: none; width: var(--step); padding: 38px calc(var(--gap) / 2); background: #060606; }
.kr-frame img { width: var(--fw); aspect-ratio: 4 / 3; object-fit: cover; background: #1a1a1a; }
.kr-frame::before, .kr-frame::after { content: ""; position: absolute; left: 0; right: 0; height: 10px; background: linear-gradient(90deg, transparent 0 24%, var(--hole) 24% 76%, transparent 76%) 0 0 / calc(var(--step) / 8) 100%; opacity: .88; }
.kr-frame::before { top: 9px; } .kr-frame::after { bottom: 9px; }
.kr-frame__e { position: absolute; left: calc(var(--gap) / 2); right: calc(var(--gap) / 2); display: flex; justify-content: space-between; gap: .6rem; font-size: 8.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--c-accent); white-space: nowrap; overflow: hidden; line-height: 1; }
.kr-frame__e--t { top: 24px; } .kr-frame__e--b { bottom: 24px; }
.kr-frame__e i { font-style: normal; opacity: .8; }
.kr-gate__vf { position: absolute; z-index: 2; left: calc(var(--lead) + var(--gap) / 2); top: 38px; width: var(--fw); aspect-ratio: 4 / 3; pointer-events: none; }
.kr-gate__vf i { position: absolute; width: 24px; height: 24px; border: 0 solid var(--c-accent); }
.kr-gate__vf i:nth-child(1) { left: -6px; top: -6px; border-width: 3px 0 0 3px; } .kr-gate__vf i:nth-child(2) { right: -6px; top: -6px; border-width: 3px 3px 0 0; }
.kr-gate__vf i:nth-child(3) { left: -6px; bottom: -6px; border-width: 0 0 3px 3px; } .kr-gate__vf i:nth-child(4) { right: -6px; bottom: -6px; border-width: 0 3px 3px 0; }
.kr-hero__foot { display: grid; gap: 1.6rem 2.4rem; padding-block: 1.6rem clamp(1.8rem, 1rem + 2.4vw, 3rem); align-items: end; }
@media (min-width: 1000px) { .kr-hero__foot { grid-template-columns: minmax(0, 1.25fr) auto; } .kr-hero__note { grid-column: 1 / -1; } }
.kr-quick { display: grid; gap: .7rem; padding: 1.1rem 1.2rem 1.2rem; border: 1px solid rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .03); }
@media (min-width: 700px) { .kr-quick { grid-template-columns: auto 1fr 1fr 1fr auto; align-items: center; } }
.kr-quick__lead { font: 400 1.3rem/1.15 var(--fd); color: #fff; }
.kr-quick input { width: 100%; min-height: 48px; padding: .65rem .8rem; background: transparent; border: 0; border-bottom: 1.5px solid rgba(255, 255, 255, .45); border-radius: 0; color: #fff; color-scheme: dark; }
.kr-quick input::placeholder { color: var(--c-on-contrast); opacity: .85; }
.kr-quick input:focus { outline: none; border-bottom-color: var(--c-accent); background: rgba(255, 255, 255, .06); }
.kr-specs { display: flex; flex-wrap: wrap; gap: .6rem clamp(1.4rem, .6rem + 3vw, 3.4rem); }
.kr-specs div { display: flex; flex-direction: column-reverse; gap: .15rem; }
.kr-specs dd { font: 400 clamp(1.7rem, 1.3rem + 1.4vw, 2.5rem)/1 var(--fd); color: #fff; }
.kr-specs dt { font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--c-on-contrast); }
.kr-hero__note { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.4rem; font-size: .8rem; color: var(--c-on-contrast); }
.kr-live { display: inline-flex; align-items: center; gap: .55rem; color: #fff; font-weight: 650; }
.kr-live i { width: 9px; height: 9px; border-radius: 50%; background: var(--c-accent); }
.kr-sample { padding: .25rem .6rem; border: 1px solid rgba(255, 255, 255, .28); font-weight: 600; letter-spacing: .04em; }

/* ── portfolyo: kontak sayfası ────────────────────────────────────────────── */
.kr-sheet { position: relative; background: #fbfaf7; border: 1px solid var(--c-ink); padding: clamp(.9rem, .4rem + 2vw, 2rem); }
.kr-sheet__rail { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .9rem; margin-bottom: 1.2rem; border-bottom: 1px dashed var(--c-border-2); font-size: .62rem; font-weight: 700; letter-spacing: .22em; color: var(--c-muted); }
.kr-sheet__grid { --rowh: clamp(130px, 19vw, 280px); display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(1rem, .5rem + 1.8vw, 1.9rem) clamp(.9rem, .4rem + 1.5vw, 1.6rem); }
.kr-tile__a { position: relative; display: block; background: #060606; padding: 6px; aspect-ratio: 4 / 3; }
.kr-tile__a img { width: 100%; height: 100%; object-fit: cover; background: #222; transition: transform .6s var(--ease); }
.kr-tile__a:hover img { transform: scale(1.03); }
.kr-tile__no { position: absolute; left: 6px; top: 6px; padding: .25rem .5rem; background: #060606; color: var(--c-accent); font-size: .66rem; font-weight: 700; letter-spacing: .16em; }
.kr-tile__tag { position: absolute; right: 6px; bottom: 6px; padding: .22rem .5rem; background: rgba(6, 6, 6, .84); color: #fff; font-size: .62rem; font-weight: 650; letter-spacing: .08em; }
.kr-tile__cap { margin-top: .6rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .1rem .8rem; font: 400 1.05rem/1.15 var(--fd); }
.kr-tile__cap small { font: 700 .66rem/1 var(--font); letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted); align-self: center; }
.is-pick .kr-tile__a::after { content: ""; position: absolute; inset: -9px -11px; border: 4px solid var(--c-accent); border-radius: 52% 48% 55% 45% / 48% 55% 45% 52%; transform: rotate(-1.6deg); pointer-events: none; }
.kr-sheet__note { display: flex; align-items: center; gap: .7rem; margin-top: 1.4rem; font-size: .84rem; color: var(--c-muted); }
.kr-sheet__note i { width: 26px; height: 16px; border: 3px solid var(--c-accent); border-radius: 52% 48% 55% 45% / 48% 55% 45% 52%; transform: rotate(-4deg); flex: none; }
.kr-sec--dark .kr-sheet__note { color: var(--c-on-contrast); }
@media (min-width: 900px) {
    .kr-sheet__grid { grid-template-columns: repeat(12, 1fr); }
    .kr-tile__a { aspect-ratio: auto; height: var(--rowh); }
    .kr-tile:nth-child(1) { grid-column: span 5; } .kr-tile:nth-child(2) { grid-column: span 4; } .kr-tile:nth-child(3) { grid-column: span 3; }
    .kr-tile:nth-child(4) { grid-column: span 3; } .kr-tile:nth-child(5) { grid-column: span 4; } .kr-tile:nth-child(6) { grid-column: span 5; }
}

/* ── çekim türleri: görüntüleyici + liste ─────────────────────────────────── */
.kr-svc { background: var(--c-surface); }
.kr-svc__grid { display: grid; gap: 2rem; }
.kr-viewer { display: none; }
.kr-types { border-bottom: 1px solid var(--c-ink); }
.kr-type__a { position: relative; display: grid; grid-template-columns: 2.8rem 1fr auto; gap: .3rem 1rem; align-items: baseline; padding: 1.15rem .2rem; border-top: 1px solid var(--c-ink); transition: padding .3s var(--ease); }
.kr-type__thumb { grid-column: 1 / -1; display: block; aspect-ratio: 16 / 10; background: #222 center / cover; border: 8px solid #fff; outline: 1px solid var(--c-border-2); margin-bottom: .6rem; }
.kr-type__no { font: 400 1.6rem/1 var(--fd); color: var(--c-muted); transition: color .2s; }
.kr-type__t { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .7rem; font: 400 clamp(1.4rem, 1.15rem + 1.1vw, 2.1rem)/1.05 var(--fd); text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 3px; text-underline-offset: .18em; transition: text-decoration-color .2s; }
.kr-type__t em { font: 700 .62rem/1 var(--font); font-style: normal; letter-spacing: .12em; text-transform: uppercase; background: var(--c-accent); color: var(--c-on-accent); padding: .3rem .5rem; }
.kr-type__sum { display: block; margin-top: .35rem; max-width: 52ch; font-size: .9rem; color: var(--c-muted); }
.kr-type__meta { display: grid; justify-items: end; text-align: right; line-height: 1.25; }
.kr-type__meta b { font: 400 1.15rem/1.2 var(--fd); }
.kr-type__meta small { font-size: .74rem; color: var(--c-muted); font-weight: 600; }
.kr-type.is-on .kr-type__no { color: var(--c-accent-ink); }
.kr-type.is-on .kr-type__t, .kr-type__a:hover .kr-type__t { text-decoration-color: var(--c-accent); }
@media (max-width: 599px) {
    .kr-type__a { grid-template-columns: 2.4rem 1fr; }
    .kr-type__meta { grid-column: 2; justify-items: start; text-align: left; grid-auto-flow: column; gap: .8rem; align-items: baseline; }
}
@media (min-width: 900px) {
    .kr-svc__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 1rem + 3.4vw, 4.6rem); align-items: start; }
    .kr-viewer { display: block; position: sticky; top: 2rem; aspect-ratio: 4 / 4.1; }
    .kr-viewer__fig { position: absolute; inset: 0 0 auto 0; opacity: 0; transition: opacity .35s ease; }
    .kr-viewer__fig.is-on { opacity: 1; }
    .kr-viewer__fig img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 14px solid #fff; outline: 1px solid var(--c-border-2); background: #222; }
    .kr-viewer__fig figcaption { display: flex; align-items: baseline; gap: .8rem; margin-top: .9rem; font: 400 1.25rem/1.2 var(--fd); }
    .kr-viewer__fig figcaption b { font-weight: 400; color: var(--c-accent-ink); font-size: .95rem; letter-spacing: .1em; }
    .kr-viewer__c { position: absolute; left: 14px; right: 14px; top: 14px; aspect-ratio: 4 / 3; pointer-events: none; }
    .kr-viewer__c b { position: absolute; width: 22px; height: 22px; border: 0 solid var(--c-accent); }
    .kr-viewer__c b:nth-child(1) { left: 8px; top: 8px; border-width: 3px 0 0 3px; } .kr-viewer__c b:nth-child(2) { right: 8px; top: 8px; border-width: 3px 3px 0 0; }
    .kr-viewer__c b:nth-child(3) { left: 8px; bottom: 8px; border-width: 0 0 3px 3px; } .kr-viewer__c b:nth-child(4) { right: 8px; bottom: 8px; border-width: 0 3px 3px 0; }
    .kr-viewer__hint { position: absolute; left: 0; bottom: 0; font-size: .8rem; color: var(--c-muted); }
    .kr-type__thumb { display: none; }
    .kr-type__a { padding-block: 1.3rem; }
    .kr-type.is-on .kr-type__a { padding-left: .9rem; }
}

/* ── albüm kartı paketler ─────────────────────────────────────────────────── */
.kr-pkg { background: var(--film); color: var(--c-on-contrast); }
.kr-albums { display: grid; gap: clamp(1.6rem, 1rem + 2vw, 2.6rem); }
@media (min-width: 900px) { .kr-albums { grid-template-columns: repeat(3, 1fr); align-items: start; } .kr-album.is-featured { margin-top: -1.2rem; } }
.kr-album__scene { perspective: 1700px; perspective-origin: 50% 35%; }
.kr-album__card { position: relative; display: grid; transform-style: preserve-3d; transform-origin: left center; }
.kr-album__face { grid-area: 1 / 1; display: flex; flex-direction: column; min-height: 31rem; padding: 1.7rem 1.5rem 1.5rem 2.3rem; backface-visibility: hidden; -webkit-backface-visibility: hidden; position: relative; }
.kr-album__back { transform: rotateY(180deg); }
.kr-album__spine { position: absolute; left: 0; top: 0; bottom: 0; width: 18px; background: linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(255, 255, 255, .07) 70%, transparent); border-right: 1px dashed rgba(255, 255, 255, .28); }
.kr-album__badge { position: absolute; top: 1.2rem; right: 0; padding: .3rem .7rem .3rem .9rem; background: var(--c-accent); color: var(--c-on-accent); font-size: .64rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.kr-album__no { font-size: .68rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; opacity: .8; }
.kr-album__t { margin-top: 1.1rem; font: 400 clamp(1.8rem, 1.4rem + 1.2vw, 2.5rem)/1 var(--fd); }
.kr-album__sum { margin-top: 1rem; font-size: .9rem; opacity: .9; max-width: 30ch; }
.kr-album__price { margin-top: auto; padding-top: 1.4rem; display: flex; align-items: baseline; flex-wrap: wrap; gap: .2rem .6rem; }
.kr-album__price b { font: 400 clamp(2.2rem, 1.8rem + 1.2vw, 3rem)/1 var(--fd); }
.kr-album__price span { font-size: .82rem; opacity: .85; }
.kr-album__flip { display: none; align-self: flex-start; margin-top: 1.1rem; min-height: 44px; padding: .5rem 0; background: none; border: 0; border-bottom: 2px solid currentColor; font-size: .84rem; font-weight: 700; letter-spacing: .04em; color: inherit; }
.js .kr-album__flip { display: inline-flex; align-items: center; gap: .5rem; }
.kr-album__flip:hover { border-bottom-color: var(--c-accent); }
.kr-album--1 .kr-album__front { background-color: #171717; background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 3px); color: #fbfaf7; outline: 1px solid rgba(255, 255, 255, .16); outline-offset: -1px; }
.kr-album--1 .kr-album__price b { color: var(--c-accent); }
.kr-album--2 .kr-album__front { background-color: var(--c-accent); background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, .05) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(0, 0, 0, .04) 0 1px, transparent 1px 3px); color: var(--c-on-accent); }
.kr-album--2 .kr-album__badge { background: var(--c-ink); color: var(--c-accent); }
.kr-album--2 .kr-album__spine { background: linear-gradient(90deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .08) 70%, transparent); border-right-color: rgba(0, 0, 0, .35); }
.kr-album--3 .kr-album__front { background: #fbfaf7; color: var(--c-ink); box-shadow: inset 0 0 0 14px #fbfaf7, inset 0 0 0 15px var(--c-ink); padding-left: 2.6rem; }
.kr-album--3 .kr-album__spine { background: linear-gradient(90deg, rgba(0, 0, 0, .14), transparent); border-right-color: rgba(0, 0, 0, .2); }
.kr-album--3 .kr-album__price b { color: var(--c-ink); }
.kr-album__back { background-color: #f1ede4; background-image: linear-gradient(270deg, rgba(0, 0, 0, .2), transparent 30px); color: var(--c-ink); padding: 1.7rem 2.3rem 1.5rem 1.7rem; }
.kr-album__kicker { font-size: .68rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--c-accent-ink); padding-bottom: .8rem; border-bottom: 1px solid var(--c-ink); }
.kr-album__list { margin-top: 1.2rem; display: grid; gap: .85rem; }
.kr-album__list li { position: relative; padding-left: 1.5rem; font-size: .95rem; line-height: 1.4; color: var(--c-ink-soft); }
.kr-album__list li::before { content: ""; position: absolute; left: 0; top: .32em; width: .7rem; height: .7rem; border: 2px solid var(--c-ink); background: var(--c-accent); }
.kr-album__acts { margin-top: auto; padding-top: 1.4rem; display: grid; gap: .4rem; justify-items: start; }
.kr-album__flip--back { color: var(--c-ink); }
.kr-pkg__note { margin-top: 2rem; font-size: .84rem; color: var(--c-on-contrast); max-width: 60ch; }
html:not(.js) .kr-album__card { display: block; }
html:not(.js) .kr-album__face { backface-visibility: visible; min-height: 0; }
html:not(.js) .kr-album__back { transform: none; }
.js .kr-album.is-open .kr-album__card { transform: translateX(100%) rotateY(-180deg); }
.js .kr-album__card { transition: transform .95s cubic-bezier(.55, .08, .2, 1); }

/* ── süreç: film makarası ─────────────────────────────────────────────────── */
.kr-proc { padding-bottom: 0; background: var(--c-bg); }
.kr-reel { position: relative; background: #060606; color: var(--c-on-contrast); margin-top: 1rem; padding-block: 3rem 2.4rem; }
.kr-reel::before, .kr-reel::after { content: ""; position: absolute; left: 0; right: 0; height: 10px; background: var(--perf); opacity: .85; }
.kr-reel::before { top: 14px; } .kr-reel::after { bottom: 14px; }
.kr-steps { display: grid; gap: 2rem; counter-reset: n; }
@media (min-width: 800px) { .kr-steps { grid-template-columns: repeat(4, 1fr); gap: 0; } .kr-step { padding-inline: 1.3rem; border-left: 1px solid rgba(255, 255, 255, .2); } .kr-step:first-child { border-left: 0; padding-left: 0; } }
.kr-step__no { display: flex; align-items: baseline; gap: .5rem; font: 400 clamp(3.6rem, 2.6rem + 3vw, 6rem)/.9 var(--fd); color: transparent; -webkit-text-stroke: 1.5px var(--c-accent); }
.kr-step__no small { font: 800 .7rem/1 var(--font); -webkit-text-stroke: 0; color: var(--c-accent); letter-spacing: .2em; }
.kr-step__t { margin-top: 1rem; font: 400 1.5rem/1.1 var(--fd); color: #fff; }
.kr-step__x { margin-top: .6rem; font-size: .93rem; max-width: 30ch; }

/* ── sözleşme maddeleri ───────────────────────────────────────────────────── */
.kr-ben__grid { display: grid; gap: 2.4rem; }
@media (min-width: 960px) { .kr-ben__grid { grid-template-columns: 4fr 7fr; gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; } .kr-ben__intro { position: sticky; top: 2rem; } }
.kr-stamp { margin-top: 2rem; display: inline-grid; justify-items: center; gap: .1rem; padding: .9rem 1.3rem; border: 3px double var(--c-accent-ink); color: var(--c-accent-ink); transform: rotate(-4deg); text-transform: uppercase; letter-spacing: .2em; font-size: .62rem; font-weight: 800; }
.kr-stamp b { font: 400 1.3rem/1 var(--fd); letter-spacing: .04em; }
.kr-clauses { counter-reset: c; border-top: 1px solid var(--c-ink); }
.kr-clause { display: grid; grid-template-columns: 3.2rem 1fr; gap: 1rem; padding: 1.35rem 0; border-bottom: 1px solid var(--c-ink); }
.kr-clause__no { font: 400 2.4rem/1 var(--fd); color: var(--c-accent-ink); }
.kr-clause__t { font: 400 1.35rem/1.15 var(--fd); }
.kr-clause__x { margin-top: .4rem; color: var(--c-muted); max-width: 56ch; }
.kr-clauses--wide { display: grid; gap: 0 3rem; }
@media (min-width: 900px) { .kr-clauses--wide { grid-template-columns: 1fr 1fr; } }
.kr-ben--dark .kr-clauses, .kr-ben--dark .kr-clause { border-color: rgba(255, 255, 255, .3); }
.kr-ben--dark .kr-clause__no { color: var(--c-accent); }
.kr-ben--dark .kr-clause__t { color: #fff; }
.kr-ben--dark .kr-clause__x { color: var(--c-on-contrast); }

/* ── mekânlar (ana sayfa) ─────────────────────────────────────────────────── */
.kr-areas { background: var(--c-surface); }
.kr-areas__grid { display: grid; gap: 2.4rem; }
@media (min-width: 960px) { .kr-areas__grid { grid-template-columns: 4fr 7fr; gap: clamp(2rem, 1rem + 4vw, 5rem); } .kr-areas__intro { position: sticky; top: 2rem; align-self: start; } }
.kr-areas__intro .kr-head__link { margin-top: 1.6rem; }
.kr-venues { display: grid; border-top: 1px solid var(--c-ink); }
.kr-venue { display: grid; grid-template-columns: auto 1fr; gap: .4rem 1.2rem; align-items: start; padding: 1.3rem 0; border-bottom: 1px solid var(--c-ink); }
.kr-venue__sun { width: 64px; color: var(--c-accent-ink); margin-top: .35rem; }
.kr-venue__name { font: 400 clamp(1.35rem, 1.1rem + 1vw, 1.9rem)/1.1 var(--fd); }
.kr-venue__name a:hover { text-decoration: underline; text-decoration-color: var(--c-accent); text-decoration-thickness: 3px; text-underline-offset: .15em; }
.kr-venue__name small { margin-left: .7rem; font: 700 .64rem/1 var(--font); letter-spacing: .16em; text-transform: uppercase; color: var(--c-muted); }
.kr-venue__sum { margin-top: .4rem; font-size: .9rem; color: var(--c-muted); max-width: 54ch; }
.kr-venue__time { grid-column: 2; margin-top: .3rem; display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; font-size: .85rem; font-weight: 700; color: var(--c-accent-ink); }
.kr-venue__time small { font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; color: var(--c-muted); }
@media (min-width: 640px) { .kr-venue { grid-template-columns: auto 1fr auto; } .kr-venue__time { grid-column: auto; text-align: right; flex-direction: column; align-items: flex-end; max-width: 14ch; } }
.kr-venues--wide { grid-template-columns: 1fr; }
@media (min-width: 900px) { .kr-venues--wide { grid-template-columns: 1fr 1fr; column-gap: 3rem; } }

/* ── yorumlar: baskılar ───────────────────────────────────────────────────── */
.kr-quotes { background: var(--c-bg); overflow: hidden; }
.kr-prints { display: grid; gap: 1.6rem; }
@media (min-width: 760px) { .kr-prints { grid-template-columns: repeat(2, 1fr); gap: 2.2rem 2rem; } }
@media (min-width: 1100px) { .kr-prints { grid-template-columns: repeat(4, 1fr); } .kr-print:nth-child(even) { margin-top: 2.4rem; } }
.kr-print { display: flex; flex-direction: column; justify-content: space-between; gap: 1.4rem; min-height: 15rem; padding: 1.5rem 1.4rem 1.2rem; background: #fff; border: 1px solid var(--c-border-2); box-shadow: 0 1px 0 var(--c-border-2), 6px 8px 0 -1px var(--c-surface-2); transform: rotate(calc((var(--i) - 1.5) * .8deg)); transition: transform .5s var(--ease); }
.kr-print:hover { transform: rotate(0) translateY(-4px); }
.kr-print__q { font: 400 1.12rem/1.4 var(--fd); }
.kr-print__by { display: grid; gap: .1rem; font-size: .8rem; color: var(--c-muted); border-top: 1px dashed var(--c-border-2); padding-top: .8rem; }
.kr-print__by b { color: var(--c-ink); font-size: .9rem; }
.kr-print__by i { font-style: normal; font-size: .55rem; letter-spacing: .3em; color: var(--c-accent); }
.kr-print__by i em { color: var(--c-border-2); font-style: normal; }

/* ── rehber: negatifler ───────────────────────────────────────────────────── */
.kr-negs { display: grid; gap: 1.6rem; }
@media (min-width: 900px) { .kr-negs { grid-template-columns: 1.4fr 1fr; grid-template-rows: 1fr 1fr; } .kr-negs > :first-child { grid-row: 1 / 3; } .kr-negs--rel { grid-template-columns: repeat(3, 1fr); grid-template-rows: none; } .kr-negs--rel > :first-child { grid-row: auto; } }
.kr-neg { display: grid; gap: 1rem; align-content: start; border-top: 2px solid var(--c-ink); padding-top: 1rem; }
.kr-neg__img { position: relative; display: block; padding: 22px 6px; background: #060606; }
.kr-neg__img::before, .kr-neg__img::after { content: ""; position: absolute; left: 0; right: 0; height: 8px; background: var(--perf); opacity: .85; }
.kr-neg__img::before { top: 7px; } .kr-neg__img::after { bottom: 7px; }
.kr-neg__img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; filter: grayscale(.25); transition: filter .4s, transform .6s var(--ease); }
.kr-neg:hover .kr-neg__img img { filter: none; transform: scale(1.02); }
.kr-neg__img .icon { width: 48px; height: 48px; margin: 3rem auto; color: var(--c-accent); }
.kr-neg__body { display: grid; gap: .5rem; }
.kr-neg__cat { font-size: .66rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--c-accent-ink); }
.kr-neg__t { font: 400 clamp(1.3rem, 1.1rem + .8vw, 1.8rem)/1.12 var(--fd); }
.kr-neg:hover .kr-neg__t { text-decoration: underline; text-decoration-color: var(--c-accent); text-decoration-thickness: 3px; text-underline-offset: .14em; }
.kr-neg__ex { color: var(--c-muted); font-size: .92rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kr-neg__meta { font-size: .76rem; font-weight: 600; color: var(--c-muted); letter-spacing: .04em; }

/* ── kapanış: çekim takvimi ───────────────────────────────────────────────── */
.kr-cta { background: var(--film); color: var(--c-on-contrast); scroll-margin-top: 1rem; padding-top: clamp(4.4rem, 3rem + 5vw, 8rem); }
.kr-perf { position: relative; display: flex; justify-content: space-between; gap: 1rem; padding: 22px var(--gut) 0; font-size: .6rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--c-accent); white-space: nowrap; overflow: hidden; }
.kr-perf::before { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 8px; background: var(--perf); opacity: .8; }
.kr-perf--t { position: absolute; left: 0; right: 0; top: 0; }
.kr-perf--b { padding: 0 var(--gut) 22px; }
.kr-perf--b::before { top: auto; bottom: 7px; }
@media (max-width: 599px) { .kr-perf span:nth-child(2) { display: none; } }
.kr-cta__grid { display: grid; gap: 2.6rem; }
@media (min-width: 1000px) { .kr-cta__grid { grid-template-columns: 5fr 7fr; gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; } }
.kr-cta__t { margin-top: .8rem; font: 400 clamp(2.6rem, 1.4rem + 4.6vw, 5.6rem)/.96 var(--fd); color: #fff; max-width: 11ch; }
.kr-cta__x { margin-top: 1.2rem; max-width: 40ch; font-size: 1.15rem; }
.kr-legend { margin-top: 1.6rem; display: grid; gap: .5rem; font-size: .84rem; }
.kr-legend li { display: flex; align-items: center; gap: .7rem; }
.kr-legend i { width: 18px; height: 18px; flex: none; border: 1px solid transparent; }
.kr-legend__free { background: #fbfaf7; }
.kr-legend__hold { border: 1px dashed var(--c-accent) !important; }
.kr-legend__booked { border-color: rgba(255, 255, 255, .3) !important; background: repeating-linear-gradient(135deg, transparent 0 4px, rgba(255, 255, 255, .28) 4px 5px); }
.kr-cta__act { margin-top: 1.8rem; display: flex; flex-wrap: wrap; gap: .8rem; }
.kr-cal { display: grid; gap: 2.2rem 2.4rem; }
@media (min-width: 640px) { .kr-cal { grid-template-columns: 1fr 1fr; } }
.kr-month__n { font: 400 1.9rem/1 var(--fd); color: #fff; }
.kr-month__n small { font: 700 .78rem/1 var(--font); letter-spacing: .18em; color: var(--c-on-contrast); margin-left: .4rem; }
.kr-month__h, .kr-month__d { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.kr-month__h { margin: .9rem 0 .35rem; text-align: center; font-size: .62rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.kr-day { aspect-ratio: 1; display: grid; place-items: center; font-size: .9rem; font-weight: 600; color: #fff; border: 1px solid rgba(255, 255, 255, .16); }
.kr-day.is-blank { border: 0; }
.kr-day.is-past { color: rgba(255, 255, 255, .26); border-color: rgba(255, 255, 255, .06); }
.kr-day.is-booked { color: rgba(255, 255, 255, .5); border-color: rgba(255, 255, 255, .2); background: repeating-linear-gradient(135deg, transparent 0 5px, rgba(255, 255, 255, .13) 5px 6px); text-decoration: line-through; }
.kr-day.is-hold { border: 1px dashed var(--c-accent); color: var(--c-accent-soft); }
.kr-day.is-hold:hover { background: color-mix(in srgb, var(--c-accent) 24%, transparent); }
.kr-day.is-free { background: #fbfaf7; color: var(--c-ink); border-color: transparent; transition: background-color .15s, transform .2s var(--ease); }
.kr-day.is-free.is-we { font-weight: 800; }
.kr-day.is-free:hover { background: var(--c-accent); color: var(--c-on-accent); transform: scale(1.08); }
.kr-cal__note { grid-column: 1 / -1; font-size: .84rem; max-width: 56ch; }
/* ═════════════ İÇ SAYFALAR ═════════════ */
.kr-crumbs { display: flex; flex-wrap: wrap; gap: .3rem .6rem; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--c-muted); }
.kr-crumbs a:hover { color: var(--c-accent-ink); text-decoration: underline; }
.kr-ph--dark .kr-crumbs, .kr-sv .kr-crumbs { color: var(--c-on-contrast); }
.kr-ph--dark .kr-crumbs a:hover, .kr-sv .kr-crumbs a:hover { color: var(--c-accent); }
.kr-ph--acc .kr-crumbs { color: color-mix(in srgb, var(--c-on-accent) 80%, transparent); }
.kr-ph { position: relative; background: var(--c-bg); padding: clamp(1.8rem, 1rem + 3vw, 3.6rem) 0 clamp(2.6rem, 1.6rem + 4.4vw, 5.4rem); overflow: hidden; }
.kr-ph--dark { background: var(--film); color: var(--c-on-contrast); }
.kr-ph--acc { background: var(--c-accent); color: var(--c-on-accent); }
.kr-ph__no { margin-top: clamp(1.6rem, 1rem + 2vw, 3rem); display: inline-flex; align-items: center; gap: .7rem; font-size: .7rem; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--c-accent-ink); }
.kr-ph__no::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.kr-ph--dark .kr-ph__no, .kr-sv .kr-ph__no { color: var(--c-accent); }
.kr-ph--acc .kr-ph__no { color: var(--c-on-accent); }
.kr-ph__t { margin-top: .8rem; font: 400 clamp(2.6rem, 1.2rem + 6vw, 6.4rem)/.98 var(--fd); letter-spacing: -.008em; max-width: 14ch; text-wrap: balance; }
.kr-ph--dark .kr-ph__t { color: #fff; }
.kr-ph__t em { font-style: normal; color: var(--c-accent-ink); }
.kr-ph--dark .kr-ph__t em { color: var(--c-accent); }
.kr-ph__sub { margin-top: 1.3rem; max-width: 58ch; font-size: clamp(1.02rem, .98rem + .3vw, 1.2rem); color: var(--c-muted); }
.kr-ph--dark .kr-ph__sub { color: var(--c-on-contrast); }
.kr-ph--acc .kr-ph__sub { color: var(--c-on-accent); }
.kr-ruler { position: absolute; left: 0; right: 0; bottom: 0; height: 22px; background: repeating-linear-gradient(90deg, var(--c-ink) 0 1px, transparent 1px 12px) 0 100% / 100% 9px no-repeat, repeating-linear-gradient(90deg, var(--c-ink) 0 1.5px, transparent 1.5px 60px) 0 100% / 100% 20px no-repeat; opacity: .55; }
.kr-ph__arc { position: absolute; right: -4%; bottom: 0; width: min(62%, 760px); color: rgba(255, 255, 255, .32); }
.kr-ph--areas .kr-ph__t { max-width: 11ch; }

/* çekim türleri sayfası */
.kr-svcp { display: grid; gap: 2rem; }
@media (min-width: 1000px) { .kr-svcp { grid-template-columns: 270px minmax(0, 1fr); gap: clamp(2rem, 1rem + 3vw, 4.5rem); align-items: start; } }
.kr-svcp__idx { position: sticky; top: 1.4rem; align-self: start; display: none; }
@media (min-width: 1000px) { .kr-svcp__idx { display: block; } }
.kr-svcp__idx-h { font-size: .68rem; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--c-muted); padding-bottom: .7rem; border-bottom: 2px solid var(--c-ink); }
.kr-svcp__idx a { display: grid; grid-template-columns: 2rem 1fr auto; gap: .5rem; align-items: baseline; padding: .8rem 0; border-bottom: 1px solid var(--c-border-2); transition: padding .25s var(--ease), color .2s; }
.kr-svcp__idx b { font: 400 1.1rem/1 var(--fd); color: var(--c-muted); }
.kr-svcp__idx span { font-weight: 600; font-size: .92rem; line-height: 1.25; }
.kr-svcp__idx small { font-size: .72rem; color: var(--c-muted); font-weight: 600; }
.kr-svcp__idx a:hover, .kr-svcp__idx a.is-on { padding-left: .6rem; color: var(--c-accent-ink); }
.kr-svcp__idx a.is-on b { color: var(--c-accent-ink); }
.kr-svcp__idx a.is-on { box-shadow: inset 3px 0 0 var(--c-accent); }
.kr-svcp__list { display: grid; gap: clamp(3rem, 2rem + 4vw, 6rem); }
.kr-lot { display: grid; gap: 1.4rem; scroll-margin-top: 1.5rem; }
@media (min-width: 760px) { .kr-lot { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.6rem, 1rem + 2.4vw, 3.4rem); align-items: center; } .kr-lot--r { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } .kr-lot--r .kr-lot__mount { order: 2; } }
.kr-lot__mount { position: relative; display: block; border: clamp(10px, 1.4vw, 16px) solid #fff; outline: 1px solid var(--c-border-2); box-shadow: 12px 12px 0 var(--c-surface-2); background: #222; transition: transform .6s var(--ease); }
.kr-lot:hover .kr-lot__mount { transform: rotate(-.6deg) scale(1.01); }
.kr-lot__mount img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.kr-lot__no { position: absolute; left: 0; bottom: 0; padding: .35rem .7rem; background: #060606; color: var(--c-accent); font-size: .68rem; font-weight: 800; letter-spacing: .2em; }
.kr-lot__badge { display: inline-block; margin-bottom: .8rem; padding: .3rem .6rem; background: var(--c-accent); color: var(--c-on-accent); font-size: .62rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.kr-lot__t { font: 400 clamp(1.9rem, 1.3rem + 2.2vw, 3.2rem)/1.04 var(--fd); }
.kr-lot__t a:hover { text-decoration: underline; text-decoration-color: var(--c-accent); text-decoration-thickness: 3px; text-underline-offset: .12em; }
.kr-lot__sum { margin-top: .9rem; color: var(--c-muted); max-width: 46ch; }
.kr-lot__f { margin: 1.3rem 0 1.5rem; display: grid; gap: 0; border-top: 1px dashed var(--c-ink); }
.kr-lot__f div { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; border-bottom: 1px dashed var(--c-ink); font-size: .9rem; }
.kr-lot__f dt { font-size: .66rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--c-muted); align-self: center; }
.kr-lot__f dd { font-weight: 700; text-align: right; }
.kr-slides { display: grid; gap: 2rem; }
@media (min-width: 700px) { .kr-slides { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } }
.kr-slide { display: grid; gap: .9rem; align-content: start; }
.kr-slide__mount { display: block; border: 10px solid #fff; outline: 1px solid var(--c-border-2); box-shadow: 8px 8px 0 var(--c-surface-2); background: #222; }
.kr-slide__mount img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .6s var(--ease); }
.kr-slide:hover .kr-slide__mount img { transform: scale(1.04); }
.kr-slide__mount { overflow: hidden; }
.kr-slide__ic { width: 40px; height: 40px; margin: 3rem auto; color: var(--c-accent); }
.kr-slide__badge { display: inline-block; padding: .25rem .5rem; background: var(--c-accent); color: var(--c-on-accent); font-size: .6rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin-bottom: .5rem; }
.kr-slide__t { font: 400 1.5rem/1.1 var(--fd); }
.kr-slide__sum { margin-top: .4rem; font-size: .9rem; color: var(--c-muted); }
.kr-slide__meta { margin-top: .6rem; display: flex; justify-content: space-between; gap: .6rem; font-size: .8rem; color: var(--c-muted); font-weight: 600; }
.kr-slide__meta b { color: var(--c-ink); font: 400 1.05rem/1.2 var(--fd); }

/* çekim türü detayı */
.kr-sv { background: var(--film); color: var(--c-on-contrast); padding-top: clamp(1.6rem, 1rem + 2vw, 3rem); }
.kr-sv__grid { display: grid; gap: 2.4rem; align-items: center; padding-bottom: clamp(2rem, 1rem + 3vw, 4rem); }
@media (min-width: 960px) { .kr-sv__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2rem, 1rem + 4vw, 5rem); } }
.kr-sv__t { margin-top: .8rem; font: 400 clamp(2.6rem, 1.2rem + 5.4vw, 6rem)/.98 var(--fd); color: #fff; text-wrap: balance; }
.kr-sv__sum { margin-top: 1.3rem; max-width: 50ch; font-size: 1.15rem; }
.kr-sv__act { margin-top: 1.8rem; display: flex; flex-wrap: wrap; gap: .8rem; }
.kr-sv__fig { position: relative; padding: 34px 10px 30px; background: #060606; box-shadow: 0 0 0 1px rgba(255, 255, 255, .12); }
.kr-sv__fig::before, .kr-sv__fig::after { content: ""; position: absolute; left: 0; right: 0; height: 9px; background: var(--perf); opacity: .85; }
.kr-sv__fig::before { top: 8px; } .kr-sv__fig::after { bottom: 7px; }
.kr-sv__fig img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.kr-sv__edge { position: absolute; top: 20px; left: 10px; font-size: 7.5px; font-weight: 700; letter-spacing: .2em; color: var(--c-accent); }
.kr-vfc { position: absolute; inset: 44px 22px 40px; pointer-events: none; }
.kr-vfc b { position: absolute; width: 22px; height: 22px; border: 0 solid var(--c-accent); }
.kr-vfc b:nth-child(1) { left: 0; top: 0; border-width: 3px 0 0 3px; } .kr-vfc b:nth-child(2) { right: 0; top: 0; border-width: 3px 3px 0 0; }
.kr-vfc b:nth-child(3) { left: 0; bottom: 0; border-width: 0 0 3px 3px; } .kr-vfc b:nth-child(4) { right: 0; bottom: 0; border-width: 0 3px 3px 0; }
.kr-exif { display: grid; gap: 0; }
.kr-exif div { display: flex; justify-content: space-between; gap: 1.2rem; padding: .7rem 0; border-bottom: 1px dashed rgba(255, 255, 255, .25); font-size: .88rem; }
.kr-exif dt { font-size: .62rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: var(--c-accent); align-self: center; white-space: nowrap; }
.kr-exif dd { text-align: right; color: #fff; }
.kr-exif a:hover { color: var(--c-accent); }
.kr-exif--bar { padding-block: 0 clamp(1.6rem, 1rem + 2vw, 3rem); }
@media (min-width: 760px) { .kr-exif--bar { grid-auto-flow: column; grid-auto-columns: 1fr; gap: 0; } .kr-exif--bar div { flex-direction: column; justify-content: flex-start; gap: .3rem; padding: 1rem 1.2rem; border: 0; border-left: 1px dashed rgba(255, 255, 255, .28); } .kr-exif--bar div:first-child { border-left: 0; padding-left: 0; } .kr-exif--bar dd { text-align: left; font: 400 1.25rem/1.2 var(--fd); } }
.kr-sd { display: grid; gap: 2.4rem; }
@media (min-width: 960px) { .kr-sd { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; } .kr-sd__aside { position: sticky; top: 1.6rem; } }
.kr-sd__h { margin: 2.6rem 0 1rem; font: 400 clamp(1.7rem, 1.3rem + 1.4vw, 2.4rem)/1.1 var(--fd); }
.kr-shotlist { border-top: 2px solid var(--c-ink); counter-reset: s; }
.kr-shotlist li { display: grid; grid-template-columns: 3rem 1fr 1.6rem; gap: 1rem; align-items: center; padding: 1rem 0; border-bottom: 1px dashed var(--c-ink); font-weight: 600; }
.kr-shotlist b { font: 400 1.5rem/1 var(--fd); color: var(--c-muted); }
.kr-shotlist i { position: relative; width: 1.5rem; height: 1.5rem; border: 2px solid var(--c-ink); }
.kr-shotlist i::after { content: ""; position: absolute; left: 4px; top: -3px; width: 8px; height: 15px; border: solid var(--c-accent-ink); border-width: 0 3px 3px 0; transform: rotate(40deg); }
.kr-slip { position: relative; padding: 1.5rem 1.4rem 1.6rem; background: #fff; border: 1.5px solid var(--c-ink); }
.kr-slip::after { content: ""; position: absolute; left: -1.5px; right: -1.5px; bottom: -9px; height: 9px; background: radial-gradient(circle at 8px 0, transparent 7px, #fff 7.5px) 0 0 / 16px 9px repeat-x; filter: drop-shadow(0 1.5px 0 var(--c-ink)); }
.kr-slip__k { font-size: .66rem; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--c-muted); }
.kr-slip__p { margin: .5rem 0 1rem; font: 400 clamp(2.2rem, 1.6rem + 1.6vw, 3.1rem)/1 var(--fd); }
.kr-slip__p small { display: block; font: 700 .66rem/1 var(--font); letter-spacing: .2em; text-transform: uppercase; color: var(--c-accent-ink); margin-bottom: .4rem; }
.kr-slip__l { margin-bottom: 1.2rem; border-top: 1px dashed var(--c-ink); }
.kr-slip__l li { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-bottom: 1px dashed var(--c-ink); font-size: .86rem; }
.kr-slip__l span { color: var(--c-muted); }
.kr-slip__l b { text-align: right; }
.kr-slip__n { margin-top: 1rem; font-size: .8rem; color: var(--c-muted); }
.kr-rel { background: var(--c-surface); }

/* mekânlar sayfası */
.kr-spots { display: grid; gap: 1.4rem; counter-reset: sp; }
@media (min-width: 860px) { .kr-spots { grid-template-columns: 1fr 1fr; gap: 2rem 2.4rem; } .kr-spot:nth-child(even) { margin-top: 3.2rem; } }
.kr-spot { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 1.2rem; padding: 1.6rem 1.5rem 1.6rem 1.3rem; background: #141413; outline: 1px solid #2c2c2a; outline-offset: -1px; transition: outline-color .3s, transform .5s var(--ease); }
.kr-spot:hover { outline-color: var(--c-accent); transform: translateY(-4px); }
.kr-spot__no { font: 400 clamp(3.4rem, 2.6rem + 2.4vw, 5.2rem)/.9 var(--fd); color: transparent; -webkit-text-stroke: 1.3px var(--c-accent); }
.kr-spot__t { font: 400 clamp(1.6rem, 1.3rem + 1.1vw, 2.3rem)/1.05 var(--fd); color: #fff; }
.kr-spot__t small { display: block; margin-top: .45rem; font: 700 .64rem/1 var(--font); letter-spacing: .2em; text-transform: uppercase; color: var(--c-on-contrast); }
.kr-spot__time { margin-top: 1rem; display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .6rem; padding: .5rem .8rem; background: var(--c-accent); color: var(--c-on-accent); font-weight: 800; font-size: .84rem; }
.kr-spot__time i { display: none; }
.kr-spot__time small { font-size: .58rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 800; }
.kr-spot__sum { margin-top: .9rem; font-size: .93rem; color: var(--c-on-contrast); max-width: 44ch; }
.kr-spot__go { display: inline-flex; gap: .5rem; margin-top: 1rem; font-weight: 700; font-size: .86rem; color: #fff; border-bottom: 2px solid var(--c-accent); padding-bottom: .15rem; transition: gap .25s var(--ease); }
.kr-spot__go:hover { gap: .9rem; color: var(--c-accent); }

/* paketler */
.kr-shelfsec { background: var(--c-bg); }
.kr-albums--shelf { padding-top: 1.6rem; }
.kr-shelf { display: block; height: 16px; background: var(--c-ink); margin-top: -2px; box-shadow: 0 16px 0 -6px var(--c-surface-2); }
.kr-pkg__note--l { color: var(--c-muted); margin-top: 2.2rem; }
.kr-cmp { width: 100%; margin-top: clamp(2.4rem, 1.6rem + 3vw, 4.4rem); border-collapse: collapse; }
.kr-cmp caption { text-align: left; padding-bottom: .8rem; font-size: .68rem; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--c-muted); }
.kr-cmp th, .kr-cmp td { padding: 1rem .8rem 1rem 0; border-top: 1px solid var(--c-ink); text-align: left; vertical-align: top; font-size: .92rem; }
.kr-cmp thead th { font-size: .64rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--c-muted); border-top: 2px solid var(--c-ink); }
.kr-cmp tbody th { font: 400 1.35rem/1.1 var(--fd); }
.kr-cmp tbody th a:hover { text-decoration: underline; text-decoration-color: var(--c-accent); text-decoration-thickness: 3px; }
.kr-cmp td:nth-child(2) { font: 400 1.25rem/1.2 var(--fd); white-space: nowrap; }
.kr-cmp td small { font: 600 .74rem/1 var(--font); color: var(--c-muted); }
.kr-cmp td:nth-child(3) { color: var(--c-muted); }
.kr-cmp td:last-child a { font-weight: 800; color: var(--c-accent-ink); white-space: nowrap; }
@media (max-width: 699px) { .kr-cmp th:nth-child(3), .kr-cmp td:nth-child(3) { display: none; } }
.kr-pk { display: grid; gap: 2.4rem; }
@media (min-width: 960px) { .kr-pk { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; } .kr-pk__aside { position: sticky; top: 1.6rem; } }
.kr-doc { position: relative; padding: clamp(1.4rem, 1rem + 2vw, 3rem); background: #fff; border: 1.5px solid var(--c-ink); box-shadow: 10px 10px 0 var(--c-surface-2); }
.kr-doc__k { padding-bottom: 1rem; border-bottom: 2px solid var(--c-ink); margin-bottom: 1.6rem; font-size: .68rem; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; }
.kr-doc__k span { color: var(--c-muted); }
.kr-art { border-top: 1px solid var(--c-ink); }
.kr-art li { display: grid; grid-template-columns: 6.2rem 1fr; gap: 1rem; padding: .9rem 0; border-bottom: 1px dashed var(--c-ink); }
.kr-art b { font-size: .68rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--c-accent-ink); padding-top: .25rem; }
.kr-seal { display: grid; place-content: center; justify-items: center; gap: .15rem; width: min(100%, 250px); aspect-ratio: 1; margin: 0 auto 1.6rem; border-radius: 50%; background: var(--c-accent); color: var(--c-on-accent); box-shadow: inset 0 0 0 8px var(--c-accent), inset 0 0 0 10px var(--c-on-accent); transform: rotate(-6deg); text-align: center; }
.kr-seal small { font-size: .62rem; font-weight: 800; letter-spacing: .26em; text-transform: uppercase; }
.kr-seal b { font: 400 clamp(2rem, 1.5rem + 1.6vw, 2.8rem)/1 var(--fd); }
.kr-seal span { font-size: .8rem; font-weight: 700; }

/* portfolyo sayfası */
.kr-chips { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .6rem; }
.kr-chips button { position: relative; min-height: 44px; padding: .5rem 1rem; background: transparent; border: 1.5px solid rgba(255, 255, 255, .4); color: #fff; font-size: .84rem; font-weight: 700; transition: background-color .2s, border-color .2s, color .2s; }
.kr-chips button sup { margin-left: .35rem; font-size: .62rem; color: var(--c-accent); font-weight: 800; }
.kr-chips button:hover { border-color: var(--c-accent); }
.kr-chips button.is-on { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-on-accent); }
.kr-chips button.is-on sup { color: var(--c-on-accent); }
.kr-chips button.is-on::after { content: ""; position: absolute; inset: -7px -9px; border: 2.5px solid var(--c-accent-soft); border-radius: 52% 48% 55% 45% / 48% 55% 45% 52%; transform: rotate(-1.8deg); pointer-events: none; }
.kr-galsec { padding-top: 1rem; }
.kr-contact { --rh: clamp(230px, 21vw, 320px); display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); grid-auto-flow: dense; gap: 1.2rem; }
@media (min-width: 640px) { .kr-contact { grid-auto-rows: var(--rh); } .kr-cell:nth-child(7n+1), .kr-cell:nth-child(7n+5) { grid-column: span 2; } }
.kr-cell { display: flex; flex-direction: column; min-height: 0; }
.kr-cell__a { position: relative; flex: 1; min-height: 190px; display: block; padding: 20px 7px; background: #060606; outline: 1px solid #2c2c2a; outline-offset: -1px; }
.kr-cell__a::before, .kr-cell__a::after { content: ""; position: absolute; left: 0; right: 0; height: 8px; background: var(--perf); opacity: .8; }
.kr-cell__a::before { top: 6px; } .kr-cell__a::after { bottom: 6px; }
.kr-cell__a img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease), filter .3s; filter: saturate(.9); }
.kr-cell__a:hover img { transform: scale(1.03); filter: none; }
.kr-cell__no { position: absolute; z-index: 1; left: 12px; top: 22px; padding: .2rem .45rem; background: #060606; color: var(--c-accent); font-size: .62rem; font-weight: 800; letter-spacing: .16em; }
.kr-cell__tag { position: absolute; z-index: 1; right: 12px; bottom: 22px; padding: .2rem .5rem; background: rgba(6, 6, 6, .85); color: #fff; font-size: .6rem; font-weight: 650; letter-spacing: .08em; }
.kr-cell__cap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .1rem .8rem; padding-top: .6rem; font: 400 1.05rem/1.15 var(--fd); color: #fff; }
.kr-cell__cap small { font: 700 .62rem/1 var(--font); letter-spacing: .16em; text-transform: uppercase; color: var(--c-on-contrast); align-self: center; }
.kr-cell[hidden] { display: none; }
.kr-contact--blk { grid-auto-rows: auto; }
.kr-contact--blk .kr-cell:nth-child(n) { grid-column: auto; }

/* rehber */
.kr-ph--blog { padding-bottom: clamp(2rem, 1.4rem + 3vw, 4rem); border-bottom: 2px solid var(--c-ink); }
.kr-feat { display: grid; gap: 1.6rem; align-items: center; padding-bottom: clamp(2rem, 1.4rem + 3vw, 4rem); border-bottom: 1px solid var(--c-ink); }
@media (min-width: 900px) { .kr-feat { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 1rem + 3vw, 4rem); } }
.kr-feat__img { position: relative; display: block; padding: 24px 8px; background: #060606; }
.kr-feat__img::before, .kr-feat__img::after { content: ""; position: absolute; left: 0; right: 0; height: 9px; background: var(--perf); opacity: .85; }
.kr-feat__img::before { top: 8px; } .kr-feat__img::after { bottom: 8px; }
.kr-feat__img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.kr-feat__b { display: grid; gap: .8rem; }
.kr-feat__t { font: 400 clamp(1.9rem, 1.2rem + 2.6vw, 3.4rem)/1.05 var(--fd); }
.kr-feat:hover .kr-feat__t { text-decoration: underline; text-decoration-color: var(--c-accent); text-decoration-thickness: 3px; text-underline-offset: .12em; }
.kr-feat__x { color: var(--c-muted); max-width: 46ch; }
.kr-index { margin-top: 1rem; }
.kr-index__li { display: grid; grid-template-columns: 3.6rem 1fr; gap: 1rem; padding: 1.6rem 0; border-bottom: 1px solid var(--c-border-2); }
.kr-index__no { font: 400 2.4rem/1 var(--fd); color: transparent; -webkit-text-stroke: 1.2px var(--c-ink); }
.kr-index__li .kr-neg { border-top: 0; padding-top: 0; }
@media (min-width: 720px) { .kr-index__li .kr-neg { grid-template-columns: minmax(180px, 280px) 1fr; gap: 1.6rem; align-items: center; } }
.kr-ah { padding: clamp(1.6rem, 1rem + 2vw, 3rem) 0 clamp(1.6rem, 1rem + 2vw, 2.6rem); background: var(--c-bg); }
.kr-ah__t { margin-top: .8rem; font: 400 clamp(2.2rem, 1.2rem + 4.4vw, 5rem)/1.02 var(--fd); max-width: 20ch; text-wrap: balance; }
.kr-ah__meta { margin-top: 1.4rem; display: flex; flex-wrap: wrap; gap: .4rem 1.6rem; font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--c-muted); }
.kr-ah__meta span:first-child::before { content: "● "; color: var(--c-accent); }
.kr-ah__cover { position: relative; padding-inline: var(--gut); }
.kr-ah__cover img { width: 100%; max-height: 70vh; object-fit: cover; aspect-ratio: 16 / 9; border: 12px solid #fff; outline: 1px solid var(--c-border-2); box-shadow: 12px 12px 0 var(--c-surface-2); }
.kr-ah__cover .kr-vfc { inset: 32px calc(var(--gut) + 22px); }
.kr-read { display: grid; gap: 1.4rem; padding-block: clamp(2.4rem, 1.6rem + 3vw, 5rem); }
@media (min-width: 900px) { .kr-read { grid-template-columns: 70px minmax(0, 760px); justify-content: center; gap: 3rem; } }
.kr-meter { display: none; }
@media (min-width: 900px) { .kr-meter { display: flex; flex-direction: column; align-items: center; gap: .7rem; position: sticky; top: 2rem; align-self: start; height: 46vh; font-size: .6rem; font-weight: 800; letter-spacing: .2em; color: var(--c-muted); } .kr-meter i { position: relative; flex: 1; width: 4px; background: repeating-linear-gradient(0deg, var(--c-border-2) 0 1px, transparent 1px 10px); } .kr-meter i::after { content: ""; position: absolute; left: -5px; top: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--c-accent); transform: translateY(calc(var(--rp, 0) * (46vh - 70px))); } }
.kr-prose { font-size: 1.05rem; line-height: 1.75; color: var(--c-ink-soft); }
.kr-prose > * + * { margin-top: 1.1rem; }
.kr-prose h2 { margin-top: 2.2rem; font: 400 clamp(1.6rem, 1.3rem + 1.3vw, 2.3rem)/1.12 var(--fd); color: var(--c-ink); }
.kr-prose h3 { margin-top: 1.8rem; font: 400 1.35rem/1.15 var(--fd); color: var(--c-ink); }
.kr-prose a { border-bottom: 1.5px solid var(--c-accent); font-weight: 600; color: var(--c-ink); }
.kr-prose a:hover { background: color-mix(in srgb, var(--c-accent) 26%, transparent); }
.kr-prose ul { display: grid; gap: .5rem; }
.kr-prose ul li { position: relative; padding-left: 1.5rem; }
.kr-prose ul li::before { content: ""; position: absolute; left: 0; top: .6em; width: .6rem; height: .6rem; background: var(--c-accent); border: 1.5px solid var(--c-ink); }
.kr-prose ol { padding-left: 1.4rem; list-style: decimal; display: grid; gap: .5rem; }
.kr-prose blockquote { padding: .4rem 0 .4rem 1.4rem; border-left: 6px solid var(--c-accent); font: 400 1.3rem/1.4 var(--fd); color: var(--c-ink); }
.kr-prose img { border: 8px solid #fff; outline: 1px solid var(--c-border-2); }
.kr-prose--read > p:first-child, .kr-lead-p { font: 400 clamp(1.35rem, 1.1rem + 1vw, 1.9rem)/1.4 var(--fd); color: var(--c-ink); }
.kr-prose--read > p:first-child::first-letter { float: left; font: 400 4.2rem/.8 var(--fd); padding: .35rem .6rem 0 0; color: var(--c-accent-ink); }
.kr-disc { margin-top: 2.4rem; padding-top: 1rem; border-top: 1px dashed var(--c-ink); font-size: .84rem; color: var(--c-muted); }
.kr-prose--num { counter-reset: h; }
.kr-prose--num h2 { counter-increment: h; display: grid; grid-template-columns: 3.4rem 1fr; align-items: baseline; }
.kr-prose--num h2::before { content: "Madde " counter(h); font: 800 .62rem/1 var(--font); letter-spacing: .14em; text-transform: uppercase; color: var(--c-accent-ink); }

/* hakkımızda */
.kr-about__head { display: grid; gap: 1.6rem; align-items: end; }
@media (min-width: 900px) { .kr-about__head { grid-template-columns: 1fr auto; } }
.kr-about__yrs { display: grid; place-content: center; justify-items: center; width: 150px; aspect-ratio: 1; border: 2px solid var(--c-ink); border-radius: 50%; transform: rotate(-8deg); text-align: center; background: var(--c-accent); }
.kr-about__yrs b { font: 400 3.4rem/.9 var(--fd); }
.kr-about__yrs span { font-size: .66rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.kr-about__lead { max-width: 30ch; }
.kr-about__lead .kr-lead-p { font-size: clamp(1.7rem, 1.1rem + 2.4vw, 3.1rem); line-height: 1.18; max-width: 28ch; }
.kr-about__pics { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(.6rem, .3rem + 1.4vw, 1.6rem); margin: clamp(2.4rem, 1.6rem + 3vw, 4.6rem) 0; align-items: start; }
.kr-pic img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border: clamp(5px, .8vw, 10px) solid #fff; outline: 1px solid var(--c-border-2); box-shadow: 8px 8px 0 var(--c-surface-2); }
.kr-pic--1 { transform: rotate(-1.6deg); } .kr-pic--2 { margin-top: 2.6rem; transform: rotate(1deg); } .kr-pic--3 { margin-top: 1rem; transform: rotate(-.6deg); }
.kr-how { display: grid; gap: 2rem; border-top: 2px solid var(--c-ink); padding-top: 1.6rem; }
@media (min-width: 800px) { .kr-how { grid-template-columns: repeat(3, 1fr); gap: 2.4rem; } }
.kr-how__i b { font: 400 3.2rem/1 var(--fd); color: var(--c-accent-ink); }
.kr-how__i h2 { margin: .6rem 0; font: 400 1.6rem/1.1 var(--fd); }
.kr-how__i p { color: var(--c-muted); max-width: 36ch; }

/* iletişim */
.kr-ct { display: grid; gap: 2.4rem; }
@media (min-width: 960px) { .kr-ct { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; } }
.kr-form--ruled { padding: clamp(1.2rem, .8rem + 2vw, 2.4rem); background: #fff; border: 1.5px solid var(--c-ink); box-shadow: 10px 10px 0 var(--c-surface-2); }
.kr-form--ruled .kr-field input, .kr-form--ruled .kr-field textarea { border: 0; border-bottom: 1.5px solid var(--c-ink); background: transparent; padding-inline: 0; }
.kr-form--ruled .kr-field textarea { background: repeating-linear-gradient(transparent 0 30px, var(--c-border) 30px 31px); line-height: 31px; padding-top: 0; }
.kr-form--ruled .kr-field input:focus, .kr-form--ruled .kr-field textarea:focus { box-shadow: none; background-color: color-mix(in srgb, var(--c-accent) 12%, transparent); }
.kr-ct__side { display: grid; gap: 1rem; align-content: start; }
.kr-label { position: relative; padding: 1.2rem 1.2rem 1.1rem; background: #fff; border: 1.5px solid var(--c-ink); border-top-width: 14px; display: grid; gap: .3rem; }
.kr-label:nth-child(odd) { transform: rotate(-.7deg); } .kr-label:nth-child(even) { transform: rotate(.6deg); }
.kr-label small { font-size: .62rem; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--c-muted); }
.kr-label b { font: 400 1.25rem/1.25 var(--fd); }
.kr-label a:hover { text-decoration: underline; text-decoration-color: var(--c-accent); text-decoration-thickness: 3px; }
.kr-label--acc { background: var(--c-accent); border-color: var(--c-ink); }
.kr-label--acc small { color: var(--c-on-accent); }

/* SSS */
.kr-faq { display: grid; gap: 1.6rem; }
@media (min-width: 1000px) { .kr-faq { grid-template-columns: 250px minmax(0, 1fr); gap: clamp(2rem, 1rem + 3vw, 4.5rem); align-items: start; } }
.kr-faq__idx { position: sticky; top: 1.4rem; align-self: start; display: none; }
@media (min-width: 1000px) { .kr-faq__idx { display: block; } }
.kr-faq__idx a { display: grid; grid-template-columns: 2rem 1fr auto; gap: .5rem; align-items: baseline; padding: .8rem 0; border-bottom: 1px solid var(--c-border-2); font-weight: 600; font-size: .92rem; transition: padding .25s var(--ease), color .2s; }
.kr-faq__idx b { font: 400 1.1rem/1 var(--fd); color: var(--c-muted); }
.kr-faq__idx small { font-size: .72rem; color: var(--c-muted); }
.kr-faq__idx a:hover, .kr-faq__idx a.is-on { padding-left: .6rem; color: var(--c-accent-ink); box-shadow: inset 3px 0 0 var(--c-accent); }
.kr-qg { scroll-margin-top: 1.5rem; margin-bottom: 2.6rem; }
.kr-qg__h { margin-bottom: 1rem; font: 400 clamp(1.8rem, 1.3rem + 1.8vw, 2.8rem)/1.05 var(--fd); }
.kr-q { border-top: 1.5px solid var(--c-ink); }
.kr-q:last-of-type { border-bottom: 1.5px solid var(--c-ink); }
.kr-q summary { display: grid; grid-template-columns: 3rem 1fr 1.6rem; gap: 1rem; align-items: baseline; padding: 1.1rem 0; list-style: none; cursor: pointer; }
.kr-q summary::-webkit-details-marker { display: none; }
.kr-q summary b { font-size: .68rem; font-weight: 800; letter-spacing: .14em; color: var(--c-accent-ink); }
.kr-q summary span { font: 400 clamp(1.15rem, 1.02rem + .5vw, 1.5rem)/1.25 var(--fd); }
.kr-q summary i { position: relative; width: 1.1rem; height: 1.1rem; align-self: center; }
.kr-q summary i::before, .kr-q summary i::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: var(--c-ink); transition: transform .35s var(--ease); }
.kr-q summary i::after { transform: rotate(90deg); }
.kr-q[open] summary i::after { transform: rotate(0); }
.kr-q summary:hover span { text-decoration: underline; text-decoration-color: var(--c-accent); text-decoration-thickness: 2px; }
.kr-q__a { padding: 0 2.6rem 1.4rem 4rem; }
@media (max-width: 599px) { .kr-q__a { padding: 0 0 1.2rem; } .kr-q summary { grid-template-columns: 2.4rem 1fr 1.4rem; } }
.kr-faq .kr-note { margin-top: 1rem; }

/* teklif sihirbazı */
.kr-qt { display: grid; gap: 2.2rem; }
@media (min-width: 980px) { .kr-qt { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; } .kr-fis { position: sticky; top: 1.6rem; } }
.kr-qt__done { grid-column: 1 / -1; }
.kr-wiz__dots { display: none; counter-reset: d; }
.kr-wiz.is-js .kr-wiz__dots { display: flex; gap: .5rem; margin-bottom: .6rem; }
.kr-wiz__dots li { flex: 1; display: flex; align-items: center; gap: .6rem; padding: .6rem .8rem; border: 1.5px solid var(--c-border-2); font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--c-muted); transition: background-color .3s, color .3s, border-color .3s; }
.kr-wiz__dots b { font: 400 1.3rem/1 var(--fd); }
.kr-wiz__dots li.is-on { background: var(--c-ink); border-color: var(--c-ink); color: #fff; }
.kr-wiz__dots li.is-on b { color: var(--c-accent); }
.kr-wiz__dots li.is-done { border-color: var(--c-accent-ink); color: var(--c-accent-ink); }
.kr-wiz__s { min-width: 0; margin: 0; padding: clamp(1.2rem, .8rem + 2vw, 2rem); border: 1.5px solid var(--c-ink); background: #fff; display: grid; gap: 1.1rem; align-content: start; }
.kr-wiz__s legend { float: left; width: 100%; padding: 0; margin-bottom: .4rem; font: 400 clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem)/1.1 var(--fd); }
.kr-wiz__s legend + * { clear: both; }
.kr-wiz__s legend b { margin-right: .7rem; font: 800 .7rem/1 var(--font); letter-spacing: .2em; color: var(--c-accent-ink); vertical-align: middle; }
.kr-wiz.is-js .kr-wiz__s:not(.is-cur) { display: none; }
.kr-wiz.is-js .kr-wiz__s.is-cur { animation: kr-step .55s var(--ease) both; }
.kr-wiz__nav { display: flex; justify-content: space-between; gap: .8rem; }
.kr-wiz.is-js .kr-wiz__nav { display: flex; }
.kr-opts { display: grid; gap: .6rem; }
@media (min-width: 600px) { .kr-opts { grid-template-columns: 1fr 1fr; } }
.kr-opt { position: relative; display: block; cursor: pointer; }
.kr-opt input { position: absolute; opacity: 0; inset: 0; }
.kr-opt span { display: flex; justify-content: space-between; align-items: baseline; gap: .6rem; padding: .9rem 1rem; border: 1.5px solid var(--c-ink); font: 400 1.05rem/1.2 var(--fd); transition: background-color .2s, transform .25s var(--ease), box-shadow .2s; }
.kr-opt small { font: 700 .72rem/1 var(--font); color: var(--c-muted); white-space: nowrap; }
.kr-opt:hover span { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--c-ink); }
.kr-opt input:checked + span { background: var(--c-accent); box-shadow: 4px 4px 0 var(--c-ink); transform: translate(-2px, -2px); }
.kr-opt input:checked + span small { color: var(--c-on-accent); }
.kr-opt input:focus-visible + span { outline: 3px solid var(--c-ink); outline-offset: 3px; }
.kr-fis { position: relative; padding: 1.5rem 1.4rem 1.6rem; background: #fff; border: 1.5px solid var(--c-ink); }
.kr-fis::before { content: ""; position: absolute; left: -1.5px; right: -1.5px; top: -9px; height: 9px; background: radial-gradient(circle at 8px 9px, transparent 7px, #fff 7.5px) 0 0 / 16px 9px repeat-x; filter: drop-shadow(0 -1.5px 0 var(--c-ink)); }
.kr-fis__k { font-size: .66rem; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--c-muted); }
.kr-fis dl { margin: .8rem 0 1rem; border-top: 1px dashed var(--c-ink); }
.kr-fis dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; border-bottom: 1px dashed var(--c-ink); font-size: .9rem; }
.kr-fis dt { color: var(--c-muted); }
.kr-fis dd { font-weight: 700; text-align: right; }
.kr-fis__tot dd { font: 400 1.5rem/1.1 var(--fd); color: var(--c-accent-ink); }
.kr-fis__n { font-size: .8rem; color: var(--c-muted); }
.kr-fis__c { display: flex; align-items: center; gap: .6rem; margin-top: .8rem; font-weight: 700; font-size: .9rem; }
.kr-fis__c:hover { color: var(--c-accent-ink); }

/* 404 */
.kr-err404 { background: var(--film); color: var(--c-on-contrast); min-height: 74vh; display: grid; align-items: center; padding-block: 3rem; }
.kr-err404__in { display: grid; gap: 2.6rem; align-items: center; }
@media (min-width: 900px) { .kr-err404__in { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 5rem; } }
.kr-err404__frame { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; padding: 36px 10px; background: #101010; outline: 1px solid #2c2c2a; overflow: hidden; }
.kr-err404__frame::before, .kr-err404__frame::after { content: ""; position: absolute; left: 0; right: 0; height: 9px; background: var(--perf); opacity: .8; }
.kr-err404__frame::before { top: 10px; } .kr-err404__frame::after { bottom: 10px; }
.kr-err404__edge { position: absolute; top: 22px; left: 12px; font-size: 8px; font-weight: 700; letter-spacing: .2em; color: var(--c-accent); }
.kr-err404__code { font: 400 clamp(5rem, 3rem + 9vw, 11rem)/1 var(--fd); color: transparent; -webkit-text-stroke: 2px var(--c-accent); }
.kr-err404__af { position: absolute; bottom: 24px; right: 14px; padding: .25rem .6rem; background: var(--c-accent); color: var(--c-on-accent); font-size: .66rem; font-weight: 800; letter-spacing: .2em; }
.kr-err404__frame .kr-vfc { inset: 40px 24px; }
.kr-debug { margin-top: 2rem; padding: 1rem; overflow: auto; font-size: .78rem; background: #1a1a19; color: #ddd; }

/* bloklar */
.kr-bl .kr-prose { max-width: 70ch; }
.kr-bl__h { margin-bottom: 1.2rem; }
.kr-blq { position: relative; padding: 1rem 0 1rem 2rem; border-left: 8px solid var(--c-accent); }
.kr-blq p { font: 400 clamp(1.5rem, 1.2rem + 1.4vw, 2.4rem)/1.3 var(--fd); }
.kr-blq cite { display: block; margin-top: 1rem; font-style: normal; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-muted); }
.kr-blmedia { margin-top: 2rem; }
.kr-blmedia img, .kr-blimg img { width: 100%; border: 10px solid #fff; outline: 1px solid var(--c-border-2); box-shadow: 10px 10px 0 var(--c-surface-2); }
.kr-blimg { padding-block: 2rem; }
.kr-blimg figcaption { margin-top: .8rem; font-size: .84rem; color: var(--c-muted); }
.kr-blcta__in { display: grid; gap: 1.6rem; align-items: end; }
@media (min-width: 800px) { .kr-blcta__in { grid-template-columns: 1fr auto; } }
.kr-blcta .kr-cta__act { margin-top: 1.6rem; }
.kr-blcta__in .kr-cta__act { margin-top: 0; }
.kr-specs--blk dd { color: var(--c-ink); }
.kr-specs--blk dt { color: var(--c-muted); }
.kr-page .kr-ph { padding-bottom: 2rem; }
/* ── alt bilgi: film kenarı + çekim bilgisi ───────────────────────────────── */
.kr-foot { background: #060606; color: var(--c-on-contrast); padding-top: 0; }
.kr-foot__in { display: grid; gap: 2.6rem; max-width: calc(var(--max) + var(--gut) * 2); margin-inline: auto; padding: clamp(2.4rem, 1.6rem + 3vw, 4.6rem) var(--gut); }
@media (min-width: 960px) { .kr-foot__in { grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr); gap: clamp(2rem, 1rem + 3vw, 4.4rem); } }
.kr-foot__name { font: 400 clamp(3.6rem, 2rem + 8vw, 8.4rem)/.9 var(--fd); color: transparent; -webkit-text-stroke: 1.5px var(--c-accent); letter-spacing: .02em; }
.kr-foot__st { margin: 1.1rem 0 1.5rem; max-width: 34ch; font-size: 1.05rem; color: #fff; }
.kr-foot__soc { margin-top: 1.4rem; display: flex; gap: .6rem; }
.kr-foot__soc a { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, .35); transition: background-color .2s, color .2s; }
.kr-foot__soc a:hover { background: var(--c-accent); color: var(--c-on-accent); border-color: var(--c-accent); }
.kr-foot__h { font-size: .66rem; font-weight: 800; letter-spacing: .26em; text-transform: uppercase; color: var(--c-accent); padding-bottom: .8rem; border-bottom: 1px solid rgba(255, 255, 255, .25); }
.kr-foot .kr-exif div { font-size: .9rem; }
.kr-foot .kr-exif dd { color: #fff; text-align: right; }
.kr-foot__idx ol { display: grid; counter-reset: f; }
.kr-foot__idx li { counter-increment: f; }
.kr-foot__idx a { display: flex; gap: .8rem; align-items: baseline; padding: .55rem 0; border-bottom: 1px solid rgba(255, 255, 255, .12); font-size: .95rem; color: #fff; transition: padding .25s var(--ease), color .2s; }
.kr-foot__idx a::before { content: counter(f, decimal-leading-zero) "A"; font-size: .6rem; font-weight: 800; letter-spacing: .18em; color: var(--c-accent); }
.kr-foot__idx a:hover { padding-left: .5rem; color: var(--c-accent); }
.kr-foot__end { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem 2rem; max-width: calc(var(--max) + var(--gut) * 2); margin-inline: auto; padding: 1.2rem var(--gut); border-top: 1px solid rgba(255, 255, 255, .18); font-size: .8rem; }
.kr-foot__end nav { display: flex; gap: 1.2rem; }
.kr-foot__end a:hover { color: var(--c-accent); }
.kr-rew { min-height: 44px; padding: .5rem 1rem; background: transparent; border: 1.5px solid var(--c-accent); color: var(--c-accent); font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; transition: background-color .2s, color .2s; }
.kr-rew:hover { background: var(--c-accent); color: var(--c-on-accent); }

/* ── kare görüntüleyici (lightbox) ────────────────────────────────────────── */
.kr-lb { position: fixed; inset: 0; z-index: 150; display: grid; place-items: center; background: rgba(6, 6, 6, .96); padding: 3.4rem 1rem 1.4rem; }
.kr-lb__fig { position: relative; display: grid; gap: .8rem; max-width: min(1200px, 100%); }
.kr-lb__fig img { max-width: 100%; max-height: calc(100vh - 9rem); width: auto; margin-inline: auto; border: 8px solid #060606; outline: 1px solid rgba(255, 255, 255, .2); }
.kr-lb__fig figcaption { text-align: center; font-size: .78rem; font-weight: 700; letter-spacing: .12em; color: var(--c-on-contrast); text-transform: uppercase; }
.kr-lb__c { position: absolute; inset: 3.4rem 1.4rem 1.4rem; pointer-events: none; }
.kr-lb__c b { position: absolute; width: 26px; height: 26px; border: 0 solid var(--c-accent); }
.kr-lb__c b:nth-child(1) { left: 0; top: 0; border-width: 3px 0 0 3px; } .kr-lb__c b:nth-child(2) { right: 0; top: 0; border-width: 3px 3px 0 0; }
.kr-lb__c b:nth-child(3) { left: 0; bottom: 0; border-width: 0 0 3px 3px; } .kr-lb__c b:nth-child(4) { right: 0; bottom: 0; border-width: 0 3px 3px 0; }
.kr-lb__x, .kr-lb__n { position: absolute; z-index: 2; display: grid; place-items: center; width: 48px; height: 48px; background: #060606; border: 1.5px solid var(--c-accent); color: #fff; transition: background-color .2s, color .2s; }
.kr-lb__x:hover, .kr-lb__n:hover { background: var(--c-accent); color: var(--c-on-accent); }
.kr-lb__x { top: .8rem; right: .8rem; }
.kr-lb__n { top: 50%; margin-top: -24px; }
.kr-lb__n--p { left: .8rem; transform: scaleX(-1); } .kr-lb__n--n { right: .8rem; }

/* ── kaydırma ilerlemesi ──────────────────────────────────────────────────── */
.kr-sp { position: fixed; z-index: 95; left: 0; top: 0; width: 100%; height: 3px; background: var(--c-accent); transform-origin: 0 50%; transform: scaleX(var(--sp, 0)); pointer-events: none; }

/* ── hareket ──────────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {
    @view-transition { navigation: auto; }
    ::view-transition-group(root) { animation-duration: .9s; }
    ::view-transition-old(root) { animation: kr-vt-out .9s var(--ease) both; mix-blend-mode: normal; }
    ::view-transition-new(root) { animation: kr-vt-iris .9s var(--ease) both; mix-blend-mode: normal; }
    .kr-w > span { animation: kr-up .8s var(--ease) both; animation-delay: calc(var(--i) * 65ms + 100ms); }
    .kr-tag, .kr-hero__sub, .kr-hero__act, .kr-counter, .kr-ph__no, .kr-ph__t, .kr-ph__sub, .kr-sv__t, .kr-sv__sum, .kr-ah__t { animation: kr-fade .8s ease both; }
    .kr-tag, .kr-ph__no { animation-delay: .1s; }
    .kr-hero__sub, .kr-ph__sub, .kr-sv__sum { animation-delay: .5s; }
    .kr-hero__act, .kr-counter { animation-delay: .65s; }
    .kr-ph__t, .kr-sv__t, .kr-ah__t { animation-delay: .25s; }
    .kr-film { animation: kr-advance var(--dur) infinite; }
    .kr-counter__col { animation: kr-count var(--dur) infinite; }
    .kr-counter__ap { animation: kr-iris var(--dur) infinite; }
    .kr-gate__vf { animation: kr-lock calc(var(--dur) / 6) linear infinite; }
    .kr-hero.is-paused *, .kr-hero.is-paused .kr-film { animation-play-state: paused !important; }
    html.js [data-reveal]:not(.is-in):not([data-reveal="sheet"]):not([data-reveal="reel"]) { opacity: 0; transform: translateY(24px); }
    html.js [data-reveal="frame"]:not(.is-in) { transform: none; clip-path: inset(0 0 100% 0); }
    [data-reveal] { transition: opacity .8s ease, transform .9s var(--ease), clip-path 1.1s var(--ease); }
    [data-reveal="frame"].is-in { clip-path: inset(-24px -28px -30px -24px); }
    .kr-step { transition: opacity .7s ease, transform .8s var(--ease); transition-delay: calc(var(--i) * 140ms + 120ms); }
    html.js .kr-reel:not(.is-in) .kr-step { opacity: .15; transform: translateY(16px); }
    .kr-tile { transition: opacity .6s ease, transform .7s var(--ease); }
    html.js .kr-sheet:not(.is-in) .kr-tile { opacity: 0; transform: translateY(18px); }
    .kr-sheet.is-in .kr-tile { transition-delay: calc(var(--i) * 90ms); }
    .is-pick .kr-tile__a::after { clip-path: inset(0 100% 0 0); transition: clip-path .9s cubic-bezier(.6, 0, .2, 1) .6s; }
    .kr-sheet.is-in .is-pick .kr-tile__a::after { clip-path: inset(0); }
    .kr-shotlist i::after { opacity: 0; transform: rotate(40deg) scale(.4); transition: opacity .3s, transform .45s var(--ease); transition-delay: calc(var(--n, 0) * 90ms + .3s); }
    .kr-shotlist.is-in i::after { opacity: 1; transform: rotate(40deg); }
    .kr-menu .kr-fr__img { transition-delay: 0s; }
    .kr-err404__af { animation: kr-blink .5s steps(2) 3 .8s both; }
    .kr-sp { transition: transform .12s linear; }
}
@keyframes kr-up { from { transform: translateY(108%); } to { transform: none; } }
@keyframes kr-fade { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes kr-step { from { opacity: 0; transform: translateX(26px); } to { opacity: 1; transform: none; } }
@keyframes kr-blink { 50% { opacity: .2; } }
@keyframes kr-advance {
    0%, 13% { transform: translateX(0); }
    16.667%, 29.667% { transform: translateX(calc(var(--step) * -1)); }
    33.333%, 46.333% { transform: translateX(calc(var(--step) * -2)); }
    50%, 63% { transform: translateX(calc(var(--step) * -3)); }
    66.667%, 79.667% { transform: translateX(calc(var(--step) * -4)); }
    83.333%, 96.333% { transform: translateX(calc(var(--step) * -5)); }
    100% { transform: translateX(calc(var(--step) * -6)); }
}
@keyframes kr-count {
    0%, 13% { transform: translateY(0); }
    16.667%, 29.667% { transform: translateY(-14.2857%); }
    33.333%, 46.333% { transform: translateY(-28.5714%); }
    50%, 63% { transform: translateY(-42.8571%); }
    66.667%, 79.667% { transform: translateY(-57.1429%); }
    83.333%, 96.333% { transform: translateY(-71.4286%); }
    100% { transform: translateY(-85.7143%); }
}
@keyframes kr-iris {
    0%, 13% { transform: rotate(0); }
    16.667%, 29.667% { transform: rotate(60deg); }
    33.333%, 46.333% { transform: rotate(120deg); }
    50%, 63% { transform: rotate(180deg); }
    66.667%, 79.667% { transform: rotate(240deg); }
    83.333%, 96.333% { transform: rotate(300deg); }
    100% { transform: rotate(360deg); }
}
@keyframes kr-lock { 0%, 72% { opacity: 1; transform: none; } 86% { opacity: .35; transform: scale(1.035); } 100% { opacity: 1; transform: none; } }
/* iris geçişi: altıgen diyafram açılır, eski kare kararır */
@keyframes kr-vt-out { to { filter: brightness(.35); transform: scale(.985); } }
@keyframes kr-vt-iris {
    from { clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%); filter: brightness(1.7); }
    35% { filter: brightness(1.15); }
    to { clip-path: polygon(150% 50%, 100% 137%, 0% 137%, -50% 50%, 0% -37%, 100% -37%); filter: none; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .kr-album__card, .kr-menu, .kr-fr { transition: none !important; }
    .kr-menu.is-open .kr-fr { transition: none !important; }
}

/* ── dar ekranlar ─────────────────────────────────────────────────────────── */
@media (max-width: 599px) {
    .kr-head { flex-direction: column; align-items: flex-start; }
    .kr-album__face { min-height: 28rem; }
    .kr-cta__t { max-width: none; }
    .kr-foot__end { padding-bottom: 1.6rem; }
    .kr-quick__lead br { display: none; }
    .kr-about__yrs { width: 110px; }
    .kr-about__yrs b { font-size: 2.4rem; }
    .kr-spot { grid-template-columns: 1fr; gap: .4rem; }
    .kr-spot__no { font-size: 3rem; }
    .kr-art li { grid-template-columns: 1fr; gap: .2rem; }
    .kr-lb__n { top: auto; bottom: .8rem; margin: 0; }
    .kr-lb { padding-bottom: 4.6rem; }
    .kr-exif--bar div { flex-direction: row; }
}
.kr-sec--dark .kr-head__t, .kr-pkg .kr-head__t { color: #fff; }
.kr-exif--bar dt { align-self: flex-start; }
.kr-about__lead { max-width: none; }
.kr-about__lead .kr-lead-p { max-width: 34ch; }
.kr-err404 .kr-ph__t { color: #fff; }
.kr-err404 .kr-ph__no { color: var(--c-accent); }
.kr-err404 .kr-ph__sub { color: var(--c-on-contrast); }

/* 19. Kare variant */
:root { --radius-md: 2px; }