/* =====================================================================
   Kitap Landing — /kitap/  ·  yerleşim (layout-safe)
   · Marka paleti + Cinzel/Garamond (cinematic-type.css'ten miras).
   · Tipografi sınıflarına position/transform EKLENMEZ. Beliriş yalnız opacity.
   · Mobil-öncelikli; hiçbir ekranda yatay taşma yok.
   ===================================================================== */
:root {
  --k-ink:#05080D; --k-navy:#0D305E; --k-teal:#5AB6B7; --k-gold:#F0BB3D; --k-parch:#F1F0EB;
  --k-easing:cubic-bezier(0.22,0.61,0.36,1); --k-col:820px;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{background:var(--k-ink);color:var(--k-parch);font-family:"Cormorant Garamond",Georgia,serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;
  font-size:clamp(16px,1.05vw + 12px,19px);line-height:1.5;}
img{display:block;max-width:100%;}
a{color:inherit;}
:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--k-teal);outline-offset:3px;border-radius:4px;}

/* Zemin + letterbox */
.k-bg{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(120% 80% at 50% 0%,rgba(13,48,94,0.42),transparent 60%),
  linear-gradient(180deg,#0d305e 0%,#081427 42%,#05080D 100%);}
.k-letterbox{position:fixed;left:0;right:0;height:max(env(safe-area-inset-top,0px),3vh);background:var(--k-ink);z-index:40;pointer-events:none;}
.k-letterbox--top{top:0;} .k-letterbox--bottom{bottom:0;height:max(env(safe-area-inset-bottom,0px),3vh);}
.k-home{position:fixed;z-index:50;top:calc(env(safe-area-inset-top,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 16px);
  font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;
  color:rgba(241,240,235,0.66);text-decoration:none;background:rgba(8,16,30,0.55);border:1px solid rgba(241,240,235,0.14);
  border-radius:999px;padding:8px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color 180ms,border-color 180ms;}
.k-home:hover{color:var(--k-parch);border-color:rgba(90,182,183,0.5);}

/* Bölüm bandı */
.k-root{position:relative;z-index:1;display:block;}
.k-section{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(56px,9vh,110px) max(22px,env(safe-area-inset-left)) clamp(56px,9vh,110px) max(22px,env(safe-area-inset-right));}
.k-section > *{width:100%;max-width:var(--k-col);}
.k-section--tint{background:rgba(13,48,94,0.20);border-top:1px solid rgba(90,182,183,0.10);border-bottom:1px solid rgba(90,182,183,0.10);}
.k-reveal{opacity:0;transition:opacity 0.8s var(--k-easing);}
.k-reveal.is-in{opacity:1;}
.k-reveal.k-hero{opacity:1;}

/* Ortak tipografi */
.k-eyebrow{margin:0 0 16px;}
.k-heading{margin:0 auto 26px;max-width:24ch;font-size:clamp(1.5rem,3.2vw,2.3rem);line-height:1.2;}
.k-body{margin:0 auto 18px;max-width:60ch;text-align:left;font-style:italic;
  font-size:clamp(1.05rem,0.9vw + 0.85rem,1.32rem);line-height:1.6;color:rgba(241,240,235,0.92);}
.k-body:last-of-type{margin-bottom:0;}
.k-body em{font-style:normal;color:var(--k-gold);-webkit-text-fill-color:var(--k-gold);}

/* Self-healing görsel çerçevesi */
.k-imgframe{position:relative;overflow:hidden;border-radius:14px;background:rgba(8,16,30,0.4);
  border:1px solid rgba(240,187,61,0.28);box-shadow:0 16px 44px rgba(0,0,0,0.5);}
.k-img{display:block;width:100%;height:auto;}   /* tam görsel — doğal oran, kırpma yok */
.k-img-soon{display:none;}
.k-imgframe.is-missing{display:grid;place-items:center;border-style:dashed;border-color:rgba(90,182,183,0.35);
  background:repeating-linear-gradient(135deg,rgba(90,182,183,0.06) 0 14px,rgba(13,48,94,0.18) 14px 28px);}
.k-imgframe.is-missing .k-img-soon{display:block;font-family:"Inter",system-ui,sans-serif;font-size:12px;
  letter-spacing:0.16em;text-transform:uppercase;color:rgba(241,240,235,0.5);padding:18px;text-align:center;}

/* HERO (kapak + kopya) */
.k-hero-inner{display:flex;flex-direction:column;align-items:center;gap:30px;}
.k-cover{width:100%;max-width:300px;flex:0 0 auto;}
.k-cover:not(.is-missing){background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible;}  /* yüzen 3D mockup */
.k-cover .k-img{filter:drop-shadow(0 18px 42px rgba(0,0,0,0.6));}
.k-cover.is-missing{aspect-ratio:2/3;min-height:380px;}
.k-hero-copy{display:flex;flex-direction:column;align-items:center;}
.k-title{margin:0;}
.k-sub{margin:18px auto 0;max-width:34ch;font-style:italic;line-height:1.45;
  font-size:clamp(1.1rem,1.4vw + 0.8rem,1.6rem);color:rgba(241,240,235,0.92);text-shadow:0 1px 6px rgba(0,0,0,0.6);}
.k-buy--hero{margin-top:30px;}

/* Listeler */
.k-list{margin:0 auto;padding:0;list-style:none;max-width:58ch;text-align:left;}
.k-list li{position:relative;padding:0 0 0 28px;margin:0 0 14px;font-size:clamp(1.02rem,0.7vw + 0.85rem,1.2rem);line-height:1.5;color:rgba(241,240,235,0.92);}
.k-list li:last-child{margin-bottom:0;}
.k-list li::before{content:"—";position:absolute;left:0;top:0;color:var(--k-teal);}
.k-list--check li::before{content:"✦";color:var(--k-gold);font-size:0.82em;top:0.08em;}
.k-list li b{color:#fff;font-weight:600;}

/* YAZAR */
.k-author-inner{display:flex;flex-direction:column;align-items:center;gap:26px;}
.k-author-photo{width:100%;max-width:240px;}
.k-author-photo.is-missing{aspect-ratio:4/5;min-height:280px;}
.k-author-copy{text-align:center;}
.k-author-copy .k-body{text-align:center;}

/* KAPANIŞ + CTA */
.k-section--closing .k-close-line{margin:0 auto;max-width:24ch;font-size:clamp(1.6rem,3.6vw,2.4rem);}
.k-cta-row{margin:30px 0 0;display:flex;justify-content:center;}
.k-buy{text-decoration:none;}

/* EKOSİSTEM KÖPRÜSÜ (sönük) */
.k-bridge{padding-top:clamp(36px,6vh,64px);padding-bottom:clamp(48px,8vh,80px);}
.k-bridge-line{margin:0 0 12px;font-style:italic;color:rgba(241,240,235,0.62);font-size:clamp(1rem,0.8vw + 0.8rem,1.2rem);}
.k-bridge-cta{display:inline-block;font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:500;
  letter-spacing:0.16em;text-transform:uppercase;color:rgba(90,182,183,0.66);text-decoration:none;
  border-bottom:1px solid rgba(90,182,183,0.28);padding-bottom:2px;opacity:0.85;
  transition:color 200ms,border-color 200ms,opacity 200ms,text-shadow 200ms;}
.k-bridge-cta:hover{color:var(--k-teal);border-color:rgba(90,182,183,0.7);opacity:1;text-shadow:0 0 14px rgba(90,182,183,0.45);}

/* Footer */
.k-footer{position:relative;z-index:1;text-align:center;padding:32px 24px calc(32px + max(env(safe-area-inset-bottom,0px),3vh));
  font-family:"Inter",system-ui,sans-serif;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:rgba(241,240,235,0.45);border-top:1px solid rgba(241,240,235,0.08);}
.k-footer .aea-gold{color:var(--k-gold);-webkit-text-fill-color:var(--k-gold);}

/* Geniş ekran: hero + yazar iki sütun */
@media (min-width:760px){
  .k-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:48px;text-align:left;}
  .k-hero-copy{align-items:flex-start;}
  .k-hero .k-sub{margin-left:0;}
  .k-author-inner{flex-direction:row;justify-content:center;align-items:center;gap:36px;text-align:left;}
  .k-author-copy{text-align:left;}
  .k-author-copy .k-body{text-align:left;}
}

/* Hareket azalt */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .k-reveal{opacity:1;transition:none;}
}

/* =====================================================================
   ATMOSFER BANDI — Auftakt: tam-genişlik arketip render (maske) +
   koyu overlay. Metin yüksek kontrast (parchment); teal metin yok.
   ===================================================================== */
.k-acilis{
  background:
    linear-gradient(180deg, rgba(5,8,13,0.80) 0%, rgba(5,8,13,0.64) 45%, rgba(5,8,13,0.86) 100%),
    url("/assets/atmos/atmos-golge.jpg") center/cover no-repeat;
}

/* Kapanış marka damgası — kilitli slogan "Inszeniere Deinen Film." */
.k-close-stamp{margin:18px auto 0;text-align:center;font-size:clamp(1.05rem,0.8vw + 0.85rem,1.35rem);letter-spacing:0.04em;}