/* =========================================================
   Kramer Calabriel — Kurumsal dijital katalog (catalog.css)
   Sayfa çevirmeli görüntüleyici + baskı (PDF) düzeni.
   Tüm sayfa ölçüleri sayfa genişliğine bağlı (--u = 1cqi):
   ekranda, tam ekranda ve 210 mm PDF'te aynı kompozisyon.
   ========================================================= */

/* ---------- Sayfa kabuğu (iç sayfa entegrasyonu) ----------
   Kompakt hero: kısa görsel bant + breadcrumb + tek H1 (+ kısa giriş),
   altında boşluksuz, tam genişlikte görüntüleyici. */
html:has(.page--catalog){scrollbar-gutter:stable}         /* kaydırma çubuğu aç/kapa → genişlik dalgalanması yok */
main:has(.page--catalog) .page-hero{min-height:0;align-items:end;background:#1a1617}
main:has(.page--catalog) .page-hero__media{animation:none}
main:has(.page--catalog) .page-hero__media>img{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:50% 40%;transform:none!important;will-change:auto}
main:has(.page--catalog) .page-hero::after{background:linear-gradient(95deg,rgba(23,19,20,.88) 0%,rgba(23,19,20,.62) 55%,rgba(23,19,20,.35) 100%),linear-gradient(to top,rgba(26,22,23,.95) 0,rgba(26,22,23,0) 55%)}
main:has(.page--catalog) .page-hero__inner{padding-top:calc(var(--header-h) + clamp(1rem,.5rem + 1.5vw,2rem));padding-bottom:clamp(1.4rem,1rem + 1.2vw,2.25rem);align-items:flex-end}
main:has(.page--catalog) .page-hero h1{margin:.55rem 0 .5rem;font-size:clamp(2rem,1.5rem + 1.6vw,3.1rem);line-height:1.05}
main:has(.page--catalog) .page-hero .lead{font-size:clamp(.92rem,.85rem + .2vw,1.02rem);line-height:1.6;max-width:44rem}
main:has(.page--catalog) .page-hero__sign{margin-bottom:.2rem}
@media (max-height:720px) and (min-width:600px){main:has(.page--catalog) .page-hero .lead{display:none}}
@media (max-width:599.98px){main:has(.page--catalog) .page-hero .lead{display:none}}
.page--catalog{padding-top:0}
.page--catalog>.wrap{max-width:none;padding-inline:0}      /* görüntüleyici tam genişlik — 100vw yok */
.page--catalog .kc-info{width:auto;max-width:var(--wrap);margin-inline:max(var(--gutter),calc((100% - var(--wrap))/2))}

.kc{--kc-gold-h:#94703D;--kc-text:#4A423D;--kc-ink:#171314;position:relative}
.kc-viewer{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;
  width:100%;margin:0;
  height:clamp(360px,calc(100svh - var(--header-h)),1040px);
  color:var(--cream);isolation:isolate;outline:0;border-top:1px solid rgba(183,143,85,.28);
  overflow-anchor:none;                                   /* iç değişimler sayfa kaydırmasını (scroll anchoring) tetiklemesin */
  background:
    radial-gradient(60% 55% at 50% 46%,rgba(183,143,85,.13),rgba(183,143,85,0) 70%),
    radial-gradient(120% 90% at 50% 40%,#2b2425 0%,#1a1617 58%,#110e0f 100%)}
.kc-viewer::before{content:"";position:absolute;inset:clamp(.5rem,1vw,1rem);border:1px solid rgba(183,143,85,.16);pointer-events:none;z-index:-1}

/* ---------- Üst çubuk ---------- */
.kc-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(.9rem,.6rem + .8vw,1.35rem) clamp(1rem,.5rem + 2vw,2.5rem) .4rem}
.kc-top__label{display:flex;align-items:center;gap:.8rem;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-soft);white-space:nowrap}
.kc-top__label img{width:22px;height:auto;opacity:.9}
.kc-top__label em{font-style:normal;color:var(--mist)}
.kc-tools{display:flex;align-items:center;gap:.35rem}
.kc-btn{display:inline-flex;align-items:center;gap:.55rem;min-height:2.6rem;padding:.45rem .85rem;border:1px solid transparent;color:var(--cream);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500;transition:border-color .35s var(--ease),color .35s var(--ease),background-color .35s var(--ease)}
.kc-btn svg{width:18px;height:18px;flex:none}
.kc-btn:hover,.kc-btn:focus-visible,.kc-btn[aria-pressed="true"],.kc-btn[aria-expanded="true"]{border-color:rgba(210,178,126,.55);color:var(--gold-soft)}
.kc-btn--gold{border-color:rgba(183,143,85,.7);color:var(--gold-soft)}
.kc-btn--gold:hover,.kc-btn--gold:focus-visible{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.kc-btn:focus-visible,.kc-nav:focus-visible,.kc-bar button:focus-visible,.kc-thumb:focus-visible{outline:1px solid var(--gold-soft);outline-offset:2px}

/* ---------- Sahne ---------- */
.kc-stage{position:relative;display:flex;min-height:0;overflow:hidden;padding:clamp(.6rem,1.2vw,1.4rem) clamp(3.6rem,5vw,5.5rem);touch-action:pan-y}
.kc-book{position:relative;margin:auto;flex:none}
.kc-nav{position:absolute;top:50%;z-index:30;display:grid;place-items:center;width:3rem;height:3rem;margin-top:-1.5rem;border:1px solid rgba(210,178,126,.35);border-radius:50%;color:var(--gold-soft);background:rgba(20,16,17,.35);transition:border-color .35s var(--ease),background-color .35s var(--ease),opacity .35s var(--ease),transform .35s var(--ease)}
.kc-nav svg{width:20px;height:20px}
.kc-nav--prev{left:clamp(.75rem,1.6vw,1.6rem)}
.kc-nav--next{right:clamp(.75rem,1.6vw,1.6rem)}
.kc-nav:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.kc-nav[disabled],.kc-bar__arrow[disabled]{opacity:.25;pointer-events:none}

/* ---------- Alt çubuk ---------- */
.kc-bar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:.55rem clamp(5.5rem,7vw,7rem) clamp(.8rem,.5rem + .6vw,1.1rem) clamp(1rem,.5rem + 2vw,2.5rem)}
.kc.is-fs .kc-bar{padding-right:clamp(1rem,.5rem + 2vw,2.5rem)}
.kc-bar__btn{justify-self:start;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mist);padding:.5rem 0;transition:color .3s}
.kc-bar__btn:hover{color:var(--gold-soft)}
.kc-bar__mid{display:flex;align-items:center;gap:.6rem}
.kc-bar__arrow{display:grid;place-items:center;width:2.5rem;height:2.5rem;color:var(--cream);transition:color .3s}
.kc-bar__arrow:hover{color:var(--gold-soft)}
.kc-bar__arrow svg{width:18px;height:18px}
.kc-count{font-family:var(--serif);font-size:1.3rem;letter-spacing:.06em;min-width:6.6rem;text-align:center;font-variant-numeric:lining-nums tabular-nums}
.kc-count__sep{color:var(--gold);margin:0 .5rem}
.kc-count span:last-child{color:var(--mist)}
.kc-bar__title{justify-self:end;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--mist);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.kc-progress{position:absolute;left:clamp(1rem,.5rem + 2vw,2.5rem);right:clamp(1rem,.5rem + 2vw,2.5rem);top:0;height:1px;background:rgba(248,244,237,.1)}
.kc-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,rgba(183,143,85,.4),var(--gold));transition:width .8s var(--ease)}

/* ---------- Küçük resim şeridi ---------- */
.kc-thumbs{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .5s var(--ease),visibility 0s .5s}
.kc-thumbs>ol{min-height:0;overflow:hidden}
.kc.is-thumbs .kc-thumbs{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .5s var(--ease)}
.kc.is-thumbs .kc-thumbs ol{padding-block:.4rem .8rem}
.kc-thumbs ol{list-style:none;display:flex;gap:.7rem;overflow-x:auto;padding:0 clamp(1rem,.5rem + 2vw,2.5rem);transition:padding .5s var(--ease);scrollbar-width:thin;scrollbar-color:rgba(183,143,85,.5) transparent}
.kc-thumb{display:block;width:5.6rem;flex:none;color:var(--mist)}
.kc-thumb img{width:5.6rem;height:5.6rem;object-fit:cover;background:#2a2425;border:1px solid rgba(248,244,237,.12);transition:border-color .3s,opacity .3s;opacity:.72}
.kc-thumb--dark img{background:#141011}
.kc-thumb img.kc-thumb__mono{object-fit:contain;padding:1.4rem;background:#141011}
.kc-thumb__n{display:block;margin-top:.35rem;font-size:.66rem;letter-spacing:.18em;color:var(--gold-soft)}
.kc-thumb__t{display:block;font-size:.72rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc-thumb:hover img,.kc-thumb[aria-current="true"] img{opacity:1;border-color:var(--gold)}
.kc-thumb[aria-current="true"] .kc-thumb__t{color:var(--cream)}

/* ---------- Bilgi bloğu ---------- */
.kc-info{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:2rem 4rem;align-items:end;margin-top:clamp(2.5rem,2rem + 2vw,4rem);padding-top:clamp(2rem,1.5rem + 1.5vw,3rem);border-top:1px solid var(--sand)}
.kc-info h2{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.6rem);max-width:22ch}
.kc-info p{margin-top:1rem;color:var(--stone);max-width:62ch}
.kc-info .kc-info__keys{font-size:.86rem}
.kc-info kbd{display:inline-block;min-width:1.6em;padding:0 .35em;border:1px solid var(--sand);font:inherit;font-size:.8em;text-align:center;background:#fff}
.kc-info .btn svg{width:18px;height:18px;flex:none}
.kc-info .btn-row{justify-content:flex-end}

/* =========================================================
   SAYFA TASARIMI (görüntüleyici + PDF ortak)
   ========================================================= */
.kc-page{position:relative;container-type:inline-size;background:var(--cream);color:var(--char);overflow:hidden}
.kc-p{--u:1cqi;--sp:calc(var(--u)*6.4);--t-body:calc(var(--u)*1.9);--t-small:calc(var(--u)*1.62);--t-label:calc(var(--u)*1.2);--t-h:calc(var(--u)*4.9);
  position:relative;width:100%;height:100%;background:var(--cream);color:var(--char);font-family:var(--sans);font-size:var(--t-body);line-height:1.55;font-weight:400;overflow:hidden;text-align:left}
.kc-p img{max-width:none}
.kc-p a{color:inherit}
.kc-sheet{position:relative;height:100%;display:flex;flex-direction:column;padding:calc(var(--u)*3.6) var(--sp) calc(var(--u)*3.2);min-width:0}
.kc-run{display:flex;justify-content:space-between;gap:1em;font-size:var(--t-label);line-height:1.2;letter-spacing:.26em;text-transform:uppercase;font-weight:500;color:var(--gold-ink);padding-bottom:calc(var(--u)*1.3);border-bottom:1px solid rgba(183,143,85,.38)}
.kc-run span:last-child{color:var(--stone);font-weight:400}
.kc-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:calc(var(--u)*1.4);font-size:var(--t-label);line-height:1.2;color:var(--stone)}
.kc-p--r .kc-foot{flex-direction:row-reverse}
.kc-foot__n{letter-spacing:.22em;color:var(--gold-ink);font-weight:500}
.kc-foot__s{font-family:var(--serif);font-style:italic;font-size:calc(var(--u)*1.55);letter-spacing:.02em}
.kc-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}
.kc-kicker{display:flex;align-items:center;gap:calc(var(--u)*1.2);font-size:var(--t-label);line-height:1.2;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:var(--gold-ink);margin-bottom:calc(var(--u)*1.5)}
.kc-kicker::before{content:"";width:calc(var(--u)*4);height:1px;background:var(--gold)}
.kc-h{font-family:var(--serif);font-weight:400;font-size:var(--t-h);line-height:1.05;letter-spacing:-.005em;color:var(--kc-gold-h);text-wrap:balance}
.kc-text{margin-top:calc(var(--u)*1.9);color:var(--kc-text);font-size:var(--t-body);line-height:1.6}
.kc-label{margin-top:calc(var(--u)*2.8);margin-bottom:calc(var(--u)*.6);font-family:var(--sans);font-size:var(--t-label);line-height:1.2;letter-spacing:.26em;text-transform:uppercase;font-weight:500;color:var(--stone)}
.kc-note{margin-top:calc(var(--u)*1.2);font-size:var(--t-label);letter-spacing:.06em;color:var(--stone);font-style:italic}

/* görsel kolonları */
.kc-media{position:relative;margin:0;overflow:hidden;background:#2a2425}
.kc-media img,.kc-cover__media img,.kc-about__media img,.kc-contact__media img,.kc-g img,.kc-arch img,.kc-step figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kc-media::after{content:"";position:absolute;inset:calc(var(--u)*2.4);border:1px solid rgba(248,244,237,.42);pointer-events:none}

/* ----- Kapak ----- */
.kc-p--cover,.kc-p--back,.kc-p--regions{background:var(--kc-ink);color:var(--cream)}
.kc-cover__media{position:absolute;inset:0;margin:0}
.kc-cover__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,14,15,.78) 0%,rgba(17,14,15,.15) 34%,rgba(17,14,15,.25) 55%,rgba(17,14,15,.9) 100%)}
.kc-cover__frame{position:absolute;inset:calc(var(--u)*2.6);border:1px solid rgba(210,178,126,.55);pointer-events:none}
.kc-cover__frame::before,.kc-cover__frame::after{content:"";position:absolute;width:calc(var(--u)*3);height:calc(var(--u)*3);border:1px solid var(--gold-soft)}
.kc-cover__frame::before{top:calc(var(--u)*-.8);left:calc(var(--u)*-.8);border-right:0;border-bottom:0}
.kc-cover__frame::after{bottom:calc(var(--u)*-.8);right:calc(var(--u)*-.8);border-left:0;border-top:0}
.kc-cover__in{position:absolute;inset:calc(var(--u)*2.6);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--u)*7) calc(var(--u)*5) calc(var(--u)*6.5);text-align:center}
.kc-cover__logo{width:calc(var(--u)*30);height:auto}
.kc-cover__kicker{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*1.6);font-size:calc(var(--u)*1.3);letter-spacing:.36em;text-transform:uppercase;color:var(--gold-soft);font-weight:500}
.kc-cover__kicker::before,.kc-cover__kicker::after{content:"";width:calc(var(--u)*5);height:1px;background:currentColor;opacity:.7}
.kc-cover__title{margin-top:calc(var(--u)*2.4);font-family:var(--serif);font-weight:400;font-size:calc(var(--u)*7.2);line-height:1;letter-spacing:-.01em;color:var(--cream)}
.kc-cover__title em{color:var(--gold-soft)}
.kc-cover__sub{margin-top:calc(var(--u)*2.6);font-size:calc(var(--u)*1.25);letter-spacing:.32em;text-transform:uppercase;color:var(--mist)}
.kc-cover__hint{position:absolute;left:0;right:0;bottom:calc(var(--u)*2.2);font-size:calc(var(--u)*1.1);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-soft);opacity:0;transition:opacity .6s var(--ease)}
.kc--closed .kc-cover__hint{opacity:.9;animation:kcHint 2.4s var(--ease) infinite}
@keyframes kcHint{50%{opacity:.35}}
.kc--off .kc-cover__hint,.kc--off .kc-leaf{animation-play-state:paused}

/* ----- Manifesto ----- */
.kc-man{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:calc(var(--u)*5);align-items:center;min-height:0;padding-block:calc(var(--u)*3)}
.kc-man__mono{width:calc(var(--u)*6.2);height:auto;margin-bottom:calc(var(--u)*3.2)}
.kc-quote{font-family:var(--serif);font-style:italic;font-weight:400;font-size:calc(var(--u)*4.25);line-height:1.12;color:var(--char);text-wrap:balance}
.kc-man .kc-text+.kc-text{margin-top:calc(var(--u)*1.2)}
.kc-sign{display:flex;align-items:center;gap:calc(var(--u)*1.4);margin-top:calc(var(--u)*3.4);font-family:var(--serif);font-style:italic;font-size:calc(var(--u)*2.3);color:var(--kc-gold-h)}
.kc-sign::before{content:"";width:calc(var(--u)*6);height:1px;background:var(--gold)}
.kc-arch{position:relative;margin:0;height:calc(var(--u)*62);border-radius:999px 999px 0 0;overflow:hidden;background:#2a2425}
.kc-arch::after{content:"";position:absolute;inset:calc(var(--u)*1.3);border:1px solid rgba(248,244,237,.55);border-radius:999px 999px 0 0;pointer-events:none}

/* ----- Bölünmüş sayfa (metin + tam boy görsel) ----- */
.kc-p--split{display:grid;grid-template-columns:56% 44%}
.kc-p--split.kc-p--l{grid-template-columns:44% 56%}
.kc-p--split.kc-p--l .kc-media{order:-1}
.kc-svc__no{display:flex;align-items:center;gap:calc(var(--u)*1.3);margin-bottom:calc(var(--u)*2);font-family:var(--serif);font-size:calc(var(--u)*3);line-height:1;color:var(--kc-gold-h)}
.kc-svc__no small{font-size:.5em;letter-spacing:.2em;color:var(--stone);font-family:var(--sans)}
.kc-svc__icon{display:grid;place-items:center;width:calc(var(--u)*5.4);height:calc(var(--u)*5.4);border:1px solid rgba(183,143,85,.5);border-radius:50%;color:var(--gold-ink)}
.kc-svc__icon svg{width:58%;height:58%}
.kc-scope{list-style:none;margin:0;padding:0}
.kc-scope li{position:relative;padding:calc(var(--u)*.62) 0 calc(var(--u)*.62) calc(var(--u)*2.2);border-bottom:1px solid rgba(35,31,32,.09);font-size:var(--t-small);line-height:1.35;color:var(--char)}
.kc-scope li::before{content:"";position:absolute;left:calc(var(--u)*.3);top:50%;width:calc(var(--u)*.75);height:calc(var(--u)*.75);margin-top:calc(var(--u)*-.375);border:1px solid var(--gold);transform:rotate(45deg)}
.kc-more{display:inline-flex;align-items:center;gap:calc(var(--u)*1.2);align-self:flex-start;margin-top:calc(var(--u)*2.4);padding-bottom:calc(var(--u)*.5);border-bottom:1px solid var(--gold);font-size:var(--t-label);letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--char)}
.kc-more::after{content:"";width:calc(var(--u)*3);height:1px;background:currentColor;transition:width .4s var(--ease)}
.kc-more:hover::after{width:calc(var(--u)*5)}

/* ----- İçindekiler ----- */
.kc-toc{list-style:none;margin:calc(var(--u)*3) 0 0;padding:0}
.kc-toc ol{list-style:none;margin:0 0 calc(var(--u)*.8);padding:0 0 0 calc(var(--u)*5.2)}
.kc-toc a{display:grid;grid-template-columns:calc(var(--u)*5.2) auto minmax(calc(var(--u)*2),1fr) auto;align-items:baseline;gap:calc(var(--u)*1);padding:calc(var(--u)*.85) 0;transition:color .3s}
.kc-toc__num{font-family:var(--serif);font-style:italic;font-size:calc(var(--u)*2.2);color:var(--kc-gold-h)}
.kc-toc__t{font-family:var(--serif);font-size:calc(var(--u)*2.65);line-height:1.1}
.kc-toc__dots{border-bottom:1px dotted rgba(35,31,32,.3);transform:translateY(-.3em)}
.kc-toc__pg{font-size:var(--t-label);letter-spacing:.2em;color:var(--gold-ink);font-weight:500}
.kc-toc__row--sub a{grid-template-columns:calc(var(--u)*3.6) auto minmax(calc(var(--u)*2),1fr) auto;padding:calc(var(--u)*.38) 0}
.kc-toc__row--sub .kc-toc__num{font-family:var(--sans);font-style:normal;font-size:var(--t-label);letter-spacing:.12em}
.kc-toc__row--sub .kc-toc__t{font-family:var(--sans);font-size:var(--t-small);color:var(--kc-text)}
.kc-toc a:hover .kc-toc__t{color:var(--gold-ink)}

/* ----- Biz kimiz / İletişim (üst görsel) ----- */
.kc-p--about,.kc-p--contact{display:flex;flex-direction:column}
.kc-about__media,.kc-contact__media{position:relative;margin:0;height:41%;flex:none;overflow:hidden;background:#2a2425}
.kc-contact__media{height:36%}
.kc-about__media::after,.kc-contact__media::after{content:"";position:absolute;left:var(--sp);right:var(--sp);bottom:0;height:1px;background:var(--gold)}
.kc-sheet--low{flex:1;height:auto;padding-top:calc(var(--u)*4)}
.kc-p--about .kc-h,.kc-p--contact .kc-h{font-size:calc(var(--u)*4.4)}
.kc-trio{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u)*3);margin:calc(var(--u)*3.2) 0 0;padding:0}
.kc-trio li{padding-top:calc(var(--u)*1.5);border-top:1px solid var(--gold)}
.kc-trio h3{font-family:var(--serif);font-weight:500;font-size:calc(var(--u)*2.5);line-height:1.1;color:var(--char)}
.kc-trio p{margin-top:calc(var(--u)*.8);font-size:var(--t-small);line-height:1.5;color:var(--kc-text)}
.kc-how{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u)*2.4);margin:calc(var(--u)*3) 0 0;padding:0}
.kc-how li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:calc(var(--u)*1.2);align-items:baseline}
.kc-how b{grid-row:span 2;font-family:var(--serif);font-style:italic;font-weight:400;font-size:calc(var(--u)*3);color:var(--kc-gold-h);line-height:1}
.kc-how strong{font-family:var(--serif);font-weight:500;font-size:calc(var(--u)*2.2);line-height:1.1}
.kc-how span{font-size:var(--t-small);line-height:1.45;color:var(--kc-text)}
.kc-cnt{list-style:none;display:grid;grid-template-columns:1fr 1.25fr .9fr;gap:calc(var(--u)*2.4);margin:calc(var(--u)*3) 0 0;padding:0}
.kc-cnt li{padding-top:calc(var(--u)*1.3);border-top:1px solid var(--gold);min-width:0}
.kc-cnt small{display:block;font-size:var(--t-label);letter-spacing:.24em;text-transform:uppercase;color:var(--stone);margin-bottom:calc(var(--u)*.6)}
.kc-cnt a{font-family:var(--serif);font-size:calc(var(--u)*2.15);line-height:1.2;overflow-wrap:anywhere}

/* ----- Süreç ----- */
.kc-steps{list-style:none;margin:calc(var(--u)*2.6) 0 0;padding:0}
.kc-step{display:grid;grid-template-columns:calc(var(--u)*15) calc(var(--u)*6) minmax(0,1fr);align-items:center;gap:calc(var(--u)*1.6);padding:calc(var(--u)*1.05) 0;border-top:1px solid rgba(183,143,85,.35)}
.kc-step:last-child{border-bottom:1px solid rgba(183,143,85,.35)}
.kc-step figure{position:relative;margin:0;height:calc(var(--u)*9.6);overflow:hidden;background:#2a2425}
.kc-step__n{font-family:var(--serif);font-style:italic;font-size:calc(var(--u)*3.4);line-height:1;color:var(--kc-gold-h);text-align:center}
.kc-step h3{font-family:var(--serif);font-weight:500;font-size:calc(var(--u)*2.45);line-height:1.1}
.kc-step p{margin-top:calc(var(--u)*.45);font-size:var(--t-small);line-height:1.45;color:var(--kc-text)}

/* ----- Proje seçkileri ----- */
.kc-proj__head{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"k k" "h t";column-gap:calc(var(--u)*4);align-items:end;margin-top:calc(var(--u)*3)}
.kc-proj__head .kc-kicker{grid-area:k}
.kc-proj__head .kc-h{grid-area:h;font-size:calc(var(--u)*4.4)}
.kc-proj__head .kc-text{grid-area:t;margin:0;font-size:var(--t-small);max-width:44ch;justify-self:end;text-align:right}
.kc-p--l .kc-proj__head .kc-text{justify-self:end}
.kc-grid{flex:1;display:grid;gap:calc(var(--u)*1.1);margin-top:calc(var(--u)*2.6);min-height:0}
.kc-g{position:relative;margin:0;overflow:hidden;background:#2a2425;min-height:0}
.kc-g--1{grid-area:a}.kc-g--2{grid-area:b}.kc-g--3{grid-area:c}.kc-g--4{grid-area:d}
.kc-g figcaption{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--u)*3) calc(var(--u)*1.6) calc(var(--u)*1.2);background:linear-gradient(to top,rgba(17,14,15,.78),rgba(17,14,15,0));color:var(--cream);font-size:calc(var(--u)*1.3);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kc-g figcaption small{display:block;font-size:calc(var(--u)*1.05);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:calc(var(--u)*.3)}
.kc-p--proj-a .kc-grid{grid-template:"a b" 1fr "a c" 1fr "a d" 1fr / 2fr 1fr}
.kc-p--proj-b .kc-grid{grid-template:"a a b" 1fr "c d d" 1fr / 1fr 1fr 1fr}
.kc-p--proj-c .kc-grid{grid-template:"a b b" 1fr "a c d" 1fr / 1fr 1fr 1fr}
.kc-p--proj-d .kc-grid{grid-template:"a b c" 1fr "a b d" 1fr / 1fr 1fr 1.35fr}
.kc-p--proj-e .kc-grid{grid-template:"a a b" 1fr "c d b" 1fr / 1fr 1fr 1fr}
.kc-p--proj-f .kc-grid{grid-template:"a a a" 1.55fr "b c d" 1fr / 1fr 1fr 1fr}

/* ----- Bölgeler (koyu) ----- */
.kc-page--dark .kc-run{color:var(--gold-soft);border-color:rgba(210,178,126,.28)}
.kc-page--dark .kc-run span:last-child,.kc-page--dark .kc-foot{color:var(--mist)}
.kc-page--dark .kc-foot__n{color:var(--gold-soft)}
.kc-page--dark .kc-kicker{color:var(--gold-soft)}
.kc-page--dark .kc-h{color:var(--cream)}
.kc-page--dark .kc-text{color:var(--mist)}
.kc-p--regions{background:radial-gradient(70% 60% at 72% 50%,rgba(183,143,85,.12),rgba(183,143,85,0) 70%),var(--kc-ink)}
.kc-reg{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--u)*4);align-items:center;min-height:0}
.kc-tiers{list-style:none;margin:calc(var(--u)*3) 0 0;padding:0;counter-reset:t}
.kc-tiers li{display:grid;grid-template-columns:calc(var(--u)*3.6) minmax(0,1fr);row-gap:calc(var(--u)*.2);padding:calc(var(--u)*1.05) 0;border-top:1px solid rgba(210,178,126,.22);counter-increment:t}
.kc-tiers li::before{content:"0" counter(t);grid-row:span 2;font-size:var(--t-label);letter-spacing:.14em;color:var(--gold-soft);padding-top:calc(var(--u)*.55)}
.kc-tiers strong{font-family:var(--serif);font-weight:500;font-size:calc(var(--u)*2.3);line-height:1.15;color:var(--cream)}
.kc-tiers span{font-size:var(--t-small);color:var(--mist);line-height:1.4}
.kc-rings{width:100%;height:auto;color:var(--gold-soft);overflow:visible}
.kc-rings__t text{font-family:var(--sans);font-size:12.5px;letter-spacing:3.4px;font-weight:500}
.kc-rings circle[r="5"]{filter:drop-shadow(0 0 6px rgba(210,178,126,.9))}

/* ----- Arka kapak ----- */
.kc-p--back{background:radial-gradient(70% 55% at 50% 42%,rgba(183,143,85,.14),rgba(183,143,85,0) 70%),var(--kc-ink)}
.kc-back{position:absolute;inset:calc(var(--u)*2.6);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--u)*6);text-align:center}
.kc-back__logo{width:calc(var(--u)*34);height:auto}
.kc-back__slogan{margin-top:calc(var(--u)*4.4);font-family:var(--serif);font-style:italic;font-size:calc(var(--u)*3.3);color:var(--gold-soft)}
.kc-back__addr{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*1.1);margin-top:calc(var(--u)*6);padding-top:calc(var(--u)*3.4);border-top:1px solid rgba(210,178,126,.35);font-style:normal;font-size:var(--t-small);line-height:1.5;color:var(--mist)}
.kc-back__addr strong{font-size:calc(var(--u)*1.2);letter-spacing:.2em;font-weight:500;color:var(--cream)}
.kc-back__addr a:hover{color:var(--gold-soft)}

/* =========================================================
   GÖRÜNTÜLEYİCİ MODLARI (JS ile)
   ========================================================= */
/* JS yoksa: yatay kaydırılan sayfa şeridi */
.kc-pages{display:flex;gap:1rem;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;align-items:center}
.kc-pages>.kc-page{flex:0 0 min(86vw,calc(100% - 2rem),560px);aspect-ratio:1;scroll-snap-align:center}
html:not(.js) .kc-tools button,html:not(.js) .kc-nav,html:not(.js) .kc-bar,html:not(.js) .kc-thumbs{display:none}
.kc:not(.kc--js) .kc-book{width:100%;height:100%}
/* JS var ama catalog.js henüz çalışmadı: şeridi gösterme (ilk karede sıçrama/CLS olmasın) */
.js .kc:not(.kc--js) .kc-book{visibility:hidden}

/* ---- Kitap (çift sayfa) ---- */
.kc--book .kc-book{width:calc(var(--pw,560px)*2);height:var(--pw,560px);perspective:calc(var(--pw,560px)*4.2);perspective-origin:50% 45%;transition:transform .9s cubic-bezier(.5,.08,.25,1)}
.kc--book.kc--closed .kc-book{transform:translateX(-25%)}
.kc--book.kc--end .kc-book{transform:translateX(25%)}
.kc--book .kc-pages{display:none}
.kc-book::before,.kc-book::after{content:"";position:absolute;top:.5%;bottom:.5%;z-index:0;pointer-events:none;transition:width .6s var(--ease)}
.kc--book .kc-book::before{right:50%;margin-right:calc(var(--pw,560px));width:calc(var(--pw,560px)*.016*var(--sl,0));background:repeating-linear-gradient(90deg,#efe8db 0 1px,#c9bda9 1px 2px);box-shadow:-2px 0 6px rgba(0,0,0,.35);opacity:calc(var(--sl,0)*40)}
.kc--book .kc-book::after{left:50%;margin-left:calc(var(--pw,560px));width:calc(var(--pw,560px)*.016*var(--sr,0));background:repeating-linear-gradient(90deg,#efe8db 0 1px,#c9bda9 1px 2px);box-shadow:2px 0 6px rgba(0,0,0,.35);opacity:calc(var(--sr,0)*40)}
.kc-leaf{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:0 50%;transform-style:preserve-3d;transition:transform var(--kc-dur,.95s) cubic-bezier(.45,.06,.22,1)}
.kc-leaf.is-flipped{transform:rotateY(-180deg)}
.kc-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--cream)}
.kc-leaves{position:absolute;inset:0}
.kc-leaves::before,.kc-leaves::after{content:"";position:absolute;top:0;bottom:0;width:50%;box-shadow:0 calc(var(--pw,560px)*.025) calc(var(--pw,560px)*.07) rgba(0,0,0,.55);transition:opacity .5s var(--ease)}
.kc-leaves::before{left:0}.kc-leaves::after{right:0}
.kc--closed .kc-leaves::before,.kc--end .kc-leaves::after{opacity:0}
.kc-face--back{transform:rotateY(180deg)}
.kc-face>.kc-page{width:100%;height:100%}
/* sırt gölgesi */
.kc-face::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none}
.kc-face--front::after{background:linear-gradient(90deg,rgba(20,14,10,.28) 0,rgba(20,14,10,.1) 1.6%,rgba(20,14,10,.03) 5%,rgba(20,14,10,0) 9%),linear-gradient(270deg,rgba(255,255,255,.05),rgba(255,255,255,0) 4%)}
.kc-face--back::after{background:linear-gradient(270deg,rgba(20,14,10,.28) 0,rgba(20,14,10,.1) 1.6%,rgba(20,14,10,.03) 5%,rgba(20,14,10,0) 9%)}
.kc-leaf:first-child .kc-face--front::after{background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,0) 2.2%)}
/* çevirme ışığı */
.kc-shade{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0}
.kc-face--front .kc-shade{background:linear-gradient(270deg,rgba(15,10,8,.05) 0%,rgba(15,10,8,.22) 45%,rgba(255,250,240,.18) 78%,rgba(15,10,8,.3) 100%)}
.kc-face--back .kc-shade{background:linear-gradient(90deg,rgba(15,10,8,.05) 0%,rgba(15,10,8,.22) 45%,rgba(255,250,240,.18) 78%,rgba(15,10,8,.3) 100%)}
.kc-leaf.is-turning .kc-face--front .kc-shade{animation:kcShadeA var(--kc-dur,.95s) linear both}
.kc-leaf.is-turning .kc-face--back .kc-shade{animation:kcShadeB var(--kc-dur,.95s) linear both}
.kc-leaf.is-turning.is-back .kc-face--front .kc-shade{animation-name:kcShadeB;animation-direction:reverse}
.kc-leaf.is-turning.is-back .kc-face--back .kc-shade{animation-name:kcShadeA;animation-direction:reverse}
@keyframes kcShadeA{0%{opacity:0}50%{opacity:1}100%{opacity:1}}
@keyframes kcShadeB{0%{opacity:1}50%{opacity:1}100%{opacity:0}}
.kc-leaf.is-turning .kc-face{box-shadow:0 0 calc(var(--pw,560px)*.06) rgba(0,0,0,.35)}
/* köşe kıvrımı ve "göz atma" */
.kc-curl{position:absolute;z-index:7;width:0;height:0;pointer-events:none;transition:width .45s var(--ease),height .45s var(--ease)}
.kc-face--front .kc-curl{right:0;bottom:0;background:linear-gradient(315deg,rgba(0,0,0,0) 0 48%,rgba(0,0,0,.18) 50%,#fbf8f2 51%,#e7dccb 75%,#d8ccb7 100%);box-shadow:-3px -3px 10px rgba(0,0,0,.12)}
.kc-face--back .kc-curl{left:0;bottom:0;background:linear-gradient(45deg,rgba(0,0,0,0) 0 48%,rgba(0,0,0,.18) 50%,#fbf8f2 51%,#e7dccb 75%,#d8ccb7 100%);box-shadow:3px -3px 10px rgba(0,0,0,.12)}
.kc-book.is-peek-next .kc-leaf.is-rtop{transform:rotateY(-9deg)}
.kc-book.is-peek-prev .kc-leaf.is-ltop{transform:rotateY(-171deg)}
.kc-book.is-peek-next .kc-leaf.is-rtop .kc-face--front .kc-curl,.kc-book.is-peek-prev .kc-leaf.is-ltop .kc-face--back .kc-curl{width:calc(var(--pw,560px)*.075);height:calc(var(--pw,560px)*.075)}
.kc-hot{position:absolute;top:0;bottom:0;z-index:900;width:8%;cursor:pointer}
.kc-hot--prev{left:0}
.kc-hot--next{right:0}
.kc--closed .kc-hot--prev,.kc--end .kc-hot--next{display:none}
.kc--closed .kc-leaf:first-child{cursor:pointer}
@media (hover:none){.kc-hot{width:5%}}

/* ---- Yakınlaştırma ---- */
.kc.is-zoom .kc-stage{overflow:auto;cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(183,143,85,.5) transparent}
.kc.is-zoom.is-panning .kc-stage{cursor:grabbing;user-select:none}
.kc.is-zoom .kc-nav{opacity:.35}
.kc-btn[data-kc-zoom][aria-pressed="true"] .kc-i-plus{d:path("M10.5 3.5a7 7 0 1 0 0 14 7 7 0 0 0 0-14zM15.5 15.5l5 5M7.5 10.5h6")}
.kc--instant .kc-leaf,.kc--instant .kc-book,.kc--instant .kc-book::before,.kc--instant .kc-book::after{transition:none!important}
.kc--fading .kc-book{opacity:0;transition:opacity .2s ease!important}

/* ---- Tek sayfa (mobil / dar ekran): yeniden akan sayfalar ---- */
.kc--single .kc-stage{padding:0 0 .25rem}
.kc--single .kc-book{width:100%;height:100%;margin:0}
.kc--single .kc-pages{gap:0;align-items:stretch;scrollbar-width:none;overscroll-behavior-x:contain}
.kc--single .kc-pages::-webkit-scrollbar{display:none}
.kc--single .kc-pages>.kc-page{flex:0 0 100%;aspect-ratio:auto;height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-align:center;scroll-snap-stop:always;background:var(--cream);border-inline:6px solid transparent;background-clip:padding-box}
.kc--single .kc-page--dark{background:var(--kc-ink)}
.kc--single .kc-nav{display:none}
.kc--single .kc-p{--u:clamp(4px,1.15cqi,7px);--sp:calc(20px*var(--kz,1));--t-body:calc(14.5px*var(--kz,1));--t-small:calc(13.5px*var(--kz,1));--t-label:calc(10.5px*var(--kz,1));--t-h:calc(30px*var(--kz,1));height:auto;min-height:100%}
.kc--single .kc-sheet{height:auto;min-height:100%;padding:18px var(--sp) 18px}
.kc--single .kc-body{justify-content:flex-start;padding-top:22px}
.kc--single .kc-p--split,.kc--single .kc-p--split.kc-p--l{display:flex;flex-direction:column}
.kc--single .kc-p--split .kc-media{order:-1;flex:none;aspect-ratio:16/11}
.kc--single .kc-p--split .kc-sheet{min-height:0;flex:1}
.kc--single .kc-p--toc .kc-media{display:none}
.kc--single .kc-p--cover{height:100%;min-height:100%}
.kc--single .kc-cover__in{padding:13% 7% 12%}
.kc--single .kc-cover__logo{width:min(62%,250px)}
.kc--single .kc-cover__title{font-size:calc(40px*var(--kz,1))}
.kc--single .kc-cover__kicker,.kc--single .kc-cover__sub{font-size:10.5px}
.kc--single .kc-cover__kicker::before,.kc--single .kc-cover__kicker::after{width:22px}
.kc--single .kc-cover__hint{display:none}
.kc--single .kc-man{grid-template-columns:1fr;gap:26px;padding-block:22px 10px}
.kc--single .kc-man__mono{width:38px;margin-bottom:18px}
.kc--single .kc-quote{font-size:calc(27px*var(--kz,1))}
.kc--single .kc-sign{font-size:19px}
.kc--single .kc-arch{height:auto;aspect-ratio:3/3.6;width:72%;margin-inline:auto}
.kc--single .kc-toc__t{font-size:calc(20px*var(--kz,1))}
.kc--single .kc-toc__num{font-size:17px}
.kc--single .kc-toc a{grid-template-columns:34px auto minmax(12px,1fr) auto;gap:8px;padding:8px 0}
.kc--single .kc-toc ol{padding-left:34px}
.kc--single .kc-toc__row--sub a{grid-template-columns:26px auto minmax(12px,1fr) auto;padding:5px 0}
.kc--single .kc-toc__row--sub .kc-toc__t{font-size:calc(14px*var(--kz,1))}
.kc--single .kc-how{grid-template-columns:1fr;gap:14px}
.kc--single .kc-about__media,.kc--single .kc-contact__media{height:auto;aspect-ratio:16/10}
.kc--single .kc-sheet--low{padding-top:22px}
.kc--single .kc-p--about .kc-h,.kc--single .kc-p--contact .kc-h{font-size:calc(28px*var(--kz,1))}
.kc--single .kc-trio,.kc--single .kc-cnt{grid-template-columns:1fr;gap:16px;margin-top:22px}
.kc--single .kc-trio h3{font-size:21px}
.kc--single .kc-cnt a{font-size:20px}
.kc--single .kc-svc__no{font-size:24px}
.kc--single .kc-svc__icon{width:42px;height:42px}
.kc--single .kc-scope li{padding:6px 0 6px 18px}
.kc--single .kc-scope li::before{width:6px;height:6px;margin-top:-3px;left:2px}
.kc--single .kc-label{margin-top:22px;margin-bottom:4px}
.kc--single .kc-more{margin-top:20px}
.kc--single .kc-step{grid-template-columns:76px 30px minmax(0,1fr);gap:10px;padding:10px 0}
.kc--single .kc-step figure{height:58px}
.kc--single .kc-step__n{font-size:22px}
.kc--single .kc-step h3{font-size:19px}
.kc--single .kc-proj__head{grid-template-columns:1fr;grid-template-areas:"k" "h" "t";margin-top:22px}
.kc--single .kc-proj__head .kc-h{font-size:calc(29px*var(--kz,1))}
.kc--single .kc-proj__head .kc-text{justify-self:start;text-align:left;margin-top:10px}
.kc--single .kc-grid{grid-template:none;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px}
.kc--single .kc-g{grid-area:auto;aspect-ratio:1}
.kc--single .kc-g--1{grid-column:1/-1;aspect-ratio:16/11}
.kc--single .kc-g figcaption{font-size:11.5px;padding:24px 10px 8px}
.kc--single .kc-g figcaption small{font-size:9px}
.kc--single .kc-note{margin-top:10px}
.kc--single .kc-reg{grid-template-columns:1fr;gap:26px;padding-top:22px}
.kc--single .kc-rings{max-width:300px;margin-inline:auto}
.kc--single .kc-tiers li{grid-template-columns:30px minmax(0,1fr);padding:9px 0}
.kc--single .kc-tiers strong{font-size:19px}
.kc--single .kc-p--back{height:100%;min-height:100%}
.kc--single .kc-back{padding:8%}
.kc--single .kc-back__logo{width:min(62%,250px)}
.kc--single .kc-back__slogan{font-size:22px;margin-top:22px}
.kc--single .kc-back__addr{margin-top:28px;padding-top:20px;font-size:13px}
.kc--single .kc-back__addr strong{font-size:10px;letter-spacing:.14em;line-height:1.6}
.kc--single .kc-foot{padding-top:18px}
.kc--single .kc-foot__s{font-size:13px}
.kc--single .kc-run{padding-bottom:10px}
.kc--single .kc-media::after{inset:12px}

/* ---- Tam ekran / sinema modu ---- */
.kc-viewer:fullscreen{position:fixed;inset:0;width:auto;height:auto;margin:0;max-height:none;border-top:0}
.kc-viewer:-webkit-full-screen{position:fixed;inset:0;width:auto;height:auto;margin:0;border-top:0}
.kc-viewer.is-cinema{position:fixed;inset:0;z-index:2147483000;width:auto;height:auto;margin:0;border-top:0}
html.kc-lock,html.kc-lock body{overflow:hidden}
.kc.is-fs .kc-stage{padding-inline:clamp(4rem,6vw,7rem)}
.kc.is-fs.kc--single .kc-stage{padding-inline:0}

/* ---- Duyarlı ---- */
@media (max-width:1023.98px){
  .kc-info{grid-template-columns:1fr;gap:1.5rem}
  .kc-info .btn-row{justify-content:flex-start}
}
@media (max-width:899.98px){
  .kc-btn span{display:none}
  .kc-btn{padding:.45rem .6rem}
  .kc-bar{grid-template-columns:auto 1fr;gap:.5rem}
  .kc-bar__btn{display:none}
  .kc-bar__title{grid-column:2;grid-row:1;justify-self:end;font-size:.95rem}
  .kc-bar__mid{grid-column:1;grid-row:1}
}
@media (max-width:599.98px){
  .kc-viewer{height:max(440px,calc(100svh - var(--header-h) - var(--mbar-h,0px)))}
  .kc-viewer::before{display:none}
  .kc-top{padding:.7rem 12px .3rem}
  .kc-top__label{font-size:.62rem;letter-spacing:.22em;gap:.5rem}
  .kc-top__label img{width:18px}
  .kc-tools{gap:.1rem}
  .kc-bar{padding:.45rem 12px .6rem}
  .kc-progress{left:12px;right:12px}
  .kc-count{font-size:1.15rem;min-width:4.6rem}
  .kc-bar__arrow{width:2.4rem;height:2.4rem}
  .kc-info .btn-row .btn{flex:1 1 100%}
}

@media (max-height:760px) and (min-width:600px){
  .kc-top{padding-top:.55rem;padding-bottom:.25rem}
  .kc-btn{min-height:2.3rem;padding-block:.3rem}
  .kc-bar{padding-top:.35rem;padding-bottom:.5rem}
  .kc-bar__arrow{width:2.2rem;height:2.2rem}
  .kc-count{font-size:1.15rem}
}

/* ---- Hareket azaltma ---- */
@media (prefers-reduced-motion:reduce){
  .kc-leaf,.kc-book,.kc-progress span,.kc-thumbs,.kc-curl{transition:none!important}
  .kc-leaf.is-turning .kc-shade{animation:none!important}
  .kc--closed .kc-cover__hint{animation:none}
}

/* =========================================================
   BASKI / PDF (preview-catalog/katalog-print.html)
   ========================================================= */
.kc--print .kc-viewer{display:block;width:auto;height:auto;margin:0;background:none}
.kc--print .kc-viewer::before{display:none}
.kc--print .kc-pages{display:block;height:auto;overflow:visible}
.kc--print .kc-pages>.kc-page{width:210mm;height:210mm;aspect-ratio:auto;break-after:page;page-break-after:always}
.kc--print .kc-cover__hint{display:none}
@media print{
  .kc-viewer{height:auto}
  .kc-top,.kc-bar,.kc-nav,.kc-thumbs{display:none!important}
}