/* =====================================================================
   CanSev İnşaat — Tasarım Sistemi
   Kimlik: siyah / antrasit zemin + logodan örneklenen metalik altın.
   Düzen: koyu sahneler arasında kırık beyaz editoryal bölümler; ince altın
   çizgiler ve logodaki "— İNŞAAT —" çizgi motifi tekrar eden imza öğesidir.
   ===================================================================== */
:root{
  /* Zeminler */
  --siyah:#0b0b0c; --antrasit:#141518; --antrasit-2:#1c1d21; --antrasit-3:#2a2c31;
  --fildisi:#f3efe7; --kagit:#faf8f4;
  /* Altın (logodan: açık #e3c27f · orta #c99a4a · koyu #8a6528) */
  --altin:#c99a4a; --altin-acik:#e3c27f; --altin-koyu:#8a6528; --altin-metin:#7a571c;
  /* Metin */
  --metin-koyu:#2b2925; --metin-orta:#5d5850; --metin-acik:#bdb6a9; --metin-soluk:#8d877c;
  /* Çizgiler */
  --cizgi-koyu:rgba(227,194,127,.16); --cizgi-acik:#e1dacb;
  /* Tipografi */
  --f-baslik:'Jost','Futura','Century Gothic',system-ui,sans-serif;
  --f-govde:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif;
  /* Ölçek */
  --r:2px; --ust-h:88px;
  --bosluk:clamp(88px,11vw,150px);
  --gecis:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:calc(var(--ust-h) + 16px)}
body{margin:0;background:var(--siyah);color:var(--metin-acik);font-family:var(--f-govde);font-size:16.5px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-family:var(--f-baslik);font-weight:300;line-height:1.12;letter-spacing:-.005em;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
::selection{background:var(--altin);color:var(--siyah)}
:focus-visible{outline:2px solid var(--altin-acik);outline-offset:3px}
.ik{width:20px;height:20px;flex:none}
.atla{position:absolute;left:16px;top:-60px;z-index:200;background:var(--altin);color:var(--siyah);padding:10px 16px;font-weight:700}
.atla:focus{top:12px}
.gizli{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.kap{width:100%;max-width:1280px;margin-inline:auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}

/* ---------- Tipografi ---------- */
.etiket{display:inline-flex;align-items:center;gap:16px;font-family:var(--f-baslik);font-weight:500;font-size:12.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--altin);margin-bottom:26px}
.etiket i{display:block;width:34px;height:1px;background:currentColor;opacity:.75}
.etiket i:last-child{display:none}
.etiket--orta i:last-child{display:block}
.acik .etiket{color:var(--altin-metin)}
.bas-1{font-size:clamp(40px,6.2vw,88px);font-weight:300;line-height:1.04;letter-spacing:-.015em;color:#fff}
.bas-2{font-size:clamp(32px,4.2vw,56px);color:#f6f1e7}
.bas-3{font-size:clamp(24px,2.4vw,32px);color:#f6f1e7}
.acik .bas-2,.acik .bas-3{color:var(--metin-koyu)}
.altin-yazi{color:var(--altin-acik);font-weight:400}
.acik .altin-yazi{color:var(--altin-metin)}
.giris{font-size:clamp(18px,1.6vw,21px);line-height:1.7;color:#ddd6c9;max-width:60ch}
.acik .giris{color:var(--metin-koyu)}
.not{font-size:13px;color:var(--metin-soluk);letter-spacing:.02em}

/* ---------- Düğmeler ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 30px;border:1px solid transparent;border-radius:var(--r);font-family:var(--f-baslik);font-weight:500;font-size:14px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .3s var(--gecis),color .3s var(--gecis),border-color .3s var(--gecis)}
.dugme .ik{width:18px;height:18px;transition:transform .35s var(--gecis)}
.dugme:hover .ik{transform:translateX(4px)}
.dugme--altin{background:var(--altin);color:var(--siyah)}
.dugme--altin:hover{background:var(--altin-acik)}
.dugme--cizgi{border-color:rgba(227,194,127,.55);color:var(--altin-acik)}
.dugme--cizgi:hover{background:var(--altin);border-color:var(--altin);color:var(--siyah)}
.dugme--beyaz{border-color:rgba(255,255,255,.35);color:#fff}
.dugme--beyaz:hover{border-color:#fff;background:#fff;color:var(--siyah)}
.dugme--koyu{background:var(--siyah);color:#fff}
.dugme--koyu:hover{background:var(--altin);color:var(--siyah)}
.dugme--kucuk{min-height:44px;padding:0 20px;font-size:12px}
.bag{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-baslik);font-weight:500;font-size:13.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--altin-acik);padding-bottom:6px;border-bottom:1px solid currentColor}
.bag .ik{width:18px;height:18px;transition:transform .35s var(--gecis)}
.bag:hover .ik{transform:translateX(5px)}
.acik .bag{color:var(--altin-metin)}

/* ---------- Üst bilgi ---------- */
.ust{position:fixed;inset:0 0 auto;z-index:100;padding-top:env(safe-area-inset-top,0px);transition:background-color .4s var(--gecis),box-shadow .4s var(--gecis)}
.ust::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--cizgi-koyu);opacity:0;transition:opacity .4s}
.ust.dolu{background:rgba(11,11,12,.97)}
.ust.dolu::after{opacity:1}
.ust__ic{display:flex;align-items:center;gap:40px;height:var(--ust-h);transition:height .4s var(--gecis)}
.ust.dolu .ust__ic{height:72px}
.logo{display:flex;align-items:center;gap:12px;flex:none}
.logo__simge{height:42px;width:auto}
.logo__yazi{height:32px;width:auto}
.ust.dolu .logo__simge{height:36px}
.ust.dolu .logo__yazi{height:28px}
.logo img{transition:height .4s var(--gecis)}
.menu{margin-left:auto}
.menu ul{display:flex;gap:6px}
.menu ul a{position:relative;display:block;padding:10px 14px;font-size:14.5px;font-weight:500;letter-spacing:.02em;color:#e9e3d6;transition:color .25s}
.menu ul a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1px;background:var(--altin);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--gecis)}
.menu ul a:hover,.menu ul a[aria-current]{color:var(--altin-acik)}
.menu ul a:hover::after,.menu ul a[aria-current]::after{transform:scaleX(1)}
.menu__alt{display:none}
.burger{display:none;position:relative;width:46px;height:46px;margin-left:auto;background:none;border:1px solid var(--cizgi-koyu);border-radius:var(--r);cursor:pointer}
.burger span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--altin-acik);transition:transform .35s var(--gecis),top .35s var(--gecis)}
.burger span:first-child{top:18px}
.burger span:last-child{top:26px}
.burger[aria-expanded="true"] span:first-child{top:22px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{top:22px;transform:rotate(-45deg)}

/* ---------- Açılış (hero) ---------- */
.acilis{position:relative;min-height:min(100svh,1000px);display:flex;align-items:center;background:var(--siyah) url('../img/cizim/hero-mimari.svg') 70% 100%/cover no-repeat;overflow:hidden;isolation:isolate}
.acilis::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,12,.96) 0%,rgba(11,11,12,.82) 38%,rgba(11,11,12,.15) 70%,rgba(11,11,12,0) 100%)}
.acilis .kap{padding-top:calc(var(--ust-h) + 60px);padding-bottom:150px}
.acilis__ic{max-width:900px}
.acilis .bas-1 span{display:block}
.acilis .giris{margin:30px 0 46px}
.acilis__dugmeler{display:flex;flex-wrap:wrap;gap:14px}
.acilis__alt{position:absolute;left:0;right:0;bottom:0;z-index:1}
.acilis__alt .kap{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:34px}
.kaydir{display:flex;align-items:center;gap:16px;font-family:var(--f-baslik);font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--metin-soluk)}
.kaydir i{position:relative;display:block;width:1px;height:56px;background:rgba(227,194,127,.2);overflow:hidden}
.kaydir i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--altin-acik);animation:kaydir 2.4s var(--gecis) infinite}
@keyframes kaydir{to{top:100%}}
.acilis__slogan{font-family:var(--f-baslik);font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--metin-soluk);text-align:right}
.acilis__yukle>*{animation:yukari 1.1s var(--gecis) both}
.acilis__yukle>*:nth-child(2){animation-delay:.12s}
.acilis__yukle>*:nth-child(3){animation-delay:.24s}
.acilis__yukle>*:nth-child(4){animation-delay:.36s}
@keyframes yukari{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* ---------- Rakamlar ---------- */
.rakamlar{background:var(--antrasit);border-top:1px solid var(--cizgi-koyu);border-bottom:1px solid var(--cizgi-koyu)}
.rakamlar__liste{display:grid;grid-template-columns:repeat(3,1fr)}
.rakam{padding:64px 40px 60px;border-left:1px solid var(--cizgi-koyu)}
.rakam:first-child{border-left:0;padding-left:0}
.rakam__sayi{display:flex;align-items:baseline;gap:14px;font-family:var(--f-baslik);font-weight:300;color:var(--altin-acik);line-height:1;font-variant-numeric:tabular-nums}
.rakam__sayi b{font-weight:300;font-size:clamp(64px,7vw,100px);letter-spacing:-.03em}
.rakam__sayi small{font-size:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--altin)}
.rakam h3{margin:22px 0 10px;font-size:19px;font-weight:400;color:#f3ede2;letter-spacing:.01em}
.rakam p{font-size:14.5px;color:var(--metin-soluk);max-width:32ch}
.rakamlar__liste--6{grid-template-columns:repeat(3,1fr)}
.rakam__sayi small.birim-m2{text-transform:none;letter-spacing:.04em;font-size:22px}
.rakamlar__liste--6 .rakam{padding:56px 36px 52px}
.rakamlar__liste--6 .rakam:nth-child(3n+1){border-left:0;padding-left:0}
.rakamlar__liste--6 .rakam:nth-child(n+4){border-top:1px solid var(--cizgi-koyu)}
.rakamlar__liste--6 .rakam__sayi b{font-size:clamp(52px,5.6vw,84px)}
.rakamlar__not{display:flex;align-items:center;gap:14px;padding:20px 0;border-top:1px solid var(--cizgi-koyu);font-size:13.5px;color:var(--metin-soluk)}
.rakamlar__not b{font-family:var(--f-baslik);font-weight:500;letter-spacing:.2em;color:var(--altin)}

/* ---------- Bölümler ---------- */
.bolum{padding-block:var(--bosluk)}
.acik{background:var(--fildisi);color:var(--metin-orta)}
.kagit{background:var(--kagit)}
.koyu{background:var(--antrasit)}
.siyah{background:var(--siyah)}
.bolum__bas{display:grid;grid-template-columns:1fr minmax(0,.9fr);gap:60px;align-items:end;margin-bottom:72px}
.bolum__bas p{max-width:52ch}

/* ---------- Editoryal (Hakkımızda özeti) ---------- */
.editoryal{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(48px,7vw,110px);align-items:center}
.cerceve{position:relative;margin:0}
.cerceve::before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid rgba(201,154,74,.5);pointer-events:none}
.acik .cerceve::before{border-color:rgba(138,101,40,.45)}
.cerceve img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0}
.cerceve figcaption{position:relative;margin-top:14px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--metin-soluk)}
.acik .cerceve figcaption{color:#8a8377}
.editoryal__metin p+p{margin-top:18px}
.editoryal__metin .bas-2{margin-bottom:30px}
.editoryal__metin .bag{margin-top:38px}

/* ---------- Zaman çizgisi ---------- */
.zaman{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(70px,8vw,110px);border-top:1px solid var(--cizgi-acik)}
.koyu .zaman,.siyah .zaman{border-color:var(--cizgi-koyu)}
.zaman li{position:relative;padding:34px 34px 0 0}
.zaman li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--altin);transform:rotate(45deg)}
.zaman b{display:block;font-family:var(--f-baslik);font-weight:400;font-size:24px;color:var(--metin-koyu);margin-bottom:8px}
.koyu .zaman b,.siyah .zaman b{color:#f3ede2}
.zaman span{font-size:15px}

/* ---------- Proje kategorileri ---------- */
.kategoriler{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.kategori{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;padding:44px;overflow:hidden;isolation:isolate;border:1px solid var(--cizgi-koyu)}
.kategori img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--gecis)}
.kategori::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,11,12,.95) 15%,rgba(11,11,12,.35) 70%,rgba(11,11,12,.15))}
.kategori:hover img{transform:scale(1.04)}
.kategori__durum{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-bottom:auto;padding:8px 14px;border:1px solid var(--cizgi-koyu);font-family:var(--f-baslik);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--altin-acik);background:rgba(11,11,12,.6)}
.kategori__durum i{width:6px;height:6px;border-radius:50%;background:var(--altin)}
.kategori__durum--devam i{animation:nabiz 2.2s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(201,154,74,.6)}100%{box-shadow:0 0 0 10px rgba(201,154,74,0)}}
.kategori__sayi{font-family:var(--f-baslik);font-weight:300;font-size:clamp(70px,8vw,120px);line-height:.9;color:var(--altin-acik);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kategori__sayi small{font-size:18px;letter-spacing:.2em;text-transform:uppercase;margin-left:12px;color:var(--altin)}
.kategori h3{margin:18px 0 10px;font-size:28px;color:#fff}
.kategori p{max-width:44ch;font-size:15px;color:var(--metin-acik)}
.kategori .bag{margin-top:26px;align-self:flex-start}

/* ---------- Neden CanSev ---------- */
.neden{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--cizgi-acik)}
.neden li{padding:46px 44px 10px 0}
.neden li+li{padding-left:44px;border-left:1px solid var(--cizgi-acik)}
.neden .ik{width:40px;height:40px;color:var(--altin-metin);margin-bottom:30px}
.neden h3{font-size:24px;font-weight:400;color:var(--metin-koyu);margin-bottom:14px}
.neden p{font-size:15.5px}

/* ---------- Misyon / Vizyon özeti ---------- */
.mv{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:var(--antrasit)}
.mv__gorsel{position:relative;overflow:hidden}
.mv__gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mv__metin{display:flex;flex-direction:column;justify-content:center;gap:48px;padding:clamp(56px,7vw,110px) clamp(24px,6vw,100px)}
.mv__blok h3{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--altin);margin-bottom:16px}
.mv__blok h3::after{content:"";flex:1;max-width:80px;height:1px;background:var(--cizgi-koyu)}
.mv__blok p{font-family:var(--f-baslik);font-weight:300;font-size:clamp(20px,1.9vw,26px);line-height:1.5;color:#efe9de}

/* ---------- Çağrı bandı ---------- */
.cagri{position:relative;padding-block:clamp(90px,10vw,140px);background:var(--siyah);overflow:hidden;isolation:isolate;text-align:center}
.cagri::before{content:"";position:absolute;left:50%;top:50%;width:min(900px,90vw);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;background:url('../img/marka/logo-simge.png') center/contain no-repeat;opacity:.05}
.cagri .bas-2{max-width:18ch;margin:0 auto 22px}
.cagri p{max-width:56ch;margin:0 auto 44px}
.cagri__dugmeler{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}

/* ---------- İç sayfa başlığı ---------- */
.sayfa-basi{position:relative;padding:calc(var(--ust-h) + clamp(80px,10vw,140px)) 0 clamp(70px,8vw,110px);background:var(--siyah);overflow:hidden;isolation:isolate;border-bottom:1px solid var(--cizgi-koyu)}
.sayfa-basi__gorsel{position:absolute;inset:0 0 0 auto;width:58%;z-index:-2;object-fit:cover;height:100%;opacity:.55}
.sayfa-basi::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--siyah) 42%,rgba(11,11,12,.55) 75%,rgba(11,11,12,.25))}
.sayfa-basi .bas-1{font-size:clamp(40px,5.6vw,76px);max-width:15ch}
.sayfa-basi .giris{margin-top:26px}
.yol{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px;font-size:13px;letter-spacing:.06em;color:var(--metin-soluk)}
.yol a:hover{color:var(--altin-acik)}
.yol li+li::before{content:"/";margin-right:10px;color:var(--antrasit-3)}
.yol [aria-current]{color:var(--altin)}

/* ---------- Hakkımızda sayfası ---------- */
.uzun-metin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,90px)}
.uzun-metin p+p{margin-top:20px}
.alinti{margin:0;padding:6px 0 6px 34px;border-left:1px solid var(--altin);font-family:var(--f-baslik);font-weight:300;font-size:clamp(24px,2.6vw,34px);line-height:1.35;color:var(--metin-koyu)}
.degerler{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--cizgi-koyu)}
.degerler li{padding:40px 32px 0 0}
.degerler li+li{padding-left:32px;border-left:1px solid var(--cizgi-koyu)}
.degerler .ik{width:34px;height:34px;color:var(--altin);margin-bottom:24px}
.degerler h3{font-size:22px;font-weight:400;color:#f3ede2;margin-bottom:10px}
.degerler p{font-size:15px}
.degerler--5{grid-template-columns:repeat(5,1fr)}
.degerler--5 li{padding-right:24px}
.degerler--5 li+li{padding-left:24px}

/* ---------- Misyon & Vizyon sayfası ---------- */
.ifade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(48px,7vw,110px);align-items:center}
.ifade--ters .ifade__gorsel{order:2}
.ifade__gorsel img{width:100%;aspect-ratio:16/11;object-fit:cover}
.ifade__baslik{display:block;font-family:var(--f-baslik);font-weight:300;font-size:clamp(56px,8vw,112px);line-height:.95;letter-spacing:-.02em;color:var(--altin-acik);margin-bottom:34px}
.acik .ifade__baslik{color:var(--altin-metin)}
.ifade__metin p{font-family:var(--f-baslik);font-weight:300;font-size:clamp(20px,1.9vw,25px);line-height:1.6;color:#efe9de}
.acik .ifade__metin p{color:var(--metin-koyu)}
.ifade__metin p+p{margin-top:18px}

/* ---------- Projeler sayfası ---------- */
.ozet-kutular{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--cizgi-koyu)}
.ozet-kutu{display:flex;gap:28px;align-items:center;padding:40px 44px}
.ozet-kutu+.ozet-kutu{border-left:1px solid var(--cizgi-koyu)}
.ozet-kutu b{font-family:var(--f-baslik);font-weight:300;font-size:clamp(56px,6vw,84px);line-height:1;color:var(--altin-acik);font-variant-numeric:tabular-nums}
.ozet-kutu h2{font-size:22px;font-weight:400;color:#f3ede2;margin-bottom:6px}
.ozet-kutu p{font-size:14.5px}
.sekmeler{display:flex;flex-wrap:wrap;gap:8px;margin:70px 0 40px}
.sekmeler button{min-height:44px;padding:0 22px;background:none;border:1px solid var(--cizgi-koyu);border-radius:var(--r);font-family:var(--f-baslik);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--metin-acik);cursor:pointer;transition:.25s}
.sekmeler button:hover{border-color:var(--altin);color:var(--altin-acik)}
.sekmeler button[aria-pressed="true"]{background:var(--altin);border-color:var(--altin);color:var(--siyah)}
.uyari{display:flex;gap:14px;align-items:flex-start;margin-top:40px;padding:18px 22px;border:1px dashed rgba(227,194,127,.4);font-size:14.5px;color:var(--altin-acik)}
.uyari .ik{margin-top:3px}
.kartlar{display:grid;grid-template-columns:repeat(2,1fr);gap:56px 40px}
.kart{display:flex;flex-direction:column}
.kart[hidden]{display:none}
.kart__gorsel{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:var(--antrasit)}
.kart__gorsel img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--gecis)}
.kart:hover .kart__gorsel img{transform:scale(1.04)}
.rozet{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:rgba(11,11,12,.85);border:1px solid var(--cizgi-koyu);font-family:var(--f-baslik);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--altin-acik)}
.rozet i{width:6px;height:6px;border-radius:50%;background:var(--altin)}
.rozet--ornek{left:auto;right:18px;border-style:dashed;color:#fff}
.kart__govde{padding-top:26px;display:flex;flex-direction:column;gap:12px;flex:1}
.kart__ust{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:var(--metin-soluk)}
.kart__ust span{display:inline-flex;align-items:center;gap:8px}
.kart__ust .ik{width:16px;height:16px;color:var(--altin)}
.kart h3{font-size:30px;color:#f6f1e7}
.kart h3 a:hover{color:var(--altin-acik)}
.kart p{font-size:15px;max-width:56ch}
.kart .bag{margin-top:8px;align-self:flex-start}
.bos-durum{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;margin-top:70px;padding:48px;border:1px solid var(--cizgi-koyu);background:var(--antrasit)}
.bos-durum img{width:120px;height:auto;opacity:.9}
.bos-durum h2{font-size:28px;color:#f3ede2;margin-bottom:12px}
.bos-durum p{max-width:62ch}
.bos-durum .dugme{margin-top:26px}

/* ---------- Proje detay ---------- */
.pd-ust{position:relative;min-height:min(86svh,860px);display:flex;align-items:flex-end;background:var(--siyah);overflow:hidden;isolation:isolate}
.pd-ust>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.pd-ust::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,11,12,.97) 8%,rgba(11,11,12,.35) 60%,rgba(11,11,12,.5))}
.pd-ust .kap{padding-top:calc(var(--ust-h) + 80px);padding-bottom:60px}
.pd-ust .rozet{position:static;margin-bottom:22px}
.pd-bilgi{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid var(--cizgi-koyu)}
.pd-bilgi div{padding:24px 24px 0 0}
.pd-bilgi div+div{padding-left:24px;border-left:1px solid var(--cizgi-koyu)}
.pd-bilgi dt{font-family:var(--f-baslik);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--metin-soluk);margin-bottom:6px}
.pd-bilgi dd{margin:0;font-family:var(--f-baslik);font-size:22px;color:#f3ede2}
.pd-govde{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(48px,7vw,100px);align-items:start}
.pd-govde p+p{margin-top:18px}
.teknik{border-top:1px solid var(--cizgi-acik)}
.teknik div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--cizgi-acik);font-size:15px}
.teknik dt{color:#8a8377}
.teknik dd{margin:0;color:var(--metin-koyu);font-weight:600;text-align:right}
.galeri{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.galeri a{display:block;overflow:hidden;background:var(--antrasit)}
.galeri a:first-child{grid-column:span 2}
.galeri img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 1.2s var(--gecis)}
.galeri a:first-child img{aspect-ratio:21/9}
.galeri a:hover img{transform:scale(1.03)}
.isik{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:60px 16px;background:rgba(6,6,7,.96)}
.isik.acik-pencere{display:flex}
.isik img{max-height:84vh;width:auto}
.isik button{position:absolute;display:grid;place-items:center;width:52px;height:52px;background:none;border:1px solid var(--cizgi-koyu);color:var(--altin-acik);font-size:26px;cursor:pointer}
.isik__kapat{top:calc(16px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px))}
.isik__onceki{left:max(16px,env(safe-area-inset-left,0px));top:50%}
.isik__sonraki{right:max(16px,env(safe-area-inset-right,0px));top:50%}

/* ---------- İletişim ---------- */
.iletisim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(48px,7vw,100px);align-items:start}
.kanallar{border-top:1px solid var(--cizgi-acik)}
.kanal{display:grid;grid-template-columns:52px 1fr auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--cizgi-acik)}
.kanal__ik{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(138,101,40,.35);color:var(--altin-metin)}
.kanal small{display:block;font-family:var(--f-baslik);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:#8a8377}
.kanal b{font-weight:600;color:var(--metin-koyu);font-size:16.5px;overflow-wrap:anywhere}
.kanal__eylem{font-family:var(--f-baslik);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--altin-metin);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.kanal:hover .kanal__ik{background:var(--siyah);color:var(--altin-acik);border-color:var(--siyah)}
.form-kutu{background:var(--kagit);border:1px solid var(--cizgi-acik);padding:clamp(28px,4vw,52px)}
.form-kutu .bas-3{margin-bottom:10px}
.form-kutu>p{margin-bottom:32px}
.form{display:grid;gap:22px}
.form__satir{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.alan label{display:block;margin-bottom:8px;font-family:var(--f-baslik);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--metin-koyu)}
.alan label span{color:var(--altin-metin)}
.alan input,.alan textarea,.alan select{width:100%;padding:15px 16px;background:#fff;border:1px solid #d9d1c1;border-radius:var(--r);font:inherit;font-size:16px;color:var(--metin-koyu);transition:border-color .25s,box-shadow .25s}
.alan textarea{resize:vertical;min-height:150px}
.alan select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237a571c' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;cursor:pointer}
.form__satir--3{grid-template-columns:1fr 1fr 1fr}
.alan input:focus,.alan textarea:focus,.alan select:focus{outline:none;border-color:var(--altin-koyu);box-shadow:0 0 0 3px rgba(201,154,74,.22)}
.alan [aria-invalid="true"]{border-color:#a23b2a}
.onay{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;color:var(--metin-orta);cursor:pointer}
.onay input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--altin-koyu)}
.onay a{color:var(--metin-koyu);text-decoration:underline;text-underline-offset:3px}
.form__alt{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.form__durum{font-size:15px;font-weight:600}
.form__durum.is-ok{color:#2f6b45}
.form__durum.is-hata{color:#a23b2a}
.koyu .form-kutu,.siyah .form-kutu{background:var(--antrasit-2);border-color:var(--cizgi-koyu)}
.koyu .alan label,.siyah .alan label{color:#e9e3d6}
.koyu .alan input,.koyu .alan textarea,.koyu .alan select{background:var(--antrasit);border-color:var(--antrasit-3);color:#f3ede2}
.koyu .onay{color:var(--metin-acik)}
.koyu .onay a{color:#f3ede2}
.koyu .form__durum.is-ok{color:#8fd3a4}
.koyu .form__durum.is-hata{color:#f0a493}
.harita{position:relative;min-height:440px;background:var(--antrasit)}
.harita iframe{display:block;width:100%;height:480px;border:0;filter:grayscale(1) contrast(1.05) brightness(.9)}
.harita__yedek{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:var(--siyah) url('../img/cizim/cizim-plan.svg') center/cover;isolation:isolate;text-align:center}
.harita__yedek::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(11,11,12,.82)}
.harita__yedek .ik{width:36px;height:36px;margin:0 auto 18px;color:var(--altin)}
.harita__yedek address{font-style:normal;font-family:var(--f-baslik);font-size:clamp(20px,2.2vw,28px);font-weight:300;color:#f3ede2;line-height:1.45;margin-bottom:30px}

/* ---------- Yasal ---------- */
.yasal{max-width:780px}
.yasal>h2:first-of-type{margin-top:0}
.yasal-tarih{margin-top:22px;font-size:14px;color:var(--metin-soluk)}
.yasal h2{font-family:var(--f-govde);font-weight:700;font-size:20px;color:var(--metin-koyu);margin:46px 0 14px;letter-spacing:0}
.yasal p,.yasal li{margin-bottom:12px}
.yasal ul{list-style:disc;padding-left:22px}
.yasal a{color:var(--metin-koyu);text-decoration:underline;text-underline-offset:3px}
.taslak{display:flex;gap:12px;padding:16px 20px;margin-bottom:40px;border:1px dashed var(--altin-koyu);color:var(--altin-metin);font-size:14.5px}
.taslak .ik{margin-top:3px}

/* ---------- 404 ---------- */
.yok{min-height:100svh;display:flex;align-items:center;background:var(--siyah) url('../img/cizim/cizim-kesit.svg') center/cover;position:relative;isolation:isolate}
.yok::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(11,11,12,.86)}
.yok__kod{font-family:var(--f-baslik);font-weight:300;font-size:clamp(100px,16vw,200px);line-height:1;color:var(--altin-acik)}

/* ---------- Alt bilgi ---------- */
.alt{background:var(--siyah);border-top:1px solid var(--cizgi-koyu);font-size:15px}
.alt__ust{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:56px;padding-top:96px;padding-bottom:80px}
.alt__logo{width:210px;height:auto;margin-bottom:28px}
.alt__slogan{font-family:var(--f-baslik);font-size:17px;color:var(--altin-acik);margin-bottom:16px;line-height:1.5}
.alt__marka>p:last-child{font-size:14.5px;color:var(--metin-soluk);max-width:40ch}
.alt__kol h2{font-family:var(--f-baslik);font-weight:500;font-size:12.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--altin);margin-bottom:24px}
.alt__kol a,.alt__kol p{display:flex;gap:12px;align-items:flex-start;padding:6px 0;color:var(--metin-acik);transition:color .25s}
.alt__kol a:hover{color:var(--altin-acik)}
.alt__iletisim .ik{width:18px;height:18px;margin-top:4px;color:var(--altin)}
.alt__iletisim a,.alt__iletisim p{overflow-wrap:anywhere}
.alt__taban{border-top:1px solid var(--cizgi-koyu);font-size:13.5px;color:var(--metin-soluk)}
.alt__taban-ic{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 30px;padding-top:26px;padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))}
.alt__taban nav{display:flex;flex-wrap:wrap;gap:8px 26px}
.alt__taban a:hover{color:var(--altin-acik)}

.wa{position:fixed;right:max(20px,calc(env(safe-area-inset-right,0px) + 16px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--antrasit-2);border:1px solid rgba(227,194,127,.45);color:var(--altin-acik);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:background-color .3s,color .3s,transform .3s}
.wa .ik{width:26px;height:26px}
.wa:hover{background:var(--altin);color:var(--siyah);transform:translateY(-2px)}

/* ---------- Kaydırma animasyonu (yalnızca JS açıkken) ---------- */
.js .gor{opacity:0;transform:translateY(28px);transition:opacity 1s var(--gecis),transform 1s var(--gecis)}
.js .gor.gorundu{opacity:1;transform:none}
.js .gor.g2{transition-delay:.12s}.js .gor.g3{transition-delay:.24s}.js .gor.g4{transition-delay:.36s}

/* ===== Çalışma süreci ===== */
.surec{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--cizgi-koyu);counter-reset:s}
.surec li{position:relative;padding:44px 40px 46px 0;border-bottom:1px solid var(--cizgi-koyu)}
.surec li:not(:nth-child(3n+1)){padding-left:40px;border-left:1px solid var(--cizgi-koyu)}
.surec__no{display:block;font-family:var(--f-baslik);font-weight:300;font-size:46px;line-height:1;color:var(--altin);margin-bottom:24px;letter-spacing:.02em}
.surec h3{font-size:22px;font-weight:400;color:#f3ede2;margin-bottom:12px}
.surec p{font-size:15px;color:var(--metin-acik)}
.surec--4{grid-template-columns:repeat(4,1fr)}
.surec--4 li:nth-child(n){padding-left:34px;padding-right:30px;border-left:1px solid var(--cizgi-koyu)}
.surec--4 li:nth-child(1){padding-left:0;border-left:0}
@media (max-width:1100px){.surec--4{grid-template-columns:1fr 1fr}.surec--4 li:nth-child(3){padding-left:0;border-left:0}}
@media (max-width:640px){.surec--4{grid-template-columns:1fr}.surec--4 li:nth-child(n){padding-left:0;border-left:0}}
/* ===== Müşteri yorumları ===== */
.yorumlar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.yorum{background:#fff;border:1px solid var(--cizgi-acik);padding:38px 34px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.yorum blockquote{margin:0;position:relative;padding-top:34px;font-size:16px;line-height:1.75;color:var(--metin-koyu)}
.yorum blockquote::before{content:"\201C";position:absolute;top:-14px;left:-2px;font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--altin)}
.yorum__kim{margin:0;padding-top:18px;border-top:1px solid var(--cizgi-acik);display:flex;flex-direction:column;font-size:14px}
.yorum__kim b{font-family:var(--f-baslik);font-weight:500;color:var(--metin-koyu);font-size:16px}
.yorum__kim span{color:#8a8377}
@media (max-width:1100px){.surec,.yorumlar{grid-template-columns:1fr 1fr}.surec li:not(:nth-child(3n+1)){padding-left:0;border-left:0}.surec li:nth-child(2n){padding-left:36px;border-left:1px solid var(--cizgi-koyu)}}
@media (max-width:640px){.surec,.yorumlar{grid-template-columns:1fr}.surec li:nth-child(2n){padding-left:0;border-left:0}.surec li{padding:34px 0}}

/* ===== SSS ===== */
.dugme--cizgi-koyu{border-color:var(--metin-koyu);color:var(--metin-koyu)}
.dugme--cizgi-koyu:hover{background:var(--metin-koyu);color:#fff}
.sss-duzen{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(48px,7vw,100px);align-items:start}
.sss{border-top:1px solid var(--cizgi-acik)}
.sss__oge{border-bottom:1px solid var(--cizgi-acik)}
.sss__oge summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;cursor:pointer;list-style:none;font-family:var(--f-baslik);font-size:clamp(18px,1.6vw,21px);color:var(--metin-koyu)}
.sss__oge summary::-webkit-details-marker{display:none}
.sss__oge summary:hover{color:var(--altin-metin)}
.sss__oge summary:focus-visible{outline:2px solid var(--altin);outline-offset:4px}
.sss__oge summary i{position:relative;flex:none;width:16px;height:16px}
.sss__oge summary i::before,.sss__oge summary i::after{content:"";position:absolute;left:0;top:7px;width:16px;height:1.5px;background:var(--altin-metin);transition:transform .3s var(--gecis)}
.sss__oge summary i::after{transform:rotate(90deg)}
.sss__oge[open] summary i::after{transform:rotate(0)}
.sss__cevap{padding:0 40px 28px 0;color:var(--metin-orta)}
.sss__cevap p+p{margin-top:12px}
.sss-yan{position:sticky;top:calc(var(--ust-h) + 30px);background:#fff;border:1px solid var(--cizgi-acik);padding:38px 34px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.sss-yan h2{color:var(--metin-koyu);margin-bottom:2px}
.sss-yan p{margin:0 0 8px;font-size:15px}
.sss-yan .dugme{width:100%;justify-content:center}
.sss-ozet{max-width:860px}
@media (max-width:960px){.sss-duzen{grid-template-columns:1fr}.sss-yan{position:static}}

/* ===== Arsa bandı (iletişim) ===== */
.arsa-bant{background:var(--antrasit);border-top:1px solid var(--cizgi-koyu);border-bottom:1px solid var(--cizgi-koyu)}
.arsa-bant__ic{display:flex;align-items:center;gap:28px;padding-top:44px;padding-bottom:44px}
.arsa-bant__ik{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid var(--cizgi-koyu);color:var(--altin)}
.arsa-bant__ik .ik{width:30px;height:30px}
.arsa-bant h2{font-family:var(--f-baslik);font-weight:400;font-size:24px;color:#f3ede2;margin:0 0 4px}
.arsa-bant p{margin:0;font-size:15px}
.arsa-bant .dugme{margin-left:auto;flex:none}
@media (max-width:760px){.arsa-bant__ic{flex-direction:column;align-items:flex-start}.arsa-bant .dugme{margin-left:0}}
/* ===== Haberler & rehber ===== */
.yazilar{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px)}
.yazi-kart{display:flex;flex-direction:column;height:100%;color:inherit}
.yazi-kart__gorsel{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--antrasit);margin-bottom:24px}
.yazi-kart__gorsel img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--gecis)}
.yazi-kart:hover .yazi-kart__gorsel img{transform:scale(1.04)}
.yazi-kart__ust,.yazi-meta{display:flex;gap:16px;align-items:center;font-family:var(--f-baslik);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8a8377;margin-bottom:12px}
.yazi-kart__ust b,.yazi-meta b{font-weight:500;color:var(--altin-metin)}
.yazi-meta b{color:var(--altin)}
.yazi-meta{color:var(--metin-soluk);margin:26px 0 18px}
.yazi-kart h2,.yazi-kart__baslik{font-family:var(--f-baslik);font-weight:400;font-size:clamp(21px,1.7vw,25px);line-height:1.3;color:var(--metin-koyu);margin:0 0 12px;transition:color .3s}
.yazi-kart:hover h2,.yazi-kart:hover .yazi-kart__baslik{color:var(--altin-metin)}
.yazi-kart p{font-size:15px;margin:0 0 22px}
.yazi-kart .bag{margin-top:auto;align-self:flex-start}
.bas-1--yazi{font-size:clamp(34px,4.4vw,60px);max-width:22ch}
.sayfa-basi--yazi .giris{max-width:62ch}
.yazi-duzen{max-width:860px}
.yazi-kapak{margin:0 0 56px;aspect-ratio:16/8;background:var(--antrasit);overflow:hidden}
.yazi-kapak img{width:100%;height:100%;object-fit:cover}
.yazi-govde{font-size:17.5px;line-height:1.85;color:var(--metin-orta)}
.yazi-govde h2{font-family:var(--f-baslik);font-weight:400;font-size:clamp(24px,2.2vw,30px);color:var(--metin-koyu);margin:46px 0 14px;line-height:1.3}
.yazi-govde p{margin:0 0 18px}
.yazi-govde ul{margin:0 0 22px;padding:0}
.yazi-govde li strong{color:var(--metin-koyu);font-weight:600}
.yazi-govde li{position:relative;padding:0 0 10px 26px}
.yazi-govde li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;background:var(--altin);transform:rotate(45deg)}
.yazi-govde .yazi-not{margin-top:40px;padding:22px 26px;border-left:2px solid var(--altin);background:var(--kagit);font-size:14.5px;line-height:1.7}
.yazi-gorsel{margin:34px 0 40px}
.yazi-gorsel a{display:block;background:#fff;border:1px solid var(--cizgi-acik);overflow:hidden;cursor:zoom-in}
.yazi-gorsel img{display:block;width:100%;height:auto;transition:transform .8s var(--gecis)}
.yazi-gorsel a:hover img{transform:scale(1.015)}
.yazi-gorsel figcaption{margin-top:12px;font-size:14px;color:#8a8377;line-height:1.6;padding-left:14px;border-left:2px solid var(--altin)}
.yazi-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:40px}
.yazi-galeri a{display:block;overflow:hidden;background:var(--antrasit)}
.yazi-galeri img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s var(--gecis)}
.yazi-galeri a:hover img{transform:scale(1.04)}
.yazi-paylas{display:flex;align-items:center;gap:12px;margin-top:48px;padding-top:28px;border-top:1px solid var(--cizgi-acik)}
.yazi-paylas span{font-family:var(--f-baslik);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#8a8377;margin-right:6px}
.yazi-paylas a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--cizgi-acik);color:var(--metin-koyu);transition:.3s}
.yazi-paylas a:hover{background:var(--siyah);color:var(--altin-acik);border-color:var(--siyah)}
.yazi-paylas .ik{width:18px;height:18px}
@media (max-width:1100px){.yazilar{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.yazilar{grid-template-columns:1fr}.yazi-govde{font-size:16.5px}}

/* ===== Proje detay ek bölümleri ===== */
.pd-dugmeler{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.dtipler{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dtip{background:#fff;border:1px solid var(--cizgi-acik);display:flex;flex-direction:column}
.dtip__plan{display:block;aspect-ratio:4/3;background:var(--kagit);border-bottom:1px solid var(--cizgi-acik);overflow:hidden}
.dtip__plan img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .8s var(--gecis)}
a.dtip__plan:hover img{transform:scale(1.04)}
.dtip__plan--bos{display:grid;place-items:center;color:#cfc4ae}
.dtip__plan--bos .ik{width:44px;height:44px}
.dtip__metin{padding:26px 26px 28px}
.dtip h3{font-family:var(--f-baslik);font-weight:400;font-size:30px;color:var(--metin-koyu);margin:0 0 14px;letter-spacing:.02em}
.dtip dl{display:flex;flex-wrap:wrap;gap:0;margin:0;border-top:1px solid var(--cizgi-acik)}
.dtip dl div{flex:1;min-width:80px;padding:12px 12px 0 0}
.dtip dl div+div{padding-left:12px;border-left:1px solid var(--cizgi-acik)}
.dtip dt{font-family:var(--f-baslik);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8a8377}
.dtip dd{margin:2px 0 0;font-weight:600;color:var(--metin-koyu);font-size:16px}
.ilerleme{max-width:760px;margin-bottom:64px}
.ilerleme__ust{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-family:var(--f-baslik);letter-spacing:.18em;text-transform:uppercase;font-size:12.5px;color:#8a8377}
.ilerleme__ust b{font-size:44px;letter-spacing:0;font-weight:300;color:var(--altin-metin)}
.ilerleme__cubuk{height:6px;background:#ece5d6;overflow:hidden}
.ilerleme__cubuk i{display:block;height:100%;background:linear-gradient(90deg,var(--altin-koyu),var(--altin))}
.gunluk{border-left:1px solid var(--cizgi-acik);margin-left:4px}
.gunluk li{position:relative;display:grid;grid-template-columns:130px 1fr;gap:28px;padding:0 0 46px 32px}
.gunluk li::before{content:"";position:absolute;left:-5px;top:9px;width:9px;height:9px;background:var(--altin);transform:rotate(45deg)}
.gunluk time{font-family:var(--f-baslik);letter-spacing:.12em;color:var(--altin-metin);font-size:14px;padding-top:4px}
.gunluk h3{font-family:var(--f-baslik);font-weight:400;font-size:24px;color:var(--metin-koyu);margin:0 0 8px}
.gunluk p{margin:0 0 10px;color:var(--metin-orta)}
.gunluk__fotolar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:16px}
.gunluk__fotolar a{display:block;overflow:hidden;background:#e8e2d5}
.gunluk__fotolar img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s var(--gecis)}
.gunluk__fotolar a:hover img{transform:scale(1.05)}
.video{position:relative;max-width:1080px;aspect-ratio:16/9;background:var(--antrasit) url('../img/cizim/cizim-cephe.svg') center/cover;border:1px solid var(--cizgi-koyu)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video__oynat{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:0;background:rgba(11,11,12,.72);color:var(--metin-acik);cursor:pointer;font:inherit}
.video__oynat span{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--altin);color:var(--siyah);transition:transform .4s var(--gecis)}
.video__oynat span .ik{width:30px;height:30px}
.video__oynat:hover span{transform:scale(1.08)}
.video__oynat small{font-size:13px;letter-spacing:.04em}
.konum-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(40px,6vw,90px);align-items:center}
.yakin{margin-top:30px;border-top:1px solid var(--cizgi-acik)}
.yakin li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--cizgi-acik);color:var(--metin-koyu)}
.yakin li .ik{color:var(--altin-metin);flex:none}
.yakin li span{flex:1}
.yakin li b{font-weight:600;color:var(--altin-metin);font-size:14.5px;white-space:nowrap}
.konum-izgara>div:last-child>.yakin:first-child{margin-top:0}
.harita-kutu{min-height:380px;background:var(--antrasit)}
.harita-kutu iframe{display:block;width:100%;height:440px;border:0;filter:grayscale(1) contrast(1.05)}
@media (max-width:1100px){.dtipler{grid-template-columns:1fr 1fr}}
@media (max-width:960px){.konum-izgara{grid-template-columns:1fr}}
@media (max-width:640px){
  .dtipler{grid-template-columns:1fr}
  .gunluk li{grid-template-columns:1fr;gap:6px;padding-left:24px}
  .pd-dugmeler .dugme{width:100%}
  .harita-kutu iframe{height:340px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .gor{opacity:1;transform:none}
}

/* =====================================================================
   DUYARLI DÜZEN
   ===================================================================== */
@media (max-width:1100px){
  .ust__cta{display:none}
  .alt__ust{grid-template-columns:1fr 1fr;gap:48px}
  .degerler{grid-template-columns:1fr 1fr;row-gap:44px}
  .degerler li:nth-child(3){padding-left:0;border-left:0}
  .degerler--5{grid-template-columns:repeat(3,1fr)}
  .degerler--5 li:nth-child(3){padding-left:24px;border-left:1px solid var(--cizgi-koyu)}
  .degerler--5 li:nth-child(4){padding-left:0;border-left:0}
  .pd-bilgi{grid-template-columns:1fr 1fr;row-gap:24px}
  .pd-bilgi div:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:960px){
  :root{--ust-h:76px}
  .burger{display:block;z-index:2}
  .menu{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:calc(var(--ust-h) + 40px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));background:var(--siyah);visibility:hidden;opacity:0;transition:opacity .4s var(--gecis),visibility .4s}
  .menu.acik-menu{visibility:visible;opacity:1}
  .menu ul{flex-direction:column;gap:0}
  .menu ul a{padding:18px 0;font-family:var(--f-baslik);font-weight:300;font-size:clamp(28px,7vw,40px);border-bottom:1px solid var(--cizgi-koyu);color:#f3ede2}
  .menu ul a::after{display:none}
  .menu__alt{display:flex;flex-direction:column;gap:14px;padding-top:30px;font-size:15px}
  .menu__alt a{display:flex;align-items:center;gap:12px;color:var(--metin-acik)}
  .menu__alt .ik{color:var(--altin)}
  .menu__tel{font-family:var(--f-baslik);font-size:22px!important;color:var(--altin-acik)!important}
  .logo{position:relative;z-index:2}
  body.menu-acik{overflow:hidden}
  .ust.dolu .ust__ic,.ust__ic{height:var(--ust-h)}
  .rakamlar__liste{grid-template-columns:1fr}
  .rakam,.rakam:first-child{padding:44px 0;border-left:0;border-top:1px solid var(--cizgi-koyu)}
  .rakam:first-child{border-top:0}
  .bolum__bas{grid-template-columns:1fr;gap:24px;margin-bottom:52px}
  .editoryal,.uzun-metin,.ifade,.pd-govde,.iletisim{grid-template-columns:1fr}
  .ifade--ters .ifade__gorsel{order:0}
  .editoryal .cerceve{max-width:520px;margin-left:18px}
  .kategoriler,.kartlar{grid-template-columns:1fr}
  .kategori{min-height:440px;padding:32px}
  .neden{grid-template-columns:1fr}
  .neden li,.neden li+li{padding:38px 0;border-left:0;border-bottom:1px solid var(--cizgi-acik)}
  .mv{grid-template-columns:1fr}
  .mv__gorsel{min-height:300px}
  .zaman{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--cizgi-acik);margin-left:4px}
  .koyu .zaman,.siyah .zaman{border-left-color:var(--cizgi-koyu)}
  .zaman li{padding:0 0 38px 30px}
  .zaman li::before{top:8px;left:-5px}
  .ozet-kutular{grid-template-columns:1fr}
  .ozet-kutu+.ozet-kutu{border-left:0;border-top:1px solid var(--cizgi-koyu)}
  .sayfa-basi__gorsel{width:100%;opacity:.3}
}
@media (max-width:640px){
  body{font-size:16px}
  .kap{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
  .logo__simge{height:34px}.logo__yazi{height:25px}
  .ust.dolu .logo__simge{height:32px}.ust.dolu .logo__yazi{height:24px}
  .acilis{background-position:62% 100%;min-height:auto}
  .acilis::before{background:linear-gradient(180deg,rgba(11,11,12,.75) 0%,rgba(11,11,12,.88) 55%,rgba(11,11,12,.7) 100%)}
  .acilis .kap{padding-top:calc(var(--ust-h) + 56px);padding-bottom:130px}
  .acilis__dugmeler .dugme{width:100%}
  .acilis__alt{display:none}
  .etiket{letter-spacing:.26em;font-size:11.5px}
  .rakam__sayi b{font-size:72px}
  .kategori{min-height:400px;padding:26px}
  .dugme{padding:0 22px}
  .form__satir{grid-template-columns:1fr}
  .kanal{grid-template-columns:44px 1fr;gap:16px}
  .kanal__ik{width:44px;height:44px}
  .kanal__eylem{grid-column:2}
  .pd-bilgi{grid-template-columns:1fr 1fr}
  .pd-bilgi dd{font-size:18px}
  .galeri{grid-template-columns:1fr}
  .galeri a:first-child{grid-column:auto}
  .galeri a:first-child img{aspect-ratio:16/10}
  .bos-durum{grid-template-columns:1fr;padding:30px 24px}
  .bos-durum img{width:84px}
  .ozet-kutu{padding:30px 24px;gap:20px}
  .alt__ust{grid-template-columns:1fr;padding-top:72px;padding-bottom:56px;gap:40px}
  .alt__logo{width:180px}
  .degerler{grid-template-columns:1fr}
  .degerler li,.degerler li+li{padding:32px 0 0;border-left:0}
  .cerceve::before{inset:-12px 12px 12px -12px}
  .alinti{padding-left:22px}
  .harita iframe{height:380px}
}
/* Telefon: okunurluk ve dokunma alanları */
@media (max-width:640px){
  .etiket{font-size:12px;letter-spacing:.22em}
  .kategori__durum{font-size:12px}
  .alt__taban nav{gap:0 22px}
  .alt__taban nav a,.alt__taban a{display:inline-flex;align-items:center;min-height:44px}
  .alt__kol a{min-height:40px;display:flex;align-items:center}
  .onay{font-size:14.5px}
  .kanal small{font-size:12.5px}
  .onay input{width:22px;height:22px;margin-top:1px}
  img,svg,video,iframe{max-width:100%}
}
@media (max-width:960px){
  .rakamlar__liste--6{grid-template-columns:1fr 1fr}
  .rakamlar__liste--6 .rakam,.rakamlar__liste--6 .rakam:first-child{padding:40px 0;border-left:0;border-top:1px solid var(--cizgi-koyu)}
  .rakamlar__liste--6 .rakam:nth-child(even){padding-left:28px;border-left:1px solid var(--cizgi-koyu)}
  .rakamlar__liste--6 .rakam:nth-child(-n+2){border-top:0}
}
@media (max-width:560px){
  .rakamlar__liste--6 .rakam,.rakamlar__liste--6 .rakam:first-child{padding:30px 0 28px}
  .rakamlar__liste--6 .rakam:nth-child(even){padding-left:18px}
  .rakamlar__liste--6 .rakam__sayi{flex-wrap:wrap;gap:4px 8px}
  .rakamlar__liste--6 .rakam__sayi b{font-size:clamp(34px,10.5vw,46px)}
  .rakamlar__liste--6 .rakam__sayi small{font-size:11.5px;letter-spacing:.16em}
  .rakamlar__liste--6 .rakam__sayi small.birim-m2{font-size:16px}
  .rakamlar__liste--6 .rakam h3{font-size:15px;margin:12px 0 0;line-height:1.35}
  .rakamlar__liste--6 .rakam p{display:none}
}
/* ===== Basında Biz ===== */
.basin-bant{background:var(--siyah);border-bottom:1px solid var(--cizgi-koyu)}
.basin-bant__ic{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px 56px;align-items:center;padding-top:44px;padding-bottom:44px}
.basin-bant .etiket{margin-bottom:10px}
.basin-bant__baslik{font-size:22px;font-weight:300;color:#f3ede2;white-space:nowrap}
.basin-bant__baslik b{font-weight:400;color:var(--altin-acik)}
.basin-bant__liste{display:flex;flex-wrap:wrap;gap:10px 0;overflow:hidden}
.basin-bant__liste li{position:relative;margin-right:40px}
.basin-bant__liste li::before{content:"";position:absolute;left:-22px;top:50%;width:4px;height:4px;background:var(--altin);transform:translateY(-50%) rotate(45deg);opacity:.6}
.basin-bant__liste a{font-family:var(--f-baslik);font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--metin-acik);white-space:nowrap;transition:color .25s}
.basin-bant__liste a:hover{color:var(--altin-acik)}
.basin-bant .bag{white-space:nowrap;justify-self:start}
.basin-manset{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(40px,6vw,90px);align-items:start;padding-bottom:clamp(60px,7vw,90px);margin-bottom:clamp(60px,7vw,90px);border-bottom:1px solid var(--cizgi-acik)}
.basin-manset__bas{position:sticky;top:calc(var(--ust-h) + 30px)}
.basin-manset__tarih{display:block;font-family:var(--f-baslik);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--altin-metin);margin-bottom:18px}
.basin-manset__baslik{font-size:clamp(30px,3.4vw,46px);line-height:1.18;color:var(--metin-koyu)}
.basin-manset__sayi{margin-top:26px;padding-top:20px;border-top:1px solid var(--cizgi-acik);font-size:15px}
.basin-manset__sayi b{font-family:var(--f-baslik);font-weight:400;font-size:28px;color:var(--altin-metin);margin-right:6px}
.basin-yayinlar{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.basin-yayin{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 16px;align-items:center;height:100%;padding:20px 22px;background:#fff;border:1px solid var(--cizgi-acik);transition:border-color .3s,transform .3s var(--gecis),box-shadow .3s}
.basin-yayin:hover{border-color:var(--altin);transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(43,41,37,.35)}
.basin-yayin__harf{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;background:var(--siyah);color:var(--altin-acik);font-family:var(--f-baslik);font-size:17px;letter-spacing:.06em}
.basin-yayin__ad{display:flex;flex-direction:column;min-width:0}
.basin-yayin__ad b{font-family:var(--f-baslik);font-weight:500;font-size:18px;color:var(--metin-koyu);line-height:1.25}
.basin-yayin__ad small{font-size:13px;color:#8a8377;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.basin-yayin__oku{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-baslik);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--altin-metin)}
.basin-yayin__oku .ik{width:14px;height:14px}
.basin-iletisim{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:36px 40px;background:var(--kagit);border:1px solid var(--cizgi-acik)}
.basin-iletisim p{margin-top:8px;font-size:15px}
@media (max-width:1100px){.basin-bant__ic{grid-template-columns:1fr auto}.basin-bant__liste{grid-column:1/-1;grid-row:2}}
@media (max-width:960px){.basin-manset{grid-template-columns:1fr}.basin-manset__bas{position:static}}
@media (max-width:640px){
  .basin-bant__ic{grid-template-columns:1fr;gap:20px}
  .basin-bant__liste{grid-row:auto}
  .basin-bant__liste li{margin-right:26px}
  .basin-bant__liste li::before{left:-15px}
  .basin-bant__liste a{font-size:13px}
  .basin-yayinlar{grid-template-columns:1fr}
  .basin-iletisim{padding:28px 22px}
  .basin-iletisim .dugme{width:100%;font-size:12px;letter-spacing:.06em;text-transform:none}
}
/* İmza */
.imza{display:inline-flex;align-items:center;gap:6px;color:var(--metin-soluk);white-space:nowrap;transition:color .25s}
.imza b{font-family:var(--f-baslik);font-weight:500;letter-spacing:.08em;color:var(--metin-acik);transition:color .25s}
.imza:hover,.imza:hover b{color:var(--altin-acik)}
@media (min-width:641px){.alt__taban-ic{padding-right:96px}}
@media (max-width:640px){.imza{width:100%}}