/* ==========================================================================
   az orta — karşılama ekranı
   Fikir: marka adının kendisi ayrımdır. "az" sola (İstanbul), "orta" sağa
   (Ankara) düşer; ikisinin arasındaki boşluk ekranın yarıldığı dikiş yeridir.
   Tek dosya, tek font ailesi; ilk boyama olabildiğince hafif.
   ========================================================================== */

@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:block;
  src:url(/assets/fonts/poppins-300-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:block;
  src:url(/assets/fonts/poppins-300-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:block;
  src:url(/assets/fonts/poppins-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:block;
  src:url(/assets/fonts/poppins-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:block;
  src:url(/assets/fonts/poppins-500-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:block;
  src:url(/assets/fonts/poppins-500-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --ink:#070707;
  --fg:#FFFFFF;
  --fg-2:rgba(255,255,255,.62);
  --fg-3:rgba(255,255,255,.34);
  --line:rgba(255,255,255,.14);
  --ember:#E86A2C;              /* tek vurgu — sahnedeki lamba ışığının rengi */
  --ui:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --e:cubic-bezier(.22,.61,.36,1);
  --e-out:cubic-bezier(.16,1,.3,1);
  --gut:clamp(1.1rem,3.6vw,3rem);
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;background:var(--ink);}
body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--ui);font-weight:400;
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;
  overflow:hidden;height:100%;}
h1,p{margin:0;}
a{color:inherit;text-decoration:none;}
svg{display:block;}
:focus-visible{outline:2px solid var(--ember);outline-offset:4px;}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}

/* ---------- sahne ---------- */
.ent{position:fixed;inset:0;overflow:hidden;background:var(--ink);isolation:isolate;}

/* --- yarılar: hem zemin hem tıklama alanı --- */
.half{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;display:block;
  transition:width .62s var(--e-out),opacity .4s var(--e);}
.half--l{left:0;} .half--r{right:0;}
@media(max-width:859px){
  .half{width:100%;height:50%;}
  .half--l{top:0;bottom:auto;} .half--r{top:auto;bottom:0;}
}

/* zemin katmanı: fotoğraf varsa onu, yoksa tasarlanmış karanlık sahneyi kullanır */
/* Zemin tek bir sahnedir: her iki yarı aynı fotoğrafın kendi dilimini
   gösterir, dikişte kesintisiz birleşir. Fotoğraf dosyaya işlenmiş hâliyle
   zaten referans karartısındadır; CSS yalnızca etkileşim ışığını ekler. */
.half__bg{position:absolute;top:0;height:100%;width:100vw;z-index:0;
  transform:scale(1.045);opacity:0;transform-origin:center center;
  transition:transform 1.2s var(--e-out),opacity 1s var(--e),filter .55s var(--e);
  filter:none;}
.half--l .half__bg{left:0;right:auto;}
.half--r .half__bg{right:0;left:auto;}
@media(max-width:859px){
  .half__bg{width:100%;height:100vh;height:100svh;left:0;right:auto;}
  .half--l .half__bg{top:0;bottom:auto;}
  .half--r .half__bg{top:auto;bottom:0;}
}
.half__bg picture{display:block;width:100%;height:100%;}
.half__bg img,.half__bg video{width:100%;height:100%;object-fit:cover;display:block;}
/* fotoğrafsız sahne: tepeden düşen lamba ışığı + ince film grenine benzer doku */
.half__bg--mock{--gx:50%;--gy:6%;
  background:
    radial-gradient(34% 30% at var(--gx) var(--gy), rgba(255,228,198,.20) 0%, transparent 70%),
    radial-gradient(64% 54% at var(--gx) var(--gy), rgba(232,106,44,.15) 0%, rgba(232,106,44,.04) 44%, transparent 76%),
    radial-gradient(90% 70% at var(--gx) 30%, rgba(120,70,40,.10) 0%, transparent 70%),
    repeating-linear-gradient(118deg, rgba(255,255,255,.015) 0 1px, transparent 1px 7px),
    linear-gradient(176deg, #15110E 0%, #0B0A09 44%, #060606 100%);
  filter:none;opacity:0;}
/* iki yarı aynı oda olmasın: ışık farklı yerden düşer */
.half--l .half__bg--mock{--gx:66%;--gy:3%;}
.half--r .half__bg--mock{--gx:32%;--gy:9%;}
.half__bg--mock::after{content:'';position:absolute;inset:0;
  background:radial-gradient(118% 84% at var(--gx) 34%, transparent 18%, rgba(4,4,4,.82) 100%);}

.ent.is-in .half__bg{opacity:1;transform:none;}

/* --- dikiş: iki yarının arasındaki çizgi --- */
.seam{position:absolute;left:50%;top:0;bottom:0;width:1px;z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--line) 14%,var(--line) 86%,transparent);
  transform:translateX(-.5px) scaleY(0);transform-origin:50% 50%;opacity:0;
  transition:transform .72s var(--e-out),opacity .5s var(--e),background .45s var(--e);}
.ent.is-in .seam{transform:translateX(-.5px) scaleY(1);opacity:1;}
@media(max-width:859px){
  .seam{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px;
    background:linear-gradient(to right,transparent,var(--line) 14%,var(--line) 86%,transparent);
    transform:translateY(-.5px) scaleX(0);}
  .ent.is-in .seam{transform:translateY(-.5px) scaleX(1);}
}

/* --- marka: ortada, iki parça, tıklamayı geçirir --- */
.mark{position:absolute;inset:0;z-index:4;pointer-events:none;
  display:flex;align-items:center;justify-content:center;
  font-weight:400;letter-spacing:-.018em;line-height:.86;
  font-size:clamp(3.6rem,16.8vw,17rem);}
.mark__p{display:block;opacity:0;will-change:transform,opacity,filter;
  transition:opacity .9s var(--e-out),transform .9s var(--e-out),
             filter .9s var(--e-out),color .4s var(--e);}
.mark__p--l{transform:translateX(-12%);filter:blur(14px);text-align:right;}
.mark__p--r{transform:translateX(12%);filter:blur(14px);text-align:left;}
/* iki parçanın arasındaki boşluk = dikiş payı */
.mark__p--l{padding-right:.065em;}
.mark__p--r{padding-left:.065em;}
.ent.is-in .mark__p{opacity:1;transform:none;filter:none;}
.ent.is-in .mark__p--r{transition-delay:.07s;}
@media(max-width:859px){
  .mark{flex-direction:column;justify-content:center;gap:0;font-size:clamp(3.2rem,22vw,7.4rem);}
  .mark__p--l{transform:translateY(-14%);padding:0 0 .1em;text-align:center;}
  .mark__p--r{transform:translateY(14%);padding:.1em 0 0;text-align:center;}
}

/* --- şube etiketi + ok --- */
.half__lab{position:absolute;z-index:5;
  top:calc(50% + clamp(3rem,8.4vw,8rem));
  display:flex;flex-direction:column;align-items:center;gap:.72rem;
  opacity:0;transform:translateY(10px);
  transition:opacity .6s var(--e-out) .18s,transform .6s var(--e-out) .18s;}
.ent.is-in .half__lab{opacity:1;transform:none;}
/* dikişten içeri doğru hizalanır: sol etiket dikişin soluna, sağ etiket sağına */
.half--l .half__lab{right:0;left:auto;width:80%;}
.half--r .half__lab{left:0;right:auto;width:80%;}
.half__n{font-size:clamp(.72rem,1.05vw,.84rem);font-weight:500;letter-spacing:.3em;
  text-transform:uppercase;padding-left:.3em;color:var(--fg-2);
  transition:color .35s var(--e),letter-spacing .45s var(--e-out);}
.half__ar{width:52px;height:9px;color:var(--fg-3);
  transition:color .35s var(--e),transform .5s var(--e-out);}
.half__ar line,.half__ar path{transition:none;}
@media(max-width:859px){
  /* etiket dış kenarda, marka dikişte: üst üste binmez */
  .half__lab{left:0;right:auto;width:100%;}
  /* üst yarıda ok yazının üstünde dursun: ok ucu yazıya değmesin */
  .half--l .half__lab{top:clamp(4.2rem,15vw,6.4rem);bottom:auto;flex-direction:column-reverse;}
  .half__lab{gap:1rem;}
  .half--r .half__lab{top:auto;bottom:calc(clamp(3.4rem,11vw,4.6rem) + env(safe-area-inset-bottom));}
  /* oklar dikey yön gösterir */
  .half--l .half__ar{transform:rotate(90deg);}
  .half--r .half__ar{transform:rotate(90deg);}
}

/* --- üst / alt künye --- */
.ent__top,.ent__btm{position:absolute;left:0;right:0;z-index:6;display:flex;
  align-items:center;justify-content:space-between;gap:1rem;
  padding-inline:var(--gut);pointer-events:none;
  opacity:0;transition:opacity .7s var(--e) .34s;}
.ent__top{top:0;padding-top:clamp(1.1rem,2.6vw,1.9rem);}
.ent__btm{bottom:0;padding-bottom:calc(clamp(1.1rem,2.6vw,1.9rem) + env(safe-area-inset-bottom));}
.ent.is-in .ent__top,.ent.is-in .ent__btm{opacity:1;}
.meta{font-size:.6875rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;
  color:var(--fg-3);}
.meta a{pointer-events:auto;transition:color .3s var(--e);}
.meta a:hover{color:var(--fg);}
@media(max-width:519px){.ent__btm .meta:first-child{display:none;}}

/* ==========================================================================
   Etkileşim — hangi yarı "sıcak"sa sahne ona doğru açılır
   ========================================================================== */
.ent[data-hot] .half__bg{filter:brightness(.42) saturate(.62);}
.ent[data-hot] .half__bg--mock{opacity:.5;}
.ent[data-hot="l"] .half--l .half__bg,
.ent[data-hot="r"] .half--r .half__bg{filter:brightness(1.3) saturate(1.06);transform:scale(1.015);}
.ent[data-hot="l"] .half--l .half__bg--mock,
.ent[data-hot="r"] .half--r .half__bg--mock{opacity:1;filter:none;}

.ent[data-hot] .seam{background:linear-gradient(to bottom,transparent,rgba(232,106,44,.5) 14%,rgba(232,106,44,.5) 86%,transparent);}
@media(max-width:859px){
  .ent[data-hot] .seam{background:linear-gradient(to right,transparent,rgba(232,106,44,.5) 14%,rgba(232,106,44,.5) 86%,transparent);}
}

/* marka: sıcak taraf öne çıkar, diğeri geri çekilir */
.ent[data-hot="l"] .mark__p--l{transform:translateX(-.028em);color:#fff;}
.ent[data-hot="l"] .mark__p--r{opacity:.3;transform:translateX(.022em);}
.ent[data-hot="r"] .mark__p--r{transform:translateX(.028em);color:#fff;}
.ent[data-hot="r"] .mark__p--l{opacity:.3;transform:translateX(-.022em);}
@media(max-width:859px){
  .ent[data-hot="l"] .mark__p--l{transform:translateY(-.03em);}
  .ent[data-hot="l"] .mark__p--r{transform:translateY(.02em);}
  .ent[data-hot="r"] .mark__p--r{transform:translateY(.03em);}
  .ent[data-hot="r"] .mark__p--l{transform:translateY(-.02em);}
}

/* etiket */
.ent[data-hot="l"] .half--l .half__n,
.ent[data-hot="r"] .half--r .half__n{color:#fff;letter-spacing:.34em;}
.ent[data-hot="l"] .half--l .half__ar,
.ent[data-hot="r"] .half--r .half__ar{color:var(--ember);}
.ent[data-hot="l"] .half--l .half__ar{transform:translateX(-7px);}
.ent[data-hot="r"] .half--r .half__ar{transform:translateX(7px);}
@media(max-width:859px){
  .ent[data-hot="l"] .half--l .half__ar{transform:rotate(90deg) translateX(-7px);}
  .ent[data-hot="r"] .half--r .half__ar{transform:rotate(90deg) translateX(7px);}
}
.ent[data-hot="l"] .half--r .half__lab,
.ent[data-hot="r"] .half--l .half__lab{opacity:.34;}

/* ---------- seçim geçişi: ekran ikiye ayrılır ---------- */
.ent[data-go="l"] .half--l,.ent[data-go="r"] .half--r{width:100%;z-index:2;}
.ent[data-go="l"] .half--r,.ent[data-go="r"] .half--l{width:0;opacity:0;}
@media(max-width:859px){
  .ent[data-go="l"] .half--l,.ent[data-go="r"] .half--r{width:100%;height:100%;}
  .ent[data-go="l"] .half--r,.ent[data-go="r"] .half--l{height:0;width:100%;opacity:0;}
}
.ent[data-go] .seam{opacity:0;}
.ent[data-go] .half__lab,.ent[data-go] .ent__top,.ent[data-go] .ent__btm{opacity:0;
  transition:opacity .3s var(--e);}
.ent[data-go="l"] .mark__p--l{transform:translateX(-62vw);opacity:0;filter:blur(10px);
  transition:transform .66s var(--e-out),opacity .5s var(--e),filter .5s var(--e);}
.ent[data-go="l"] .mark__p--r{transform:translateX(62vw);opacity:0;filter:blur(10px);
  transition:transform .66s var(--e-out),opacity .5s var(--e),filter .5s var(--e);}
.ent[data-go="r"] .mark__p--l{transform:translateX(-62vw);opacity:0;filter:blur(10px);
  transition:transform .66s var(--e-out),opacity .5s var(--e),filter .5s var(--e);}
.ent[data-go="r"] .mark__p--r{transform:translateX(62vw);opacity:0;filter:blur(10px);
  transition:transform .66s var(--e-out),opacity .5s var(--e),filter .5s var(--e);}
.ent[data-go] .half__bg{filter:brightness(1.35) saturate(1.1);transform:scale(1.05);
  transition:transform .8s var(--e-out),filter .6s var(--e);}
.fade{position:fixed;inset:0;z-index:40;background:var(--ink);opacity:0;pointer-events:none;
  transition:opacity .34s var(--e);}
.fade.is-on{opacity:1;}

/* ==========================================================================
   Yükleme ekranı — süs değil: yazı tipleri ve zemin gerçekten hazır olana
   kadar bekler, çizgi gerçek ilerlemeyi gösterir.
   JS yoksa hiç görünmez (aşağıdaki kural), içerik doğrudan açılır.
   ========================================================================== */
.ld{position:fixed;inset:0;z-index:60;background:var(--ink);
  display:grid;place-items:center;
  transition:opacity .5s var(--e),visibility .5s var(--e);}
.ld.is-off{opacity:0;visibility:hidden;}
.ld__in{display:flex;flex-direction:column;align-items:center;gap:1.15rem;}
.ld__w{font-size:.6875rem;font-weight:400;letter-spacing:.42em;text-transform:uppercase;
  color:var(--fg-3);padding-left:.42em;}
.ld__t{position:relative;width:clamp(120px,22vw,190px);height:1px;background:rgba(255,255,255,.12);
  overflow:hidden;}
.ld__t i{position:absolute;inset:0 auto 0 0;width:0;background:var(--ember);
  transition:width .3s linear;}
html:not([data-js]) .ld{display:none;}

/* ---------- az hareket tercihi ---------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}
  .ld{display:none !important;}
  .mark__p,.half__bg,.seam,.half__lab,.ent__top,.ent__btm{opacity:1 !important;
    transform:none !important;filter:none !important;}
  .half__bg{filter:none !important;}
  .half__bg--mock{filter:none !important;}
}
/* JS yoksa sahne doğrudan açık gelsin */
html:not([data-js]) .mark__p,
html:not([data-js]) .half__bg,
html:not([data-js]) .half__lab,
html:not([data-js]) .ent__top,
html:not([data-js]) .ent__btm{opacity:1;transform:none;filter:none;}
html:not([data-js]) .half__bg{filter:none;}
html:not([data-js]) .half__bg--mock{filter:none;}
html:not([data-js]) .seam{opacity:1;transform:translateX(-.5px) scaleY(1);}

/* ---------- dil değiştirici ---------- */
.lang{display:inline-flex;align-items:center;gap:.62rem;pointer-events:auto;}
.lang__i{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .1rem;
  transition:opacity .3s var(--e);opacity:.42;}
.lang__i:hover,.lang__i:focus-visible{opacity:.9;}
.lang__i.is-on{opacity:1;}
.lang__f{width:20px;height:13px;flex:none;border-radius:2px;display:block;
  filter:saturate(.18) brightness(.82);
  transition:filter .35s var(--e),transform .35s var(--e-out);}
.lang__i.is-on .lang__f{filter:saturate(1) brightness(1);}
.lang__i:hover .lang__f{filter:saturate(1) brightness(1);transform:translateY(-1px);}
.lang__c{font-size:.6875rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:var(--fg-3);padding-left:.2em;transition:color .3s var(--e);}
.lang__i.is-on .lang__c{color:var(--fg);}
.lang__i:hover .lang__c{color:var(--fg);}
.lang__s{width:1px;height:12px;background:var(--line);flex:none;}
@media(max-width:419px){.lang__c{display:none;} .lang{gap:.5rem;}}

/* ---------- geçici şube / 404 sayfası ---------- */
.ent > .half__bg--mock{opacity:1;z-index:0;}
.soon{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1.1rem;text-align:center;padding:0 var(--gut);}

.soon__m{position:static;display:block;font-size:clamp(3rem,11vw,8rem);}
.soon__t{max-width:42ch;}
.soon .meta a{pointer-events:auto;}
.ent__top .lang{pointer-events:auto;}


/* Telefonda dil düğmeleri parmak payına çıkar. */
@media(max-width:1023px),(hover:none) and (pointer:coarse){
  .lang{gap:.15rem;}
  .lang__i{padding-inline:.6rem;min-height:44px;}
}