/* ============================================================
   Yerel fontlar (Google Fonts'tan indirildi, latin + latin-ext)
   latin-ext altkumesi Turkce icin gerekli: g s I i (U+011E-0130)
   ============================================================ */
/* latin-ext */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/Cinzel-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/Cinzel-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;
}
/* latin-ext */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/Cinzel-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/Cinzel-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;
}
/* latin-ext */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/Cinzel-600-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/Cinzel-600-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;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/Manrope-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/Manrope-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;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/Manrope-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/Manrope-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;
}

/* ============================================================
   NOVECE Mimarlık stil sayfası (satış demosu, kurgusal marka)
   Palet: Vişne Çürüğü & Bej + altın gradyan (Varyant 1 v4)
   Tipografi: Cinzel (başlık) ve Manrope (gövde), yerel woff2
   ============================================================ */

:root{
  /* --- zeminler --- */
  --bg:#2B1218;
  --bg-deep:#200D12;
  --surface:#3A1B22;
  --pcard-bg:#1B0A10;

  /* --- metin ---
     OKUNURLUK REVİZYONU: bej tonlar açıldı. Hedef: gövde metinlerinde
     en az 7:1, başlık/etikette en az 4.5:1 (WCAG). Oranlar sayfanın EN
     AÇIK zemin noktasına (vişne parlaması) göre ölçüldü. */
  --cream:#F5EEDF;          /* bej: vişne üzerinde 15.1:1 / açık noktada 10.8:1 */
  --text-muted:#D6CABA;     /* sönük bej: 10.8:1 / açık noktada 7.8:1 */

  /* --- vurgular --- */
  --wine:#7A2E3C;           /* ikincil vurgu: yapısal hairline'lar */
  --gold-d:#8C6A2F;         /* SADECE yapısal: çizgi ve çerçeve. Metinde kullanma. */
  --gold-dt:#C9A253;        /* metin gradyanlarının koyu ucu: 7.3:1 */
  --gold-m:#E8C877;         /* vişne üzerinde 10.8:1 */
  --gold-l:#F8EDCB;
  /* yapısal gradyan: hairline, çerçeve, ok işareti. METİN DEĞİL. */
  --gold-grad:linear-gradient(100deg,#8C6A2F 0%,#E8C877 32%,#F8EDCB 48%,#E8C877 64%,#8C6A2F 100%);
  /* METİN gradyanı: koyu uç #8C6A2F yerine #C9A253; açık uçlar ağırlıklı
     (koyu ucun payı %32'den %18'e indi), böylece harflerin baş ve son
     kısımları da eşiği geçiyor. */
  --gold-grad-text:linear-gradient(100deg,#C9A253 0%,#E8C877 18%,#F8EDCB 46%,#F8EDCB 54%,#E8C877 82%,#C9A253 100%);
  /* DOLU zemin gradyanı: üzerine koyu metin biniyor, koyu uç açıldı */
  --gold-fill:linear-gradient(100deg,#C9A253 0%,#E8C877 28%,#F8EDCB 50%,#E8C877 72%,#C9A253 100%);
  --gold-line:linear-gradient(90deg,rgba(140,106,47,0),#8C6A2F 12%,#E8C877 50%,#8C6A2F 88%,rgba(140,106,47,0));

  /* --- tipografi --- */
  --serif:"Cinzel",Georgia,"Times New Roman",serif;
  --sans:"Manrope","Helvetica Neue",Helvetica,Arial,sans-serif;

  /* --- ölçü --- */
  --pad-x:clamp(24px,5vw,80px);
  /* Bolum ici dikey dolgu. Ardisik iki bolum arasi bunun iki kati
     olur, yani 1440px'te ~64px. Sayfanin ilk ve son bolumu
     .sayfa-bas / .sec-son ile daha genis nefes alir. */
  --sec-y:clamp(26px,2.3vw,32px);
  --wrap:1320px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  color:var(--cream);
  font-family:var(--sans);
  font-weight:400;          /* okunurluk: 300/light -> 400 */
  font-size:16px;
  line-height:1.7;          /* gövde satır yüksekliği en az 1.7 */
  -webkit-font-smoothing:antialiased;
  /* CSS ile üretilmiş koyu vişne mermer dokusu, görsel dosyası yok */
  background-color:var(--bg);
  background-image:
    radial-gradient(150% 90% at 10% 4%, rgba(176,141,87,.11), transparent 58%),
    radial-gradient(120% 80% at 92% 96%, rgba(232,200,119,.07), transparent 55%),
    radial-gradient(105% 70% at 78% 24%, rgba(122,46,60,.32), transparent 62%),
    repeating-linear-gradient(112deg, rgba(234,224,206,.022) 0 1px, transparent 1px 120px),
    repeating-linear-gradient(67deg, rgba(234,224,206,.016) 0 1px, transparent 1px 185px),
    repeating-linear-gradient(97deg, rgba(232,200,119,.017) 0 1px, transparent 1px 275px),
    repeating-linear-gradient(142deg, rgba(234,224,206,.011) 0 1px, transparent 1px 340px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  background-attachment:scroll;
}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;overflow-wrap:break-word;text-wrap:pretty}
p{margin:0}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
a{color:var(--cream);text-decoration:none;transition:color .3s ease}
a:hover{color:var(--gold-m)}

/* ---------- erişilebilirlik ---------- */
:focus-visible{outline:2px solid var(--gold-m);outline-offset:3px}
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--gold-m);color:var(--bg);padding:14px 22px;
  font-size:12px;font-weight:500;letter-spacing:.2em}
.skip-link:focus{left:var(--pad-x);top:12px}
.visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- düzen ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}
.sec{padding-top:var(--sec-y);padding-bottom:var(--sec-y);position:relative}
/* hero ve sayfa basligindan sonraki ilk bolum ile son bolum daha genis */
.hero + .sec,.sayfa-bas + .sec,.sec-ust{padding-top:clamp(56px,6vw,96px)}
.sec-cta{padding-top:clamp(48px,5vw,72px);padding-bottom:clamp(64px,7vw,96px)}

/* ---------- altın yardımcıları ---------- */
.goldtext{
  background:var(--gold-grad-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .goldtext,.hero-h1,.stat-n{
    background:none !important;-webkit-text-fill-color:var(--gold-m) !important;color:var(--gold-m) !important}
}
.divider{height:1px;background:var(--gold-line);opacity:.55;border:0;margin:0}
.rule-s{height:1px;width:110px;background:var(--gold-grad);margin:30px 0}
/* Bolum esigi: h2 ustundeki tekrar eden ALL-CAPS eyebrow yerine
   gecti. Etiket bilgi tasimiyordu, cizgi ise bolum sinirini
   isaretliyor. */
.rule-lead{margin:0 0 30px}
/* surec basligi ile adim izgarasi arasindaki nefes */
.h2-surec{margin-bottom:clamp(48px,5vw,84px)}

.h2{font-size:clamp(25px,3.5vw,46px);line-height:1.24;letter-spacing:.12em}
.lead{font-size:clamp(16px,1.1vw,17px);line-height:1.85;color:var(--text-muted);max-width:58ch;font-weight:400}

/* ---------- butonlar + shimmer ---------- */
.btn{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:16px;
  padding:18px 38px;font-size:12.5px;font-weight:500;letter-spacing:.28em;color:var(--gold-l);
  border:1px solid transparent;cursor:pointer;
  background:linear-gradient(var(--bg-deep),var(--bg-deep)) padding-box, var(--gold-grad) border-box;
  transition:color .4s ease,box-shadow .5s ease}
.btn:hover{color:#FFF4E4;box-shadow:0 0 34px rgba(232,200,119,.20),inset 0 0 22px rgba(232,200,119,.07)}
.btn::after{
  content:"";position:absolute;top:0;left:-150%;width:62%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(100deg,transparent,rgba(248,237,203,.34),transparent);pointer-events:none}
.btn:hover::after{animation:sheen 1.05s ease-out}
@keyframes sheen{from{left:-150%}to{left:170%}}
.btn .arw{display:block;width:26px;height:1px;background:var(--gold-grad);flex:none}
.btn-solid{color:var(--bg-deep);background:var(--gold-fill);border:1px solid transparent}
.btn-solid:hover{color:var(--bg);box-shadow:0 0 40px rgba(232,200,119,.34)}
.btn-solid .arw{background:var(--bg-deep)}

/* ---------- header ---------- */
.hdr{
  position:fixed;inset:0 0 auto 0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:24px var(--pad-x);
  background:linear-gradient(180deg,rgba(32,13,18,.78),rgba(32,13,18,0));
  transition:background .5s ease,padding .5s ease,box-shadow .5s ease}
.hdr.is-solid{
  background:rgba(32,13,18,.93);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  padding:14px var(--pad-x);box-shadow:0 1px 0 rgba(232,200,119,.18)}
/* logo baglantisi: dokunma hedefi en az 44px */
.hdr>a{display:flex;flex-direction:column;justify-content:center;min-height:44px}
.mark-a{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.4em;color:var(--cream);line-height:1}
.mark-b{font-size:11px;font-weight:500;letter-spacing:.42em;margin-top:5px;padding-left:3px;line-height:1}
.nav{display:flex;gap:34px;font-size:12px;font-weight:500;letter-spacing:.24em}
.nav a{color:rgba(245,238,223,.88);position:relative;padding-bottom:5px}
.nav a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:1px;
  background:var(--gold-grad);transition:width .45s var(--ease)}
.nav a:hover::after,.nav a:focus-visible::after{width:100%}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--bg-deep)}
.hero-media{position:absolute;inset:-8% 0 -8% 0;will-change:transform}
.hs{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
  animation:hfade 27s cubic-bezier(.4,0,.2,1) infinite}
.hs-2{animation-delay:-9s}
.hs-3{animation-delay:-18s}
@keyframes hfade{
  0%{opacity:0;transform:scale(1.03)}
  5%{opacity:1}
  28%{opacity:1}
  34%{opacity:0;transform:scale(1.11)}
  100%{opacity:0;transform:scale(1.03)}
}
/* Karartma iki katmana ayrıldı:
   1) .hero-scrim      tüm görsele uygulanan HAFİF atmosfer perdesi
   2) .hero-scrim-text metnin oturduğu sol alt bölgeye yoğunlaşan elips
      karartma. Görselin sağ ve üst yarısı açık kalıyor; okunurluk
      yalnızca metnin arkasında satın alınıyor. */
.hero-scrim{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(78% 52% at 50% 40%, rgba(232,200,119,.085), transparent 70%),
    linear-gradient(180deg,rgba(32,13,18,.70) 0%,rgba(32,13,18,.20) 28%,rgba(32,13,18,.12) 50%,rgba(32,13,18,.30) 78%,rgba(43,18,24,.86) 100%)}
/* Baslik blogunun arkasindaki YEREL karartma.
   Elips, metin blogunun tam uzerine oturacak sekilde daraltildi
   (merkez %42/%68, yariçap %62 x %42) ve merkezde .80 opakliga
   cikarildi. Boylece hero gorselinin sag ust yarisi acik kalirken
   basligin oturdugu alan uc hero karesinde de belirgin koyu oluyor.
   Elips h1 blogunun KOSELERINI de kapsayacak kadar genis tutuldu;
   dar bir elipste ust-sol kose disarida kaliyor ve baslik orada
   okunmuyordu.
   Olcum (h1 bolgesi, uc hero karesinin en kotusu):
     ham en parlak %90 piksel 218 -> karartma sonrasi 67
     baslik gradyaninin koyu ucu (#D4AE60) ile kontrast 4.69:1
     ortalama zeminde 7.54:1 */
.hero-scrim-text{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(78% 56% at 44% 62%,
      rgba(20,7,11,.86) 0%, rgba(20,7,11,.84) 36%,
      rgba(20,7,11,.64) 60%, rgba(20,7,11,.28) 80%, transparent 100%),
    linear-gradient(0deg, rgba(20,7,11,.78) 0%, rgba(20,7,11,.34) 22%, transparent 42%)}
.hero-body{position:relative;width:100%;padding-top:170px;padding-bottom:clamp(70px,9vw,124px);z-index:2}
.hero-h1{
  /* 17ch dar geliyordu: "Kazandiriyoruz" tasip son harfi alt satira
     atiyordu. 20ch ile baslik iki satirda kaliyor. */
  font-size:clamp(30px,6.4vw,90px);line-height:1.16;letter-spacing:.13em;max-width:20ch;margin-top:32px;
  background:linear-gradient(100deg,#D4AE60 0%,#E8C877 20%,#FFF6DE 44%,#FFF6DE 52%,#E8C877 80%,#D4AE60 100%);
  background-size:230% 100%;background-position:0 0;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  /* altin gradyan metinde text-shadow glyph'in ARKASINA duser ve
     avizenin parlak noktalarinda harf kenarlarini ayirir */
  text-shadow:0 2px 22px rgba(20,7,11,.92),0 0 54px rgba(20,7,11,.7);
  opacity:0;transform:translateY(28px);
  animation:h1in 1.5s var(--ease) .3s forwards, h1shine 3.4s ease-out 1s 1}
@keyframes h1in{to{opacity:1;transform:none}}
@keyframes h1shine{from{background-position:190% 0}to{background-position:0 0}}
.hero-sub{
  margin-top:30px;font-size:clamp(16px,1.25vw,18px);line-height:1.8;
  color:rgba(245,238,223,.92);max-width:47ch;font-weight:400;
  text-shadow:0 1px 16px rgba(20,7,11,.85);
  opacity:0;transform:translateY(20px);animation:h1in 1.2s var(--ease) .95s forwards}
.hero-cta{display:inline-block;margin-top:46px;opacity:0;transform:translateY(20px);
  animation:h1in 1.2s var(--ease) 1.2s forwards}
.hero-note{position:absolute;right:var(--pad-x);bottom:30px;z-index:2;
  font-size:11px;font-weight:500;letter-spacing:.26em;color:rgba(245,238,223,.78);
  text-shadow:0 1px 10px rgba(24,9,13,.92)}

/* ---------- scroll reveal ---------- */
/* Reveal kisa tutuldu: sure .45s, kayma 16px, kademelendirme toplami
   en fazla .45s. Sayfa asagi kaydirilirken icerik bekletmiyor. */
[data-reveal]{opacity:0;transform:translateY(16px);
  transition:opacity .45s var(--ease),transform .45s var(--ease)}
[data-reveal].is-in{opacity:1;transform:none}
[data-delay="1"]{transition-delay:.05s}
[data-delay="2"]{transition-delay:.10s}
[data-delay="3"]{transition-delay:.15s}
[data-delay="4"]{transition-delay:.20s}

/* ---------- hakkımızda ---------- */
.about-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);
  gap:clamp(40px,6vw,104px);align-items:center}
/* Portre kasten görselsiz ve isimsiz: demo sürümde gerçek bir kişi
   temsil edilmiyor. Lead'e özel sürümde <img> ile değiştirilir. */
.portrait{
  position:relative;aspect-ratio:3/4;border:1px solid rgba(232,200,119,.34);
  display:flex;align-items:flex-end;justify-content:center;padding:26px;
  background-color:var(--surface);
  background-image:
    radial-gradient(120% 80% at 30% 12%, rgba(176,141,87,.18), transparent 60%),
    repeating-linear-gradient(108deg, rgba(234,224,206,.030) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(62deg, rgba(232,200,119,.024) 0 1px, transparent 1px 150px)}
.portrait{padding:0;overflow:hidden}
.portrait img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.94) saturate(.96)}
.portrait::before{content:"";position:absolute;inset:11px;border:1px solid rgba(232,200,119,.28);pointer-events:none;z-index:2}
.portrait span{font-size:11px;font-weight:500;letter-spacing:.24em;color:rgba(232,200,119,.9);text-align:center}

/* ---------- rakamlar ---------- */
.stats{position:relative;overflow:hidden;padding:clamp(76px,9vw,126px) 0;background:var(--bg-deep)}
.stats-bg{position:absolute;inset:-12% 0;opacity:.26;will-change:transform}
.stats-bg img{width:100%;height:100%;object-fit:cover;
  filter:grayscale(.15) brightness(.62) sepia(.18) hue-rotate(-18deg)}
.stats-veil{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(32,13,18,.94),rgba(32,13,18,.74) 50%,rgba(32,13,18,.94))}
.stats-in{
  position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  justify-items:center;align-items:start;
  gap:clamp(28px,4vw,64px);text-align:center;list-style:none;
  max-width:var(--wrap);margin:0 auto;
  padding-left:var(--pad-x);padding-right:var(--pad-x)}
.stat{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;width:100%}
.stat+.stat::before{
  content:"";position:absolute;left:calc(-1 * clamp(14px,2vw,32px));top:12%;bottom:12%;width:1px;
  background:linear-gradient(180deg,transparent,rgba(232,200,119,.45),transparent)}
.stat-n{
  font-family:var(--serif);font-weight:600;font-size:clamp(42px,6vw,84px);line-height:1;letter-spacing:.05em;
  background:var(--gold-grad-text);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
.stat-l{font-size:12px;font-weight:500;letter-spacing:.3em;color:rgba(245,238,223,.9)}

/* ---------- hizmetler ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  background:var(--wine);list-style:none;margin:0;padding:0}
.svc{background:var(--bg);padding:clamp(32px,3.2vw,50px) clamp(22px,2.3vw,34px);
  display:flex;flex-direction:column;gap:22px;position:relative;transition:background .5s ease}
.svc::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--gold-grad);
  transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.svc:hover{background:var(--surface)}
.svc:hover::before{transform:scaleX(1)}
.svc svg{color:var(--gold-m)}
.svc-t{font-family:var(--serif);font-size:19px;font-weight:500;letter-spacing:.09em;line-height:1.45}
/* aciklama karti alta yaslar: baslik 1 satir da olsa 3 satir da olsa
   dort kartin aciklamalari ayni hizadan baslar */
.svc-d{font-size:15px;font-weight:400;line-height:1.8;color:var(--text-muted);margin-top:auto}

/* ---------- projeler ---------- */
.tabs{display:flex;gap:10px;flex-wrap:wrap}
.tab{
  appearance:none;background:transparent;border:1px solid var(--wine);color:var(--text-muted);
  font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.24em;
  padding:14px 26px;cursor:pointer;
  transition:color .35s ease,border-color .35s ease,box-shadow .35s ease}
.tab:hover{color:var(--gold-l);border-color:rgba(232,200,119,.6)}
.tab[aria-pressed="true"]{
  color:var(--bg-deep);background:var(--gold-fill);border-color:transparent;
  box-shadow:0 0 26px rgba(232,200,119,.22)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,28px);
  list-style:none;margin:0;padding:0;align-items:stretch}
/* [hidden] oznitelugi her kosulda gizler. Bilesene display verildiginde
   (ornegin asagidaki .pcard'a display:flex) yazar kurali tarayicinin
   [hidden] kuralini eziyor ve eleman gorunur kaliyordu; proje filtresi
   kartlari bu yuzden suzmuyordu. */
[hidden]{display:none!important}
.pcard{position:relative;background:var(--pcard-bg);display:flex;flex-direction:column}
.pcard img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(.94);
  transition:transform .9s var(--ease),filter .5s ease}
.pcard:hover img,.pcard:focus-within img{transform:scale(1.09);filter:brightness(.98) saturate(1.06)}
/* Kart altindaki TEK etiket: proje adi burada, kalici olarak durur.
   Gorsel uzerinde ikinci bir isim seridi YOKTUR; hover yalnizca
   gorseli buyutur, altin cerceveyi getirir ve bu seridi parlatir. */
.pcard-alt{
  display:flex;flex-direction:column;gap:7px;
  padding:16px 2px 4px;margin-top:auto}
.pcard-ad{
  font-family:var(--serif);font-size:clamp(16px,1.3vw,18px);font-weight:500;
  letter-spacing:.08em;line-height:1.35;color:var(--cream);
  transition:color .3s ease}
.pcard:hover .pcard-ad{color:var(--gold-m)}
.pcard-kat{font-size:11px;font-weight:500;letter-spacing:.26em}

/* ---------- süreç ---------- */
.pr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,2.6vw,44px);
  list-style:none;margin:0;padding:0}
.pr{display:flex;flex-direction:column;gap:20px;padding-top:30px;
  border-top:1px solid var(--wine);position:relative}
.pr::before{content:"";position:absolute;top:-1px;left:0;width:34%;height:1px;background:var(--gold-grad)}
.pr-n{font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.32em}
.pr-t{font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:.1em;line-height:1.4}
.pr-d{font-size:15px;font-weight:400;line-height:1.8;color:var(--text-muted)}

/* ---------- iletişim ---------- */
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(40px,6vw,104px);align-items:end}
.ct-list{margin:0;padding:0}
.ct-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  padding:24px 0;border-bottom:1px solid rgba(122,46,60,.85)}
.ct-k{font-size:11px;font-weight:500;letter-spacing:.3em;color:rgba(245,238,223,.84);margin:0}
.ct-v{font-family:var(--serif);font-size:19px;font-weight:500;letter-spacing:.1em;margin:0}
.ct-v a{display:inline-flex;align-items:center;min-height:44px}
/* pasif sosyal ikon (demo: hesap bağlanmadı), 44px dokunma hedefi */
.social{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border:1px solid rgba(122,46,60,.85);color:var(--gold-m);
  transition:border-color .35s ease,color .35s ease,box-shadow .35s ease}
.social:hover{border-color:rgba(232,200,119,.7);color:var(--gold-l);box-shadow:0 0 22px rgba(232,200,119,.16)}

/* ---------- footer ---------- */
.ftr-in{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.ftr-c{font-size:12px;letter-spacing:.16em;color:rgba(245,238,223,.88)}
.ftr-n{font-size:11.5px;font-weight:500;letter-spacing:.24em;color:rgba(232,200,119,.9)}

/* ============================================================
   RESPONSIVE
   Mobil tipografi değerleri gerçek Cinzel/Manrope metrikleriyle
   ölçüldü; 360 ile 375px arasında hiçbir başlık veya etiket taşmıyor.
   ============================================================ */
@media (max-width:1080px){
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-grid,.ct-grid{grid-template-columns:minmax(0,1fr)}
  .nav{display:none}
  .hero-note{display:none}
}
@media (max-width:620px){
  .svc-grid,.pgrid,.pr-grid{grid-template-columns:minmax(0,1fr)}
  .stats-in{grid-template-columns:minmax(0,1fr);gap:44px}
  .stat+.stat::before{display:none}
  /* "Kazandırıyoruz" 375px'te 34px/.09em ile 348px sürüyordu (alan 327px) */
  .hero-h1{letter-spacing:.05em}
  .hero-body{padding-top:140px}
  .btn{font-size:12px;letter-spacing:.2em;padding:16px 26px;gap:12px}
  .tab{font-size:11.5px;letter-spacing:.18em;padding:12px 20px}
  .stat-l{font-size:11.5px;letter-spacing:.24em}
  /* mobilde hero metni tam genişlikte: karartma elipsini ortala ve genişlet */
  .hero-scrim-text{
    background:
      radial-gradient(116% 58% at 50% 66%,
        rgba(20,7,11,.88) 0%, rgba(20,7,11,.86) 36%,
        rgba(20,7,11,.66) 60%, rgba(20,7,11,.30) 80%, transparent 100%),
      linear-gradient(0deg, rgba(20,7,11,.82) 0%, rgba(20,7,11,.36) 24%, transparent 44%)}
  .ftr-n{font-size:11px;letter-spacing:.2em}
  .ct-row{flex-direction:column;align-items:flex-start;gap:8px}
}

/* ============================================================
   ÇOK SAYFALI YAPI
   Ortak sayfa başlığı, bölüm başlıkları, ikincil buton
   ============================================================ */

/* hero'su olmayan sayfaların üst bloğu: sabit başlık altında nefes */
.sayfa-bas{padding:calc(clamp(120px,14vw,190px)) 0 clamp(30px,4vw,48px)}
.h1-sayfa{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(30px,5.4vw,64px);line-height:1.18;letter-spacing:.11em;
  max-width:20ch;margin:0;
  background:var(--gold-grad-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .h1-sayfa{background:none;-webkit-text-fill-color:var(--gold-m);color:var(--gold-m)}
}
.lead-bas{margin-top:28px;max-width:62ch}
/* sayfa başlığından hemen sonra gelen bölüm, üstten daha az boşluk alsın */
.sec-ust{padding-top:clamp(40px,5vw,72px)}

/* bölüm başlığı ile yandaki bağlantıyı aynı satıra alan blok */
.sec-bas{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:30px;flex-wrap:wrap;margin-bottom:clamp(34px,4vw,58px)}

.btn-kucuk{padding:14px 26px;font-size:11.5px;letter-spacing:.24em}

.cta-in{text-align:left;max-width:64ch}
.sec-cta .rule-s{margin-left:0}

/* ============================================================
   HEADER: mobil menü
   ============================================================ */
.hdr .nav a[aria-current="page"]{color:var(--gold-m)}
.hdr .nav a[aria-current="page"]::after{width:100%}

/* hamburger: masaüstünde gizli */
.nav-ac{
  display:none;position:relative;width:46px;height:46px;
  appearance:none;background:transparent;border:1px solid rgba(232,200,119,.34);
  cursor:pointer;padding:0}
.nav-ac span{
  position:absolute;left:13px;right:13px;height:1px;background:var(--gold-m);
  transition:transform .35s var(--ease),opacity .25s ease}
.nav-ac span:nth-child(1){top:17px}
.nav-ac span:nth-child(2){top:22px}
.nav-ac span:nth-child(3){top:27px}
.nav-ac.is-open span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.nav-ac.is-open span:nth-child(2){opacity:0}
.nav-ac.is-open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

.mobil-menu{
  position:fixed;inset:0;z-index:55;display:none;
  flex-direction:column;align-items:flex-start;justify-content:center;
  gap:6px;padding:0 var(--pad-x);
  background:rgba(24,9,13,.97);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mobil-menu[hidden]{display:none}
.mobil-link{
  font-family:var(--serif);font-size:clamp(21px,6vw,30px);font-weight:500;
  letter-spacing:.14em;color:var(--cream);padding:14px 0;
  display:block;width:100%;border-bottom:1px solid rgba(122,46,60,.7)}
.mobil-link[aria-current="page"]{color:var(--gold-m)}
.mobil-link:last-child{border-bottom:0}
html.menu-acik{overflow:hidden}

/* ============================================================
   FOOTER: alt menü
   ============================================================ */

/* ============================================================
   PROJE KARTI (bağlantı hâline geldi)
   ============================================================ */
.pgrid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pcard-link{
  display:block;position:relative;color:inherit;
  text-decoration:none;overflow:hidden}
/* butun kartlarda sabit 4:5 gorsel, satirdaki kartlar esit yukseklikte */
.pcard-media{display:block;aspect-ratio:4/5;overflow:hidden}
.pcard-link:focus-visible{outline:2px solid var(--gold-m);outline-offset:-4px}

/* ============================================================
   PROJE SAYFASI
   ============================================================ */
.proje-kapak{position:relative;min-height:clamp(360px,58vh,620px);overflow:hidden;background:var(--bg-deep)}
.proje-kapak>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.proje-kapak-scrim{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(120% 76% at 20% 100%,
      rgba(24,9,13,.92) 0%, rgba(24,9,13,.84) 32%,
      rgba(24,9,13,.50) 56%, rgba(24,9,13,.16) 74%, transparent 86%),
    linear-gradient(180deg,rgba(32,13,18,.80) 0%,rgba(32,13,18,.24) 30%,rgba(32,13,18,.16) 55%,rgba(32,13,18,.52) 100%)}
.proje-kapak-govde{
  position:relative;z-index:2;
  min-height:clamp(360px,58vh,620px);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding-top:150px;padding-bottom:clamp(40px,6vw,72px)}
.kirinti{
  display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin-bottom:18px;
  font-size:11.5px;font-weight:500;letter-spacing:.24em}
.kirinti a{
  color:rgba(245,238,223,.86);
  display:inline-flex;align-items:center;
  min-height:44px;min-width:44px}   /* kısa etiketlerde de 44px dokunma hedefi */
.kirinti a:hover{color:var(--gold-m)}
.kirinti span{color:rgba(232,200,119,.72)}
.proje-h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(29px,5.2vw,62px);line-height:1.16;letter-spacing:.11em;
  max-width:19ch;margin:0;
  background:var(--gold-grad-text);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .proje-h1{background:none;-webkit-text-fill-color:var(--gold-m);color:var(--gold-m)}
}
.proje-in{padding-top:clamp(44px,6vw,76px);padding-bottom:clamp(70px,9vw,120px)}

.pmeta{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.4vw,34px);margin:0;padding:26px 0 0;
  border-top:1px solid rgba(122,46,60,.9)}
.pmeta-row{display:flex;flex-direction:column;gap:9px;min-width:0}
.pmeta dt{font-size:11px;font-weight:500;letter-spacing:.3em;color:rgba(232,200,119,.94);margin:0}
.pmeta dd{
  margin:0;font-family:var(--serif);font-size:16px;font-weight:500;
  letter-spacing:.05em;line-height:1.5;color:var(--cream);overflow-wrap:break-word}

.proje-hikaye{
  margin:clamp(32px,4vw,46px) 0 0;max-width:62ch;
  font-size:clamp(16px,1.15vw,17px);font-weight:400;line-height:1.8;color:var(--cream)}

/* önceki / sonraki proje */
.proje-gez{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:clamp(18px,3vw,40px);
  margin-top:clamp(56px,7vw,92px);padding-top:34px;
  border-top:1px solid rgba(122,46,60,.9)}
.gez-yan{display:flex;flex-direction:column;gap:8px;min-width:0}
.gez-sonraki{text-align:right}
.gez-k{font-size:11px;font-weight:500;letter-spacing:.26em;color:rgba(232,200,119,.94)}
.gez-ad{
  font-family:var(--serif);font-size:clamp(16px,1.6vw,20px);font-weight:500;
  letter-spacing:.08em;line-height:1.4;color:var(--cream);
  transition:color .3s ease}
.gez-yan:hover .gez-ad{color:var(--gold-m)}
.gez-orta{
  font-size:11px;font-weight:500;letter-spacing:.24em;
  color:rgba(245,238,223,.86);text-align:center;
  padding:12px 18px;border:1px solid rgba(122,46,60,.9);white-space:nowrap}
.gez-orta:hover{color:var(--gold-l);border-color:rgba(232,200,119,.6)}

/* ============================================================
   PROJE GALERİSİ
   JS kapalıyken ilk kare görünür, küçük önizlemeler yine listelenir;
   bütün görseller ve alt metinleri HTML'de hazırdır.
   ============================================================ */
.gal{margin-top:clamp(40px,5vw,66px)}
.gal-main{
  position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--pcard-bg)}
.gal-shot{
  position:absolute;inset:0;appearance:none;border:0;margin:0;padding:0;
  width:100%;height:100%;cursor:zoom-in;overflow:hidden;background:var(--pcard-bg);
  opacity:0;visibility:hidden;
  transition:opacity .55s var(--ease),visibility 0s linear .55s}
.gal-shot.is-active{opacity:1;visibility:visible;transition-delay:0s,0s}
.gal-shot img{width:100%;height:100%;object-fit:cover}
.gal-shot:focus-visible{outline:2px solid var(--gold-m);outline-offset:-4px}

.gal-thumbs{
  display:flex;gap:10px;margin-top:12px;
  overflow-x:auto;overscroll-behavior-x:contain;
  scrollbar-width:thin;scrollbar-color:rgba(232,200,119,.4) transparent;
  -webkit-overflow-scrolling:touch}
.gal-thumbs::-webkit-scrollbar{height:4px}
.gal-thumbs::-webkit-scrollbar-thumb{background:rgba(232,200,119,.4)}
.gal-thumb{
  position:relative;flex:0 0 auto;width:132px;aspect-ratio:3/2;
  appearance:none;border:0;padding:0;margin:0;cursor:pointer;overflow:hidden;
  background:linear-gradient(150deg,#2B1218,#1B0A10)}
.gal-thumb img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.62) saturate(.9);transition:filter .4s ease}
.gal-thumb::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  border:1px solid transparent;transition:border-color .35s ease,box-shadow .35s ease}
.gal-thumb.is-active img,.gal-thumb:hover img{filter:brightness(1) saturate(1.02)}
.gal-thumb.is-active::after{
  border-color:rgba(232,200,119,.9);box-shadow:inset 0 0 20px rgba(232,200,119,.18)}
.gal-thumb:focus-visible{outline:2px solid var(--gold-m);outline-offset:2px}

/* ============================================================
   LIGHTBOX
   ============================================================ */
.plb{
  position:fixed;inset:0;z-index:100;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(52px,7vw,84px) clamp(12px,5vw,88px);
  background:rgba(16,5,9,.96);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;transition:opacity .35s var(--ease)}
.plb.is-open{opacity:1}
.plb[hidden]{display:none}
.plb-fig{margin:0;max-width:100%;max-height:100%;display:flex;
  flex-direction:column;align-items:center;gap:16px}
.plb-img{
  max-width:100%;max-height:calc(100svh - 190px);width:auto;height:auto;
  object-fit:contain;animation:plbin .45s var(--ease)}
@keyframes plbin{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.plb-cap{
  margin:0;text-align:center;max-width:60ch;
  font-size:14px;font-weight:400;line-height:1.7;color:var(--cream)}
.plb-count{
  position:absolute;left:0;right:0;bottom:22px;margin:0;text-align:center;
  font-size:12px;font-weight:500;letter-spacing:.3em;color:rgba(232,200,119,.94)}
.plb-close,.plb-nav{
  position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;
  width:52px;height:52px;appearance:none;cursor:pointer;color:var(--gold-l);
  border:1px solid rgba(232,200,119,.42);background:rgba(24,9,13,.9);
  transition:color .3s ease,border-color .3s ease,box-shadow .35s ease}
.plb-close:hover,.plb-nav:hover{
  color:#FFF6DE;border-color:rgba(232,200,119,.85);box-shadow:0 0 26px rgba(232,200,119,.22)}
.plb-close{top:14px;right:14px}
.plb-prev{left:14px;top:50%;transform:translateY(-50%)}
.plb-next{right:14px;top:50%;transform:translateY(-50%)}

/* ============================================================
   SANAL TUR
   ============================================================ */
.tur-kart{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  align-items:stretch;gap:0;color:inherit;
  border:1px solid rgba(122,46,60,.9);overflow:hidden;
  transition:border-color .45s ease,box-shadow .5s ease}
.tur-kart:hover{border-color:rgba(232,200,119,.5);box-shadow:0 0 44px rgba(232,200,119,.10)}
.tur-media{display:block;position:relative;width:100%;overflow:hidden;min-height:280px}
.tur-media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(.72) saturate(.95);
  transition:transform 1.2s var(--ease),filter .7s ease}
.tur-kart:hover .tur-media img{transform:scale(1.06);filter:brightness(.92) saturate(1.04)}
.tur-govde{
  display:flex;flex-direction:column;align-items:flex-start;gap:18px;
  padding:clamp(32px,4vw,56px);background:var(--surface)}
.tur-govde .rule-s{margin:0}
.tur-h{
  font-family:var(--serif);font-size:clamp(21px,2.4vw,30px);font-weight:500;
  letter-spacing:.1em;line-height:1.35;color:var(--cream)}
.tur-d{font-size:15px;font-weight:400;line-height:1.8;color:var(--text-muted);max-width:44ch}
.tur-govde .btn{margin-top:6px}

/* panorama bekleniyor durumu */
.tur-bos{
  border:1px solid rgba(122,46,60,.9);background:var(--surface);
  padding:clamp(40px,6vw,80px);max-width:74ch}
.tur-bos-ikon{display:block;color:var(--gold-m);margin-bottom:24px}
.tur-bos-h{margin-bottom:24px}
.tur-bos code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.92em;color:var(--gold-m);
  background:rgba(24,9,13,.6);padding:2px 6px}
.pano{aspect-ratio:16/9;background:var(--pcard-bg);border:1px solid rgba(122,46,60,.9)}

/* ============================================================
   RESPONSIVE, çok sayfalı eklemeler
   ============================================================ */
@media (max-width:1080px){
  .pgrid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-ac{display:block}
  .mobil-menu{display:flex}
  .mobil-menu[hidden]{display:none}
  .tur-kart{grid-template-columns:minmax(0,1fr)}
  .tur-media{min-height:0;aspect-ratio:16/9}
}
@media (max-width:720px){
  .pmeta{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:22px}
  .pmeta-row{flex-direction:row;align-items:baseline;justify-content:space-between;gap:18px}
  .pmeta dt{flex:0 0 auto}
  .pmeta dd{text-align:right;font-size:15px}

  /* galeri kenar boşluksuz tam genişlik + dokunmatik swipe */
  .gal-main,.gal-thumbs{
    margin-left:calc(-1 * var(--pad-x));margin-right:calc(-1 * var(--pad-x));
    width:calc(100% + var(--pad-x) * 2)}
  .gal-main{
    aspect-ratio:4/3;display:flex;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .gal-main::-webkit-scrollbar{display:none}
  .gal-shot{
    position:relative;inset:auto;flex:0 0 100%;width:100%;height:auto;
    aspect-ratio:4/3;scroll-snap-align:center;scroll-snap-stop:always;
    opacity:1;visibility:visible;transition:none}
  .gal-thumbs{gap:8px;padding:0 var(--pad-x)}
  .gal-thumb{width:104px}

  .plb{padding:76px 0 74px}
  .plb-img{max-height:calc(100svh - 210px)}
  .plb-cap{font-size:13px;padding:0 20px}
  .plb-prev,.plb-next{top:auto;bottom:14px;transform:none;width:56px;height:52px}
  .plb-prev{left:16px}
  .plb-next{right:16px}
  .plb-count{bottom:30px}

  .proje-gez{grid-template-columns:minmax(0,1fr);gap:26px;text-align:left}
  .gez-sonraki{text-align:left}
  .gez-orta{justify-self:start}
}
@media (max-width:620px){
  .pgrid-3{grid-template-columns:minmax(0,1fr)}
  .sayfa-bas{padding-top:clamp(112px,26vw,150px)}
  .proje-kapak,.proje-kapak-govde{min-height:clamp(300px,64vh,460px)}
  .proje-kapak-govde{padding-top:130px}
  .kirinti{font-size:11px;letter-spacing:.16em;gap:0 8px}
}

/* ============================================================
   SANAL TUR: PANORAMA GORUNTULEYICI
   Pannellum'un kendi stilleri assets/js/pannellum.css icinde;
   burada yalnizca kabin ve sahne secicinin site paletine
   oturmasi saglanir.
   ============================================================ */
.pano-sar{position:relative}
.pano{
  aspect-ratio:16/9;width:100%;
  background:linear-gradient(150deg,#2B1218,#1B0A10 60%,#3A1B22);
  border:1px solid rgba(122,46,60,.9)}
/* yuklenirken altin-visne shimmer, galeri skeletonuyla ayni dil */
.pano.is-yukleniyor::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,
    rgba(122,46,60,0) 0%, rgba(122,46,60,.34) 32%,
    rgba(232,200,119,.20) 50%, rgba(122,46,60,.34) 68%, rgba(122,46,60,0) 100%);
  background-size:220% 100%;
  animation:povshimmer 1.5s linear infinite}
@keyframes povshimmer{from{background-position:180% 0}to{background-position:-80% 0}}
.pano.is-hata::after{
  content:"Panorama yüklenemedi.";
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--cream);font-size:15px}
.pano-noscript{padding:clamp(24px,4vw,44px);color:var(--cream);font-size:15px;line-height:1.8}
.pano-noscript code{color:var(--gold-m)}
.pano-ipucu{
  position:absolute;left:14px;bottom:14px;margin:0;pointer-events:none;
  font-size:11px;font-weight:500;letter-spacing:.22em;color:rgba(245,238,223,.9);
  background:rgba(24,9,13,.82);padding:8px 14px}

/* Pannellum'un varsayilan sol ust kontrolleri kapatildi; bunlar
   sitenin altin cerceveli kendi butonlari. */
.pano-kontrol{position:absolute;right:14px;bottom:14px;display:flex;gap:8px;z-index:3}
.pano-btn{
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  appearance:none;cursor:pointer;color:var(--gold-l);
  border:1px solid rgba(232,200,119,.42);background:rgba(24,9,13,.88);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:color .3s ease,border-color .3s ease,box-shadow .35s ease}
.pano-btn:hover{
  color:#FFF6DE;border-color:rgba(232,200,119,.85);box-shadow:0 0 22px rgba(232,200,119,.22)}
.pano-btn:focus-visible{outline:2px solid var(--gold-m);outline-offset:2px}

.pano-secici{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.pano-sec{
  position:relative;flex:0 1 260px;display:flex;flex-direction:column;gap:0;
  appearance:none;border:1px solid rgba(122,46,60,.9);background:var(--pcard-bg);
  padding:0;margin:0;cursor:pointer;overflow:hidden;text-align:left;
  transition:border-color .35s ease,box-shadow .35s ease}
.pano-sec-media{display:block;aspect-ratio:3/2;overflow:hidden}
.pano-sec img{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.66) saturate(.92);transition:filter .4s ease}
.pano-sec-ad{
  display:block;padding:13px 16px;
  font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:.07em;
  color:var(--cream)}
.pano-sec:hover img,.pano-sec.is-active img{filter:brightness(1) saturate(1.02)}
.pano-sec.is-active{
  border-color:rgba(232,200,119,.85);box-shadow:inset 0 0 24px rgba(232,200,119,.14)}
.pano-sec.is-active .pano-sec-ad{color:var(--gold-m)}
.pano-sec:focus-visible{outline:2px solid var(--gold-m);outline-offset:2px}

.pano-mekan{
  margin:22px 0 0;max-width:62ch;
  font-size:16px;font-weight:400;line-height:1.8;color:var(--cream)}
.pano-not{
  margin:18px 0 0;max-width:62ch;
  font-size:14px;font-weight:400;line-height:1.75;color:var(--text-muted)}

@media (max-width:720px){
  .pano{aspect-ratio:4/3}
  .pano-sec{flex:1 1 100%}
  .pano-ipucu{left:10px;bottom:10px;font-size:11px;letter-spacing:.14em;padding:7px 10px}
  .pano-kontrol{right:10px;bottom:10px;gap:6px}
}
@media (prefers-reduced-motion:reduce){
  .pano.is-yukleniyor::after{animation:none}
}

/* ============================================================
   KURUCU BLOKU: portre + ad + unvan
   ============================================================ */
.portre-blok{display:flex;flex-direction:column}
.kurucu{
  display:flex;flex-direction:column;gap:6px;
  margin:20px 0 0;padding-left:2px}
.kurucu-ad{
  font-family:var(--serif);font-size:clamp(18px,1.6vw,21px);font-weight:500;
  letter-spacing:.1em;line-height:1.35;color:var(--cream)}
.kurucu-unvan{font-size:11.5px;font-weight:500;letter-spacing:.3em}

/* ============================================================
   PROJE KARTI: tek etiket sistemi
   Isim yalnizca kartin altinda, kalici olarak durur. Hover
   gorseli buyutur, altin cerceveyi getirir ve etiket seridini
   hafifce parlatir.
   ============================================================ */
.pcard-alt{
  position:relative;
  transition:background-color .4s ease}
.pcard-alt::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:var(--gold-grad);opacity:0;
  transition:opacity .4s ease}
.pcard:hover .pcard-alt,.pcard:focus-within .pcard-alt{
  background-color:rgba(232,200,119,.05)}
.pcard:hover .pcard-alt::before,.pcard:focus-within .pcard-alt::before{opacity:.8}
.pcard-link::after{
  content:"";position:absolute;inset:9px;pointer-events:none;
  border:1px solid rgba(232,200,119,.85);opacity:0;
  box-shadow:inset 0 0 26px rgba(232,200,119,.16);
  transition:opacity .45s ease,inset .45s var(--ease)}
.pcard:hover .pcard-link::after,.pcard:focus-within .pcard-link::after{opacity:1;inset:14px}

/* ============================================================
   PROJELER: filtre satiri nefesi
   ============================================================ */
.tabs{margin-top:clamp(8px,1.5vw,18px);margin-bottom:clamp(40px,4.5vw,48px)}

/* ============================================================
   ILETISIM SAYFASI
   ============================================================ */
.ct-grid{align-items:start;gap:clamp(40px,5vw,88px)}
.ct-sol .lead{max-width:52ch}
.ct-adres{
  display:flex;flex-direction:column;gap:8px;
  margin-top:34px;padding:22px 24px;
  border:1px solid rgba(122,46,60,.9);background:var(--surface)}
.ct-adres-k{font-size:11px;font-weight:500;letter-spacing:.3em;color:rgba(232,200,119,.94)}
.ct-adres-v{
  font-family:var(--serif);font-size:18px;font-weight:500;
  letter-spacing:.07em;color:var(--cream)}

/* harita: tikla-yukle karti */
.harita{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  align-items:stretch;overflow:hidden;
  border:1px solid rgba(122,46,60,.9);background:var(--pcard-bg)}
/* CSS ile cizilmis koyu tema yer plani: dis istek yok */
.harita-yer{
  position:relative;min-height:280px;
  background-color:#1B0A10;
  background-image:
    linear-gradient(rgba(232,200,119,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232,200,119,.055) 1px, transparent 1px),
    linear-gradient(rgba(122,46,60,.55) 2px, transparent 2px),
    linear-gradient(115deg, rgba(122,46,60,.45) 2px, transparent 2px),
    radial-gradient(120% 90% at 50% 50%, rgba(176,141,87,.12), transparent 62%);
  background-size:34px 34px,34px 34px,100% 132px,190px 100%,100% 100%;
  background-position:0 0,0 0,0 46%,0 0,0 0}
.harita-pin{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-64%);
  color:var(--gold-m);filter:drop-shadow(0 6px 18px rgba(20,7,11,.8))}
.harita-govde{
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;
  padding:clamp(28px,3.4vw,44px);background:var(--surface)}
.harita-ad{
  margin:0;font-size:11px;font-weight:500;letter-spacing:.3em;
  color:rgba(232,200,119,.94)}
.harita-adres{
  margin:0;font-family:var(--serif);font-size:clamp(19px,2vw,24px);font-weight:500;
  letter-spacing:.08em;color:var(--cream)}
.harita-ac{margin-top:12px;border:1px solid transparent;
  background:linear-gradient(var(--bg-deep),var(--bg-deep)) padding-box, var(--gold-grad) border-box}
.harita-not{
  margin:14px 0 0;font-size:13.5px;font-weight:400;line-height:1.7;
  color:var(--text-muted);max-width:40ch}

/* ============================================================
   YUZEN ILETISIM DUGMESI
   ============================================================ */
.fab{
  position:fixed;right:clamp(16px,2.4vw,28px);
  bottom:calc(clamp(16px,2.4vw,28px) + var(--fab-alt,0px));
  z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:12px;
  transition:bottom .35s var(--ease)}
.fab-ana{
  width:58px;height:58px;display:flex;align-items:center;justify-content:center;
  padding:0;line-height:0;
  appearance:none;cursor:pointer;position:relative;
  color:var(--gold-m);border-radius:50%;
  border:1px solid rgba(232,200,119,.55);
  background:radial-gradient(120% 120% at 30% 25%, #45202A 0%, var(--bg) 55%, var(--bg-deep) 100%);
  box-shadow:0 10px 30px rgba(20,7,11,.55);
  transition:color .3s ease,border-color .3s ease,box-shadow .4s ease,transform .3s var(--ease)}
.fab-ana:hover{
  color:var(--gold-l);border-color:rgba(232,200,119,.9);
  box-shadow:0 12px 34px rgba(20,7,11,.6),0 0 30px rgba(232,200,119,.24);
  transform:translateY(-2px)}
.fab-ana:focus-visible{outline:2px solid var(--gold-m);outline-offset:3px}
/* ikonlar buton icinde tam merkezli; SVG'ler blok, satir yuksekligi yok */
.fab-svg{display:block;flex:none}
/* dolgu (Simple Icons) ikonu, stroke ikonlarla optik agirlik esitligi
   icin bir tik kucuk cizilir */
.fab-svg-dolgu{width:17px;height:17px}
.fab-ikon-kapat{display:none}
.fab.is-open .fab-ikon-acik{display:none}
.fab.is-open .fab-ikon-kapat{display:block}

/* kapaliyken 2 saniyede bir yumusak altin halka */
.fab-nabiz{
  position:absolute;inset:-1px;border-radius:50%;pointer-events:none;
  border:1px solid rgba(232,200,119,.6);
  opacity:0;animation:fabNabiz 2s ease-out infinite}
.fab.is-open .fab-nabiz,.fab-ana:hover .fab-nabiz{animation:none;opacity:0}
@keyframes fabNabiz{
  0%{transform:scale(1);opacity:.55}
  70%{transform:scale(1.32);opacity:0}
  100%{transform:scale(1.32);opacity:0}}

.fab-liste{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab-liste[hidden]{display:none}
.fab-mini{
  display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;
  height:46px;padding:0 16px;
  color:var(--gold-m);border:1px solid rgba(232,200,119,.42);
  background:rgba(24,9,13,.94);
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  border-radius:999px;
  /* Dinlenme durumu dogru olani: liste display:none'dan gelirken
     animasyon bazi tarayicilarda hic baslamiyor ve pill baslangic
     donusumunde takili kalabiliyordu. Bu yuzden pill'in temel hali
     dogru olani: animasyon "backwards" ile yalnizca gecikme suresince
     baslangic karesini gosterir, bittiginde temel hale doner. */
  animation:fabIn .32s var(--ease) backwards;
  transition:color .3s ease,border-color .3s ease,box-shadow .35s ease}
.fab-mini:hover{
  color:var(--gold-l);border-color:rgba(232,200,119,.85);
  box-shadow:0 0 22px rgba(232,200,119,.22)}
.fab-mini:focus-visible{outline:2px solid var(--gold-m);outline-offset:2px}
.fab-ad{font-size:11.5px;font-weight:500;letter-spacing:.2em;color:var(--cream)}
/* kademeli belirme: alttaki once */
.fab-liste li:nth-child(3) .fab-mini{animation-delay:0s}
.fab-liste li:nth-child(2) .fab-mini{animation-delay:.06s}
.fab-liste li:nth-child(1) .fab-mini{animation-delay:.12s}
@keyframes fabIn{
  from{opacity:0;transform:translateY(10px) scale(.96)}
  to{opacity:1;transform:none}}

/* ============================================================
   SOSYAL IKON SIRASI (footer ve iletisim sayfasi)
   Kutular 44px tiklama alani, ikonlar 20px ve optik merkezli.
   ============================================================ */
.sos-sira{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sos{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;flex:none;
  border:1px solid rgba(122,46,60,.9);color:var(--gold-m);
  transition:border-color .35s ease,color .35s ease,box-shadow .35s ease}
.sos:hover{
  border-color:rgba(232,200,119,.7);color:var(--gold-l);
  box-shadow:0 0 20px rgba(232,200,119,.16)}
.sos:focus-visible{outline:2px solid var(--gold-m);outline-offset:2px}
.sos-svg{display:block;flex:none}
/* dolgu (Simple Icons) isareti, stroke ikonlarla optik agirlik
   esitligi icin bir tik kucuk cizilir */
.sos-svg-dolgu{width:18px;height:18px}
.ftr-sosyal-li{margin-top:8px}
.ftr-liste .ftr-sosyal-li{display:block}

/* ============================================================
   FOOTER: dort sutun
   ============================================================ */
.ftr{padding:clamp(52px,6vw,76px) 0 40px;background:var(--bg-deep)}
.ftr-in{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));
  gap:clamp(30px,3.4vw,54px);align-items:start}
.ftr-sutun{min-width:0}
.ftr-logo{display:flex;flex-direction:column;margin-bottom:18px}
.ftr-ozet{
  margin:0;max-width:44ch;
  font-size:14.5px;font-weight:400;line-height:1.8;color:var(--text-muted)}
.ftr-bas{
  margin:0 0 16px;font-family:var(--sans);
  font-size:11px;font-weight:500;letter-spacing:.3em;color:rgba(232,200,119,.94)}
.ftr-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ftr-liste a{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:14px;font-weight:400;letter-spacing:.04em;color:rgba(245,238,223,.86)}
.ftr-liste a:hover{color:var(--gold-m)}
.ftr-iletisim a{letter-spacing:.02em}
.ftr-sosyal{
  width:44px;height:44px;justify-content:center;
  border:1px solid rgba(122,46,60,.9);color:var(--gold-m);margin-top:6px;
  transition:border-color .35s ease,color .35s ease,box-shadow .35s ease}
.ftr-sosyal:hover{
  border-color:rgba(232,200,119,.7);color:var(--gold-l);
  box-shadow:0 0 20px rgba(232,200,119,.16)}
.ftr-alt{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;
  gap:18px;flex-wrap:wrap;
  margin-top:clamp(30px,3.4vw,44px);padding-top:26px;
  border-top:1px solid rgba(122,46,60,.8)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
  .harita{grid-template-columns:minmax(0,1fr)}
  .harita-yer{min-height:220px}
  .ftr-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr-marka{grid-column:1/-1}
}
@media (max-width:620px){
  .ftr-in{grid-template-columns:minmax(0,1fr)}
  .fab{right:14px;bottom:calc(14px + var(--fab-alt,0px))}
  .fab-ana{width:56px;height:56px}
  .fab-mini{height:46px;padding:0 14px}
  .kurucu{margin-top:16px}
}

/* ============================================================
   HAREKET AZALTMA
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .fab{transition:none}
  .fab-mini{animation:none;opacity:1;transform:none}
  .fab-nabiz{animation:none;opacity:0}
  .fab-ana:hover{transform:none}
}

/* ============================================================
   HAREKET AZALTMA
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important}
  .hs{opacity:1}
  .hs-2,.hs-3{display:none}
  .hero-h1,.hero-sub,.hero-cta{opacity:1;transform:none}
  [data-reveal]{opacity:1;transform:none}
  .gal-shot,.gal-shot img,.gal-thumb img,.plb{transition:none}
  .plb-img{animation:none}
  .gal-main{scroll-behavior:auto}
  .tur-kart:hover .tur-media img{transform:none}
}