/* SAKİNİM · giriş · CUMBA
   Aks: sokağa çıkan cumba penceresi.
   Solda kayıtlarıyla bölünmüş bir cam, sağda söz ve iki düğme.
   Yazı hiçbir yerde camın üstüne oturmaz; sözün yeri kâğıttır. */

:root{
  --kagit:#F5F2EA;
  --kagit-ust:#FBF9F4;
  --murekkep:#2B3946;
  --soluk:#6E7A87;
  --sis:#9AA3AC;
  --petrol:#2E4B66;
  --petrol-acik:#375a79;
  --petrol-koyu:#22394F;
  --sabah:#E3EBF1;
  --kum:#E8DCC6;
  --kum-acik:#F1E8D6;
  --kum-koyu:#D9C9AB;
  --cizgi:#E4DED0;

  --yay:cubic-bezier(.22,.72,.2,1);

  /* logo bandı: soldan %31 → logo merkezi ekranın %34–36'sına düşer */
  --logo-x:31%;
  --logo-y:clamp(20px,3.2vh,32px);

  /* cumba camının yüksekliği; genişlik ondan türer */
  --cam-h:clamp(300px,50vh,452px);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--kagit);
  color:var(--murekkep);
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-optical-sizing:auto;
  font-weight:300;
  line-height:1.6;
  min-height:100vh;min-height:100dvh;
  display:flex;flex-direction:column;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
b,strong{font-weight:700}
[hidden]{display:none !important}
::selection{background:var(--kum);color:var(--petrol-koyu)}
:focus-visible{outline:2px solid var(--petrol);outline-offset:3px;border-radius:6px}

/* günün ışığı: tepede sabah, dipte kum */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(227,235,241,.58) 0%,rgba(245,242,234,0) 46%),
    linear-gradient(0deg,rgba(232,220,198,.32) 0%,rgba(245,242,234,0) 22%);
}
/* kâğıdın greni */
.gren{
  position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .17 0 0 0 0 .26 0 0 0 0 .35 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
}

/* ————— tepe: logo bandı ————— */
.tepe{
  position:relative;z-index:2;
  height:clamp(64px,8.6vh,88px);
}
.marka{
  position:absolute;left:var(--logo-x);top:var(--logo-y);
  height:clamp(26px,2.9vh,30px);width:auto;
}

/* ————— sahne ————— */
.alan{
  position:relative;z-index:2;flex:1;
  display:flex;align-items:center;justify-content:center;
  padding:0 24px clamp(38px,6vh,70px);
}
.perde{width:100%}
.perde.gidiyor{
  opacity:0;transform:translateY(-12px);
  transition:opacity .3s ease,transform .3s var(--yay);
}
.kucak{
  max-width:1080px;margin:0 auto;
  display:flex;align-items:center;justify-content:center;
  gap:clamp(28px,5vw,68px);
}
.yan{min-width:0}
.yan-gorsel{flex:0 0 auto}
.yan-soz{flex:0 1 460px;text-align:center}

/* ————— cumba ————— */
.cumba{
  position:relative;
  width:calc(var(--cam-h) * .78);
}
/* saçak: camın üstündeki kum şeridi */
.sacak{
  position:absolute;left:-10px;right:-10px;top:-15px;height:9px;
  background:linear-gradient(180deg,var(--kum-acik),var(--kum));
  border-radius:4px 4px 0 0;
  box-shadow:0 1px 0 rgba(43,57,70,.06);
}
.cumba-kutu{
  position:relative;height:var(--cam-h);
  background:var(--kagit-ust);
  border:10px solid var(--kagit-ust);
  border-radius:7px 7px 4px 4px;
  overflow:hidden;
  box-shadow:
    0 0 0 1px var(--cizgi),
    0 4px 12px -7px rgba(43,57,70,.18),
    0 32px 48px -28px rgba(43,57,70,.44);
}
.cumba-kutu img{
  width:100%;height:100%;object-fit:cover;object-position:64% 46%;
  filter:saturate(.5) brightness(1.05) contrast(.95);
}
/* camın sabah/kum yıkaması */
.cam-yikama{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(227,235,241,.44) 0%,rgba(245,242,234,.05) 48%,rgba(232,220,198,.3) 100%);
}
/* tül: sağdan içeri düşen ışık perdesi */
.tul{
  position:absolute;top:0;bottom:0;right:0;width:46%;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 58%,rgba(255,255,255,.7) 100%);
  animation:tulSalinim 18s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes tulSalinim{from{transform:translateX(5px)}to{transform:translateX(-11px)}}
/* cumbanın yan yüzleri gölgede kalır */
.yan-golge{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(46,75,102,.22) 0%,rgba(46,75,102,0) 21%,rgba(46,75,102,0) 79%,rgba(46,75,102,.19) 100%);
}
/* kayıtlar: camı altı göze bölen kâğıt çıtalar */
.kayit{
  position:absolute;background:var(--kagit-ust);
  box-shadow:0 0 0 1px rgba(216,205,182,.6),0 2px 6px -3px rgba(43,57,70,.35);
}
.k-d1{left:22%;top:0;bottom:0;width:9px;margin-left:-4.5px}
.k-d2{left:78%;top:0;bottom:0;width:9px;margin-left:-4.5px}
.k-y1{left:0;right:0;top:35%;height:9px;margin-top:-4.5px}
/* camdan kayan ışık */
.cam-isik{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(116deg,rgba(255,255,255,0) 26%,rgba(255,255,255,.34) 40%,rgba(255,255,255,.05) 51%,rgba(255,255,255,0) 64%);
}
/* denizlik: camın oturduğu taş */
.denizlik{
  position:absolute;left:-17px;right:-17px;bottom:-15px;height:15px;
  background:linear-gradient(180deg,var(--kum-acik),var(--kum));
  border-radius:4px;
  box-shadow:0 12px 20px -14px rgba(43,57,70,.55),inset 0 1px 0 rgba(255,255,255,.5);
}

/* ————— söz ————— */
h1{
  font-weight:300;
  font-size:clamp(30px,3.25vw,44px);
  line-height:1.16;
  letter-spacing:-.014em;
}
h1 b{font-weight:700}
.spot{
  margin:16px auto 0;max-width:420px;
  font-size:clamp(15px,1.2vw,17.5px);
  line-height:1.62;color:#44586A; /* P2 mürekkep kilidi (/174): kehribar fonda 6:1 okunurluk */
}

/* ————— düğmeler ————— */
.dugmeler{
  margin-top:clamp(24px,3.6vh,36px);
  display:flex;flex-direction:column;align-items:center;gap:12px;
}
.dg{
  width:min(300px,100%);
  padding:15px 24px;border-radius:999px; /* S1 yumuşak hap kilidi (/172) */
  font-size:16px;font-weight:700;letter-spacing:.005em;line-height:1.1;
  transition:transform .24s var(--yay),box-shadow .24s var(--yay),background .22s ease,border-color .22s ease; /* M1 yumuşak yükseliş kilidi (/200) */
}
.dg-ana{
  background:var(--petrol);color:#F7F4EC;
  box-shadow:0 10px 24px -14px rgba(34,57,79,.55); /* basış kenarı emekli — tek yumuşak gölge */
}
.dg-ana:hover{background:var(--petrol-acik);transform:translateY(-2px);box-shadow:0 18px 32px -16px rgba(34,57,79,.6)}
.dg-ana:active{transform:translateY(0);box-shadow:0 8px 18px -13px rgba(34,57,79,.55);transition-duration:.09s}
.dg-yan{
  background:var(--kagit-ust);color:#7E93A6; /* B1 sis mavisi kilidi (/169): Giriş yap geride, Başla önde */
  border:1.5px solid var(--kum-koyu);
}
.dg-yan:hover{background:#FFFDF8;border-color:var(--petrol);color:var(--petrol);transform:translateY(-1.5px)}
.dg-yan:active{transform:translateY(0);transition-duration:.09s}
.not{
  margin-top:2px;font-size:12.5px;color:var(--soluk);letter-spacing:.01em;
}

/* ————— katman 2: iki kapı ————— */
.kucak-dar{flex-direction:column;max-width:720px;gap:0}
.kunye{
  font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--sis);text-align:center;
}
.yonerge{
  margin-top:9px;text-align:center;
  font-size:clamp(17px,1.75vw,22px);font-weight:300;line-height:1.35;color:var(--murekkep);
}
.kartlar{
  margin-top:clamp(20px,3.2vh,32px);
  display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;
}
.kart{
  position:relative;width:340px;max-width:100%;min-height:252px;
  background:var(--kagit-ust);
  border:1px solid var(--cizgi);border-radius:15px;overflow:hidden;
  text-align:left;
  box-shadow:0 16px 28px -22px rgba(43,57,70,.5);
  transition:transform .3s var(--yay),box-shadow .3s var(--yay),border-color .28s ease,opacity .3s ease,filter .3s ease;
}
.kart:hover{transform:translateY(-4px);border-color:var(--kum-koyu);box-shadow:0 24px 36px -22px rgba(43,57,70,.55)}
.kart:active{transform:translateY(-1px)}
.kart-cam{
  display:block;position:absolute;inset:0;height:100%;overflow:hidden;
}
.kart-cam img{
  width:100%;height:100%;object-fit:cover;object-position:50% 42%;
  filter:saturate(.55) brightness(1.04) contrast(.96);
  transition:transform .5s var(--yay);
}
.kart:hover .kart-cam img{transform:scale(1.035)}
.kart-yikama{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(227,235,241,.34),rgba(232,220,198,.22));
}
.kart-yazi{position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;padding:26px 16px 14px;
  background:linear-gradient(180deg,rgba(247,244,238,0) 0%,rgba(247,244,238,.72) 34%,rgba(247,244,238,.96) 100%)}
.kart-ad{display:block;font-weight:700;font-size:16.5px;line-height:1.3;letter-spacing:-.006em}
.kart-alt{display:block;margin-top:6px;font-size:13.6px;line-height:1.5;color:var(--soluk)}
.kart-tik{
  position:absolute;right:12px;top:12px;z-index:3;
  width:24px;height:24px;color:var(--petrol);
  opacity:0;transform:scale(.7);
  transition:opacity .28s ease,transform .28s var(--yay);
}
.kart-tik svg{width:100%;height:100%}
.kart.secili{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol),0 22px 34px -22px rgba(43,57,70,.55)}
.kart.secili .kart-tik{opacity:1;transform:none}
.kart.sonuk{opacity:.42;filter:saturate(.55)}

.kapanis-yuva{text-align:center;min-height:44px;margin-top:16px}
.kapanis{
  display:inline-block;
  padding:9px 18px;border-radius:99px;
  background:linear-gradient(180deg,#F3EBDB,#EDE2CD);
  border:1px solid var(--kum-koyu);
  font-size:14px;color:var(--petrol);letter-spacing:.005em;
}
.alt-satir{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;
  margin-top:6px;
}
.baglanti{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 13px;border-radius:11px;
  font-size:13.5px;font-weight:400;color:var(--soluk);
  transition:color .24s ease,background .24s ease;
}
.baglanti:hover{color:var(--petrol);background:rgba(227,235,241,.65)}
.baglanti svg{width:15px;height:15px;flex:0 0 auto}

/* ————— giriş akışı ————— */
html.js .gir{
  opacity:0;transform:translateY(14px);
  transition:opacity .5s var(--yay),transform .5s var(--yay);
}
html.js .gir.geldi{opacity:1;transform:translateY(0)}

/* ————— dar ekran ————— */
@media (max-width:900px){
  :root{--cam-h:clamp(240px,33vh,320px)}
  .kucak{flex-direction:column;gap:clamp(26px,4.4vh,40px)}
  .yan-soz{flex:0 1 auto;max-width:520px}
  .alan{padding-top:clamp(10px,2vh,20px)}
}
@media (max-width:760px){
  :root{--logo-x:23%}
  .tepe{height:clamp(58px,8vh,72px)}
}
@media (max-width:640px){
  .alan{padding-left:20px;padding-right:20px}
  h1{font-size:clamp(27px,7.4vw,34px)}
  .spot{font-size:15px}
  .kartlar{gap:14px}
  .kart{width:100%;max-width:340px}
}
@media (max-width:400px){
  :root{--cam-h:clamp(216px,30vh,252px)}
}

/* ————— hareket azaltılmışsa: içerik olduğu gibi durur ————— */
@media (prefers-reduced-motion:reduce){
  html.js .gir,html.js .gir.geldi{opacity:1;transform:none;transition:none}
  .perde.gidiyor{transition:none}
  .tul{animation:none}
  .kart,.kart-cam img,.dg,.baglanti,.kart-tik{transition:none}
  .kart:hover{transform:none}
  .kart:hover .kart-cam img{transform:none}
}


/* ————— PENCERE FOTO PROVASI ————— */
.foto-cerceve{position:relative;line-height:0}
.foto-pencere{
  height:clamp(380px,60vh,580px);width:auto;display:block;border-radius:16px;
  box-shadow:0 0 0 1px rgba(228,225,216,.9),
             -4px 6px 14px -9px rgba(58,55,48,.22),
             -24px 38px 52px -28px rgba(58,55,48,.5);
}
.sef-katman{position:relative;display:block;height:clamp(380px,60vh,580px);aspect-ratio:2/3}
.sef-katman img{position:absolute;display:block}
.sef-arka{
  left:11%;right:11%;top:5%;bottom:9%;width:78%;height:86%;
  object-fit:cover;object-position:76% 42%;
  filter:saturate(.7) brightness(1.06);
}
.sef-on{
  inset:0;width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(-5px 8px 12px rgba(58,55,48,.24)) drop-shadow(-18px 30px 42px rgba(58,55,48,.32));
}
@media (max-width:900px){
  .foto-pencere,.sef-katman{height:clamp(300px,42vh,420px)}
}

/* Z5 zemin (kilitli) — zemin/calisma'dan */
/* z5 KÂĞIT + KAYNAK (3. pas): kontre-jur tek karakter (soğuk sol) · huzme kaması · elips-uçlu denizlik kenarı */
body.z5::before{
  background:
    radial-gradient(76% 70% at 66% 26%,rgba(255,254,248,.70) 0%,rgba(254,251,244,.26) 50%,rgba(245,242,234,0) 74%),
    radial-gradient(40% 22% at 29% 80%,rgba(190,173,142,.36) 0%,rgba(216,200,170,.15) 48%,rgba(245,242,234,0) 78%),
    radial-gradient(78% 30% at 18% 107%,rgba(226,209,178,.52) 0%,rgba(232,220,198,.10) 58%,rgba(245,242,234,0) 84%),
    radial-gradient(44% 40% at 10% 2%,rgba(194,216,236,.60) 0%,rgba(227,235,241,0) 70%),
    radial-gradient(56% 62% at 22% 44%,rgba(144,168,196,.36) 0%,rgba(168,190,214,.18) 48%,rgba(245,242,234,0) 70%),
    radial-gradient(46% 26% at 86% 78%,rgba(96,88,70,.08) 0%,transparent 74%),
    radial-gradient(40% 30% at 96% 104%,rgba(222,206,176,.34) 0%,transparent 76%),
    linear-gradient(90deg,rgba(168,184,200,.26) 0%,rgba(245,242,234,0) 11%),
    radial-gradient(44% .9% at 31% 81.4%,rgba(200,182,150,.34) 0%,rgba(200,182,150,.10) 58%,transparent 100%),
    radial-gradient(26% .7% at 58% 81.8%,rgba(200,182,150,.18) 0%,transparent 100%),
    linear-gradient(180deg,transparent 82%,rgba(216,200,170,.18) 86%,rgba(207,188,153,.28) 92%,rgba(200,179,143,.38) 100%),
    linear-gradient(270deg,rgba(226,219,204,.26) 0%,rgba(245,242,234,0) 10%);
}
/* ışık sağ üstten → kutu ve denizlik gölgesi sol-alta; sıcak kâğıda sıcak-gri gölge */
body.z5 .cumba-kutu{
  box-shadow:0 0 0 1px var(--cizgi),
             -4px 6px 14px -9px rgba(58,55,48,.22),
             -22px 34px 46px -26px rgba(58,55,48,.46);
}
body.z5 .denizlik{box-shadow:-8px 12px 20px -13px rgba(58,55,48,.55),inset 0 1px 0 rgba(255,255,255,.5)}
/* ıslak alanda gren yoğun, kuru kâğıtta hafif */
.gren2{display:none}
body.z5 .gren2{
  display:block;position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.26;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .17 0 0 0 0 .26 0 0 0 0 .35 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
  -webkit-mask-image:radial-gradient(40% 17% at 29% 83%,#000 0%,transparent 82%),radial-gradient(78% 30% at 18% 107%,#000 0%,transparent 86%),radial-gradient(52% 38% at 6% -4%,#000 0%,transparent 78%);
          mask-image:radial-gradient(40% 17% at 29% 83%,#000 0%,transparent 82%),radial-gradient(78% 30% at 18% 107%,#000 0%,transparent 86%),radial-gradient(52% 38% at 6% -4%,#000 0%,transparent 78%);
}
@media (max-width:900px){
  body.z5::before,body.z4::before{
    background:
      linear-gradient(180deg,rgba(170,190,212,.44) 0,rgba(186,204,222,.22) 40%,rgba(245,242,234,0) 58%),
      radial-gradient(80% 22% at 50% 62%,rgba(255,253,246,.55) 0%,rgba(245,242,234,0) 76%),
      radial-gradient(70% 16% at 26% 100%,rgba(226,209,178,.44) 0%,rgba(245,242,234,0) 82%),
      linear-gradient(180deg,transparent 51.6%,rgba(200,182,150,.10) 52.0%,rgba(200,182,150,.24) 52.3%,rgba(200,182,150,.08) 52.8%,transparent 53.3%);
  }
}

/* ————— G5 FİLM: geniş odadan pencereye kamera yürüyüşü ————— */
.film-kutu{
  position:relative;overflow:hidden;border-radius:16px;
  height:clamp(380px,60vh,580px);aspect-ratio:2/3;
  box-shadow:0 0 0 1px rgba(228,225,216,.9),
             -4px 6px 14px -9px rgba(58,55,48,.20),
             -14px 20px 30px -20px rgba(58,55,48,.30); /* hafif düşüş — /166: "çok gölge var" → azaltıldı */
}
/* kutunun zemine oturma çizgisi: kutuya bağlı, sola kayık elips (sanat gözü notu /140) */
.yan-gorsel{position:relative}
.yan-gorsel::after{
  content:'';position:absolute;left:0;right:26%;bottom:-22px;height:26px;
  background:radial-gradient(48% 100% at 40% 0%,rgba(96,82,62,.20) 0%,rgba(96,82,62,.07) 50%,transparent 74%);
  filter:blur(3px);
}
.film-kutu{position:relative;z-index:1} /* kutu, oturma çizgisinin üstünde */
.film-kutu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* G5 bölgesi geniş karede ölçek .44, merkez %50.1 %48 → hedef scale 1/.44, origin çözümü */
.foto-genis{transform-origin:50.2% 46.4%}
.foto-dar{opacity:1}
body.film1 .foto-genis{animation:filmYuru 2.2s cubic-bezier(.3,.05,.18,1) .3s forwards}
body.film1 .foto-dar{opacity:0}
@keyframes filmYuru{to{transform:scale(2.273)}}
@keyframes filmNetles{to{opacity:1}}

/* söz vurgusu: kamera dururken "tek yerde" mürekkeplenir */
body.film1 h1 b{opacity:.16;animation:tekYerde .5s ease 2.2s forwards}
@keyframes tekYerde{to{opacity:1}}


@media (max-width:900px){
  .film-kutu{height:clamp(300px,42vh,420px)}
}
@media (prefers-reduced-motion:reduce){
  body.film1 .foto-genis,.foto-dar,body.film1 h1 b{animation:none}
  .foto-dar{opacity:1}
}

/* ————— GEÇİŞ TURU (v1..v6): zoom biterken ana kareye dönüş pürüzü ————— */
/* V1 TEK KAYNAK: dar katman hiç binmez; katman raster'ı sabit kalsın */
body.v1 .foto-genis,body.v4 .foto-genis{will-change:transform}
body.v1 .foto-dar,body.v4 .foto-dar{display:none}

/* V2 HAREKETTE NETLEŞ: dar, kamera hâlâ yürürken tamamlanır (durunca değişen şey kalmaz) */
body.v2 .foto-dar{animation:filmNetles .8s ease 1.5s forwards}

/* V3 UZUN ERİME: yavaş, uzun çapraz geçiş */
body.v3 .foto-dar{animation:filmNetles 1.4s ease 1.8s forwards}

/* V5 ODAK DURAĞI: iki fazlı yürüyüş; netleşme son yerleşme fazının içinde biter */
body.v5 .foto-genis{animation:filmYuruDurak 2.6s cubic-bezier(.25,.05,.2,1) .3s forwards}
body.v5 .foto-dar{animation:filmNetles .55s ease 1.9s forwards}
@keyframes filmYuruDurak{0%{transform:scale(1)}78%{transform:scale(2.16)}100%{transform:scale(2.273)}}

/* V6 IŞIK NEFESİ: netleşme çok hafif bir parlama dalgasıyla gelir */
body.v6 .foto-dar{animation:filmNetlesIsik .9s ease 1.5s forwards}
@keyframes filmNetlesIsik{0%{opacity:0;filter:brightness(1.13)}55%{opacity:1;filter:brightness(1.05)}100%{opacity:1;filter:brightness(1)}}

/* ————— TEK YERDE VURGU TURU — taban: S3 dev söz (kilit) ————— */
body.dev .yan-soz{flex:0 1 560px}
body.dev h1{font-size:clamp(36px,4.2vw,54px);line-height:1.08;letter-spacing:-.02em}
body.dev .spot{font-size:clamp(14px,1.05vw,15.5px);max-width:400px}
body.dev .st{display:block;overflow:hidden}
body.dev .stic{display:inline-block;transform:translateY(114%);animation:stGel .8s cubic-bezier(.2,.65,.2,1) forwards}
body.dev .st1{animation-delay:.4s}
@keyframes stGel{to{transform:translateY(0)}}

/* D4 RENK MÜHRÜ: "tek yerde." marka renginde ve erken */
body.d4 .st2{animation-delay:1.0s}
body.d4 h1 b{color:var(--petrol);opacity:1;animation:none;border-bottom:3px solid var(--petrol);padding-bottom:1px}

/* ————— LOGO YERLEŞİM TURU (l1..l6) — sahne kilit, logo konuşuluyor ————— */
/* L1: mevcut kilit hâli (kıyas çapası) — ek kural yok */

/* L2 BİR KADEME SESLİ: aynı yer, ~%30 büyük */
body.l2 .marka,body.l6 .marka{height:clamp(34px,3.8vh,40px)}

/* L3 SÖZÜN SAHİBİ: logo söz ailesinin tepesine iner; üst bant boşalır */
body.l3 .tepe{height:clamp(28px,3.6vh,40px)}
body.l3 .marka{position:static;display:block;height:clamp(30px,3.4vh,36px);width:auto;margin:0 auto 22px}

/* L4 BANDIN SAĞ UCU: %36 + orta boy (pencere ile sözün arasındaki nefese) */
body.l4 .marka{left:36%;height:clamp(30px,3.3vh,34px)}

/* L5 ŞERİT TOHUMU: tepe bandı belli belirsiz ayrılır (kaydırınca inecek şeridin hazırlığı) */
body.l5 .tepe{border-bottom:1px solid rgba(46,75,102,.10);background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0))}

/* L6 FİLMLE DOĞAN: L2 boyu; film başında yok, sahneyle birlikte süzülür */
body.film1.l6 .marka{opacity:0;transform:translateY(-4px);animation:markaGel .7s var(--yay) .25s forwards}
@keyframes markaGel{to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  body.l6 .marka{opacity:1;transform:none;animation:none}
}

/* ————— A2 ANITSAL TABAN (kilit): büyük söz + yan yana düğmeler + yeni spot ————— */
body.a2 .yan-soz{flex:0 1 640px}
body.a2 h1{font-size:clamp(38px,4.5vw,58px)}
body.a2 .spot{max-width:470px}
body.a2 .dugmeler{flex-direction:column;align-items:center;gap:10px;margin-top:clamp(28px,4.2vh,42px)} /* D1 eş genişlik kilidi (/207) */
body.a2 .dg{width:260px;min-width:0} /* D1: ikisi de eş genişlik */

/* ————— N6 KİLİT: logo sözün tepesinde çok büyük ————— */
.tepe{height:clamp(28px,3.6vh,40px)}
.marka{position:static;display:block;width:auto;height:clamp(54px,6vh,64px);margin:0 auto 28px}

/* Z1 GÜN KATMANLARI — kilit zemini (/157: G5 seçimi; Z5 blokları arşiv olarak yukarıda durur) */
body.z1::before{
  /* /171: F4 KEHRİBAR İKİNDİ kilidi — bal huzme üç parmak + petrol gölge parmakları (fon ajans turu, Fatih seçimi) */
  background:
  radial-gradient(44% .9% at 31% 81.4%,rgba(200,182,150,.34) 0%,rgba(200,182,150,.10) 58%,transparent 100%),
  radial-gradient(26% .7% at 58% 81.8%,rgba(200,182,150,.18) 0%,transparent 100%),
  radial-gradient(28% 26% at 38% 52%, rgba(255,208,128,.58) 0%, rgba(252,199,124,.26) 46%, rgba(250,196,120,0) 80%),
  radial-gradient(42% 26% at 47% 74%, rgba(255,235,182,.78) 0%, rgba(253,219,152,.34) 48%, rgba(252,214,145,0) 100%),
  radial-gradient(24% 30% at 41% 24%, rgba(104,152,196,.42) 0%, rgba(146,184,216,.16) 56%, rgba(160,194,222,0) 100%),
  conic-gradient(from 90deg at 30% 41%, rgba(255,226,168,0) 0deg, rgba(255,226,168,0) 10deg, rgba(255,230,175,.38) 14deg, rgba(255,222,155,.62) 20deg, rgba(255,215,145,.18) 26deg, rgba(255,226,168,.66) 32deg, rgba(255,215,145,.20) 39deg, rgba(255,220,158,.58) 46deg, rgba(253,210,142,.28) 54deg, rgba(252,208,138,0) 64deg, rgba(252,208,138,0) 360deg),
  conic-gradient(from 90deg at 30% 41%, rgba(46,75,102,0) 0deg, rgba(46,75,102,0) 20deg, rgba(46,75,102,.13) 26deg, rgba(46,75,102,0) 32deg, rgba(46,75,102,.12) 39deg, rgba(46,75,102,0) 46deg, rgba(46,75,102,.09) 56deg, rgba(46,75,102,0) 66deg, rgba(46,75,102,0) 360deg),
  radial-gradient(88% 42% at 62% 102%, rgba(196,120,82,.30) 0%, rgba(212,152,106,.13) 46%, rgba(216,164,120,0) 86%),
  radial-gradient(56% 46% at 4% 92%, rgba(176,146,104,.34) 0%, rgba(190,164,124,.12) 55%, rgba(196,172,134,0) 100%),
  linear-gradient(180deg, rgba(46,75,102,.20) 0%, rgba(46,75,102,.09) 13%, rgba(46,75,102,.025) 28%, rgba(46,75,102,0) 42%),
  linear-gradient(176deg, #FFF7E6 0%, #F8F1E2 30%, #F4EEE2 55%, #EFE3CC 82%, #E7D3AE 100%);
}

/* ————— CANLANDIRMA KİLİDİ (/197): K5 MANZARA + kuş + P3 zamanlaması + kilitli adım ————— */
.sora-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.sora-video.gorun{opacity:1}
/* kilitli adım: video, fotoğrafın zoom eğrisiyle özdeş ölçek yolculuğu yapar (S(t)/2.273 = .44+.56·f(t)) —
   zoom'un her anında pencere bölgesine birebir oturur */
.sora-video.yuru2{transform-origin:50.2% 46.4%;animation:vidYuru 2.2s cubic-bezier(.3,.05,.18,1) .3s both}
@keyframes vidYuru{from{transform:scale(.44)}to{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){ .sora-video{display:none} }

/* ————— kapıda hesap satırı (/218) ————— */
.hesap-ayrac{width:1px;height:15px;background:var(--cizgi);margin:0 3px}
.hesap-soru{font-size:13.5px;color:var(--soluk)}
.hesap-not{margin-top:9px;font-size:12.5px;color:var(--soluk);text-align:center}
/* rol kartı odakları: kare kaynaklar yatay camda konuya kadrajlanır (/218) */
.kart[data-rol="yonetici"] .kart-cam img{object-position:50% 40%}
.kart[data-rol="evsahibi"] .kart-cam img{object-position:50% 66%}