:root{
  --zemin:#121813; --tahta:#171E18; --siyah:#070A08; --pirinc:#C69C63;
  --metin:#E7E3D8; --govde:#CBC7BB; --sonuk:#8B9184; --kenar:rgba(198,156,99,.2);

  --yazi-xs:13px; --yazi-sm:14.5px; --yazi-md:16.5px; --yazi-lg:19px;
  --yazi-xl:clamp(21px,2.4vw,27px);
  --yazi-2xl:clamp(24px,3vw,31px);
  --yazi-3xl:clamp(30px,4.2vw,48px);
  --yazi-4xl:clamp(32px,4.8vw,58px);
  --ar-1:6px; --ar-2:12px; --ar-3:18px; --ar-4:26px;
  --ar-5:clamp(32px,5vh,56px);
  --ar-6:clamp(40px,6.5vh,76px);
  --ar-7:clamp(50px,8vh,90px);
  --ar-yatay:clamp(16px,3vw,40px);
  --kap-en:1180px;
  --yan:clamp(20px,4vw,48px);
  --sure-hizli:.25s; --sure-orta:.45s; --sure-yavas:.9s;
  --egri:cubic-bezier(.2,.7,.2,1);
  --egri-giris:cubic-bezier(.16,.84,.26,1);   /* girişler: hızlı başlar, yumuşak durur */
  --gir-sure:.85s; --gir-gecik:60ms;
  --egri-yumusak:cubic-bezier(.16,1,.3,1);
  --egri-keskin:cubic-bezier(.65,0,.35,1);
  --gir:.85s; --gir-gec:90ms;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--zemin);color:var(--metin);font-family:'Karla',system-ui,sans-serif;
     font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.kap{max-width:var(--kap-en);margin:0 auto;padding:0 var(--yan)}

/* ---------- ÜST ÇUBUK ---------- */
header{position:sticky;top:0;z-index:40;display:flex;align-items:center;
       justify-content:space-between;gap:18px;padding:12px var(--yan);
       background:rgba(18,24,19,.94);backdrop-filter:blur(8px);
       border-bottom:1px solid var(--kenar)}
header .logo img{height:78px;width:auto}
nav{display:flex;gap:24px;flex-wrap:wrap}
nav a{color:var(--sonuk);text-decoration:none;font-size:20px;padding-bottom:3px;
      border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
nav a:hover{color:var(--metin)}
nav a.acik{color:var(--metin);border-bottom-color:var(--pirinc)}
.diller{display:flex;gap:13px;font-size:15px;letter-spacing:.12em;color:var(--sonuk)}
.diller button{background:none;border:0;font:inherit;color:inherit;cursor:pointer}
.diller button.acik{color:var(--pirinc)}

/* ---------- SAYFA GEÇİŞİ ---------- */
/* sayfa geçişi: siyah perde aşağıdan gelir, çıkarken yukarı süzülür */
#gecis{position:fixed;inset:0;z-index:95;background:var(--siyah);
       display:grid;place-items:center;gap:20px;grid-auto-flow:row;
       opacity:1;visibility:visible;
       clip-path:inset(0 0 0 0);
       transition:clip-path .62s var(--egri-giris),opacity .45s ease .12s,visibility .62s}
#gecis.kapali{opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0)}
#gecis img{transition:opacity .4s ease,transform .6s var(--egri-giris)}
#gecis.kapali img{opacity:0;transform:translate3d(0,-12px,0)}
/* pirinç çizgi perdenin önünde süpürür */
#gecis span{position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(to right,transparent,var(--pirinc),transparent);
  transform:translate3d(0,0,0) scaleX(0);transform-origin:left;
  transition:transform .6s var(--egri-giris)}
#gecis:not(.kapali) span{transform:scaleX(1)}
#gecis img{width:min(120px,26vw);opacity:.92;animation:nefes 1.6s ease-in-out infinite}
#gecis span{width:56px;height:1px;background:var(--pirinc);transform-origin:center;
            animation:cizgi 1.6s ease-in-out infinite}
@keyframes nefes{0%,100%{opacity:.55;transform:scale(.99)}50%{opacity:1;transform:scale(1.01)}}
@keyframes cizgi{0%,100%{transform:scaleX(.2);opacity:.25}50%{transform:scaleX(1);opacity:.85}}

/* ---------- GENEL ---------- */
.ust{padding:var(--ar-6) 0 10px}
.yol{font-size:var(--yazi-md);color:var(--sonuk);margin-bottom:20px}
.yol a{text-decoration:none}
.ust h1{font-weight:200;font-size:var(--yazi-4xl);line-height:1.1}
h2{font-weight:300;font-size:clamp(22px,2.7vw,27px);letter-spacing:.06em;
   padding-bottom:12px;border-bottom:1px solid var(--kenar);
   margin:var(--ar-6) 0 0;display:flex;justify-content:space-between;
   align-items:baseline;gap:14px;flex-wrap:wrap}
h2 a{text-decoration:none;color:inherit}
h2 a:hover{color:var(--pirinc)}
.aciklama{font-size:19.5px;font-weight:400;line-height:1.8;color:var(--govde);
          max-width:58ch;margin:24px 0}
.aciklama strong{color:var(--metin);font-weight:500}
.altyazi{margin-top:12px;font-size:var(--yazi-md);color:var(--sonuk)}
.genis{margin:var(--ar-5) 0}
.genis img{width:100%}
.rozet{display:inline-block;font-size:15px;letter-spacing:.1em;color:var(--zemin);
       background:var(--pirinc);padding:5px 12px}
footer{border-top:1px solid var(--kenar);margin-top:70px;padding:30px 0 46px;
       font-size:16px;color:var(--sonuk);display:flex;justify-content:space-between;
       gap:14px;flex-wrap:wrap}

/* ---------- AÇILIŞ PERDESİ ---------- */
#perde{position:fixed;inset:0;z-index:90;background:#000;display:grid;place-items:center;
       cursor:pointer;transition:opacity .7s ease,visibility .7s}
#perde.bitti{opacity:0;visibility:hidden}
.perde-ic{text-align:center;animation:perdeZoom 1s cubic-bezier(.5,0,.75,0) 2.5s forwards}
.perde-simge{width:min(230px,44vw);margin:0 auto;opacity:0;
             animation:parla 1.3s var(--egri) .15s forwards}
.perde-yazi{width:min(300px,56vw);margin:26px auto 0;
            clip-path:inset(0 100% 0 0);filter:brightness(2.4) blur(2px);
            animation:silme .95s cubic-bezier(.4,0,.2,1) 1.35s forwards}
@keyframes parla{
  0%{opacity:0;filter:blur(26px) brightness(3.2);transform:scale(1.06)}
  55%{opacity:1;filter:blur(7px) brightness(1.8)}
  100%{opacity:1;filter:blur(0) brightness(1);transform:scale(1)}}
@keyframes silme{
  0%{clip-path:inset(0 100% 0 0);filter:brightness(2.4) blur(2px)}
  70%{clip-path:inset(0 0 0 0);filter:brightness(1.9) blur(.6px)}
  100%{clip-path:inset(0 0 0 0);filter:brightness(1) blur(0)}}
@keyframes perdeZoom{to{transform:scale(7);opacity:0}}
#perde .gec{position:absolute;bottom:26px;left:0;right:0;text-align:center;
            font-size:14px;color:rgba(231,227,216,.3);opacity:0;
            animation:belir .8s ease 2.1s forwards}
@keyframes belir{to{opacity:1}}

/* ---------- ANA SAYFA VİDEO ---------- */

/* ================= ANA SAYFA ŞERİTLERİ ================= */
.stüdyo{font-size:var(--yazi-2xl);font-weight:400;line-height:1.45;
        color:var(--metin);max-width:24ch;margin:var(--ar-7) 0 0}
.rakam{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ar-yatay);
       margin-top:var(--ar-5);border-top:1px solid var(--kenar)}
.rakam div{padding:24px 0;border-bottom:1px solid var(--kenar)}
.rakam b{display:block;line-height:1.1;margin-bottom:8px;color:var(--pirinc)}
.rakam span{font-family:'Karla',sans-serif;font-size:16px;color:var(--sonuk)}

/* --- NASIL ÇALIŞIYORUZ: aşamalı kutular --- */
.adimlar{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,22px);
         margin-top:34px;position:relative}
.adimlar::before{content:"";position:absolute;left:0;right:0;top:42px;height:1px;
                 background:linear-gradient(to right,var(--kenar),var(--pirinc),var(--kenar));
                 opacity:.55;z-index:0}
.adimlar article{position:relative;z-index:1;background:var(--tahta);
                 border:1px solid var(--kenar);padding:clamp(20px,2.4vw,28px);
                 display:flex;flex-direction:column;transition:border-color .4s,transform .4s}
.adimlar article:hover{border-color:var(--pirinc);transform:translateY(-4px)}
.adimlar .no{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
             background:var(--zemin);border:1px solid var(--pirinc);color:var(--pirinc);
             font-family:'Karla',sans-serif;font-size:16px;font-weight:500;
             margin:-38px 0 18px;letter-spacing:.02em}
.adimlar h3{font-weight:600;font-size:var(--yazi-xl);margin:0 0 10px}
.adimlar p{font-family:'Karla',sans-serif;font-size:var(--yazi-md);line-height:1.7;color:var(--govde)}
.adimlar .ok{position:absolute;top:36px;right:-13px;width:20px;height:20px;
             display:grid;place-items:center;color:var(--pirinc);font-size:15px;
             background:var(--zemin);border-radius:50%;z-index:2}
.adimlar article:last-child .ok{display:none}

.band{width:100vw;margin-left:50%;transform:translateX(-50%);
      margin-top:var(--ar-7);overflow:hidden}
.band img{width:100%;aspect-ratio:21/9;object-fit:cover}
.detay{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(24px,4vw,56px);
       align-items:center;margin-top:var(--ar-6)}
.cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
     margin-top:var(--ar-7);padding:clamp(28px,4vw,44px);
     background:var(--tahta);border:1px solid var(--kenar)}
.cta p{font-size:clamp(20px,2.4vw,26px);max-width:24ch;margin:0}
.cta a{text-decoration:none;background:var(--pirinc);color:var(--zemin);
       font-family:'Karla',sans-serif;font-size:18px;font-weight:500;
       padding:15px 32px;white-space:nowrap}
.cta a:hover{filter:brightness(1.08)}

/* ---------- İLETİŞİM: TEK EKRAN ---------- */
.tek-ekran{min-height:calc(100vh - 120px);display:grid;
           grid-template-columns:1fr 1.15fr;gap:clamp(28px,4vw,64px);
           align-items:center;padding:clamp(24px,4vh,46px) 0}
.tek-ekran h1{font-size:var(--yazi-3xl);line-height:1.1}
.tek-ekran .bilgi{display:flex;flex-direction:column;gap:22px;margin-top:30px}
.tek-ekran .bilgi b{display:block;font-family:'Karla',sans-serif;font-size:13.5px;
                    letter-spacing:.2em;color:var(--sonuk);font-weight:400;margin-bottom:6px}
.tek-ekran .bilgi a{color:var(--metin);text-decoration:none;font-size:var(--yazi-lg);
                    border-bottom:1px solid var(--kenar);padding-bottom:3px}
.tek-ekran .bilgi a:hover{color:var(--pirinc);border-bottom-color:var(--pirinc)}
.form.sik{margin-top:0;max-width:none;gap:14px}
.form.sik input,.form.sik select{padding:11px 14px;font-size:16px}
.form.sik textarea{min-height:96px;padding:11px 14px;font-size:16px}
.form.sik label{font-size:14px;margin-bottom:6px}
.form.sik button{padding:13px 28px}

@media(max-width:900px){
  .rakam{grid-template-columns:1fr 1fr}
  .adimlar{grid-template-columns:1fr;gap:26px}
  .adimlar::before{display:none}
  .adimlar .no{margin:0 0 16px}
  .adimlar .ok{display:none!important}
  .detay{grid-template-columns:1fr}
  .band img{aspect-ratio:16/9}
  .tek-ekran{grid-template-columns:1fr;min-height:0;padding:20px 0 50px}
  .vitrin{grid-template-columns:1fr} .vitrin .orta{order:-1} .vitrin dl{gap:0} .vitrin .altyazi{grid-column:1}
  .hizmetler{grid-template-columns:1fr}
  .projeler,.kart,.form{grid-template-columns:1fr}
  .kart:nth-child(even) .kart-g{order:0}
  .cizim.anahtarli .ciz-govde{grid-template-columns:1fr}
  .notlar > div{grid-template-columns:1fr;gap:2px}
  .cta{flex-direction:column;align-items:flex-start}
  .cta a{width:100%;text-align:center}
}

/* ---------- PROJE KARTLARI ---------- */
.projeler{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,30px);margin-top:30px}
.proje{text-decoration:none;color:inherit;display:block}
.proje-g{overflow:hidden;background:var(--tahta)}
.proje-g img{width:100%;aspect-ratio:16/10;object-fit:cover;
             transition:transform .9s var(--egri)}
.proje:hover .proje-g img{transform:scale(1.04)}
.proje h3{font-weight:300;font-size:clamp(22px,2.6vw,28px);margin:18px 0 4px}
.proje .tur{font-size:16px;color:var(--pirinc);margin-bottom:14px}
.proje dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:var(--yazi-md)}
.proje dt{color:var(--sonuk)}

.liste{margin-top:34px;display:flex;flex-direction:column;gap:var(--ar-5)}
.kart{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(22px,3.4vw,44px);
      align-items:center;text-decoration:none;color:inherit}
.kart:nth-child(even) .kart-g{order:2}
.kart-g{overflow:hidden;background:var(--tahta)}
.kart-g img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 1s var(--egri)}
.kart:hover .kart-g img{transform:scale(1.04)}
.kart h2{font-weight:200;font-size:clamp(26px,3.6vw,40px);line-height:1.15;
         border:0;padding:0;margin:0;display:block}
.kart .tur{font-size:17px;color:var(--pirinc);margin:8px 0 20px}
.kart p{font-size:18px;line-height:1.75;color:var(--govde);margin-bottom:20px;max-width:46ch}
.kart dl{display:grid;grid-template-columns:auto 1fr;gap:9px 20px;font-size:17px;
         border-top:1px solid var(--kenar);padding-top:16px}
.kart dt{color:var(--sonuk)}
.git{display:inline-block;margin-top:20px;font-size:17px;color:var(--pirinc);
     border-bottom:1px solid var(--kenar);padding-bottom:3px}

/* ---------- PROJE VİTRİNİ ---------- */
.vitrin{max-width:1600px;margin:38px auto 0;padding:0 var(--ar-yatay);
        display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2.5fr) minmax(210px,1fr);
        gap:clamp(20px,2.8vw,44px);align-items:stretch}
.vitrin .orta img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.vitrin dl{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:10px}
.vitrin dl div{padding:16px 0;border-top:1px solid var(--kenar)}
.vitrin dl div:last-child{border-bottom:1px solid var(--kenar)}
.vitrin dt{font-size:15px;color:var(--sonuk);margin-bottom:6px}
.vitrin dd{font-size:var(--yazi-lg);font-weight:400;line-height:1.35}
.vitrin .altyazi{grid-column:2;margin-top:0}

/* ---------- KÜNYE ---------- */
.kunye{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:0 34px;
       border-top:1px solid var(--kenar);margin-top:34px}
.kunye div{padding:18px 0;border-bottom:1px solid var(--kenar)}
.kunye dt{font-size:15px;color:var(--sonuk);margin-bottom:6px}
.kunye dd{font-size:20px;font-weight:400}

/* ---------- ÇİZİMLER ---------- */
.cizimler{max-width:var(--kap-en);margin:30px auto 0;padding:0 var(--yan);
          display:flex;flex-direction:column;gap:24px}
.cizim{background:var(--tahta);border:1px solid var(--kenar);padding:clamp(14px,2vw,26px)}
.cizim button{display:block;width:100%;background:none;border:0;padding:0;cursor:zoom-in}
.cizim-ad{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:baseline;
          margin-top:16px;padding-top:12px;border-top:1px solid var(--kenar);
          font-size:var(--yazi-md);color:var(--sonuk)}
.cizim-ad b{color:var(--metin);font-weight:400;font-size:18.5px}
.buyut{font-size:15px;color:var(--pirinc)}
.notlar{margin-top:16px;border-top:1px solid var(--kenar);padding-top:14px}
.notlar-bas{font-size:var(--yazi-sm);letter-spacing:.14em;color:var(--pirinc);margin-bottom:12px}
.notlar > div{display:grid;grid-template-columns:190px 1fr;gap:14px;padding:7px 0}
.notlar dt{font-size:var(--yazi-md);color:var(--sonuk)}
.notlar dd{font-size:17.5px;color:var(--metin);font-weight:400}
.anahtar h3{font-weight:400;font-size:var(--yazi-lg);margin-bottom:16px}
.ank{list-style:none}
.ank li{font-size:17.5px;padding:6px 0 6px 20px;position:relative;color:var(--metin)}
.ank li::before{content:"";position:absolute;left:0;top:15px;width:10px;height:1px;background:var(--pirinc)}
.ciz-govde{display:grid;gap:clamp(16px,2.2vw,30px)}
.cizim.anahtarli .ciz-govde{grid-template-columns:1fr 235px;align-items:start}

/* ---------- ÇİZİM PENCERESİ ---------- */
#lup{position:fixed;inset:0;z-index:92;background:rgba(7,10,8,.97);display:none;
     grid-template-rows:auto 1fr}
#lup.acik{display:grid}
#lup .cubuk{display:flex;justify-content:space-between;align-items:center;gap:12px;
            padding:13px clamp(14px,3vw,26px);border-bottom:1px solid var(--kenar);font-size:17px}
#lup .cubuk b{color:var(--metin);font-weight:400}
#lup .cubuk span{color:var(--sonuk);font-size:15px}
#lup .cubuk button{background:none;border:1px solid var(--kenar);color:var(--metin);
                   font:inherit;font-size:16px;padding:9px 18px;cursor:pointer}
#lup .cubuk button:hover{border-color:var(--pirinc);color:var(--pirinc)}
#lup .sahne{overflow-y:auto;overflow-x:hidden;padding:26px clamp(16px,4vw,60px) 60px}
#lup .kare{position:relative;max-width:1500px;margin:0 auto}
#lup-g{width:100%;height:auto;display:block;cursor:crosshair}
#mercek{position:absolute;width:340px;height:340px;border-radius:50%;pointer-events:none;
        border:1px solid var(--pirinc);box-shadow:0 0 0 1px rgba(7,10,8,.85),0 16px 44px rgba(0,0,0,.65);
        background-repeat:no-repeat;display:none;z-index:3}
#mercek.acik{display:block}

/* ---------- KONSEPT ---------- */
.suzgec{display:flex;gap:9px;flex-wrap:wrap;margin:34px 0 8px;border-top:1px solid var(--kenar);padding-top:22px}
.suzgec button{background:none;border:1px solid var(--kenar);color:var(--sonuk);
               font:inherit;font-size:16px;padding:9px 18px;cursor:pointer;transition:.25s}
.suzgec button:hover{color:var(--metin)}
.suzgec button.acik{background:var(--pirinc);border-color:var(--pirinc);color:var(--zemin)}
.sayac{margin:16px 0 26px;font-size:16px;color:var(--sonuk)}
.ko.gizli{display:none}
.kume{margin-top:var(--ar-5)}
.kume h2{margin-top:0}
/* editoryal ızgara — ritim JS ile atanır, süzgeçte boşluk oluşmaz */
.izgara{display:grid;grid-template-columns:repeat(6,1fr);
        gap:var(--ar-3);margin-top:var(--ar-4);align-items:start}
.ko{grid-column:span 2}
.ko[data-gir]{--gir-sure:.6s}
.ko.genis{grid-column:span 3}
.ko.genis img{aspect-ratio:4/3}
.ko.dar{grid-column:span 2}
.ko.dar img{aspect-ratio:3/4}
/* son sırada artan kartlar sırayı eşit paylaşır — boşluk kalmaz */
.ko.esit1{grid-column:span 6} .ko.esit1 img{aspect-ratio:21/9}
.ko.esit2{grid-column:span 3} .ko.esit2 img{aspect-ratio:4/3}
.ko.esit3{grid-column:span 2} .ko.esit3 img{aspect-ratio:3/4}
.ko.esit4{grid-column:span 3} .ko.esit4 img{aspect-ratio:4/3}
.ko button{display:block;width:100%;background:none;border:0;padding:0;cursor:zoom-in;overflow:hidden}
.ko img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.95) brightness(.9);
        transition:transform .8s var(--egri),filter .5s}
.ko button:hover img{transform:scale(1.05);filter:none}
.ko figcaption{margin-top:10px;font-family:'Karla',sans-serif;
  font-size:var(--yazi-sm);color:var(--sonuk);letter-spacing:.01em}

/* ---------- HİZMETLER ---------- */
.hizmetler{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:22px}
.hizmetler li{display:flex;align-items:baseline;gap:18px;padding:17px 0;
              border-bottom:1px solid var(--kenar);font-size:18.5px;transition:padding-left .35s}
.hizmetler li::before{content:attr(data-no);font-size:13.5px;letter-spacing:.14em;
                      color:var(--pirinc);min-width:28px}
.hizmetler li:hover{padding-left:10px}
.hiz-sira{margin-top:30px;border-top:1px solid var(--kenar)}
.hiz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
     grid-template-rows:auto auto auto;
     gap:var(--ar-2) clamp(24px,4vw,64px);align-items:start;
     padding:var(--ar-5) 0;border-bottom:1px solid var(--kenar)}
.hiz .no{grid-column:1;grid-row:1}
.hiz h3{grid-column:1;grid-row:2}
.hiz p{grid-column:1;grid-row:3;max-width:46ch}
.hiz .g{grid-column:2;grid-row:1/4;align-self:center}
.hiz-sira .hiz:nth-child(even) .g,.alan-sira .hiz:nth-child(even) .g{grid-column:1}
.hiz-sira .hiz:nth-child(even) .no,.hiz-sira .hiz:nth-child(even) h3,
.hiz-sira .hiz:nth-child(even) p,.alan-sira .hiz:nth-child(even) .no,
.alan-sira .hiz:nth-child(even) h3,.alan-sira .hiz:nth-child(even) p{grid-column:2}
.hiz:hover{background:rgba(198,156,99,.035)}
.hiz .no{font-size:15px;letter-spacing:.16em;color:var(--pirinc);align-self:start;padding-top:8px}
.hiz h3{font-weight:300;font-size:var(--yazi-2xl);line-height:1.2}
.hiz p{font-size:17.5px;line-height:1.75;color:var(--govde)}
.hiz .g{overflow:hidden;background:var(--tahta)}
.hiz .g img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(.96) brightness(.93);
  transition:transform var(--sure-yavas) var(--egri),filter var(--sure-orta) ease;
            transition:transform .9s var(--egri),filter .5s}
.hiz:hover .g img{transform:scale(1.05);filter:none}

/* ---------- İLETİŞİM ---------- */
.iletisim{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px;margin-top:30px}
.iletisim b{display:block;font-size:var(--yazi-sm);letter-spacing:.2em;color:var(--sonuk);
            font-weight:400;margin-bottom:9px}
.iletisim a{color:var(--metin);text-decoration:none;font-size:var(--yazi-lg);
            border-bottom:1px solid var(--kenar);padding-bottom:3px}
.iletisim a:hover{color:var(--pirinc);border-bottom-color:var(--pirinc)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;max-width:840px}
.form .tam{grid-column:1/-1}
.form label{display:block;font-size:15px;color:var(--sonuk);margin-bottom:8px}
.form input,.form select,.form textarea{width:100%;background:var(--tahta);color:var(--metin);
  border:1px solid var(--kenar);font:inherit;font-size:17px;padding:13px 15px;border-radius:0}
.form textarea{min-height:140px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--pirinc)}
.form button{justify-self:start;background:var(--pirinc);border:0;color:var(--zemin);
             font:inherit;font-size:17px;padding:14px 30px;cursor:pointer}
.form button:hover{filter:brightness(1.08)}
.form-not{grid-column:1/-1;font-size:15px;color:var(--sonuk);line-height:1.6}

/* ---------- MOBİL ---------- */
@media(max-width:820px){
  header{flex-wrap:wrap;row-gap:10px}
  header .logo img{height:58px}
  nav{gap:18px;order:3;width:100%;padding-top:2px}
  nav a{font-size:17px}
  .cizimler{padding:0}
  .cizim{border-left:0;border-right:0;padding:12px}
  #mercek{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;
                       animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* ================= ARAPÇA / SAĞDAN SOLA ================= */
html[data-dil="ar"] body,
html[data-dil="ar"] .aciklama, html[data-dil="ar"] p, html[data-dil="ar"] dd,
html[data-dil="ar"] dt, html[data-dil="ar"] li, html[data-dil="ar"] nav a,
html[data-dil="ar"] label, html[data-dil="ar"] input, html[data-dil="ar"] select,
html[data-dil="ar"] textarea, html[data-dil="ar"] button{
  font-family:'Tajawal','Karla',system-ui,sans-serif;
}
/* başlıklarda klasik kontrastlı naskh — Bodoni ile aynı dil */
html[data-dil="ar"] h1, html[data-dil="ar"] h2, html[data-dil="ar"] h3,
html[data-dil="ar"] .film-yazi h1, html[data-dil="ar"] .stüdyo,
html[data-dil="ar"] .cta p, html[data-dil="ar"] .rakam b,
html[data-dil="ar"] .kart h2, html[data-dil="ar"] .proje h3,
html[data-dil="ar"] .hiz h3, html[data-dil="ar"] .adimlar h3{
  font-family:'Amiri','Tajawal',serif;font-weight:400;
}
html[data-dil="ar"]{letter-spacing:0}
html[data-dil="ar"] h1,html[data-dil="ar"] h2,html[data-dil="ar"] h3{letter-spacing:0}
html[data-dil="ar"] .perde-yazi,html[data-dil="ar"] .diller{letter-spacing:.1em}
html[data-dil="ar"] .aciklama,html[data-dil="ar"] .hiz p,html[data-dil="ar"] .adimlar p{line-height:2}

[dir="rtl"] .ank li{padding:6px 20px 6px 0}
[dir="rtl"] .ank li::before{left:auto;right:0}
[dir="rtl"] .hizmetler li::before{order:2}
[dir="rtl"] .hizmetler li:hover{padding-left:0;padding-right:10px}
[dir="rtl"] .satir:hover{padding-left:0;padding-right:14px}
[dir="rtl"] .kart:nth-child(even) .kart-g{order:0}
[dir="rtl"] .kart:nth-child(odd) .kart-g{order:2}
[dir="rtl"] .vitrin{direction:rtl}
[dir="rtl"] .form button{justify-self:end}
[dir="rtl"] #lup-g{cursor:crosshair}
[dir="rtl"] .yol{direction:rtl}
[dir="rtl"] .proje dl,[dir="rtl"] .kart dl{direction:rtl}
[dir="rtl"] .notlar > div{direction:rtl}
[dir="rtl"] .git,[dir="rtl"] .proj-open{direction:rtl}

.tur-ust{margin-top:12px;font-size:20px;color:var(--pirinc)}
.tekrar{background:none;border:1px solid var(--kenar);color:var(--sonuk);font:inherit;
        font-size:15px;padding:8px 16px;cursor:pointer}
.tekrar:hover{border-color:var(--pirinc);color:var(--pirinc)}


/* ================= TİPOGRAFİ: Bodoni Moda + Karla =================
   Bodoni koyu zeminde incelir. Üç önlem:
   1) opsz ekseni 16'ya sabitlendi — metin çizimi, display çiziminden daha tok
   2) ağırlıklar yükseltildi
   3) başlıklarda antialiasing kapalı — koyu zeminde harfi kalınlaştırır  */
h1,h2,h3,.film-yazi h1,.stüdyo,.cta p,.rakam b,
.kart h2,.proje h3,.hiz h3,.adimlar h3,.tek-ekran h1{
  font-family:'Bodoni Moda',Georgia,serif;
  font-optical-sizing:none;
  font-variation-settings:'opsz' 16;
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
}
.ust h1,.tek-ekran h1{font-weight:600;letter-spacing:0}
.film-yazi h1{font-weight:700;letter-spacing:0;line-height:1.14;
              text-shadow:0 2px 20px rgba(7,10,8,.9),0 0 1px rgba(231,227,216,.35)}
h2{font-weight:600;letter-spacing:.01em;font-size:var(--yazi-2xl)}
h3,.adimlar h3,.hiz h3{font-weight:600;letter-spacing:0}
.kart h2{font-weight:600}
.proje h3{font-weight:600}
.rakam b{font-weight:700;font-size:var(--yazi-3xl)}
.stüdyo{font-weight:500;line-height:1.45}
.cta p{font-weight:600}

/* küçük boyutta kalan her şey Karla'da kalır — okunaklılık için */
.cizim-ad b,.anahtar h3,.notlar dd,.kunye dd,.tur,.tur-ust,
.proje .tur,.kart .tur,.iletisim a,.tek-ekran .bilgi a{
  font-family:'Karla',system-ui,sans-serif;
}
.anahtar h3{font-weight:500}
.kunye dd{font-weight:500}
.cizim-ad b{font-weight:500}

/* arapça başlıklar da kalınlaştı */
html[data-dil="ar"] h1,html[data-dil="ar"] h2,html[data-dil="ar"] h3,
html[data-dil="ar"] .film-yazi h1,html[data-dil="ar"] .rakam b,
html[data-dil="ar"] .cta p{font-weight:700;font-variation-settings:normal}

/* ================= HAMBURGER MENÜ ================= */
.mnu{display:none;background:none;border:0;padding:10px 6px;cursor:pointer;
     flex-direction:column;gap:6px;width:44px;align-items:flex-end}
.mnu span{display:block;height:1.5px;background:var(--metin);transition:.3s;width:26px}
.mnu span:nth-child(2){width:19px}
.mnu[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.mnu[aria-expanded="true"] span:nth-child(2){opacity:0}
.mnu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);width:26px}

#mnu{position:fixed;inset:0;z-index:60;background:var(--siyah);display:none;
     overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
     padding:70px 24px 44px;opacity:0;transition:opacity .35s ease}
#mnu.acik{display:block;opacity:1}
.mnu-ic{min-height:100%;display:flex;flex-direction:column;align-items:center;
        justify-content:center;gap:0}
.mnu-kapat{position:absolute;top:18px;right:20px;background:none;border:1px solid var(--kenar);
           color:var(--metin);font:inherit;font-size:20px;width:46px;height:46px;cursor:pointer}
.mnu-logo{width:66px;opacity:.85;margin-bottom:26px;flex:none}
.mnu-nav{display:flex;flex-direction:column;gap:4px;text-align:center;width:100%}
.mnu-nav a{font-family:'Bodoni Moda',Georgia,serif;font-weight:600;
           font-variation-settings:'opsz' 16;-webkit-font-smoothing:auto;
           font-size:clamp(24px,6.6vw,34px);color:var(--metin);text-decoration:none;
           padding:9px 0;border-bottom:0}
.mnu-nav a.acik{color:var(--pirinc)}
.mnu-alt{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:12px;
         padding-top:26px;border-top:1px solid var(--kenar);width:100%;max-width:340px}
.mnu-alt a{color:var(--sonuk);text-decoration:none;font-size:17px}
.mnu-dil{margin-top:8px;gap:18px;font-size:16px}

/* ================= WHATSAPP ================= */
.wa{position:fixed;right:20px;bottom:20px;z-index:55;display:inline-flex;align-items:center;
    gap:10px;padding:13px 20px;background:var(--tahta);border:1px solid var(--kenar);
    color:var(--pirinc);text-decoration:none;border-radius:999px;
    box-shadow:0 12px 34px -14px rgba(0,0,0,.75);transition:.3s}
.wa:hover{border-color:var(--pirinc);color:var(--metin);transform:translateY(-2px)}
.wa-yazi{font-family:'Karla',sans-serif;font-size:16px;font-weight:500}
[dir="rtl"] .wa{right:auto;left:20px}

/* ================= TELEFON DÜZENİ ================= */
@media(max-width:820px){
  .mnu{display:flex}
  header nav{display:none}
  header .diller{display:none}
  header{flex-wrap:nowrap;row-gap:0;padding:10px clamp(16px,4vw,24px)}
  header .logo img{height:52px}

  .film{min-height:78vh;padding-bottom:var(--ar-5)}
  .film-yazi h1{font-size:clamp(28px,8vw,38px)}
  .film-yazi p{font-size:17.5px}
  .film-dugme{gap:10px}
  .film-dugme a{font-size:16px;padding:12px 20px;flex:1;text-align:center}

  .stüdyo{font-size:clamp(20px,5.6vw,26px);max-width:none;margin-top:46px}
  .rakam{grid-template-columns:1fr 1fr;gap:0 20px}
  .rakam b{font-size:clamp(28px,8vw,36px)}
  .aciklama{font-size:18px;max-width:none}
  h2{font-size:clamp(22px,6.2vw,27px)}
  .band img{aspect-ratio:4/3}
  .cta{flex-direction:column;align-items:flex-start;gap:16px}
  .cta a{width:100%;text-align:center}

  .kunye{grid-template-columns:1fr;gap:0}
  .kunye dd{font-size:18px}
  .vitrin dl{gap:0}
  .vitrin dl div{padding:14px 0}

  /* çizim penceresi: telefonda mercek yok, iki yöne kaydırma var */
  #lup .sahne{overflow:auto;padding:14px;-webkit-overflow-scrolling:touch}
  #lup .kare{max-width:none;width:max-content}
  #lup-g{width:auto;max-width:none;height:auto;min-height:0}
  #lup .cubuk{font-size:15px;padding:11px 14px}
  #lup .cubuk span{display:none}

  .ko figcaption{font-size:14px}
  .suzgec{gap:7px;padding-top:18px}
  .suzgec button{font-size:var(--yazi-sm);padding:8px 13px}


  .tek-ekran{grid-template-columns:1fr;min-height:0;padding:16px 0 40px;gap:30px}
  .form{grid-template-columns:1fr;gap:14px}

  .wa{right:14px;bottom:14px;padding:14px;gap:0}
  .wa-yazi{display:none}
  [dir="rtl"] .wa{left:14px;right:auto}
  footer{flex-direction:column;gap:14px;font-size:15px}
  .detay{gap:20px}
}
@media(max-width:420px){
  .rakam{grid-template-columns:1fr}
  .film-dugme{flex-direction:column}
  .film-dugme a{width:100%}
}

/* ================= TELEFONDA NEFES PAYI ================= */
@media(max-width:820px){
  .kap{padding:0 24px}
  h2{margin-top:62px;padding-bottom:14px}
  .aciklama{margin:26px 0;line-height:1.85}
  .altyazi{margin-top:14px}

  .film-yazi p{margin-top:22px}
  .film-dugme{margin-top:30px}

  .stüdyo{margin-top:58px;line-height:1.5}
  .rakam{margin-top:40px;gap:0 24px}
  .rakam div{padding:26px 0}
  .rakam b{margin-bottom:10px}

  .projeler{gap:30px;margin-top:30px}
  .proje h3{margin:20px 0 6px}
  .proje dl{gap:8px 18px}

  .adimlar{margin-top:26px}
  .adimlar article{padding:24px 20px 20px}
  .adimlar h3{margin:12px 0 12px}

  .band{margin-top:62px}
  .detay{margin-top:50px;gap:26px}
  .detay .rozet{margin-top:6px}
  .cta{margin-top:62px;padding:30px 24px;gap:20px}

  .liste{gap:56px;margin-top:38px}
  .kart{gap:22px}
  .kart p{margin-bottom:24px}
  .kart dl{gap:11px 20px;padding-top:20px}

  .hiz-sira{margin-top:26px}
  .izgara{gap:14px}
  .ust{padding:38px 0 6px}
  .yol{margin-bottom:22px}
  footer{margin-top:60px;padding:28px 0 90px}
  .cizimler{margin-top:34px;gap:30px}
  .notlar{margin-top:20px;padding-top:18px}
  .notlar > div{padding:10px 0}
}

/* kısa ekranlarda menü sığsın */
@media(max-height:700px){
  .mnu-nav a{font-size:clamp(21px,5.4vw,27px);padding:7px 0}
  .mnu-logo{width:54px;margin-bottom:18px}
  .mnu-alt{margin-top:22px;padding-top:18px;gap:9px}
  #mnu{padding-top:62px}
}

/* ================= 1f · BEŞ BLOK DÜZENİ ================= */
.acilis-blok{margin-top:var(--ar-7)}
.acilis-blok .stüdyo{margin-top:0}
.acilis-blok .rakam{margin-top:clamp(26px,3.5vh,38px)}

.ikili-kart{display:block;text-decoration:none;color:inherit;margin-top:30px;
            background:var(--tahta);border:1px solid var(--kenar);padding:clamp(16px,2.4vw,28px);
            transition:border-color .35s}
.ikili-kart:hover{border-color:var(--pirinc)}
.ik-bas{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
        flex-wrap:wrap;margin-bottom:18px}
.ik-bas h3{font-size:clamp(22px,2.8vw,30px);margin:0}
.ik-meta{font-family:'Karla',sans-serif;font-size:var(--yazi-md);color:var(--pirinc)}
.ik-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.8vw,20px)}
.ik-g figure{margin:0}
.ik-g img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--zemin)}
.ik-g figcaption{margin-top:10px;font-family:'Karla',sans-serif;font-size:var(--yazi-sm);
                 letter-spacing:.14em;color:var(--sonuk)}
.ik-git{display:inline-block;margin-top:20px;font-family:'Karla',sans-serif;font-size:17px;
        color:var(--pirinc);border-bottom:1px solid var(--kenar);padding-bottom:3px}
.ikili-kart:hover .ik-git{border-bottom-color:var(--pirinc)}

@media(max-width:820px){
  /* geniş görsel bandı telefonda kalkıyor — masaüstünde duruyor */
  .band{display:none}
  .acilis-blok{margin-top:52px}
  .ik-bas{margin-bottom:16px}
  .ik-g{gap:10px}
  .ik-g img{aspect-ratio:1/1}
  .ik-meta{font-size:15px}
  .ikili-kart{margin-top:26px;padding:16px}
  .adimlar p{font-size:16px}
}

/* video daha net görünsün: üst karartma hafifledi, yazı bölgesi korundu */
.film::after{background:linear-gradient(to top,
  rgba(18,24,19,.97) 0%, rgba(18,24,19,.88) 14%,
  rgba(18,24,19,.42) 46%, rgba(18,24,19,.34) 100%)}

/* ================= AÇILIŞ: DİKEY VİDEO SÜTUNLARI ================= */
.perde-film{position:relative;min-height:calc(100vh - 104px);display:flex;
            flex-direction:column;overflow:hidden}
.sutunlar{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;
          padding:6px;min-height:0}
.sutun{position:relative;overflow:hidden;background:var(--tahta);cursor:pointer;
       opacity:0;transform:translateY(26px) scale(.985);
       transition:opacity .8s var(--egri),transform .8s var(--egri),
                  box-shadow .5s ease,z-index 0s}
.sutunlar.acik .sutun{opacity:1;transform:none}
.sutunlar.acik .sutun[data-n="1"]{transition-delay:.15s}
.sutunlar.acik .sutun[data-n="2"]{transition-delay:.30s}
.sutunlar.acik .sutun[data-n="3"]{transition-delay:.45s}
.sutunlar.acik .sutun[data-n="4"]{transition-delay:.60s}
.sutunlar.acik .sutun[data-n="5"]{transition-delay:.75s}
.sutunlar.acik 
.sutun{background-size:cover;background-position:center}
.sutun video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
             opacity:0;transition:opacity .45s ease;will-change:opacity}
.sutun.oynuyor video{opacity:1}
.sutun .ortu{position:absolute;inset:0;background-size:cover;background-position:center;
             transform:scale(1);transition:transform .9s var(--egri),filter .6s ease;
             filter:saturate(.9) brightness(.72);will-change:transform}
.sutun.etkin .ortu{transform:scale(1.07);filter:saturate(1) brightness(1)}
.sutun::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(18,24,19,.85),rgba(18,24,19,.15) 55%);
  transition:opacity .6s ease;pointer-events:none}
.sutun.etkin{z-index:3;box-shadow:0 24px 70px -24px rgba(0,0,0,.85)}

.sutun.etkin::after{opacity:.25}

.perde-yazi-kat{position:relative;z-index:4;pointer-events:none;
                padding:0 var(--yan) var(--ar-6);max-width:var(--kap-en);
                margin:0 auto;width:100%}
.perde-yazi-kat > *{pointer-events:auto}
.perde-yazi-kat h1{font-size:clamp(30px,4.4vw,52px);line-height:1.14;max-width:18ch;
                   text-shadow:0 2px 26px rgba(7,10,8,.92)}
.perde-yazi-kat p{margin-top:18px;font-family:'Karla',sans-serif;font-size:var(--yazi-lg);
                  font-weight:400;line-height:1.7;color:#E2DED4;max-width:46ch;
                  text-shadow:0 1px 18px rgba(7,10,8,.9)}
.perde-yazi-kat .film-dugme{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.perde-yazi-kat .film-dugme a{text-decoration:none;font-family:'Karla',sans-serif;
  font-size:18px;padding:14px 28px;border:1px solid var(--kenar);color:var(--metin);
  background:rgba(18,24,19,.55);backdrop-filter:blur(6px);transition:.3s}
.perde-yazi-kat .film-dugme a:hover{border-color:var(--pirinc);color:var(--pirinc)}
.perde-yazi-kat .film-dugme a.dolu{background:var(--pirinc);border-color:var(--pirinc);color:var(--zemin)}

/* ================= KAYDIRDIKÇA BELİRME ================= */

@media(max-width:900px){
  .perde-film{min-height:auto;padding-bottom:34px}
  .sutunlar{grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;
            height:56vh;min-height:320px}
  .sutun[data-n="4"],.sutun[data-n="5"]{display:none}
  .perde-yazi-kat{padding-top:30px}
  .perde-yazi-kat h1{font-size:clamp(28px,7.4vw,38px)}
  .perde-yazi-kat p{font-size:17.5px;margin-top:16px}
  .perde-yazi-kat .film-dugme a{flex:1;text-align:center;font-size:16px;padding:12px 18px}
}
@media(prefers-reduced-motion:reduce){
  .sutun{opacity:1!important;transform:none!important;transition:none!important}
}

/* ================= FORM DURUM MESAJI ================= */
.form-durum{grid-column:1/-1;margin-top:14px;padding:14px 18px;font-family:'Karla',sans-serif;
  font-size:var(--yazi-md);line-height:1.6;display:none;border:1px solid var(--kenar);background:var(--tahta)}
.form-durum.gorunur{display:block}
.form-durum.olumlu{border-color:var(--pirinc);color:var(--metin)}
.form-durum.olumsuz{border-color:rgba(226,75,74,.5);color:#E7C9C7}
.form .tuzak{position:absolute!important;left:-9999px!important}
.form button[disabled]{opacity:.55;cursor:default}

/* ================= ÇALIŞMA ALANLARI ================= */
.alan-sira{margin-top:30px;border-top:1px solid var(--kenar)}

@media(max-width:820px){
  .hiz{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:var(--ar-2)}
  .hiz .g,.hiz-sira .hiz:nth-child(even) .g,.alan-sira .hiz:nth-child(even) .g{grid-column:1;grid-row:1}
  .hiz .no,.hiz h3,.hiz p,
  .hiz-sira .hiz:nth-child(even) .no,.hiz-sira .hiz:nth-child(even) h3,
  .hiz-sira .hiz:nth-child(even) p,.alan-sira .hiz:nth-child(even) .no,
  .alan-sira .hiz:nth-child(even) h3,.alan-sira .hiz:nth-child(even) p{grid-column:1}
  .hiz .no{grid-row:2;margin-top:var(--ar-2)} .hiz h3{grid-row:3} .hiz p{grid-row:4}
  .hiz .g img{aspect-ratio:16/9}
}

/* ================= PROJE BRIEF FORMU ================= */
.ct-p{margin-top:14px;font-family:'Karla',sans-serif;font-size:17px;line-height:1.7;
      color:var(--govde);max-width:44ch}
.form label{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.form label .ops{font-style:normal;font-size:12.5px;letter-spacing:.06em;color:var(--sonuk);
                 text-transform:none;flex:none}
.form select:invalid{color:var(--sonuk)}
.form .tam textarea{min-height:120px}

/* perde ikinci kez açılışta hiç görünmesin (geçiş de olmasın) */
#perde.atlandi{transition:none;opacity:0;visibility:hidden}

/* ================= KLAVYE ERİŞİMİ ================= */
:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,video:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--pirinc);outline-offset:3px;border-radius:2px}
.sutun:focus-visible,.kart:focus-visible,.proje:focus-visible,
.ikili-kart:focus-visible,.ko button:focus-visible,.cizim button:focus-visible{
  outline:2px solid var(--pirinc);outline-offset:4px}
.diller a:focus-visible{outline-offset:4px}

/* içeriğe atla bağlantısı */
.atla{position:absolute;left:-9999px;top:0;z-index:200;background:var(--pirinc);
  color:var(--zemin);font-family:'Karla',sans-serif;font-size:16px;padding:12px 20px;
  text-decoration:none}
.atla:focus{left:12px;top:12px}

@media(max-width:1000px){
  .izgara{grid-template-columns:repeat(4,1fr);gap:var(--ar-2)}
  .ko,.ko.genis,.ko.dar,.ko.esit2,.ko.esit3,.ko.esit4{grid-column:span 2}
  .ko.esit1{grid-column:span 4}
  .ko img,.ko.genis img,.ko.dar img,.ko.esit2 img,.ko.esit3 img,.ko.esit4 img{aspect-ratio:3/4}
  .ko.esit1 img{aspect-ratio:16/9}
}
@media(max-width:560px){
  .izgara{grid-template-columns:repeat(2,1fr)}
  .ko,.ko.genis,.ko.dar,.ko.esit1,.ko.esit2,.ko.esit3,.ko.esit4{grid-column:span 1}
}

/* ================= MOBİLYA SAYFASI ================= */
.mb-not{margin-top:var(--ar-2);font-family:'Karla',sans-serif;font-size:var(--yazi-sm);
        color:var(--sonuk);letter-spacing:.01em}
.mb-sira{display:grid;grid-template-columns:repeat(2,1fr);
         gap:var(--ar-6) var(--ar-yatay);margin-top:var(--ar-5)}
.mb{background:var(--tahta);border:1px solid var(--kenar);transition:border-color var(--sure-orta)}
.mb:hover{border-color:var(--pirinc)}
.mb-g{overflow:hidden;background:#EFEDE8}
.mb-g img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;
          transition:opacity var(--sure-hizli) ease}
.mb-g img.degisiyor{opacity:.25}
.mb-alt{padding:var(--ar-3) clamp(16px,2vw,24px) clamp(16px,2vw,22px)}
.mb-alt h3{font-weight:600;font-size:var(--yazi-xl);line-height:1.2;margin:0 0 var(--ar-2)}
.mb-kucukler{display:flex;gap:8px;flex-wrap:wrap}
.mb-kk{width:62px;height:52px;padding:0;cursor:pointer;background:#EFEDE8;
       border:1px solid var(--kenar);overflow:hidden;transition:border-color .3s,transform .3s;
       flex:none;line-height:0}
.mb-kk img{width:100%;height:100%;object-fit:contain;display:block}
.mb-kk:hover{border-color:var(--pirinc);transform:translateY(-2px)}
.mb-kk.acik{border-color:var(--pirinc);box-shadow:inset 0 0 0 1px var(--pirinc)}
@media(max-width:820px){
  .mb-sira{grid-template-columns:1fr;gap:var(--ar-5)}
  .mb-alt{padding:var(--ar-3)}
  .mb-kk{width:66px;height:56px}
}
.mb-tur{font-family:'Karla',sans-serif;font-size:var(--yazi-sm);color:var(--sonuk);
        margin:-6px 0 var(--ar-2);letter-spacing:.02em}

/* ================= KVKK ONAYI ================= */
.form .onay{margin-top:var(--ar-1)}
.form .onay label{display:flex;align-items:flex-start;gap:11px;margin:0;cursor:pointer;
  font-family:'Karla',sans-serif;font-size:var(--yazi-sm);line-height:1.65;
  color:var(--govde);text-transform:none;letter-spacing:0}
.form .onay input{width:19px;height:19px;flex:none;margin-top:1px;accent-color:var(--pirinc);
  padding:0;border:0;background:none;cursor:pointer}
.form .onay a{color:var(--pirinc);text-decoration:none;
  border-bottom:1px solid var(--kenar);padding-bottom:1px;white-space:nowrap}
.form .onay a:hover{border-bottom-color:var(--pirinc)}
/* tüm form alanları için ortak uyarı */
.alan-hata{display:none;margin-top:8px;padding:8px 13px;
  font-family:'Karla',sans-serif;font-size:var(--yazi-sm);line-height:1.5;
  color:#E7C9C7;background:rgba(226,75,74,.1);border-left:2px solid rgba(226,75,74,.55)}
.alan-hata.gorunur{display:block}
.form .onay .alan-hata{margin-left:30px}
.form .eksik input:not([type=checkbox]),
.form .eksik select,.form .eksik textarea{border-color:rgba(226,75,74,.55)}
.form .eksik input[type=checkbox]{outline:2px solid rgba(226,75,74,.6);outline-offset:2px}
.yasal{display:flex;gap:18px}
.yasal a{color:var(--sonuk);text-decoration:none;font-size:var(--yazi-sm)}
.yasal a:hover{color:var(--pirinc)}
@media(max-width:820px){ .yasal{gap:14px} }


/* ================= GİRİŞ HAREKETLERİ =================
   Tümü transform + opacity üzerinden çalışır — düzen hesabı
   tetiklenmez, kare düşmez. will-change yalnızca giriş
   sırasında açık kalır, bitince kaldırılır. */

[data-gir]{opacity:0;will-change:transform,opacity}
[data-gir].gorundu{opacity:1;will-change:auto}
[data-gir]{transition:opacity var(--gir-sure) var(--egri-giris),
                      transform var(--gir-sure) var(--egri-giris),
                      clip-path var(--gir-sure) var(--egri-giris),
                      filter var(--gir-sure) ease}

/* --- yükselerek (başlıklar, metin) --- */
[data-gir="yuksel"]{transform:translate3d(0,26px,0)}
[data-gir="yuksel"].gorundu{transform:none}

/* --- yandan (dönüşümlü hizmet satırları) --- */
[data-gir="sol"]{transform:translate3d(-34px,0,0)}
[data-gir="sag"]{transform:translate3d(34px,0,0)}
[data-gir="sol"].gorundu,[data-gir="sag"].gorundu{transform:none}

/* --- büyüyerek (proje kartları, görseller) --- */
[data-gir="buyu"]{transform:scale(1.045)}
[data-gir="buyu"].gorundu{transform:none}

/* --- karartıdan netliğe (fotoğraflar) --- */
[data-gir="net"]{transform:scale(1.03);filter:brightness(.55) saturate(.7)}
[data-gir="net"].gorundu{transform:none;filter:none}

/* --- açılarak: teknik çizim rulosu --- */
[data-gir="acil"]{clip-path:inset(0 100% 0 0);transform:none}
[data-gir="acil"].gorundu{clip-path:inset(0 0 0 0)}
html[dir="rtl"] [data-gir="acil"]{clip-path:inset(0 0 0 100%)}
html[dir="rtl"] [data-gir="acil"].gorundu{clip-path:inset(0 0 0 0)}

/* --- perde: alttan yükselen örtü --- */
[data-gir="perde"]{clip-path:inset(100% 0 0 0);transform:translate3d(0,14px,0)}
[data-gir="perde"].gorundu{clip-path:inset(0 0 0 0);transform:none}

/* --- başlık altı çizgisi --- */
h2 > span{position:relative;display:inline-block}
h2 > span::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;
  background:var(--pirinc);transform:scaleX(0);transform-origin:left;
  transition:transform 1s var(--egri-giris) .15s}
html[dir="rtl"] h2 > span::after{transform-origin:right}
h2.gorundu > span::after,[data-gir].gorundu h2 > span::after{transform:scaleX(1)}

/* --- sıralı giriş: kardeş öğeler arka arkaya --- */
[data-sira]{transition-delay:calc(var(--i,0) * var(--gir-gecik))}

/* hareket istemeyen kullanıcı: her şey anında yerinde */
@media(prefers-reduced-motion:reduce){
  [data-gir],[data-gir].gorundu{opacity:1!important;transform:none!important;
    clip-path:none!important;filter:none!important;transition:none!important}
  h2 > span::after{transform:scaleX(1)!important;transition:none!important}
}


/* ================= ETKİLEŞİM İNCELİKLERİ ================= */

/* bağlantı altı çizgisi soldan açılır */
.aciklama a,.kunye a,footer a:not(.yasal a),.yol a{
  position:relative;text-decoration:none;color:inherit}
.aciklama a::after,.kunye a::after,.yol a::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--pirinc);
  transform:scaleX(0);transform-origin:right;transition:transform .5s var(--egri)}
.aciklama a:hover::after,.kunye a:hover::after,.yol a:hover::after{
  transform:scaleX(1);transform-origin:left}

/* menü: aktif bağlantının altı, üzerine gelince genişler */
nav a{position:relative}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;
  background:var(--pirinc);transform:scaleX(0);transform-origin:right;
  transition:transform .45s var(--egri)}
nav a:hover::after{transform:scaleX(1);transform-origin:left}
nav a.acik::after{transform:scaleX(1)}

/* düğmeler: pirinç dolgu içeriden yayılır */
.film-dugme a,.cta a,.suzgec button{position:relative;overflow:hidden;isolation:isolate}
.film-dugme a::before,.cta a::before,.suzgec button::before{
  content:"";position:absolute;inset:0;background:var(--pirinc);z-index:-1;
  transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--egri)}
.film-dugme a:hover::before,.cta a:hover::before,.suzgec button:hover::before{transform:scaleY(1)}
.film-dugme a:hover,.cta a:hover,.suzgec button:hover{color:var(--zemin);border-color:var(--pirinc)}
.film-dugme a.dolu:hover::before,.suzgec button.acik::before{transform:scaleY(1)}

/* kart görselleri: üzerine gelince yavaşça yakınlaşır */
.kart-g img,.proje img,.ko img,.band img{
  transition:transform 1.1s var(--egri),filter var(--sure-orta) ease}
.kart:hover .kart-g img,.proje:hover img,.ko button:hover img{
  transform:scale(1.05);filter:none}

/* çizim kutusu: üzerine gelince kenarı canlanır */
.cizim{transition:border-color var(--sure-orta),transform var(--sure-orta) var(--egri)}
.cizim:hover{border-color:var(--pirinc)}

/* mercek açılışı yumuşasın */
#lup{transition:opacity .4s var(--egri),visibility .4s}
#lup .sahne img{transition:transform .5s var(--egri)}

/* WhatsApp düğmesi nefes alsın (çok hafif) */
.wa{transition:transform .5s var(--egri),box-shadow .5s var(--egri)}
.wa:hover{transform:translateY(-3px) scale(1.03)}

@media(prefers-reduced-motion:reduce){
  .aciklama a::after,.kunye a::after,.yol a::after,nav a::after,
  .film-dugme a::before,.cta a::before,.suzgec button::before{transition:none}
  .kart-g img,.proje img,.ko img,.band img,.wa{transition:none}
  .kart:hover .kart-g img,.proje:hover img,.ko button:hover img,.wa:hover{transform:none}
}


/* ================= BAŞLIK: KELİME KELİME ================= */
h1[data-bolundu]{opacity:1}
.kel{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}
.kel i{display:inline-block;font-style:inherit;
  transform:translate3d(0,110%,0);
  transition:transform .95s var(--egri-giris);
  transition-delay:calc(var(--k,0) * 85ms)}
h1.acildi .kel i{transform:none}

/* ================= BÜYÜK GÖRSELLERDE DERİNLİK ================= */
.derin{transform:scale(1.12);will-change:transform}
.band,.genis,.vitrin .orta,.kart-g{overflow:hidden}

@media(prefers-reduced-motion:reduce){
  .kel i{transform:none!important;transition:none!important}
  .derin{transform:none!important}
}
@media(max-width:900px){ .derin{transform:none} }