:root{
  --lacivert:#143059; --lacivert-koyu:#0E2244; --lacivert-acik:#2F5289;
  --antrasit:#2E3338; --zemin:#F4F4F2; --beyaz:#FFFFFF; --cizgi:#E0E0DC;
  --gri:#5F5E5A; --gri-acik:#6E6D68; --nav-metin:#C2CDE0; --hero-metin:#A3B4D2;
  --olcu:1400px; --yan:clamp(20px,5vw,64px);
  --egri:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Archivo,system-ui,-apple-system,sans-serif;background:var(--beyaz);color:var(--antrasit);line-height:1.7;-webkit-font-smoothing:antialiased}
body.kilit{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;text-align:left}
:focus-visible{outline:2px solid var(--lacivert-acik);outline-offset:3px}
.kapsam{max-width:var(--olcu);margin:0 auto;padding-inline:var(--yan)}
.atla{position:absolute;left:-9999px}
.atla:focus{left:12px;top:12px;z-index:120;background:var(--beyaz);color:var(--lacivert);padding:10px 16px;font-weight:600}
.ort{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* --- gecisler --- */
@media (prefers-reduced-motion:no-preference){
  .ac.hazir{opacity:0;transform:translateY(24px);transition:opacity .75s var(--egri),transform .75s var(--egri);transition-delay:calc(var(--i,0)*80ms)}
  .ac.hazir.gor{opacity:1;transform:none}
  .fk .ort,.pk .ort{transition:transform .9s var(--egri)}
  .fk:hover .ort,.pk:hover .ort{transform:scale(1.06)}
  .ust{transition:box-shadow .35s ease,background .35s ease}
  .menu{transition:opacity .28s ease,transform .28s var(--egri)}
  .pk{transition:opacity .35s ease,transform .35s var(--egri)}
  .kr-foto.hazir img{transform:scale(1.05);transition:transform 1.15s var(--egri) calc(var(--i,0)*80ms)}
  .kr-foto.hazir.gor img{transform:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .ac,.ac.hazir{opacity:1;transform:none}
}

/* --- ust bar --- */
.ust{position:sticky;top:0;z-index:60;background:var(--antrasit)}
.ust.kaydi{background:rgba(46,51,56,.97);box-shadow:0 1px 0 rgba(255,255,255,.10),0 10px 26px rgba(14,34,68,.20);backdrop-filter:blur(8px)}
.ust-ic{display:flex;align-items:center;gap:24px;min-height:70px;position:relative}
/* Logo. 17px'ti, kucuk kaliyordu. Buyuturken tablette menuyle carpismasin diye
   hamburger esigi 900px'e cekildi; 720-820 arasi zaten 24px'e sikismisti. */
.marka{font-weight:800;font-size:clamp(21px,2vw,27px);letter-spacing:.15em;color:var(--beyaz);
line-height:1;white-space:nowrap}
nav.gezinti{margin-left:auto}
.menu{display:flex;gap:26px;list-style:none}
.menu a{font-size:11px;letter-spacing:.13em;color:var(--nav-metin);font-weight:500;padding:6px 0;border-bottom:1px solid transparent;transition:color .22s,border-color .22s}
.menu a:hover{color:var(--beyaz);border-bottom-color:var(--beyaz)}
.menu a.simdi{color:var(--beyaz);border-bottom-color:var(--beyaz)}
.dil-dugme{font-size:11px;font-weight:700;letter-spacing:.1em;color:#8A939B;
border:1px solid #4A5158;padding:8px 12px;line-height:1;transition:color .22s,border-color .22s,background .22s}
.dil-dugme:hover{color:var(--beyaz);border-color:#6B747C;background:#3C4349}
.menu-dugme{display:none;margin-left:auto;border:1px solid #4A5158;color:var(--beyaz);font-size:11px;letter-spacing:.1em;padding:9px 15px;transition:background .22s,border-color .22s}
.menu-dugme:hover{background:#3C4349;border-color:#5E666E}

/* --- hero --- */
.hero{background:var(--lacivert);color:var(--beyaz);padding-block:clamp(56px,8vw,96px)}
/* stretch: gorsel panel yaziyla ayni yukseklige uzar.
   center olsaydi 47-81px kisa kalirdi ve yanlarinda bosluk olusurdu. */
.hero-izgara{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,5vw,64px);align-items:stretch}
.hero-yazi{min-width:0}
/* Panel olcusu kaynak gorselin tasiyabilecegi kadar: 960px kaynak, ~570px
   panelde 1.7x eder. Tam ekrana yayilsa 0.77x olur, bulanik cikardi.
   Yukseklik sabit oran degil, yazi bloguyla ayni: object-fit:cover yanlardan
   biraz kirpar, ama iki sutun esit durur. */
.hero-panel{position:relative;margin:0;max-width:640px;justify-self:end;width:100%;
display:flex;min-height:330px}
.hero-panel img{width:100%;height:100%;object-fit:cover;display:block;flex:1;min-height:0}
.hero-panel figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(14,34,68,.86);padding:12px 18px}
.hero-panel figcaption b{display:block;font-size:12.5px;font-weight:600;color:var(--beyaz);line-height:1.4}
.hero-panel figcaption span{display:block;margin-top:3px;font-size:10px;letter-spacing:.09em;color:#8FA4C6}
.hero h1{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:700;line-height:1.28;letter-spacing:-.015em;max-width:19ch}
.hero p{margin-top:24px;max-width:46ch;color:var(--hero-metin);font-size:clamp(.94rem,1.5vw,1.06rem);line-height:1.65}
.hero-eylem{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}
.dugme{display:inline-block;font-weight:600;font-size:12px;letter-spacing:.1em;padding:14px 26px;border:1px solid var(--beyaz);transition:background .25s var(--egri),color .25s var(--egri),transform .1s}
.dugme:hover{background:var(--beyaz);color:var(--lacivert)}
.dugme:active{transform:translateY(1px)}
.dugme.ikincil{border-color:#4E6A9B;color:var(--hero-metin)}
.dugme.ikincil:hover{border-color:var(--beyaz);background:transparent;color:var(--beyaz)}

/* --- rakamlar --- */
.rakamlar{background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.rakam-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:34px}
.rakam b{display:block;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:800;color:var(--lacivert);line-height:1}
.rakam span{display:block;margin-top:8px;font-size:10.5px;letter-spacing:.13em;color:var(--gri)}

/* --- bolum --- */
.bolum{padding-block:clamp(56px,8vw,92px)}
.bolum-basi{font-size:11px;letter-spacing:.17em;color:var(--lacivert);font-weight:700}
.bolum h2{margin-top:14px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;letter-spacing:-.015em;line-height:1.25;max-width:22ch;color:var(--lacivert)}
.bolum h2 + p{margin-top:16px;max-width:60ch;color:var(--gri)}

/* --- faaliyet --- */
.faaliyet{display:grid;grid-template-columns:repeat(3,1fr)}
.fk{position:relative;isolation:isolate;overflow:hidden;min-height:290px;display:flex;align-items:flex-end;
border-right:1px solid var(--lacivert-acik);border-bottom:1px solid var(--lacivert-acik);background:var(--lacivert)}
.fk:nth-child(3n){border-right:none}
.fk:nth-last-child(-n+3){border-bottom:none}
.fk::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(14,34,68,.97) 0%,rgba(14,34,68,.90) 38%,rgba(14,34,68,.58) 68%,rgba(14,34,68,.30) 100%)}
.fk-ic{position:relative;z-index:2;padding:26px 22px 30px}
.fk-b{display:block;font-size:13px;font-weight:700;letter-spacing:.05em;color:var(--beyaz);line-height:1.35}
.fk-p{display:block;margin-top:14px;font-size:12.5px;line-height:1.6;color:#9CB0CE}

/* --- proje gruplari --- */
.grup{margin-top:clamp(30px,4vw,46px)}
.grup[hidden]{display:none}
.grup-basi{font-size:11px;letter-spacing:.17em;color:var(--lacivert);font-weight:700;
padding-bottom:12px;border-bottom:2px solid var(--lacivert);
display:flex;align-items:baseline;justify-content:space-between}
.grup-say{font-size:11px;font-weight:600;color:var(--gri);letter-spacing:.04em}
.pk-sirket{display:block;margin-top:3px;font-size:9.5px;letter-spacing:.07em;color:#8FA4C6;font-weight:500}

/* --- suzgecler --- */
.suzgec-alan{margin-top:44px;margin-bottom:26px}
.suzgec{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.suzgec.ikinci{margin-top:14px;padding-top:14px;border-top:1px solid var(--cizgi)}
.sz-baslik{font-size:10px;letter-spacing:.13em;color:var(--gri-acik);font-weight:700;margin-right:12px}
.sz{font-size:12.5px;font-weight:600;color:var(--gri);padding:9px 15px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.sz:hover{color:var(--lacivert)}
.sz.etkin{color:var(--lacivert);border-bottom-color:var(--lacivert)}
.sy{font-size:10px;font-weight:600;color:var(--gri-acik);margin-left:3px;vertical-align:super}
.sz.etkin .sy{color:var(--lacivert-acik)}

/* --- proje izgarasi (Brut deseni + okunur perde) --- */
.proje-izgara{display:grid;grid-template-columns:repeat(4,1fr)}
.pk{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:flex-end;width:100%;background:var(--lacivert-koyu);border-right:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);color:inherit;text-decoration:none}
.pk::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(14,34,68,.94) 0%,rgba(14,34,68,.78) 34%,rgba(14,34,68,.30) 66%,rgba(14,34,68,.10) 100%)}
.pk-ic{position:relative;z-index:2;padding:22px 20px 24px;width:100%}
.pk-ad{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--beyaz);line-height:1.4;text-transform:uppercase}
.pk-yil{display:block;margin-top:8px;font-size:10.5px;letter-spacing:.11em;color:#9CB0CE;font-weight:600}
.pk.gizli{display:none}
.bos-uyari{text-align:center;padding:60px 20px;color:var(--gri-acik);font-size:14px}
.telif{margin-top:26px;font-size:11.5px;color:var(--gri-acik);line-height:1.6;max-width:70ch}

/* --- sayfa basligi seridi --- */
.sf-bas{background:var(--zemin);border-bottom:1px solid var(--cizgi);padding-block:clamp(30px,4vw,48px)}
.sf-bas h1{margin-top:12px;font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:700;letter-spacing:-.015em;
line-height:1.22;color:var(--lacivert);max-width:22ch}
.sf-alt{margin-top:14px;color:var(--gri);max-width:62ch;line-height:1.7}
.iz{font-size:11px;color:var(--gri);display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.iz a{border-bottom:1px solid transparent;transition:border-color .2s}
.iz a:hover{border-bottom-color:var(--gri)}
.iz span[aria-hidden]{color:var(--gri-acik)}
.sf-ustluk{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.dg-bag{font-size:11px;letter-spacing:.1em;font-weight:600;color:var(--lacivert);
border-bottom:1px solid var(--lacivert);padding-bottom:3px;white-space:nowrap;transition:opacity .22s}
.dg-bag:hover{opacity:.6}
.giris-metin{margin-top:22px;color:var(--gri);max-width:66ch;font-size:1.02rem;line-height:1.75}
.dortyuz-kod{font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1;color:#2F5289;letter-spacing:-.03em}

/* --- faaliyet alanlari sayfasi --- */
.fa-satir{padding-block:clamp(26px,4vw,44px);border-bottom:1px solid var(--cizgi)}
.fa-satir:last-child{border-bottom:none}
.fa-izgara{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,4vw,52px);align-items:center}
.fa-satir[style*="--i:1"] .fa-gorsel{order:2}
.fa-gorsel{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--lacivert-koyu)}
.fa-gorsel img{width:100%;height:100%;object-fit:cover}
.fa-no{font-size:11px;letter-spacing:.16em;color:var(--gri-acik);font-weight:700}
.fa-yazi h2{margin-top:12px;font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:700;color:var(--lacivert);
letter-spacing:-.01em;line-height:1.25}
.fa-yazi p{margin-top:14px;color:var(--gri);max-width:52ch;line-height:1.75}
.fa-projeler{margin-top:24px;border-top:1px solid var(--cizgi);padding-top:18px;max-width:52ch}
.fa-p-bas{font-size:9.5px;letter-spacing:.14em;color:var(--gri-acik);font-weight:700;margin:0}
.fa-projeler ul{list-style:none;margin-top:10px}
.fa-projeler li{border-bottom:1px solid var(--cizgi)}
.fa-projeler li:last-child{border-bottom:none}
.fa-projeler a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
padding:11px 0 11px 0;transition:padding-left .25s var(--egri)}
.fa-projeler a:hover{padding-left:7px}
.fa-p-ad{font-size:13.5px;font-weight:600;color:var(--lacivert);line-height:1.4}
.fa-p-not{font-size:10.5px;letter-spacing:.05em;color:var(--gri-acik);font-weight:600;white-space:nowrap}

/* --- proje detay --- */
.pd{padding-top:clamp(24px,3vw,36px)}
.pd-bas{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.pd-etiketler{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.pd-e{font-size:10px;letter-spacing:.1em;font-weight:600;color:var(--gri);border:1px solid var(--cizgi);padding:5px 10px}
.pd-e.vurgu{border-color:var(--lacivert);color:var(--lacivert)}
.pd h1{font-size:clamp(1.5rem,3.2vw,2.3rem);font-weight:700;letter-spacing:-.015em;line-height:1.22;
color:var(--lacivert);max-width:20ch}
.pd-yil{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--gri-acik);white-space:nowrap;padding-top:4px}
/* max-width satir ici veriliyor: her gorsel kendi cozunurlugu kadar buyur, fazlasi degil */
.pd-gorsel{margin:clamp(24px,3vw,36px) auto 0;position:relative;overflow:hidden;background:var(--lacivert-koyu)}
.pd-gorsel img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.pd-govde{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.pd-rol{margin-top:14px;color:var(--gri);line-height:1.8;max-width:58ch;font-size:1.02rem}
.pd-not{margin-top:24px;padding:16px 18px;background:var(--zemin);border-left:2px solid var(--lacivert);
font-size:13px;color:var(--gri);line-height:1.7;max-width:58ch}
.pd-not strong{color:var(--lacivert)}
.pd-kunye dl{margin-top:14px;border-top:2px solid var(--lacivert)}
.pd-kunye dl > div{border-bottom:1px solid var(--cizgi);padding:14px 0}
.pd-kunye dt{font-size:10px;letter-spacing:.12em;color:var(--gri)}
.pd-kunye dd{margin-top:5px;font-size:17px;font-weight:700;color:var(--lacivert);line-height:1.35}
.pd-kunye dd.kucuk{font-size:12px;font-weight:400;color:var(--gri);line-height:1.6}
.pd-galeri{margin-top:clamp(34px,5vw,56px)}
.pg-izgara{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:1px;background:var(--cizgi);border:1px solid var(--cizgi)}
.pg{margin:0;background:var(--beyaz);display:flex;flex-direction:column}
.pg img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--zemin)}
.pg.dikey img{aspect-ratio:3/4;object-fit:contain;background:var(--zemin)}
.pg figcaption{padding:11px 14px;font-size:11.5px;color:var(--gri);line-height:1.5;border-top:1px solid var(--cizgi)}

.pd-gezinti{margin-top:clamp(34px,5vw,60px);padding-top:22px;border-top:1px solid var(--cizgi);
display:flex;justify-content:space-between;gap:20px}
.pd-g{max-width:44%;transition:opacity .22s}
.pd-g:hover{opacity:.62}
.pd-g.sonraki{text-align:right;margin-left:auto}
.pd-g-et{display:block;font-size:10px;letter-spacing:.12em;color:var(--gri-acik);font-weight:700}
.pd-g-ad{display:block;margin-top:6px;font-size:14px;font-weight:700;color:var(--lacivert);line-height:1.35}

/* --- hakkimizda sayfasi --- */
.hk-yan{border-left:2px solid var(--lacivert);padding-left:24px}
.hk-rakam{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hk-rakam b{display:block;font-size:1.5rem;font-weight:800;color:var(--lacivert);line-height:1}
.hk-rakam span{display:block;margin-top:6px;font-size:10px;letter-spacing:.12em;color:var(--gri)}
.hk-yan .dg-bag{display:inline-block;margin-top:26px}

/* --- alt bilgi --- */
.alt-izgara{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-bottom:28px}
.alt-marka{font-weight:800;font-size:21px;letter-spacing:.15em;color:var(--beyaz);line-height:1}
.alt-not{margin-top:8px;font-size:11.5px;color:#9BA2A9;line-height:1.6}
.alt-bas{font-size:10px;letter-spacing:.13em;color:#6E7981;font-weight:700;margin-bottom:12px}
.alt-izgara ul{list-style:none}
.alt-izgara li{margin-bottom:8px}
.alt-son{border-top:1px solid #43494F;padding-top:18px;display:flex;justify-content:space-between;
gap:18px;flex-wrap:wrap;font-size:11px;color:#7E868D}
.alt-kredi a{color:#9BA2A9;border-bottom:1px solid #4A5158;padding-bottom:1px;transition:color .22s,border-color .22s}
.alt-kredi a:hover{color:var(--beyaz);border-bottom-color:#6B747C}

/* --- hakkimizda --- */
.hakkimizda{background:var(--zemin)}
.hk-izgara{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(32px,6vw,76px);align-items:start}
.hk-metin p{color:var(--gri);max-width:58ch}
.hk-metin p + p{margin-top:18px}
.ilkeler{list-style:none;margin-top:8px}
.ilkeler li{border-top:1px solid var(--cizgi);padding-block:22px}
.ilkeler li:last-child{border-bottom:1px solid var(--cizgi)}
.ilkeler b{display:block;font-size:14px;color:var(--lacivert)}
.ilkeler span{display:block;margin-top:8px;font-size:13.5px;color:var(--gri);line-height:1.65}

/* --- kurucu --- */
.kurucu{background:var(--beyaz);border-top:1px solid var(--cizgi)}
.kr-ust{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(30px,5vw,64px);align-items:start;margin-top:8px}
.kr-ust.foto-var{grid-template-columns:clamp(230px,24vw,310px) 1.2fr 1fr;
  grid-template-areas:"foto metin kimlik"}
.foto-var .kr-foto{grid-area:foto}
.foto-var .kr-govde{grid-area:metin}
.foto-var .kr-kimlik{grid-area:kimlik}
.kr-foto{margin:0}
.kr-foto img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:var(--zemin)}
.kr-metin{margin-top:16px;color:var(--gri);max-width:52ch}
.kr-kimlik{border-left:2px solid var(--lacivert);padding-left:22px}
.kr-ad{font-size:17px;font-weight:700;color:var(--lacivert);line-height:1.3}
.kr-unvan{margin-top:4px;font-size:11px;letter-spacing:.1em;color:var(--gri)}
.kr-nitelik{margin-top:18px}
.kr-nitelik > div{padding-block:9px;border-top:1px solid var(--cizgi)}
.kr-nitelik dt{font-size:13px;font-weight:600;color:var(--antrasit)}
.kr-nitelik dd{margin-top:2px;font-size:12px;color:var(--gri);line-height:1.5}
.kr-nitelik dd span{color:var(--gri-acik)}
.kr-bag{display:inline-block;margin-top:16px;font-size:11px;letter-spacing:.09em;font-weight:600;
color:var(--lacivert);border-bottom:1px solid var(--lacivert);padding-bottom:2px;transition:opacity .22s}
.kr-bag:hover{opacity:.62}

/* --- zaman cizgisi --- */
.cizgi{margin-top:clamp(40px,6vw,72px);position:relative}
.cz-serit{position:relative;height:0}
.cz-etiket{position:absolute;left:0;font-size:9.5px;letter-spacing:.13em;color:var(--gri-acik);font-weight:700}
.cz-etiket.cz-ust{top:-14px}
.cz-etiket.cz-alt{top:calc(100% + 0px)}
.cz-alan{position:relative;height:340px;margin-top:26px}
.cz-orta{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--lacivert);transform:translateY(-1px)}
.cz-gecis{position:absolute;top:0;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,var(--lacivert-acik) 0 4px,transparent 4px 9px)}
.cz-gecis::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;background:var(--beyaz);
border:2px solid var(--lacivert);border-radius:50%;transform:translate(-50%,-50%)}
.cz-gecis-yazi{position:absolute;left:10px;top:calc(50% - 42px);font-size:9.5px;letter-spacing:.06em;
color:var(--lacivert-acik);font-weight:700;line-height:1.35;white-space:nowrap}
.cz-blok{position:absolute;box-sizing:border-box}
.cz-blok.cz-ust{bottom:50%;padding-bottom:14px;display:flex;align-items:flex-end}
.cz-blok.cz-alt{top:50%;padding-top:14px}
.cz-blok::before{content:"";position:absolute;left:0;right:2px;height:8px;background:var(--lacivert);opacity:.24}
.cz-blok.cz-ust::before{bottom:6px}
.cz-blok.cz-alt::before{top:6px}
.cz-blok.cz-alt::after{content:"";position:absolute;left:0;top:6px;bottom:auto;width:2px;height:8px;background:var(--lacivert)}
.cz-blok.cz-ust::after{content:"";position:absolute;left:0;bottom:6px;width:2px;height:8px;background:var(--lacivert)}
.cz-kutu{background:var(--zemin);border-left:2px solid var(--lacivert);padding:11px 13px;width:calc(100% - 7px);
transition:background .25s ease}
.cz-blok:hover .cz-kutu{background:#E9EDF3}
.cz-kutu b{display:block;font-size:12.5px;font-weight:700;color:var(--lacivert);line-height:1.3}
.cz-unvan{display:block;margin-top:5px;font-size:10.5px;color:var(--gri);line-height:1.4}
.cz-yil{display:block;margin-top:6px;font-size:9.5px;letter-spacing:.06em;color:var(--gri-acik);font-weight:600}
.cz-blok.dar .cz-kutu{min-width:118px}
/* Dar blok (7%'den kisa) ikinci kata cikar, tik cizgisi uzayip bagi kurar.
   Yoksa 8 aylik gorevin kutusu yanindaki 2 yillik gorevin uzerine biner. */
.cz-blok.dar.cz-ust .cz-kutu{transform:translateY(-84px)}
.cz-blok.dar.cz-ust::after{height:98px}
.cz-blok.dar.cz-alt .cz-kutu{transform:translateY(84px)}
.cz-blok.dar.cz-alt::after{height:98px}
.cz-yillar{position:relative;height:20px;margin-top:8px}
.cz-yillar span{position:absolute;top:0;font-size:9.5px;color:var(--gri-acik);font-weight:600;transform:translateX(-50%)}
.cz-liste{display:none;list-style:none;counter-reset:k}

/* mobilde cizgi okunmaz; liste devreye girer */
@media (max-width:899px){
  .cizgi{display:none}
  .cz-liste{display:block;margin-top:34px}
  .cz-liste li{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:16px 0 16px 14px;
  border-left:2px solid var(--cizgi);position:relative}
  .cz-liste li.isveren{border-left-color:var(--lacivert)}
  .cz-liste li::before{content:"";position:absolute;left:-5px;top:22px;width:8px;height:8px;border-radius:50%;
  background:var(--cizgi)}
  .cz-liste li.isveren::before{background:var(--lacivert)}
  .cl-yil{font-size:10.5px;letter-spacing:.05em;color:var(--gri-acik);font-weight:700;padding-top:2px}
  .cl-ic b{display:block;font-size:13.5px;font-weight:700;color:var(--lacivert);line-height:1.3}
  .cl-ic > span{display:block;margin-top:4px;font-size:12px;color:var(--gri);line-height:1.5}
  .cl-not{color:var(--gri-acik)!important;font-size:11.5px!important;margin-top:6px!important}
  .kr-ust{grid-template-columns:1fr}
  .kr-ust.foto-var{grid-template-columns:1fr;grid-template-areas:"foto" "metin" "kimlik"}
  .kr-foto{max-width:min(320px,80%)}
}

/* --- iletisim --- */
.iletisim{background:var(--lacivert);color:var(--beyaz)}
.il-izgara{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,76px)}
.iletisim h2{color:var(--beyaz)}
.iletisim .bolum-basi{color:var(--hero-metin)}
.bilgi{list-style:none}
.bilgi li{border-top:1px solid #33517E;padding-block:20px}
.bilgi li:last-child{border-bottom:1px solid #33517E}
.bilgi .etiket{font-size:10px;letter-spacing:.13em;color:#8FA4C6}
.bilgi .deger{margin-top:8px;font-size:14px;color:var(--beyaz);line-height:1.6}
.bag{border-bottom:1px solid #4E6A9B;padding-bottom:2px;transition:border-color .22s}
.bag:hover{border-bottom-color:var(--beyaz)}
.alt{background:var(--antrasit);color:#9BA2A9;padding-block:34px;font-size:11.5px}
.alt-bag{transition:color .22s}
.alt-bag:hover{color:var(--beyaz)}

@media (max-width:1023px){
  .kr-ust.foto-var{grid-template-columns:minmax(210px,250px) 1fr;grid-template-areas:"foto metin" "kimlik kimlik"}
  .faaliyet{grid-template-columns:repeat(2,1fr)}
  .fk:nth-child(3n){border-right:1px solid var(--lacivert-acik)}
  .fk:nth-child(2n){border-right:none}
  .fk:nth-last-child(-n+3){border-bottom:1px solid var(--lacivert-acik)}
  .fk:nth-last-child(-n+2){border-bottom:none}
  .proje-izgara{grid-template-columns:repeat(2,1fr)}
  .hero-izgara,.hk-izgara,.il-izgara,.pd-govde,.fa-izgara{grid-template-columns:1fr}
  /* tek sutuna dusunce yukseklik esitlemesinin anlami kalmaz: dogal orana don */
  .hero-panel{justify-self:start;max-width:560px;min-height:0}
  .hero-panel img{height:auto;aspect-ratio:3/2}
  .fa-satir[style*="--i:1"] .fa-gorsel{order:0}
  .hk-yan{border-left:none;border-top:2px solid var(--lacivert);padding-left:0;padding-top:24px}
  .alt-izgara{grid-template-columns:1fr 1fr}
  .hero-panel{justify-self:start;max-width:520px}
}
@media (max-width:899px){
  .ust-ic{gap:0}
  nav.gezinti{margin-left:0}
  /* Telefonda: BAYSAR ....... EN | MENU */
  .dil-dugme{margin-left:auto;margin-right:10px;min-height:44px;display:inline-flex;align-items:center}
  .menu-dugme{margin-left:0;min-height:44px}
  .menu{display:none;position:absolute;top:70px;right:0;min-width:min(72vw,280px);background:var(--antrasit);flex-direction:column;gap:0;padding:6px 0 12px;border-top:1px solid #43494F;box-shadow:0 16px 34px rgba(8,20,40,.34);opacity:0;transform:translateY(-8px)}
  .menu.acik{display:flex;opacity:1;transform:none}
  .menu li{border-bottom:1px solid #3A4046}
  .menu li:last-child{border-bottom:none}
  .menu a{display:block;padding:15px var(--yan) 15px 22px;font-size:12px;text-align:right;border-bottom:none}

  .menu-dugme{display:block}
  .rakam-izgara{grid-template-columns:repeat(2,1fr);gap:28px 16px}
  .faaliyet{grid-template-columns:1fr}
  .fk,.fk:nth-child(3n),.fk:nth-child(2n){border-right:none;min-height:250px}
  .fk:nth-last-child(-n+3),.fk:nth-last-child(-n+2){border-bottom:1px solid var(--lacivert-acik)}
  .fk:last-child{border-bottom:none}
  .proje-izgara{grid-template-columns:1fr}
  .pk{aspect-ratio:16/9}
    .bag,.alt-bag{display:inline-flex;align-items:center;min-height:44px}
    .sz{padding:9px 11px;font-size:12px}
}