/* ===== CS GLOBAL — ortak stil (ana sayfa + proje sayfalari) ===== */
@font-face{font-family:'Arctior';src:url('fonts/Arctior-Light-TR.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:'Arctior';src:url('fonts/Arctior-Medium-TR.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Arctior';src:url('fonts/Arctior-SemiBold-TR.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Arctior';src:url('fonts/Arctior-ExtraBold-TR.ttf') format('truetype');font-weight:800;font-display:swap}

html{scroll-behavior:auto}
section[id],main[id]{scroll-margin-top:clamp(74px,11vh,96px)}
:root{
  /* marka renkleri — Illustrator dosyalarindan */
  --ink:#24302A;            /* en koyu yesil — zemin */
  --ink2:#2A3831;
  --forest:#36483F;         /* orta koyu yesil */
  --forest2:#405449;
  --neon:#B6FDBD;           /* marka minti */
  --cream:#F5F5DB;          /* krem */
  --paper:#F5F5DB;
  --gold:#B9B57F;           /* markadan altin-bej */
  --light:#CBCFBE;
  --dim:#A6AC99;
  --sage:#868D7B;
  --mute:#666C5D;
  --l:rgba(245,245,219,.09);--l2:rgba(245,245,219,.2);
  --disp:'Arctior','Montserrat',Helvetica,Arial,sans-serif;
  --sans:'Montserrat',-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
  --o:cubic-bezier(.22,1,.3,1);
  /* katalogdan gelen dil: bir kosesi yuvarlanmis form */
  --kose:clamp(34px,5vw,84px);
  --kose-sm:clamp(20px,2.6vw,42px);
  --pad:clamp(18px,3vw,44px);--max:1640px;
  --glass:rgba(255,255,255,.055);
  --glass-blur:blur(22px) saturate(1.15);
  --glass-top:inset 0 1px 0 rgba(255,255,255,.08);
  --glass-line:rgba(182,253,189,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--light);font-family:var(--sans);
  font-size:16px;line-height:1.65;font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:300}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
::selection{background:var(--neon);color:#24302A}

/* ---------- TEK BUTON STILI (her yerde ayni) ---------- */
button,input[type=submit]{-webkit-appearance:none;appearance:none;border-radius:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;
  padding:17px 34px;font-family:var(--sans);font-size:.64rem;font-weight:400;letter-spacing:.28em;
  text-transform:uppercase;border:1px solid var(--l2);color:var(--cream);background:transparent;
  cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;
  transition:background 200ms var(--o),color 200ms var(--o),border-color 200ms var(--o),
             transform 200ms var(--o)}
.btn svg{width:15px;height:15px;flex:none}
.btn:active{transform:scale(.965)}
.btn:focus-visible{outline:2px solid var(--neon);outline-offset:3px}
.btn--wa{background:rgba(182,253,189,.08);color:var(--neon);border-color:rgba(182,253,189,.45);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn--gold{background:transparent;color:var(--gold);border-color:rgba(185,181,127,.45)}
@media(hover:hover) and (pointer:fine){
  .btn:hover{background:rgba(245,245,219,.08);color:var(--cream);border-color:rgba(245,245,219,.5);
    transform:translateY(-2px)}
  .btn--wa:hover{background:rgba(182,253,189,.16);color:var(--neon);border-color:var(--neon)}
  .btn--gold:hover{background:rgba(185,181,127,.1);border-color:var(--gold)}
}
.btn--sm{padding:11px 18px;font-size:.56rem;letter-spacing:.22em;gap:8px}
.btn--sm svg{width:13px;height:13px}
.btn--full{width:100%}
.btn-row{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:620px){
  .btn-row,.gate-cta{flex-direction:column;align-items:stretch;gap:11px}
  .btn-row>.btn,.gate-cta>.btn{width:100%}
  .gtabs{gap:8px}
}

/* ---------- TIPOGRAFI ---------- */
.mega{font-family:var(--sans);font-weight:300;font-size:clamp(2.4rem,8vw,7rem);
  line-height:1;letter-spacing:-.01em;color:var(--cream);text-transform:uppercase}
.h2{font-family:var(--sans);font-weight:300;font-size:clamp(1.9rem,4.6vw,3.7rem);
  line-height:1.04;letter-spacing:-.008em;color:var(--cream);text-transform:uppercase}
.h3{font-family:var(--sans);font-weight:300;font-size:clamp(1.3rem,2.4vw,1.9rem);
  line-height:1.1;color:var(--cream);text-transform:uppercase}
.lede{font-size:clamp(.97rem,1.25vw,1.12rem);font-weight:300;color:rgba(245,245,219,.74);max-width:56ch}
.num{font-family:var(--disp);font-weight:300;letter-spacing:.01em}
.mint{color:var(--neon)}

/* bolum basligi: sol baslik sola, sag aciklama saga yaslanir */
.sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
  gap:clamp(24px,5vw,90px);align-items:end;margin-bottom:clamp(38px,5vw,72px)}
.sec-head .r{justify-self:end;text-align:right}
.sec-head .r .lede{margin-left:auto}
@media(max-width:900px){.sec-head{grid-template-columns:1fr}
  .sec-head .r{justify-self:start;text-align:left}.sec-head .r .lede{margin-left:0}}

.blk{position:relative;isolation:isolate;padding-block:clamp(74px,9.5vw,150px);overflow:hidden}
/* koyu yesilden yesile akan gradient */
.blk::before,.nb::before,.yk-stick::before{content:"";position:absolute;inset:-45%;
  pointer-events:none;z-index:-1;will-change:transform;
  background:
    radial-gradient(44% 38% at 20% 14%,rgba(182,253,189,.28) 0%,rgba(182,253,189,.08) 36%,transparent 66%),
    radial-gradient(38% 33% at 62% 28%,rgba(64,84,73,.95) 0%,rgba(64,84,73,.34) 40%,transparent 64%),
    radial-gradient(52% 45% at 86% 60%,rgba(0,0,0,.74) 0%,rgba(0,0,0,.30) 40%,transparent 70%),
    radial-gradient(60% 52% at 42% 106%,rgba(0,0,0,.90) 0%,rgba(0,0,0,.38) 38%,transparent 68%);
  animation:akis 11s ease-in-out infinite}
.nb::before{animation-duration:13s;animation-delay:-4s}
.yk-stick::before{animation-duration:12s;animation-delay:-7s}

/* ikinci katman: ters yonde suzulen gradient — ikisi birbirinin uzerinden gecer */
.blk:not(.blk--foto):not(.blk--krem):not(.ct)::after,.nb::after,.yk-stick::after{
  content:"";position:absolute;inset:-45%;pointer-events:none;z-index:-1;
  background:
    radial-gradient(40% 35% at 78% 8%,rgba(182,253,189,.22) 0%,rgba(182,253,189,.06) 38%,transparent 68%),
    radial-gradient(36% 31% at 98% 46%,rgba(64,84,73,.92) 0%,rgba(64,84,73,.30) 42%,transparent 64%),
    radial-gradient(50% 44% at 8% 74%,rgba(0,0,0,.80) 0%,rgba(0,0,0,.30) 42%,transparent 70%),
    radial-gradient(34% 30% at 32% 50%,rgba(0,0,0,.48) 0%,transparent 62%);
  animation:akis2 15s ease-in-out infinite}
.nb::after{animation-duration:17s;animation-delay:-6s}
.yk-stick::after{animation-duration:14s;animation-delay:-10s}

@keyframes akis{
  0%,100%{transform:translate3d(-9%,-6%,0) scale(1.02) rotate(0deg)}
  34%    {transform:translate3d(9%,4%,0)    scale(1.22) rotate(9deg)}
  67%    {transform:translate3d(-3%,9%,0)   scale(1.10) rotate(-8deg)}
}
@keyframes akis2{
  0%,100%{transform:translate3d(8%,6%,0)   scale(1.18) rotate(0deg)}
  50%    {transform:translate3d(-9%,-5%,0) scale(1) rotate(-11deg)}
}
@media(prefers-reduced-motion:reduce){
  .blk::before,.nb::before,.yk-stick::before,
  .blk::after,.nb::after,.yk-stick::after{animation:none;transform:none}
}
.blk--krem::before{background:
    radial-gradient(40% 36% at 24% 20%,rgba(54,72,63,.1) 0%,transparent 64%),
    radial-gradient(46% 40% at 78% 76%,rgba(54,72,63,.07) 0%,transparent 62%)}
.blk>.wrap{position:relative;z-index:2}
.blk--alt{background:var(--ink2)}
.blk--deep{background:var(--forest)}
/* arka plani fotografli bolum */
.blk--foto{position:relative;isolation:isolate}
.blk--foto::before{display:none}
.blk-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.blk-bg img{width:100%;height:100%;object-fit:cover}
.blk--foto::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(36,48,42,.93) 0%,rgba(36,48,42,.82) 45%,rgba(36,48,42,.95) 100%)}
.blk--foto>.wrap{position:relative;z-index:2}
.blk--foto .pay-steps>*{background:rgba(36,48,42,.6)}
.blk--foto .pay-steps>*:hover{background:rgba(54,72,63,.78)}
/* acik bolum: krem zemin, yesil yazi — sayfaya ritim verir */
.blk--krem{background:#F5F5DB;color:#24302A}
.blk--krem .h2,.blk--krem h3,.blk--krem .det-k,.blk--krem .faq summary{color:#24302A}
.blk--krem .mint{color:#36483F}
.blk--krem .lede,.blk--krem p{color:#4A5A4F}
.blk--krem .det-k{color:#36483F}
.blk--krem .ufl{color:#77857B}
.blk--krem .btn{border-color:rgba(36,48,42,.28);color:#24302A;background:rgba(255,255,255,.4)}
.blk--krem .btn:hover{background:rgba(36,48,42,.08);border-color:rgba(36,48,42,.5)}
.blk--krem .btn--wa{background:rgba(54,72,63,.1);color:#2C4A3A;border-color:rgba(54,72,63,.45)}
.blk--krem .btn--wa:hover{background:rgba(54,72,63,.18);border-color:#36483F}
.blk--krem .ufc.on{background:rgba(54,72,63,.14);color:#2C4A3A;border-color:#36483F}
.blk--krem .ufilt{border-bottom-color:rgba(36,48,42,.16)}
.blk--krem .ucard{border-color:rgba(36,48,42,.2);background:#F5F5DB}
.blk--krem .ucard:hover{background:#FFFFFF;box-shadow:0 18px 40px rgba(36,48,42,.14)}
.blk--krem .ucard-fig{border-bottom-color:rgba(36,48,42,.14)}
.blk--krem .ucard-rozet{background:#24302A;color:var(--neon)}
.blk--krem .ucard h3{color:#24302A}
.blk--krem .ucard-loc{color:#36483F}
.blk--krem .ucard-m2{border-color:rgba(36,48,42,.18)}
.blk--krem .ucard-m2 div{border-right-color:rgba(36,48,42,.18)}
.blk--krem .ucard-m2 b{color:#24302A}
.blk--krem .ucard-m2 span{color:#77857B}
.blk--krem .ucard-ozet li{border-color:rgba(36,48,42,.2);color:#4A5A4F}
.blk--krem .ufoot{color:#77857B}
.blk--krem .ufoot b{font-weight:300;color:#36483F}
.blk--krem .faq,.blk--krem .faq details{border-color:rgba(36,48,42,.18)}
.blk--krem .faq summary{color:#24302A}
.blk--krem .faq summary:hover{color:#36483F}
.blk--krem .faq summary i{border-color:rgba(36,48,42,.28)}
.blk--krem .faq details[open] summary i{border-color:#36483F;color:#36483F}
.blk--krem .faq .a{color:#4A5A4F}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(24px);
  transition:opacity 700ms var(--o),transform 700ms var(--o)}
/* cam yuzey (buton, rakam kutusu) iceren bloklar: solma yok, yoksa backdrop-filter iptal olur */
.rv-v{visibility:hidden}
.rv-v.in{visibility:visible}
.rv.in{opacity:1;transform:none;filter:none}
.d1{transition-delay:.09s}.d2{transition-delay:.18s}.d3{transition-delay:.27s}.d4{transition-delay:.36s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;filter:none}html{scroll-behavior:auto}}

/* ---------- HEADER ---------- */
.prog{position:fixed;top:env(safe-area-inset-top,0px);left:0;height:2px;width:0;background:var(--neon);z-index:99;
  box-shadow:0 0 14px rgba(182,253,189,.8)}
.hd{position:fixed;top:0;left:0;right:0;z-index:95;
  padding-top:env(safe-area-inset-top,0px);
  transition:background 500ms var(--o),border-color 500ms var(--o)}
.hd .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;
  padding-block:clamp(26px,3.4vw,42px);transition:padding 500ms var(--o)}
.hd.solid{background:rgba(36,48,42,.86);backdrop-filter:blur(22px)}
.hd.solid .wrap{padding-block:clamp(16px,2vw,24px)}
.hnav{grid-column:1;justify-self:start;display:flex;gap:26px;align-items:center}
.hnav a{position:relative;font-size:.66rem;font-weight:300;letter-spacing:.22em;
  text-transform:uppercase;color:var(--neon);opacity:.82;padding:8px 0;
  transition:color 240ms var(--o),opacity 240ms var(--o)}
.hnav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;
  background:var(--neon);transition:right 360ms var(--o)}
.hnav a:hover::after,.hnav a.on::after{right:0}
.hnav a:hover,.hnav a.on{color:var(--neon);opacity:1}
.hd .logo{grid-column:2;justify-self:center;display:block;
  transition:transform 600ms var(--o),opacity 600ms var(--o)}
.hd .logo span{display:block;font-family:var(--disp);font-weight:500;color:var(--neon);
  font-size:clamp(.84rem,1.15vw,1.12rem);letter-spacing:.24em;line-height:1;white-space:nowrap;
  text-shadow:0 0 26px rgba(182,253,189,.4);transition:font-size 500ms var(--o)}
.hd.solid .logo span{font-size:clamp(.74rem,.95vw,.94rem)}
.hd .logo:hover{transform:translateY(-2px)}
/* giriste arka plan parlak oldugunda logo okunur kalsin */
.hd:not(.solid) .logo span,.hd:not(.solid) .hnav a{text-shadow:0 2px 20px rgba(26,34,30,.92),0 0 26px rgba(182,253,189,.4)}
.soc{grid-column:3;justify-self:end;display:flex;gap:10px;align-items:center}
.soc a{width:40px;height:40px;display:grid;place-items:center;border:0;background:none;
  color:var(--neon);opacity:.85;
  transition:opacity 300ms var(--o),transform 320ms var(--o),filter 300ms var(--o)}
.soc a svg{width:21px;height:21px}
.soc a:hover{opacity:1;transform:translateY(-3px);filter:drop-shadow(0 0 10px rgba(182,253,189,.6))}
.burger{display:none;width:44px;height:44px;border:0;background:none;
  color:var(--neon);cursor:pointer;place-items:center}
.burger i{display:block;width:17px;height:1px;background:currentColor;position:relative}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:17px;height:1px;background:currentColor}
.burger i::before{top:-5px}.burger i::after{top:5px}
.mnav{position:fixed;inset:0;z-index:97;background:rgba(36,48,42,.97);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);display:none;flex-direction:column;
  padding:calc(clamp(18px,4vw,30px) + env(safe-area-inset-top,0px)) var(--pad) calc(var(--pad) + env(safe-area-inset-bottom,0px));
  overflow-y:auto}
.mnav.on{display:flex}
.mnav-bar{display:flex;align-items:center;justify-content:space-between;flex:none}
.mnav-mark{font-family:var(--disp);font-weight:500;font-size:1rem;letter-spacing:.26em;
  color:var(--neon);text-transform:uppercase}
.mnav .x{width:42px;height:42px;margin-right:-10px;display:grid;place-items:center;padding:0;
  color:var(--neon);background:none;border:0;cursor:pointer}
.mnav .x svg{width:19px;height:19px;display:block}
.mnav-links{counter-reset:mi;margin-top:clamp(36px,9vh,82px);display:flex;flex-direction:column;flex:none;gap:clamp(6px,1.4vh,14px)}
.mnav-links a{display:flex;flex-direction:column;align-items:center;gap:11px;
  font-family:var(--disp);font-weight:300;
  font-size:clamp(1.05rem,5.2vw,1.7rem);line-height:1.08;color:var(--neon);
  text-transform:uppercase;text-align:center;
  padding:clamp(10px,2.4vw,15px) 0;
  opacity:0;transform:translateY(14px)}
.mnav-links a::before{counter-increment:mi;content:"0" counter(mi);flex:none;
  font-family:var(--disp);font-weight:300;font-size:.52rem;letter-spacing:.2em;
  line-height:1;color:var(--neon);opacity:.7}
.mnav.on .mnav-links a{animation:mIn 520ms var(--o) forwards}
.mnav.on .mnav-links a:nth-child(1){animation-delay:70ms}
.mnav.on .mnav-links a:nth-child(2){animation-delay:130ms}
.mnav.on .mnav-links a:nth-child(3){animation-delay:190ms}
.mnav.on .mnav-links a:nth-child(4){animation-delay:250ms}
.mnav.on .mnav-links a:nth-child(5){animation-delay:310ms}
.mnav.on .mnav-links a:nth-child(6){animation-delay:370ms}
@keyframes mIn{to{opacity:1;transform:none}}
.mnav-alt{margin-top:auto;padding-top:clamp(24px,6vw,40px);display:flex;flex-direction:column;
  gap:11px;flex:none;opacity:0}
.mnav.on .mnav-alt{animation:mIn 560ms var(--o) 430ms forwards}
.mnav-alt .btn{width:100%}
.mnav-soc{margin-top:6px;display:flex;gap:16px;justify-content:center;
  grid-column:auto;justify-self:auto}
.mnav-soc a{width:44px;height:44px}
@media(prefers-reduced-motion:reduce){
  .mnav.on .mnav-links a,.mnav.on .mnav-alt{animation:none;opacity:1;transform:none}}
@media(max-width:1040px){.hnav{display:none}.burger{display:grid;grid-column:1;justify-self:start}}

/* ---------- KUTU IZGARASI: T ayrac yok, tam cerceve ---------- */
.grid-box{display:grid;gap:1px;background:var(--glass-line);border:1px solid var(--glass-line)}
.grid-box>*{background:var(--ink);padding:clamp(22px,2.8vw,36px)}
/* rakam seritleri: butonla birebir ayni dil — ayri ayri, aralikli kutular */
.scene .grid-box,.vow .grid-box,.blk--deep .grid-box,.proj-card .grid-box{
  background:transparent;border:0;gap:clamp(8px,1vw,14px)}
.scene .grid-box>*,.vow .grid-box>*,.blk--deep .grid-box>*,.proj-card .grid-box>*{
  background:rgba(182,253,189,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(182,253,189,.45);
  padding:clamp(16px,1.8vw,24px);text-align:center}
.scene .stat b,.vow .stat b,.blk--deep .stat b{font-size:clamp(1.25rem,2.2vw,1.9rem)}
.scene .stat span,.vow .stat span,.blk--deep .stat span{color:rgba(245,245,219,.8)}
.krumb{display:none}
.scene-kunye{margin-top:clamp(26px,3.4vw,44px)}
.gb-4{grid-template-columns:repeat(4,1fr)}
.gb-3{grid-template-columns:repeat(3,1fr)}
.gb-2{grid-template-columns:repeat(2,1fr)}
.blk--alt .grid-box>*{background:var(--ink2)}
@media(max-width:980px){.gb-4{grid-template-columns:repeat(2,1fr)}.gb-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.gb-4,.gb-3,.gb-2{grid-template-columns:1fr}}
.stat b{display:block;font-family:var(--disp);font-weight:300;font-variant-numeric:tabular-nums;
  font-size:clamp(1.15rem,4.6vw,2.6rem);line-height:1;color:var(--cream);text-transform:uppercase}
.stat span{display:block;margin-top:11px;font-size:.6rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--sage)}
.stat.sm b{font-size:clamp(.85rem,3.6vw,1.5rem)}

/* ---------- GIRIS (scroll video) ---------- */
.gate{position:relative;background:var(--ink)}
.gate-stick{position:sticky;top:0;height:100svh;height:100dvh;min-height:100lvh;
  overflow:hidden;display:grid;place-items:center}
.gate video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.gate-stick::after{content:"";position:absolute;inset:0;z-index:1;
  background:radial-gradient(128% 104% at 50% 46%,rgba(26,34,30,.42) 0%,rgba(26,34,30,.74) 58%,rgba(26,34,30,.88) 100%)}
.gate-in{position:relative;z-index:3;text-align:center;padding-inline:var(--pad);width:100%}
.gate-sm{font-size:clamp(.66rem,1.05vw,.8rem);font-weight:300;letter-spacing:.42em;
  text-transform:uppercase;color:var(--cream);
  opacity:0;animation:gsIn 1600ms var(--o) .35s forwards}
/* harf araligi genisten toplanarak gelir */
@keyframes gsIn{
  0%{opacity:0;letter-spacing:1.15em;filter:blur(10px)}
  58%{opacity:.9}
  100%{opacity:1;letter-spacing:.42em;filter:blur(0)}
}
.gate-lg{font-family:var(--disp);font-weight:300;font-size:clamp(1.85rem,5.9vw,5rem);
  line-height:1.02;letter-spacing:-.005em;color:var(--cream);margin-top:clamp(18px,2.6vw,32px);text-transform:uppercase}
.gate-lg span{display:inline-block;opacity:0;
  animation:glIn 1700ms var(--o) forwards}
/* kelimeler buyuk ve bulanik baslar, neon parlayarak yerine oturur */
@keyframes glIn{
  0%{opacity:0;transform:translateY(52px) scale(1.2);filter:blur(22px);
     text-shadow:0 0 46px rgba(182,253,189,.95),0 0 90px rgba(182,253,189,.5)}
  58%{opacity:1}
  100%{opacity:1;transform:none;filter:blur(0);
     text-shadow:0 0 0 rgba(182,253,189,0),0 0 0 rgba(182,253,189,0)}
}
.gate-cta{margin-top:clamp(30px,3.6vw,46px);display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
  visibility:hidden;animation:showAt 0s linear 2.75s forwards}
@keyframes showAt{to{visibility:visible}}
@keyframes gIn{to{opacity:1;transform:none;filter:blur(0)}}
@keyframes fadeUp{to{opacity:1;transform:none}}
.gate-down{position:absolute;left:0;right:0;z-index:3;
  bottom:calc(30px + env(safe-area-inset-bottom,0px));
  bottom:calc(100lvh - 100svh + 30px + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;align-items:center;gap:10px;
  font-size:.54rem;font-weight:300;letter-spacing:.34em;text-transform:uppercase;color:rgba(245,245,219,.5);
  opacity:0;animation:gIn 1100ms var(--o) 3.35s forwards}
.gate-down i{display:block;width:1px;height:44px;
  background:linear-gradient(180deg,rgba(182,253,189,.85),transparent);animation:drip 2.2s var(--o) infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}
  55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* video uzerindeki vaat yazilari */
/* opacity gecisi suren bir ata, icindeki backdrop-filter'i iptal eder.
   bu yuzden katmanin kendisi solmaz: metinler solar, cam yuzeyler visibility ile gelir. */
.vow{position:absolute;inset:0;z-index:4;display:grid;place-items:center;
  padding-inline:var(--pad);visibility:hidden;pointer-events:none}
.vow.on{visibility:visible;pointer-events:auto}
.vow b,.vow p{opacity:0;transform:translateY(16px);
  transition:opacity 700ms var(--o),transform 700ms var(--o)}
.vow.on b,.vow.on p{opacity:1;transform:none}
.vow b:nth-child(2){transition-delay:.08s}
.vow b:nth-child(3){transition-delay:.16s}
.vow p{transition-delay:.24s}
.vow-in{text-align:center}
.vow-h{margin:0}
.vow b{display:block;font-family:var(--disp);font-weight:300;
  font-size:clamp(1.85rem,5.9vw,5rem);line-height:1.02;color:var(--cream);text-transform:uppercase}
.vow b:nth-child(3){color:var(--neon)}
.vow p{margin-top:clamp(12px,1.4vw,18px);font-size:clamp(.88rem,1.05vw,1rem);
  color:rgba(245,245,219,.78);max-width:46ch;margin-inline:auto}
.vow .btn-row{margin-top:clamp(16px,1.8vw,24px);justify-content:center}
.vow .grid-box{margin-top:clamp(16px,1.8vw,24px);max-width:900px;margin-inline:auto}

/* ---------- PROJE SAHNELERI ---------- */
.scene{position:relative;min-height:100svh;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden;
  padding-block:clamp(60px,8vw,120px)}
.scene-bg{position:absolute;inset:-6% 0;z-index:0;will-change:transform}
.scene-bg img,.scene-bg video{width:100%;height:100%;object-fit:cover}
/* arkadaki gorselden yazi okunsun diye koyu katman */
.scene::after{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(36,48,42,.62) 0%,rgba(36,48,42,.5) 34%,rgba(36,48,42,.93) 88%,rgba(36,48,42,.98) 100%)}
.scene::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(36,48,42,.86) 0%,rgba(36,48,42,.42) 46%,transparent 78%)}
.scene .wrap{position:relative;z-index:3;width:100%}
.scene .no{display:block;font-family:var(--disp);font-weight:300;
  font-size:clamp(2.6rem,7vw,5.6rem);line-height:.86;color:transparent;
  -webkit-text-stroke:1.1px rgba(182,253,189,.5);margin-bottom:.06em}
.scene h1,.scene h2{font-family:var(--disp);font-weight:300;font-size:clamp(2.2rem,6.4vw,5.4rem);
  line-height:.98;letter-spacing:-.01em;color:var(--cream);text-transform:uppercase}
.scene .where{margin-top:16px;font-size:.68rem;font-weight:300;letter-spacing:.26em;
  text-transform:uppercase;color:var(--neon)}
.scene .d{margin-top:20px;max-width:52ch;color:rgba(245,245,219,.82)}
.scene-grid{margin-top:clamp(28px,3.4vw,44px);display:grid;
  grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,3vw,44px);align-items:end}
@media(max-width:900px){.scene-grid{grid-template-columns:1fr}}

.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.tags{margin-top:22px}

/* ---------- BANKA YOK: buyuk baslikli liste + donen rozet ---------- */
.nb{position:relative;isolation:isolate;background:var(--forest);overflow:hidden;
  padding-block:clamp(74px,9.5vw,150px)}
.lliste{border-top:1px solid var(--l2)}
.lrow{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:clamp(18px,3vw,44px);align-items:center;
  padding:clamp(24px,3.2vw,40px) clamp(0px,2vw,26px);
  border-bottom:1px solid var(--l2);
  transition:background 420ms var(--o),padding-left 460ms var(--o)}
.lno{font-family:var(--sans);font-size:.62rem;letter-spacing:.2em;color:var(--sage);
  transition:color 380ms var(--o)}
.lbas{font-family:var(--disp);font-weight:300;
  font-size:clamp(1.5rem,3.6vw,2.9rem);line-height:1.02;color:var(--cream);
  text-transform:uppercase;letter-spacing:.005em}
.lac{margin-top:10px;max-width:56ch;font-size:.86rem;color:rgba(245,245,219,.6);
  transition:color 380ms var(--o)}
/* baslik ortasinda beliren gorsel */
.lgor{display:inline-block;vertical-align:middle;width:0;height:.92em;overflow:hidden;
  border-radius:999px;margin:0;opacity:0;
  transition:width 620ms var(--o),opacity 420ms var(--o),margin 620ms var(--o)}
.lgor img{width:100%;height:100%;object-fit:cover;display:block}
@media(hover:hover) and (pointer:fine){
  .lrow:hover{background:rgba(182,253,189,.06);padding-left:clamp(14px,2.4vw,34px)}
  .lrow:hover .lno{color:var(--neon)}
  .lrow:hover .lac{color:rgba(245,245,219,.85)}
  .lrow:hover .lgor{width:1.9em;opacity:1;margin:0 .22em}
}
.nb-alt{margin-top:clamp(34px,4.4vw,60px);display:flex;align-items:center;
  justify-content:space-between;gap:clamp(20px,3vw,44px);flex-wrap:wrap}
/* donen rozet */
.rozet{position:relative;width:clamp(116px,12vw,158px);aspect-ratio:1;flex:none}
.rozet svg{width:100%;height:100%;animation:don 22s linear infinite}
.rozet text{fill:var(--gold);font-family:var(--sans);font-size:15px;font-weight:300;letter-spacing:3.4px}
.rozet i{position:absolute;left:50%;top:50%;width:9px;height:9px;background:var(--gold);
  transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 14px rgba(185,181,127,.7)}
@keyframes don{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.rozet svg{animation:none}}
@media(max-width:820px){
  .lrow{grid-template-columns:auto minmax(0,1fr);gap:14px 18px}
  .nb-alt{flex-direction:column;align-items:flex-start}
}

/* ---------- KONUM: cevreyi gosteren etkilesimli bolum ---------- */
.geo{position:relative;height:100svh;height:100dvh;min-height:max(600px,100lvh);overflow:hidden;background:var(--forest2)}
.geo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.geo::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(26,34,30,.78) 0%,rgba(26,34,30,.28) 42%,rgba(26,34,30,.9) 100%)}
.geo-head{position:absolute;top:clamp(92px,12vh,132px);left:50%;transform:translateX(-50%);
  width:100%;max-width:var(--max);padding-inline:var(--pad);z-index:3;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:.6rem;font-weight:300;letter-spacing:.26em;text-transform:uppercase;color:rgba(245,245,219,.7)}
.geo-head span:first-child{color:var(--neon)}
.glass{position:absolute;z-index:4;max-width:260px;padding:16px 18px;
  border:1px solid rgba(182,253,189,.45);background:rgba(182,253,189,.08);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:transform 320ms var(--o),background 320ms var(--o)}
.glass b{display:block;font-size:.88rem;font-weight:300;color:var(--cream);line-height:1.3}
.glass span{display:block;margin-top:7px;font-size:.74rem;color:rgba(245,245,219,.72);line-height:1.5}
.glass::after{content:"";position:absolute;width:7px;height:7px;background:var(--neon);
  box-shadow:0 0 0 4px rgba(182,253,189,.25)}
.glass:hover{background:rgba(182,253,189,.16);transform:translateY(-3px)}
.g1{left:6%;top:32%}.g1::after{right:-20px;top:22px}
.g2{right:7%;top:46%}.g2::after{left:-20px;top:22px}
.g3{left:17%;bottom:27%}.g3::after{right:-20px;top:20px}
.geo-foot{position:absolute;left:50%;transform:translateX(-50%);bottom:0;z-index:3;
  width:100%;max-width:var(--max);
  padding:clamp(20px,3vw,40px) var(--pad);display:flex;justify-content:space-between;
  align-items:flex-end;gap:20px;flex-wrap:wrap}
.geo-k{font-size:.58rem;font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:var(--neon)}
.geo-foot h1,.geo-foot h2{margin-top:10px;font-family:var(--disp);font-weight:300;
  font-size:clamp(1.9rem,4.6vw,3.7rem);line-height:1.04;color:var(--cream);text-transform:uppercase}
.gtabs{display:flex;gap:10px;flex-wrap:wrap}
.gtab[aria-pressed="true"]{background:rgba(182,253,189,.16);color:var(--neon);
  border-color:var(--neon);box-shadow:inset 0 0 0 1px rgba(182,253,189,.5)}
@media(max-width:860px){
  /* masaustundeki gibi: kartlar videonun uzerinde saga sola dagilsin, pinli */
  .geo{height:100svh;height:100dvh;min-height:640px;padding:0}
  .geo video{position:absolute;inset:0;width:100%;height:100%}
  .glass{position:absolute;max-width:min(62vw,250px);margin:0;padding:10px 12px}
  .g1{left:var(--pad);right:auto;top:22%;bottom:auto}
  .g2{right:var(--pad);left:auto;top:40%;bottom:auto}
  .g3{left:var(--pad);right:auto;top:58%;bottom:auto}
  .glass::after{display:block;width:6px;height:6px;
    box-shadow:0 0 0 3px rgba(182,253,189,.25);animation:blink 2.6s var(--o) infinite}
  .g1::after{right:-15px;left:auto;top:50%;margin-top:-3px}
  .g2::after{left:-15px;right:auto;top:50%;margin-top:-3px;animation-delay:.6s}
  .g3::after{right:-15px;left:auto;top:50%;margin-top:-3px;animation-delay:1.2s}
  .glass b{font-size:.78rem;line-height:1.25}
  .glass span{margin-top:4px;font-size:.66rem;line-height:1.4}
  .geo-foot{position:absolute;left:0;right:0;bottom:0;transform:none;padding-top:18px}
}

/* ---------- ev modelleri + neden kutulari ---------- */
.ev-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.ev{margin:0;position:relative}
.ev img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.ev figcaption{margin-top:12px;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--neon)}
@media(max-width:1000px){.ev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ev-grid{grid-template-columns:1fr}}
.dn{display:block;font-family:var(--disp);font-weight:300;font-size:1.25rem;line-height:1;
  color:var(--neon);margin-bottom:12px}
.blk--krem .dn{color:#36483F}
.grid-box>div>p{font-size:.9rem;color:rgba(245,245,219,.78);line-height:1.6}
.blk--krem .grid-box{background:rgba(36,48,42,.16);border-color:rgba(36,48,42,.16)}
.blk--krem .grid-box>*{background:#F5F5DB}
.blk--krem .grid-box>div>p{color:#4A5A4F}

/* ---------- YURT DISI PORTFOY ---------- */
.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.pf{display:flex;flex-direction:column;overflow:hidden;background:#F5F5DB;
  border:1px solid rgba(36,48,42,.18);border-radius:0 0 var(--kose-sm) 0;
  transition:transform 340ms var(--o),box-shadow 340ms var(--o)}
@media(hover:hover){.pf:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(36,48,42,.16)}}
.pf-fig{position:relative;aspect-ratio:16/10;overflow:hidden}
.pf-fig img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--o)}
@media(hover:hover){.pf:hover .pf-fig img{transform:scale(1.05)}}
.pf-rozet{position:absolute;top:12px;left:12px;z-index:2;padding:7px 12px;
  background:#24302A;color:var(--neon);font-size:.5rem;letter-spacing:.22em;text-transform:uppercase}
.pf-rozet--gold{background:var(--gold);color:#24302A}
.pf-body{padding:clamp(18px,2vw,24px);display:flex;flex-direction:column;gap:9px;flex:1}
.pf-ref{font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:#77857B}
.pf h3{font-family:var(--sans);font-weight:300;font-size:1.02rem;line-height:1.35;color:#24302A}
.pf-yer{font-size:.78rem;color:#4A5A4F;margin-top:-4px}
.pf-ozet{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid rgba(36,48,42,.14)}
.pf-ozet li{font-size:.62rem;letter-spacing:.04em;color:#4A5A4F;
  border:1px solid rgba(36,48,42,.18);padding:4px 9px}
.pf-fiyat{margin-top:auto;padding-top:12px;border-top:1px solid rgba(36,48,42,.14);
  display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pf-fiyat b{font-family:var(--disp);font-weight:300;font-size:1.12rem;color:#24302A;
  font-variant-numeric:tabular-nums}
.pf-fiyat span{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#77857B}
.pf .btn{margin-top:12px}
.blk--krem .ubos{border-color:rgba(36,48,42,.2);color:#77857B}
@media(max-width:1020px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pf-grid{grid-template-columns:1fr}}

/* ---------- ICERDEN GORUN: yatay kaydirmali slider ---------- */
.yk{position:relative;background:var(--ink2)}
.yk-stick{position:sticky;top:0;isolation:isolate;height:100svh;height:100dvh;min-height:100lvh;overflow:hidden;display:flex;flex-direction:column;
  justify-content:center;gap:clamp(20px,3vw,36px);overflow:hidden;
  padding-block:clamp(88px,11vh,124px) clamp(26px,4vh,46px)}
.yk-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  gap:clamp(22px,4vw,64px);align-items:end}
.yk-head .lede{justify-self:end;text-align:right}
.yk-track{display:flex;gap:clamp(12px,1.4vw,18px);will-change:transform;
  padding-inline:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)))}
.hkart,.tkart{flex:none;width:clamp(230px,25vw,330px);aspect-ratio:9/13;margin:0;
  border:1px solid rgba(182,253,189,.4);overflow:hidden;position:relative;
  border-radius:0 0 var(--kose) 0}
.hkart{background:#000}
.hkart video,.hkart img{width:100%;height:100%;object-fit:cover}
.hkart figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;
  font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cream);
  background:linear-gradient(0deg,rgba(26,34,30,.92),transparent)}
.tkart{background:rgba(182,253,189,.07);backdrop-filter:blur(8px);
  display:flex;flex-direction:column;justify-content:flex-end;gap:10px;
  padding:clamp(20px,2.2vw,28px)}
.tno{font-family:var(--disp);font-weight:300;font-size:1.35rem;line-height:1;color:var(--neon);
  letter-spacing:.08em;margin-bottom:auto}
.tkart .k{font-size:.55rem;letter-spacing:.26em;text-transform:uppercase;color:var(--sage)}
.tkart h3{font-family:var(--sans);font-weight:300;font-size:clamp(1.05rem,1.8vw,1.32rem);
  color:var(--cream);text-transform:uppercase;letter-spacing:.02em;line-height:1.2}
.tkart p{font-size:.85rem;color:rgba(245,245,219,.72);line-height:1.66}
.tkart--cta{background:rgba(182,253,189,.13);border-color:var(--neon)}
.tkart--cta .btn{margin-top:8px;align-self:flex-start}
.yk-bar{height:2px;background:rgba(245,245,219,.14);position:relative}
.yk-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--neon);
  box-shadow:0 0 12px rgba(182,253,189,.6)}
@media(max-width:900px){
  /* masaustundeki gibi: asagi kaydirdikca kartlar yana ilerlesin */
  .yk{height:330svh!important}
  .yk-stick{position:sticky;top:0;height:100svh;height:100dvh;min-height:100lvh;overflow:hidden;
    display:flex;flex-direction:column;justify-content:center;
    padding-block:clamp(74px,11vh,96px) clamp(16px,3vh,28px)}
  .yk-head{grid-template-columns:1fr;margin-bottom:clamp(14px,2.4vh,22px)}
  .yk-head .lede{justify-self:center;text-align:center}
  /* kart tam ortaya gelsin, iki yanda esit pay kalsin */
  .yk-track{overflow:visible;width:max-content;flex:none;padding-bottom:0;gap:10px;
    padding-inline:calc((100vw - min(78vw,310px)) / 2)}
  .hkart,.tkart{width:min(78vw,310px);aspect-ratio:10/13}
  .tkart{padding:18px 16px}
  .tkart h3{font-size:1.12rem}
  .tkart p{font-size:.8rem;line-height:1.55}
  .tno{font-size:1.2rem}
  .yk-bar{display:block;margin-top:clamp(12px,2vh,20px)}
}

/* ---------- DAIRELER: buyuk plan + serit ---------- */
.dpano{display:none;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(22px,3.4vw,52px);align-items:start}
.dpano.on{display:grid;animation:dIn 520ms var(--o)}
@keyframes dIn{from{opacity:0}to{opacity:1}}
/* kare kap, dolgu yok; gorsel 1:1 oldugu icin tam oturur */
.dplan{position:relative;background:#FAFAEC;cursor:zoom-in;
  aspect-ratio:1;overflow:hidden;border-radius:0 0 var(--kose) 0}
.dplan img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:700px){}
.dbilgi h3{font-family:var(--disp);font-weight:300;font-size:clamp(1.9rem,4vw,3.1rem);
  line-height:1;color:var(--cream);text-transform:uppercase;margin-top:10px}
.dnere{margin-top:12px;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--neon)}
.dm2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:24px;
  border:1px solid var(--glass-line)}
.dm2 div{padding:clamp(11px,3.2vw,16px) clamp(10px,3.4vw,18px);min-width:0;border-right:1px solid var(--glass-line)}
.dm2 div:last-child{border-right:0}
.dm2 b{display:block;font-family:var(--disp);font-weight:300;font-size:clamp(.9rem,4.1vw,1.3rem);line-height:1;
  color:var(--neon);white-space:nowrap;font-variant-numeric:tabular-nums}
.dm2 span{display:block;margin-top:7px;font-size:.52rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--sage)}
.dozet{margin-top:22px}
.dozet li{display:flex;align-items:center;gap:12px;padding:8px 0;
  font-size:.86rem;color:rgba(245,245,219,.8)}
.dozet li::before{content:"";width:5px;height:5px;background:var(--neon);flex:none}
.dbilgi .btn-row{margin-top:24px}
@media(max-width:900px){.dpano{grid-template-columns:minmax(0,1fr)}}
.dserit{display:flex;gap:10px;overflow-x:auto;margin-top:clamp(24px,3vw,38px);padding-bottom:8px}
.dser{flex:none;width:clamp(112px,11vw,146px);border:1px solid var(--l2);background:none;
  padding:8px;cursor:pointer;font-family:inherit;color:var(--light);
  transition:border-color 300ms var(--o),background 300ms var(--o)}
.dser img{width:100%;aspect-ratio:1;object-fit:contain;
  background:#FAFAEC;display:block}
.dser span{display:block;margin-top:9px;font-size:.5rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sage);text-align:center;line-height:1.5}
.dser b{display:block;font-family:var(--disp);font-weight:300;font-size:.88rem;
  letter-spacing:.1em;color:var(--cream);margin-bottom:3px}
.dser.on{border-color:var(--neon);background:rgba(182,253,189,.08)}
.dser.on b,.dser.on span{color:var(--neon)}
@media(hover:hover){.dser:hover{border-color:rgba(182,253,189,.55)}}
@media(max-width:900px){.dpano.on{grid-template-columns:minmax(0,1fr)}}

/* ---------- DAIRELER: filtreli kart izgarasi ---------- */
.ufilt{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,28px);align-items:center;
  padding-bottom:clamp(20px,2.4vw,30px);border-bottom:1px solid var(--l2);
  margin-bottom:clamp(22px,2.8vw,36px)}
.ufg{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ufl{font-size:.55rem;letter-spacing:.26em;text-transform:uppercase;color:var(--sage);margin-right:4px}
.ufc.on{background:rgba(182,253,189,.16);color:var(--neon);border-color:var(--neon)}
.ugrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.5vw,20px)}
.ucard{display:flex;flex-direction:column;border:1px solid rgba(182,253,189,.4);
  border-radius:0 0 var(--kose-sm) 0;overflow:hidden;background:rgba(182,253,189,.05);transition:background 340ms var(--o),transform 340ms var(--o)}
@media(hover:hover){.ucard:hover{background:rgba(182,253,189,.12);transform:translateY(-4px)}}
.ucard-fig{position:relative;background:#FAFAEC;border-bottom:1px solid rgba(182,253,189,.4);
  border-radius:0 0 var(--kose-sm) 0;overflow:hidden}
.ucard-fig img{width:100%;aspect-ratio:1;object-fit:contain;display:block}
.ucard-rozet{position:absolute;top:0;left:0;z-index:2;padding:7px 13px;background:var(--ink);
  color:var(--neon);font-size:.5rem;letter-spacing:.24em;text-transform:uppercase}
.ucard-body{padding:clamp(16px,1.8vw,22px);display:flex;flex-direction:column;gap:12px;flex:1}
.ucard h3{font-family:var(--disp);font-weight:300;font-size:1.35rem;line-height:1;
  color:var(--cream);text-transform:uppercase}
.ucard-loc{font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;color:var(--neon);margin-top:-6px}
.ucard-m2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid rgba(182,253,189,.35)}
.ucard-m2 div{padding:clamp(9px,2.6vw,11px) clamp(8px,2.8vw,13px);min-width:0;border-right:1px solid rgba(182,253,189,.35)}
.ucard-m2 div:last-child{border-right:0}
.ucard-m2 b{display:block;font-family:var(--disp);font-weight:300;font-size:clamp(.78rem,3.5vw,.98rem);line-height:1.1;
  color:var(--cream);white-space:nowrap;font-variant-numeric:tabular-nums}
.ucard-m2 span{display:block;margin-top:5px;font-size:.48rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--sage)}
.ucard-ozet{display:flex;flex-wrap:wrap;gap:6px}
.ucard-ozet li{font-size:.58rem;letter-spacing:.06em;color:rgba(245,245,219,.75);
  border:1px solid var(--l2);padding:5px 9px}
.ucard .btn{margin-top:auto}
.ubos{grid-column:1/-1;padding:46px 0;text-align:center;font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sage);border:1px solid var(--l2)}
.ufoot{margin-top:clamp(20px,2.4vw,30px);font-size:.72rem;color:var(--sage)}
.ufoot b{font-weight:300;font-family:var(--disp);color:var(--neon);font-size:.9rem}
@media(max-width:1100px){.ugrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ugrid{grid-template-columns:1fr}}

/* ---------- DAIRE SECICI (sadece cizimler) ---------- */
.pick{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);
  gap:clamp(22px,3.4vw,56px);align-items:start}
.pick-list{display:flex;flex-direction:column;gap:10px}
.pick-btn{justify-content:space-between;width:100%;text-align:left}
.pick-btn .k{font-family:var(--sans);font-size:.78rem;letter-spacing:.2em;color:inherit}
.pick-btn .s{font-size:.56rem;letter-spacing:.2em;color:var(--sage);text-transform:uppercase}
.pick-btn .a{width:14px;height:14px;opacity:0;transform:translateX(-5px);
  transition:opacity 300ms var(--o),transform 300ms var(--o)}
.pick-btn[aria-selected="true"]{background:rgba(182,253,189,.08);color:var(--neon);
  border-color:rgba(182,253,189,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pick-btn[aria-selected="true"] .s{color:rgba(182,253,189,.7)}
.pick-btn[aria-selected="true"] .a{opacity:1;transform:none}
.pick-pane{display:none;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(20px,3vw,44px);align-items:start}
.pick-pane.on{display:grid}
@keyframes pIn{from{opacity:0}to{opacity:1}}
.pick-plan{background:#FAFAEC;position:relative;cursor:zoom-in;aspect-ratio:1;overflow:hidden;
  border-radius:0 0 var(--kose-sm) 0}
.pick-plan img{width:100%;height:100%;object-fit:contain;display:block}
.pick-info h3{font-family:var(--sans);font-weight:300;font-size:clamp(1.7rem,3.2vw,2.5rem);
  line-height:1;color:var(--cream);text-transform:uppercase}
.pick-where{margin-top:12px;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--neon)}
.pick-m2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--l2);
  border:1px solid var(--l2);margin-top:24px}
.pick-m2 div{background:var(--ink2);padding:clamp(12px,3.4vw,18px) clamp(11px,3.6vw,20px);min-width:0}
.pick-m2 b{display:block;font-family:var(--disp);font-weight:300;font-size:clamp(.92rem,4.3vw,1.35rem);
  line-height:1;color:var(--neon);white-space:nowrap;text-transform:uppercase}
.pick-m2 span{display:block;margin-top:8px;font-size:.55rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--sage)}
.pick-feat{margin-top:24px}
.pick-feat li{display:flex;align-items:center;gap:13px;padding:13px 0;
  border-bottom:1px solid var(--l);font-size:.88rem;color:rgba(245,245,219,.8)}
.pick-feat li::before{content:"";width:5px;height:5px;background:var(--neon);flex:none}
.pick-cta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:1020px){.pick{grid-template-columns:minmax(0,1fr)}
  .pick-pane.on{grid-template-columns:minmax(0,1fr)}}

/* ---------- PROJELER: kaydirdikca ard arda ---------- */
.proj{position:relative;background:#000}
.proj-stick{position:sticky;top:0;height:100svh;height:100dvh;min-height:100lvh;overflow:hidden}
.proj video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.proj-stick::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,rgba(26,34,30,.93) 0%,rgba(26,34,30,.6) 46%,
    rgba(26,34,30,.15) 74%,rgba(26,34,30,.62) 100%)}
.proj-hud{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;
  justify-content:space-between;padding:clamp(80px,11vh,116px) 0 clamp(24px,3.4vh,42px)}
.proj-top,.proj-bar,.proj-steps,.proj-slides{max-width:var(--max);margin-inline:auto;width:100%;
  padding-inline:var(--pad)}
.proj-top{display:flex;justify-content:space-between;gap:16px;font-size:.58rem;font-weight:300;
  letter-spacing:.28em;text-transform:uppercase;color:rgba(245,245,219,.6)}
.proj-slides{position:relative;flex:1;display:flex;align-items:center}
.proj-card{position:absolute;left:var(--pad);right:var(--pad);opacity:0;transform:translateY(22px);
  visibility:hidden;transition:opacity 600ms var(--o),transform 700ms var(--o)}
.proj-card.on{opacity:1;transform:none;visibility:visible}
.proj-card .no{display:block;font-family:var(--disp);font-weight:300;
  font-size:clamp(2.4rem,6vw,4.8rem);line-height:.86;color:transparent;
  -webkit-text-stroke:1.1px rgba(182,253,189,.5);margin-bottom:.06em}
.proj-card h1{font-family:var(--disp);font-weight:300;font-size:clamp(2rem,5.6vw,4.6rem);
  line-height:.98;color:var(--cream);text-transform:uppercase}
.proj-card .where{margin-top:14px;font-size:.66rem;font-weight:300;letter-spacing:.26em;
  text-transform:uppercase;color:var(--neon)}
.proj-card .d{margin-top:16px;max-width:52ch;color:rgba(245,245,219,.82)}
.proj-card .tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.proj-foot{margin-top:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;
  align-items:flex-start;gap:clamp(16px,2vw,24px)}
.proj-foot .grid-box{width:100%;max-width:min(1100px,82%)}
.proj-card .stat b{font-size:clamp(1.05rem,1.7vw,1.5rem);white-space:nowrap}
.proj-bar{height:2px;background:rgba(245,245,219,.16);position:relative}
.proj-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--neon);
  box-shadow:0 0 12px rgba(182,253,189,.6)}
.proj-steps{display:flex;justify-content:space-between;margin-top:13px;font-size:.55rem;
  font-weight:300;letter-spacing:.26em;text-transform:uppercase;color:rgba(245,245,219,.42)}
.proj-steps span{transition:color 300ms var(--o)}
.proj-steps span.on{color:var(--neon)}
@media(max-width:900px){
  .proj-foot .grid-box{max-width:none}
  .proj-hud{padding:clamp(76px,10vh,96px) 0 clamp(18px,2.6vh,30px)}
  .proj-card .tags{display:none}
  .proj-card .d{margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;
    -webkit-box-orient:vertical;overflow:hidden}
  .proj-card .grid-box{grid-template-columns:1fr 1fr!important}
  .proj-card .grid-box>*{padding:13px 10px}
  .proj-card .stat b{font-size:1rem}
  .proj-card .stat span{margin-top:7px;font-size:.48rem;letter-spacing:.18em}
  .proj-card h1{font-size:clamp(1.85rem,7.4vw,2.6rem)}
  .proj-card .no{font-size:clamp(1.5rem,5.4vw,2rem)}
  .proj-card .where{margin-top:10px;font-size:.56rem;letter-spacing:.2em}
  .proj-foot{margin-top:16px;gap:14px}
}

/* ---------- ODEME ---------- */
.pay-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,16px);
  background:transparent;border:0}
.pstep{padding:clamp(26px,3vw,40px);position:relative;
  background:rgba(182,253,189,.07);border:1px solid rgba(182,253,189,.4);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:background 420ms var(--o),border-color 420ms var(--o),transform 420ms var(--o)}
@media(hover:hover) and (pointer:fine){
  .pstep:hover{background:rgba(182,253,189,.14);border-color:var(--neon);transform:translateY(-2px)}}
.pstep .n{font-family:var(--sans);font-weight:300;font-size:2rem;line-height:1;color:var(--neon)}
.pstep b{display:block;margin-top:18px;font-family:var(--sans);font-weight:300;
  font-size:clamp(1.1rem,1.9vw,1.45rem);color:var(--cream);text-transform:uppercase}
.pstep p{margin-top:12px;font-size:.87rem;color:rgba(245,245,219,.7)}
@media(max-width:980px){.pay-steps{grid-template-columns:repeat(2,1fr)}}


/* ---------- SSS ---------- */
.faq{border-top:1px solid var(--l2)}
.faq details{border-bottom:1px solid var(--l2)}
.faq summary{list-style:none;cursor:pointer;padding:clamp(22px,2.6vw,32px) 0;
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;
  font-family:var(--sans);font-weight:300;font-size:clamp(1.05rem,2vw,1.5rem);color:var(--cream);
  transition:color 300ms var(--o);text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--neon)}
.faq summary i{width:22px;height:22px;display:grid;place-items:center;
  position:relative;flex:none;color:var(--neon);
  transition:color 300ms var(--o),transform 400ms var(--o)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;background:currentColor}
.faq summary i::before{width:16px;height:1px}
.faq summary i::after{width:1px;height:16px;transition:transform 340ms var(--o)}
.faq details[open] summary i{color:var(--neon);transform:rotate(180deg)}
.faq details[open] summary i::after{transform:scaleY(0)}
.faq .a{padding:0 0 clamp(22px,2.6vw,32px);max-width:66ch;color:rgba(245,245,219,.74)}

/* ---------- ILETISIM ---------- */
.ct{position:relative;overflow:hidden;background:var(--ink2)}
.ct-bg{position:absolute;inset:0;z-index:0}
.ct-bg img,.ct-bg video{width:100%;height:100%;object-fit:cover}
.ct::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(26,34,30,.82)}
.ct>.wrap{position:relative;z-index:3}
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,90px);
  align-items:end}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr}}
.ct-lines{margin-top:clamp(30px,3.8vw,50px);border-top:1px solid var(--l2)}
.ct-line{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:18px;
  align-items:center;padding:clamp(15px,1.8vw,21px) 0;border-bottom:1px solid var(--l2);
  transition:padding-left 380ms var(--o),background 380ms var(--o)}
.ct-line .t,.ct-line .v{font-size:.62rem;font-weight:300;letter-spacing:.2em;
  text-transform:uppercase;color:var(--cream);line-height:1.4}
.ct-line .t{opacity:.62}
.ct-line .v{justify-self:end;text-align:right}
@media(hover:hover){
  a.ct-line:hover{padding-left:12px;background:rgba(182,253,189,.05)}
  a.ct-line:hover .v{color:var(--neon)}
}
@media(max-width:560px){
  .ct-line{grid-template-columns:1fr;gap:6px}
  .ct-line .v{justify-self:start;text-align:left}
}

.frm{display:grid;gap:14px}
.frm .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.frm .two{grid-template-columns:1fr}}
.frm label{display:block;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--cream);margin-bottom:9px}
.frm input,.frm select,.frm textarea{width:100%;background:rgba(245,245,219,.045);
  border:1px solid var(--l2);color:var(--cream);font-family:var(--sans);font-size:.92rem;
  font-weight:300;padding:15px 16px;transition:border-color 280ms var(--o),background 280ms var(--o);
  /* iOS koseleri kendiliginden yuvarliyor: keskin kalsin */
  -webkit-appearance:none;appearance:none;border-radius:0}
.frm select{padding-right:42px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23F5F5DB' stroke-width='1.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}
.frm textarea{resize:vertical}
.frm input:focus,.frm select:focus,.frm textarea:focus{outline:none;border-color:var(--neon);
  background:rgba(182,253,189,.06)}
.frm select option{background:var(--ink2);color:var(--cream)}
.frm .note{font-size:.72rem;color:var(--mute)}

/* ---------- CS GLOBAL HIZMETLERI ---------- */
.srv{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.2vw,16px)}
.srv-k{position:relative;display:flex;flex-direction:column;color:inherit;overflow:hidden;
  padding:clamp(26px,3vw,40px);
  background:rgba(182,253,189,.055);border:1px solid rgba(182,253,189,.34);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:background 420ms var(--o),border-color 420ms var(--o),transform 420ms var(--o)}
.srv-i{display:block;width:clamp(30px,3vw,38px);height:clamp(30px,3vw,38px);color:var(--neon)}
.srv-i svg{width:100%;height:100%;display:block}
.srv-k h3{margin-top:clamp(26px,3vw,40px);text-transform:uppercase;
  transition:color 300ms var(--o)}
.srv-k p{margin-top:14px;font-size:.9rem;color:rgba(245,245,219,.7)}
.srv-go{margin-top:auto;padding-top:clamp(24px,2.8vw,34px);
  font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--neon);
  opacity:.6;transition:opacity 300ms var(--o)}
@media(hover:hover) and (pointer:fine){
  .srv-k:hover{background:rgba(182,253,189,.13);border-color:var(--neon);transform:translateY(-3px)}
  .srv-k:hover h3{color:var(--neon)}
  .srv-k:hover .srv-go{opacity:1}}
@media(max-width:900px){.srv{grid-template-columns:1fr}}
.regions{display:flex;gap:10px;flex-wrap:wrap;margin-top:clamp(28px,3.4vw,44px)}


/* ---------- one cikan proje ---------- */
.one{margin-top:clamp(34px,4.4vw,64px);display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(24px,4vw,64px);align-items:center}
.one-fig{position:relative;border-radius:0 0 var(--kose) 0;overflow:hidden}
.one-fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.one-fig::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(36,48,42,.92) 8%,rgba(36,48,42,.15) 70%)}
.one-fig .t{position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:clamp(20px,2.4vw,30px)}
.one-fig .t b{display:block;font-family:var(--sans);font-weight:300;
  font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1;color:var(--cream);text-transform:uppercase}
.one-fig .t span{display:block;margin-top:10px;font-size:.58rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--neon)}
.one-in .h2{margin-top:12px}
.one-in .lede{margin-top:16px}
@media(max-width:900px){.one{grid-template-columns:1fr}}
.srv a{display:block;color:inherit}
.srv a:hover h3{color:var(--neon)}

/* ---------- DIGER PROJELER ---------- */
.others{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px)}
.oth{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:0 0 var(--kose) 0;display:flex;align-items:flex-end;
  padding:clamp(20px,2.4vw,30px)}
.oth img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 1100ms var(--o)}
.oth::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(36,48,42,.92) 8%,rgba(36,48,42,.15) 70%)}
.oth:hover img{transform:scale(1.06)}
.oth .t{position:relative;z-index:2}
.oth .t b{display:block;font-family:var(--sans);font-weight:300;
  font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1;color:var(--cream);text-transform:uppercase}
.oth .t span{display:block;margin-top:10px;font-size:.58rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--neon)}
.others--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.others,.others--2{grid-template-columns:1fr}.oth{aspect-ratio:16/9}}

/* ---------- FOOTER (sade) ---------- */
.ft{position:relative;background:var(--ink2);
  padding-top:clamp(54px,6vw,86px);padding-bottom:0;overflow:hidden}
.ft>.wrap{position:relative;z-index:2}
.ft-top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  gap:clamp(26px,3.4vw,56px)}
.ft-mark{font-family:var(--disp);font-weight:500;color:var(--neon);
  font-size:1.2rem;letter-spacing:.26em;line-height:1;text-transform:uppercase}
.ft-logo{width:clamp(88px,8vw,116px);height:auto;display:block}
.ft-slogan{margin-top:22px;font-family:var(--sans);font-weight:300;
  font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.35;color:var(--cream);text-transform:uppercase}
.ft-slogan em{font-style:normal;color:var(--neon)}
.ft-claim,.ft-tasarim{font-family:var(--sans);font-weight:300;font-size:.74rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--neon);line-height:1.5}
.ft-claim{margin-top:clamp(22px,2.6vw,30px)}
.ft-soc{margin-top:clamp(12px,1.4vw,18px);display:flex;gap:10px;align-items:center;
  grid-column:auto;justify-self:start}
.ft-soc a{width:38px;height:38px}
.ft h4{font-size:.92rem;font-weight:300;letter-spacing:.14em;text-transform:uppercase;
  color:var(--neon);margin-bottom:20px}
.ft li{margin-bottom:10px}
.ft li a{font-size:.86rem;color:var(--neon);opacity:.78;transition:opacity 260ms var(--o);
  overflow-wrap:anywhere}
.ft li a:hover{opacity:1}
.ft-bar{margin-top:clamp(34px,4vw,54px);display:flex;align-items:center;
  justify-content:flex-start;gap:18px;flex-wrap:wrap}
.dot-live{width:7px;height:7px;background:var(--neon);box-shadow:0 0 10px rgba(182,253,189,.9);
  animation:blink 2.4s var(--o) infinite;flex:none}
.ft-tasarim{margin-top:clamp(10px,1.2vw,15px);opacity:.72;transition:opacity 260ms var(--o)}
.ft-tasarim b{font-weight:300;opacity:1}
.ft-tasarim:hover{opacity:.9}
.ft-vid{position:absolute;inset:0;z-index:0;overflow:hidden}
.ft-vid video{width:100%;height:100%;object-fit:cover;display:block}
.ft::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(42,56,49,.95) 0%,rgba(36,48,42,.87) 40%,
             rgba(36,48,42,.8) 76%,rgba(36,48,42,.9) 100%)}
.ft-word{position:relative;z-index:2;margin-top:clamp(34px,4vw,60px);width:100%;line-height:1;display:block;
  font-family:var(--disp);font-weight:300;font-size:9.5vw;letter-spacing:0;
  white-space:nowrap;color:transparent;overflow:hidden;
  -webkit-text-stroke:clamp(.8px,.07vw,1.4px) var(--neon);
  opacity:.95;user-select:none}
.ft-word span{display:block;white-space:nowrap;transform-origin:0 0}
@media(max-width:880px){.ft-top{grid-template-columns:1fr 1fr}.ft-brand{grid-column:span 2}}
@media(max-width:700px){
  /* kucuk ekranda kontur okunmuyor: dolu yaz */
  .ft-word{color:var(--neon);-webkit-text-stroke-width:0;opacity:.92}
  /* sabit baslik icerigin uzerine binmesin */
  .scene>.wrap{padding-top:clamp(92px,14vh,124px)}
  /* footer tamamen ortali */
  .ft>.wrap{text-align:center}
  .ft-top{grid-template-columns:1fr;gap:clamp(28px,7vw,44px);justify-items:center}
  .ft-brand{grid-column:auto;display:flex;flex-direction:column;align-items:center}
  .ft-logo{margin-inline:auto}
  .ft-claim{justify-content:center;max-width:30ch;margin-top:clamp(26px,8vw,34px);line-height:1.6}
  .ft-soc{justify-self:center;justify-content:center}
  .ft li a{overflow-wrap:anywhere}
}
.ft-bot{margin-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}


/* ---------- KURUMSAL / PROJE GOVDESI: fotograf + buton kutulari ---------- */
.kr-2{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(22px,3.4vw,58px);align-items:start;margin-top:clamp(26px,3.2vw,44px)}
.kr-foto{margin:0;position:sticky;top:clamp(92px,11vh,124px);overflow:hidden;
  border-radius:0 0 var(--kose) 0}
.kr-foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.kr-foto--tam{border-radius:0;background:none}
.kr-foto--tam img{aspect-ratio:4/3;object-fit:contain}
.kr-rows{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,16px)}
.kr-row{display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:clamp(14px,1.8vw,26px);align-items:start;padding:clamp(20px,2.4vw,32px);
  background:rgba(182,253,189,.06);border:1px solid rgba(182,253,189,.32);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:background 420ms var(--o),border-color 420ms var(--o),transform 420ms var(--o)}
.kr-n{font-family:var(--disp);font-weight:300;line-height:1;color:var(--neon);
  font-size:clamp(1.05rem,1.7vw,1.45rem);font-variant-numeric:tabular-nums;opacity:.85}
.kr-row h3{text-transform:uppercase}
.kr-row p{margin-top:11px;font-size:.9rem;color:rgba(245,245,219,.72)}
@media(hover:hover) and (pointer:fine){
  .kr-row:hover{background:rgba(182,253,189,.13);border-color:var(--neon);transform:translateY(-2px)}}
@media(max-width:900px){
  .kr-2{grid-template-columns:1fr}
  .kr-foto{position:static}
  .kr-foto img{aspect-ratio:16/10}}

/* krem kutular da buton dilinde */
.blk--krem .grid-box{background:transparent;border:0;gap:clamp(8px,1vw,14px)}
.blk--krem .grid-box>*{background:rgba(255,255,255,.45);
  border:1px solid rgba(36,48,42,.26)}

/* ---------- alt cubuk (mobil) ---------- */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:96;display:none;
  grid-template-columns:1fr 1fr;gap:1px;background:var(--l2);border-top:1px solid var(--l2)}
.dock{background:rgba(26,34,30,.92);backdrop-filter:blur(18px);border-top:1px solid var(--l2)}
.dock .btn{border:0;border-right:1px solid var(--l2);padding:17px 10px}
.dock .btn:last-child{border-right:0}
.dock .btn:hover{transform:none}
@media(max-width:700px){.dock{display:none}.hd .soc{display:none}}

/* ---------- lightbox ---------- */
.lb{position:fixed;inset:0;z-index:120;background:rgba(26,34,30,.95);backdrop-filter:blur(10px);
  display:none;align-items:center;justify-content:center;padding:clamp(20px,5vw,72px);cursor:zoom-out}
.lb.on{display:flex}
.lb img{max-width:100%;max-height:100%;width:auto;background:#F5F5DB;padding:14px}

/* ---------- MOBIL DUZELTMELERI (en sonda: kaynak sirasi geregi kazanir) ---------- */
@media(max-width:900px){
  .ft::after{background:linear-gradient(180deg,rgba(42,56,49,.97) 0%,rgba(36,48,42,.93) 40%,
             rgba(36,48,42,.91) 76%,rgba(36,48,42,.95) 100%)}
}
@media(max-width:620px){
  .gate-lg{font-size:clamp(1.35rem,6.4vw,1.8rem)}
  .gate-sm{font-size:.54rem;letter-spacing:.24em}
  /* kefilsiz/kredisiz/faizsiz altindaki rakam seridi: 2x2, daha kucuk */
  .vow .grid-box{grid-template-columns:1fr 1fr!important;gap:8px}
  .vow .grid-box>*{padding:12px 8px}
  .vow .stat b{font-size:1rem}
  .vow .stat span{margin-top:6px;font-size:.46rem;letter-spacing:.16em}
  .vow-in p{font-size:.86rem}
  /* dortlu rakam seritleri mobilde 2x2 (her yerde) */
  .gb-4{grid-template-columns:1fr 1fr!important}
  /* odeme adimlari da 2x2 */
  .pay-steps{grid-template-columns:1fr 1fr;gap:9px}
  .pstep{padding:16px 13px}
  .pstep .n{font-size:1.35rem}
  .pstep b{margin-top:12px;font-size:.92rem;line-height:1.2}
  .pstep p{margin-top:9px;font-size:.78rem;line-height:1.5}
  .scene .grid-box>*,.vow .grid-box>*,.blk--deep .grid-box>*,.proj-card .grid-box>*{
    padding:13px 9px}
  .scene .stat b,.vow .stat b,.blk--deep .stat b,.proj-card .stat b{
    font-size:.98rem;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
  .scene .stat span,.vow .stat span,.blk--deep .stat span,.proj-card .stat span{
    margin-top:6px;font-size:.46rem;letter-spacing:.14em}

  /* daire serrit: 2,5 kart gorunsun ki kaydirilacagi anlasilsin */
  .dserit{scroll-snap-type:x proximity;scroll-padding-inline:0}
  .dser{width:calc((100% - 20px) / 2.5);scroll-snap-align:start}

  /* --- mobilde yazilar ortali --- */
  .sec-head,.sec-head>div,.sec-head .r,.yk-head,.yk-head>div,
  .proj-card,.vow-in,.lrow,.lin,.pstep,.srv-k,.tkart,
  .kr-row,.kr-row>div,.dbilgi,.one-in,.scene>.wrap,.krumb{text-align:center}
  .scene .where,.scene .no{text-align:center}
  .sec-head{justify-items:center}
  .lede,.proj-card .d,.lac,.pstep p,.srv-k p,.kr-row p{margin-inline:auto}
  .lrow{grid-template-columns:1fr;gap:9px;justify-items:center;padding-inline:0}
  .lbas{font-size:clamp(1.12rem,5.7vw,1.7rem);overflow-wrap:normal;word-break:normal;line-height:1.06}
  /* dokunmatikte hover yok: gorsel satir goruntuye girince kendi acilsin */
  .lrow .lgor{width:0;opacity:0;margin:0;
    transition:width 760ms var(--o) 220ms,opacity 520ms var(--o) 300ms,margin 760ms var(--o) 220ms}
  .lrow.in .lgor{width:1.75em;opacity:1;margin:0 .2em}
  .kr-row{grid-template-columns:1fr;gap:9px;justify-items:center}
  .srv-i{margin-inline:auto}
  .srv-go{align-self:center}
  .dozet li{justify-content:center}
  .proj-foot{align-items:center}
  .tkart{justify-content:center}
  .tno{margin-bottom:12px}

  /* --- proje rakam kutulari tasmasin --- */
  .proj-card .grid-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .proj-card .stat b{white-space:normal;overflow-wrap:anywhere;font-size:.95rem;line-height:1.15}
}

/* --- mobil/tablet: ortalama --- */
@media(max-width:860px){
  /* banka yok bolumu: buton satiri ortada */
  .nb-alt{flex-direction:column;align-items:center;text-align:center}
  .nb-alt .btn-row{width:100%;justify-content:center}

  /* konum alt bilgisi: proje adi ve sekmeler ortada */
  .geo-foot{flex-direction:column;align-items:center;justify-content:center;
    text-align:center;gap:14px;padding-bottom:clamp(40px,8vh,78px)}
  .geo-foot h1,.geo-foot h2{text-align:center}
  .gtabs{width:100%;justify-content:center}

  /* iletisim: baslik, metin ve bilgi satirlari ortada */
  .ct-grid>div{text-align:center}
  .ct-grid .lede{margin-inline:auto}
  .ct-line{grid-template-columns:1fr;gap:6px;justify-items:center;text-align:center}
  .ct-line .t,.ct-line .v{justify-self:center;text-align:center}
  .frm label{text-align:center}
  .frm .two{justify-items:stretch}

  /* mobil menu: logo ortada, kapat sagda, baglantilar ortali */
  .mnav-bar{position:relative;justify-content:center;padding-top:clamp(6px,2vh,18px)}
  .mnav-logo{width:clamp(54px,14vw,76px);height:auto;display:block}
  .mnav .x{position:absolute;right:-10px;top:50%;transform:translateY(-50%);margin-right:0}
  .mnav-links a{justify-content:center;text-align:center}
  .mnav-alt{align-items:center;text-align:center}
  .mnav-soc{justify-content:center}
}

/* eksik kalmis: yanip sonen nokta (footer canli isigi + konum pinleri) */
@keyframes blink{0%,100%{opacity:1}50%{opacity:.28}}

/* ---------- SOHBET BALONU (WhatsApp'a baglanir) ---------- */
.cb{position:fixed;right:calc(clamp(14px,2vw,26px) + env(safe-area-inset-right,0px));
  bottom:calc(clamp(14px,2vw,26px) + env(safe-area-inset-bottom,0px));z-index:98;
  display:flex;flex-direction:column;align-items:flex-end;gap:12px}
/* buton sitenin .btn--wa dilini kullanir; burada sadece olcu ve gologe */
.cb-btn{position:relative;width:60px;height:60px;flex:none;padding:0;gap:0;
  display:grid;place-items:center;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 16px 40px rgba(0,0,0,.42)}
.cb-btn svg{width:26px;height:26px;display:block;flex:none}
.cb-nokta{position:absolute;top:6px;right:6px;width:8px;height:8px;
  background:var(--neon);box-shadow:0 0 10px rgba(182,253,189,.95);
  animation:blink 2.4s var(--o) infinite}
.cb.acik .cb-nokta{display:none}
.cb-pan{width:min(88vw,340px);overflow:hidden;
  background:rgba(30,40,35,.97);border:1px solid rgba(182,253,189,.34);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 26px 64px rgba(0,0,0,.52);
  transform-origin:100% 100%;animation:cbIn 340ms var(--o)}
@keyframes cbIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.cb-bas{display:flex;align-items:center;gap:12px;padding:15px 16px;
  background:rgba(182,253,189,.08)}
.cb-logo{width:34px;height:auto;flex:none;display:block}
.cb-kim b{display:block;font-family:var(--sans);font-weight:300;font-size:.8rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--cream);line-height:1.2}
.cb-kim span{display:flex;align-items:center;gap:6px;margin-top:5px;
  font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--neon);opacity:.78}
.cb-kim span i{width:6px;height:6px;border-radius:50%;background:var(--neon);flex:none;
  box-shadow:0 0 8px rgba(182,253,189,.9);animation:blink 2.4s var(--o) infinite}
.cb-x{margin-left:auto;width:30px;height:30px;flex:none;display:grid;place-items:center;
  padding:0;background:none;border:0;color:var(--neon);cursor:pointer;opacity:.65;
  transition:opacity 260ms var(--o)}
.cb-x:hover{opacity:1}
.cb-x svg{width:14px;height:14px;display:block}

.cb-govde{padding:16px 16px 4px;display:flex;flex-direction:column;gap:9px;
  max-height:min(44vh,286px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.cb-balon{align-self:flex-start;max-width:92%;padding:13px 15px;border-radius:0 14px 14px 14px;
  background:rgba(182,253,189,.1);border:1px solid rgba(182,253,189,.26);
  font-size:.85rem;line-height:1.62;color:rgba(245,245,219,.92);overflow-wrap:anywhere;
  animation:cbBalon 260ms var(--o)}
.cb-balon--ben{align-self:flex-end;border-radius:14px 0 14px 14px;
  background:rgba(182,253,189,.21);border-color:rgba(182,253,189,.46);color:var(--cream)}
@keyframes cbBalon{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.cb-not{margin:11px 16px 0;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--neon);opacity:.55;line-height:1.5}

.cb-alt{display:flex;gap:8px;padding:14px 16px 16px}
.cb-alt input,.cb-gon{-webkit-appearance:none;appearance:none;border-radius:0}
.cb-alt input{flex:1;min-width:0;padding:12px 14px;font-family:var(--sans);font-weight:300;
  font-size:.85rem;color:var(--cream);background:rgba(245,245,219,.06);
  border:1px solid rgba(182,253,189,.28);outline:none;
  transition:border-color 260ms var(--o),background 260ms var(--o)}
.cb-alt input::placeholder{color:rgba(245,245,219,.4)}
.cb-alt input:focus{border-color:var(--neon);background:rgba(245,245,219,.1)}
.cb-gon{flex:none;width:46px;display:grid;place-items:center;padding:0;cursor:pointer;
  color:#24302A;background:var(--neon);border:0;transition:opacity 260ms var(--o)}
.cb-gon:hover{opacity:.86}
.cb-gon svg{width:17px;height:17px;display:block}

@media(max-width:700px){
  .cb{right:12px;bottom:12px}
  .cb-btn{width:54px;height:54px}
  .cb-btn svg{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){
  .cb-pan,.cb-balon{animation:none}
  .cb-nokta,.cb-kim span i{animation:none}
}

/* ---------- IMLEC: yanip sonen neon isik (sadece fareli cihazlar) ---------- */
@media(hover:hover) and (pointer:fine){
  html.imlec,html.imlec *{cursor:none}
  /* yazi alanlarinda kendi imleci kalsin, nereye yazildigi belli olsun */
  html.imlec input,html.imlec textarea,html.imlec select,
  html.imlec [contenteditable]{cursor:auto}
}
.im{position:fixed;left:0;top:0;width:0;height:0;z-index:130;pointer-events:none;
  will-change:transform}
.im.yok{display:none}
.im i{position:absolute;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;
  background:var(--neon);border:1px solid transparent;
  box-shadow:0 0 14px rgba(182,253,189,.95),0 0 30px rgba(182,253,189,.45);
  animation:blink 1.5s var(--o) infinite;
  transition:width 240ms var(--o),height 240ms var(--o),margin 240ms var(--o),
             background 240ms var(--o),border-color 240ms var(--o)}
/* tiklanabilir bir seyin uzerindeyken halkaya donusur, yanip sonmeyi birakir */
.im.tik i{width:26px;height:26px;margin:-13px 0 0 -13px;
  background:rgba(182,253,189,.16);border-color:var(--neon);animation:none;
  box-shadow:0 0 18px rgba(182,253,189,.55)}
@media(prefers-reduced-motion:reduce){.im i{animation:none}}

/* giris: butonlar parlak videonun uzerinde de kendi dilinde okunsun */
.gate-cta .btn,.vow .btn-row .btn{background:rgba(26,34,30,.55);border-color:rgba(245,245,219,.45);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.gate-cta .btn--wa,.vow .btn-row .btn--wa{background:rgba(182,253,189,.18);border-color:rgba(182,253,189,.75);
  color:var(--neon)}
@media(hover:hover) and (pointer:fine){
  .gate-cta .btn:hover,.vow .btn-row .btn:hover{background:rgba(245,245,219,.16);border-color:rgba(245,245,219,.72)}
  .gate-cta .btn--wa:hover,.vow .btn-row .btn--wa:hover{background:rgba(182,253,189,.28);border-color:var(--neon)}
}

/* ---------- SAYFA GECISI ---------- */
@view-transition{navigation:auto}
/* cikan sayfa yukari suzulup bulaniklasir */
::view-transition-old(root){animation:sayfaCik 400ms cubic-bezier(.22,1,.3,1) both}
/* gelen sayfa asagidan perde gibi acilir */
::view-transition-new(root){animation:sayfaGir 680ms cubic-bezier(.22,1,.3,1) both}
@keyframes sayfaCik{
  to{opacity:0;transform:translateY(-52px) scale(.965);filter:blur(12px)}
}
@keyframes sayfaGir{
  0%{opacity:0;transform:translateY(58px) scale(1.03);filter:blur(16px);
     clip-path:inset(76% 0 0 0)}
  55%{opacity:1}
  100%{opacity:1;transform:none;filter:blur(0);clip-path:inset(0 0 0 0)}
}

/* destek yoksa: yalnizca soluklama (transform/filter kullanmiyoruz ki
   sabit konumlu baslik ve imlec yerinden oynamasin) */
@keyframes sayfaAc{from{opacity:0}to{opacity:1}}
@keyframes sayfaSol{from{opacity:1}to{opacity:0}}
html.vt-yok body{animation:sayfaAc 360ms cubic-bezier(.22,1,.3,1) both}
html.vt-yok.cikiyor body{animation:sayfaSol 230ms cubic-bezier(.22,1,.3,1) both}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root),
  html.vt-yok body,html.vt-yok.cikiyor body{animation:none}
}

/* ---------- kat plani: 2B cizim / 3B gorunum gecisi ---------- */
.dgec{position:absolute;left:14px;top:14px;z-index:3;display:flex;gap:6px}
.dgb{padding:7px 12px;font-family:var(--sans);font-weight:300;font-size:.52rem;
  letter-spacing:.2em;text-transform:uppercase;cursor:pointer;line-height:1;
  color:#2E3C34;background:rgba(46,60,52,.07);border:1px solid rgba(46,60,52,.26);
  transition:background 260ms var(--o),border-color 260ms var(--o),color 260ms var(--o)}
.dgb.on{background:#2E3C34;border-color:#2E3C34;color:#F5F5DB}
@media(hover:hover) and (pointer:fine){
  .dgb:not(.on):hover{background:rgba(46,60,52,.14);border-color:rgba(46,60,52,.5)}}
.dimg{animation:dIn 420ms var(--o)}
.dimg.gizli{display:none}
@media(max-width:620px){
  .dgec{left:9px;top:9px;gap:4px}
  .dgb{padding:5px 8px;font-size:.44rem;letter-spacing:.14em}
}

/* ---------- 404: butun sayfalarin listesi ---------- */
.yk-harita{margin-top:clamp(36px,4.6vw,64px);display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  gap:clamp(20px,2.6vw,38px)}
.yk-kume h3{font-family:var(--sans);font-weight:400;font-size:.56rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--neon);margin-bottom:14px}
.yk-kume ul{list-style:none;display:grid;gap:9px}
.yk-kume a{font-size:.95rem;font-weight:300;color:rgba(245,245,219,.82);
  transition:color 260ms var(--o)}
@media(hover:hover){.yk-kume a:hover{color:var(--neon)}}
@media(max-width:560px){.yk-harita{grid-template-columns:1fr 1fr;gap:26px}}