/* B&K Hukuk ve Danışmanlık — site stilleri
   Kaynak: broşür tasarım sistemi (web/_arastirma/tasarim-sistemi.md).
   Libre Baskerville (başlık, giriş metni, rakamlar, monogram) + Instrument Sans (gövde, etiketler).
   Fontlar SIL Open Font License; yerelden yüklenir. */

@font-face{font-family:"LB";src:url("../fonts/libre-baskerville-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"LB";src:url("../fonts/libre-baskerville-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IS";src:url("../fonts/instrument-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IS";src:url("../fonts/instrument-sans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  /* Broşür paleti (aynen) */
  --navy:#0E1F36; --ink:#1B2230; --text:#30374A; --mute:#737986;
  --bronze:#A07A3F; --bronze-l:#CBB083; --stone:#F4F0E9; --line:#DED7CB;
  /* Web için küçük metinde AA kontrastı sağlayan koyulaştırılmış tonlar */
  --mute-t:#666C79; --bronze-t:#8A6830;
  --on-dark:rgba(255,255,255,.86); --on-dark-mute:rgba(255,255,255,.7); --on-dark-line:rgba(255,255,255,.18);
  --serif:"LB",Georgia,"Times New Roman",serif;
  --sans:"IS",Arial,Helvetica,sans-serif;
  --g:clamp(20px,5.6vw,88px);           /* yan boşluk: broşürdeki 20 mm kenarın karşılığı */
  --max:1200px;                          /* içerik sütunu: 170 mm sütunun karşılığı */
  --label-col:31%;                       /* broşürdeki 52 mm | geniş sütun oranı */
  --col-gap:clamp(24px,4.6vw,64px);
  --sec:clamp(72px,10vw,144px);          /* bölüm arası dikey nefes */
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--text);font-family:var(--sans);font-size:1.0625rem;line-height:1.62;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* Tipografik ince iş: başlıklarda dengeli, kısa metinde yetim sözcüksüz satır */
.h1,.h2,.hero-title,.toc .t > span,.person-nm,.trio h3,.pr-list h2,.area-list h2,.sub2 h3,.doc h2,.tech h3{text-wrap:balance}
.lead,.intro,.toc .t small,.trio p,.pr-list p,.area-list .intro,.closing p,.bio p{text-wrap:pretty}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{color:var(--bronze-t)}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.dark :focus-visible,.site-head--dark :focus-visible,.site-foot :focus-visible{outline-color:var(--bronze-l)}
::selection{background:var(--bronze-l);color:var(--navy)}

.wrap{max-width:calc(var(--max) + 2 * var(--g));margin-inline:auto;padding-inline:var(--g)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--g);top:-60px;z-index:20;background:var(--navy);color:#fff;padding:10px 16px;font-size:.875rem;text-decoration:none}
.skip:focus{top:12px;color:#fff}

/* ---------- Tipografi ---------- */
.kicker{font-family:var(--sans);font-weight:700;font-size:.75rem;line-height:1.5;letter-spacing:.3em;text-transform:uppercase;color:var(--bronze-t)}
.dark .kicker{color:var(--bronze-l)}
.h1,.h2{font-family:var(--serif);font-weight:400;color:var(--navy);letter-spacing:-.012em;line-height:1.02}
.h1{font-size:clamp(2.5rem,1.55rem + 3.7vw,4.5rem)}
.h2{font-size:clamp(2.125rem,1.45rem + 2.6vw,3.625rem)}
.h1 em,.h2 em,.hero-title em{font-style:italic;color:var(--bronze)}
.h1 .br,.h2 .br{display:block}
.dark .h1,.dark .h2{color:#fff}
.dark .h1 em,.dark .h2 em{color:var(--bronze-l)}
.kicker + .h1,.kicker + .h2{margin-top:.55em}
.lead{font-family:var(--serif);font-size:clamp(1.1875rem,1.02rem + .62vw,1.4375rem);line-height:1.5;color:var(--ink)}
.dark .lead{color:var(--on-dark)}
.cap{font-weight:700;font-size:.72rem;line-height:1.5;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze-t);margin-bottom:.9rem}
.dark .cap{color:var(--bronze-l)}
.serif{font-family:var(--serif)}
.prose p + p{margin-top:.9em}
.amp-i{font-style:normal}
/* .just: broşürde iki yana yaslı metin vardı; Chrome Türkçe tireleme yapmadığı için web'de sola yaslı bırakıldı. */
.just{text-align:left}

/* Monogram (metin; görsel dosya yok) */
.mono{font-family:var(--serif);font-weight:400;line-height:1;letter-spacing:.01em;color:var(--navy)}
.mono i{font-style:normal;color:var(--bronze)}
.dark .mono,.site-head--dark .mono,.site-foot .mono{color:#fff}
.dark .mono i,.site-head--dark .mono i,.site-foot .mono i{color:var(--bronze-l)}
.brand-sub{font-family:var(--sans);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mute-t)}

/* ---------- Üst bilgi (broşürdeki çalışan başlık) ---------- */
.site-head{position:relative;z-index:5;background:#fff}
.site-head--dark{background:var(--navy);color:#fff}
.cover .site-head--dark,.nf .site-head--dark{background:transparent}
.rh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.rh-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:26px 0 18px;border-bottom:1px solid var(--line)}
.site-head--dark .rh-inner{border-bottom-color:rgba(255,255,255,.14)}
.brand{display:inline-flex;align-items:baseline;gap:14px;text-decoration:none;min-height:44px;align-items:center}
.brand .mono{font-size:1.625rem}
.site-head--dark .brand-sub{color:rgba(255,255,255,.7)}
.brand:hover{color:inherit}
.brand:hover .mono i{color:var(--navy)}
.site-head--dark .brand:hover .mono i{color:#fff}

.site-nav ul{display:flex;gap:clamp(18px,2.6vw,40px)}
.site-nav a{display:inline-flex;align-items:baseline;gap:.55em;min-height:44px;align-items:center;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:var(--mute-t);white-space:nowrap}
.site-nav .rn{font-family:var(--serif);font-style:italic;font-size:.9375rem;letter-spacing:0;text-transform:none;color:var(--bronze-t)}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--navy)}
.site-nav a[aria-current="page"] .label{box-shadow:inset 0 -1px 0 currentColor}
.site-head--dark .site-nav a{color:rgba(255,255,255,.72)}
.site-head--dark .site-nav .rn{color:var(--bronze-l)}
.site-head--dark .site-nav a:hover,.site-head--dark .site-nav a[aria-current="page"]{color:#fff}

.menu-btn{display:none;appearance:none;background:none;border:0;border-bottom:1px solid currentColor;padding:6px 0 4px;margin:0;min-height:44px;min-width:44px;font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--navy);cursor:pointer}
.site-head--dark .menu-btn{color:#fff}
.menu-btn-close{display:none}
.menu-btn[aria-expanded="true"] .menu-btn-open{display:none}
.menu-btn[aria-expanded="true"] .menu-btn-close{display:inline}

@media (max-width:1023px){
  .brand-sub{display:none}
  .js .menu-btn{display:inline-block}
  .site-nav{flex-basis:100%}
  .js .site-nav{display:none}
  .js .site-nav.is-open{display:block}
  .site-nav ul{flex-direction:column;gap:0;border-top:2px solid var(--navy);margin-top:6px}
  .site-head--dark .site-nav ul{border-top-color:rgba(255,255,255,.35)}
  .site-nav li{border-bottom:1px solid var(--line)}
  .site-head--dark .site-nav li{border-bottom-color:rgba(255,255,255,.14)}
  .site-head--dark .site-nav.is-open{background:var(--navy)}
  .site-head--dark:has(.site-nav.is-open){background:var(--navy)}
  .site-nav a{display:flex;align-items:baseline;gap:0;min-height:56px;padding:14px 0;font-family:var(--serif);font-size:1.5rem;letter-spacing:0;text-transform:none;color:var(--navy)}
  .site-head--dark .site-nav a{color:#fff}
  .site-nav .rn{flex:0 0 3.2rem;font-size:1rem}
  .site-nav a[aria-current="page"] .label{box-shadow:none}
  .site-nav a[aria-current="page"]::after{content:"";width:28px;height:1px;background:var(--bronze);margin-left:14px;align-self:center}
}
@media (min-width:1024px) and (max-width:1239px){.brand-sub{display:none}}

/* ---------- Kapak (ana sayfa) ---------- */
.dark{background:var(--navy);color:#fff}
.cover{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.cover-body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(560px,calc(100svh - 92px),900px);padding-top:clamp(140px,22vh,260px)}
.cover .kicker{color:rgba(255,255,255,.75);font-weight:400;letter-spacing:.42em}
.hero-title{margin-top:.7em;font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,1.4rem + 3.9vw,4.75rem);line-height:.98;letter-spacing:-.012em;max-width:12.5em}
.hero-title em{display:block;color:var(--bronze-l)}
.cover-foot{display:grid;grid-template-columns:auto 1fr auto;gap:12px;margin-top:clamp(56px,9vh,104px);border-top:1px solid rgba(255,255,255,.22);padding:22px 0 clamp(28px,5vh,56px);font-size:.75rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.cover-foot span:nth-child(2){text-align:center}
.cover-foot span:last-child{text-align:right}
@media (max-width:640px){
  /* dev & kalktıktan sonra 280 px'lik üst boşluk başlığı ilk ekranın altına itiyordu */
  .cover-body{min-height:0;padding-top:clamp(88px,18vh,150px)}
  .cover-foot{font-size:.6875rem;letter-spacing:.18em}
}

/* Kapak fotoğrafı: .cover'ı kaplar; yükseklik .cover-body'den gelir, fotoğraf yüklenmeden de aynı (düzen kayması yok) */
.cover-photo{position:absolute;inset:-5% 0;z-index:0;pointer-events:none}
.cover-photo picture,.cover-photo img{display:block;width:100%;height:100%}
.cover-photo img{object-fit:cover;object-position:38% 40%}
.cover-shade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(14,31,54,.55) 0,rgba(14,31,54,0) 20%),
    linear-gradient(0deg,rgba(14,31,54,.9) 0,rgba(14,31,54,.55) 18%,rgba(14,31,54,0) 42%),
    linear-gradient(90deg,rgba(14,31,54,.94) 0,rgba(14,31,54,.9) 30%,rgba(14,31,54,.62) 56%,rgba(14,31,54,.2) 82%,rgba(14,31,54,.08) 100%)}
@media (max-width:1180px){
  .cover-shade{background:
    linear-gradient(180deg,rgba(14,31,54,.55) 0,rgba(14,31,54,0) 20%),
    linear-gradient(0deg,rgba(14,31,54,.9) 0,rgba(14,31,54,.55) 18%,rgba(14,31,54,0) 42%),
    linear-gradient(90deg,rgba(14,31,54,.95) 0,rgba(14,31,54,.92) 40%,rgba(14,31,54,.74) 66%,rgba(14,31,54,.4) 88%,rgba(14,31,54,.22) 100%)}
}
@media (max-width:700px){
  .cover-photo img{object-position:50% 30%}
  .cover-body{padding-top:clamp(180px,32vh,300px)}  /* fotoğrafın binası metnin üstünde görünsün */
  .cover-shade{background:
    linear-gradient(0deg,rgba(14,31,54,.94) 0,rgba(14,31,54,.9) 40%,rgba(14,31,54,.76) 62%,rgba(14,31,54,.3) 82%,rgba(14,31,54,.08) 100%)}
}

/* ---------- Bölüm iskeleti ---------- */
.section{padding-block:var(--sec)}
.section--tight{padding-block:clamp(56px,7vw,96px)}
.section:not(.dark) + .section:not(.dark){padding-top:0}
main > .section:not(.dark):nth-last-child(2){padding-bottom:0}
.split{display:grid;gap:28px var(--col-gap)}
@media (min-width:900px){.split{grid-template-columns:var(--label-col) 1fr}}
.more{display:inline-flex;align-items:center;gap:.8em;min-height:44px;margin-top:28px;font-size:.75rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:var(--navy)}
.more::after{content:"→";font-family:var(--serif);font-size:1.125rem;letter-spacing:0;color:var(--bronze);transition:transform .25s ease}
.more:hover{color:var(--navy)}
.more:hover::after{transform:translateX(4px)}
.dark .more{color:#fff}
.dark .more::after{color:var(--bronze-l)}

/* ---------- İçindekiler (broşür s.2) ---------- */
.toc{margin-top:clamp(28px,4vw,44px);border-top:2px solid var(--navy)}
.toc li{border-bottom:1px solid var(--line)}
.toc a{display:grid;grid-template-columns:clamp(3rem,9vw,7.5rem) 1fr auto;align-items:baseline;gap:0 16px;padding:clamp(18px,2.4vw,28px) 0;text-decoration:none;color:var(--navy)}
.toc .r{font-family:var(--serif);font-style:italic;font-size:clamp(1rem,.9rem + .4vw,1.25rem);color:var(--bronze-t)}
.toc .t{font-family:var(--serif);font-size:clamp(1.625rem,1.2rem + 1.5vw,2.5rem);line-height:1.05}
.toc .t small{display:block;margin-top:.55rem;font-family:var(--sans);font-size:.875rem;line-height:1.45;letter-spacing:.01em;color:var(--mute-t)}
.toc .p{font-family:var(--serif);font-size:1.25rem;color:var(--bronze);transition:transform .25s ease}
.toc a:hover{color:var(--navy)}
.toc a:hover .t > span,.toc a:focus-visible .t > span{box-shadow:inset 0 -1px 0 var(--bronze)}
.toc a:hover .p,.toc a:focus-visible .p{transform:translateX(5px)}

/* ---------- Epigraf / alıntı ---------- */
.epi{display:grid;grid-template-columns:clamp(3rem,9vw,7.5rem) 1fr;gap:0 16px;align-items:start}
.epi .q{font-family:var(--serif);font-size:clamp(3.5rem,2.6rem + 3vw,5.5rem);line-height:.75;color:var(--bronze)}
.epi blockquote p{font-family:var(--serif);font-style:italic;font-size:clamp(1.375rem,1.05rem + 1.3vw,2.25rem);line-height:1.3;color:var(--navy);max-width:28em}
.epi figcaption{margin-top:20px;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mute-t)}
.cq{font-family:var(--serif);font-style:normal;color:var(--bronze);font-size:1.6em;line-height:0;vertical-align:-.36em;margin-left:.06em}

/* ---------- Künye ---------- */
.facts{display:grid;grid-template-columns:1fr;border-top:2px solid var(--navy);margin-top:clamp(48px,6vw,80px)}
.facts > div{padding:20px 24px 20px 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:.75rem;letter-spacing:.26em;text-transform:uppercase;color:var(--mute-t);margin-bottom:8px}
.facts dd{font-family:var(--serif);font-size:clamp(1.1875rem,1.05rem + .5vw,1.4375rem);line-height:1.2;color:var(--navy)}
@media (min-width:640px){.facts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.facts{grid-template-columns:repeat(var(--n,3),1fr)}.facts > div{border-bottom:0;padding-bottom:0}}

/* ---------- Çalışma alanları şeridi (broşür s.4 alt şerit) ---------- */
.agrid{display:grid;grid-template-columns:1fr;border-top:1px solid rgba(255,255,255,.3);margin-top:clamp(36px,5vw,56px)}
.agrid li{border-bottom:1px solid rgba(255,255,255,.12)}
.agrid a{display:grid;grid-template-columns:3rem 1fr auto;align-items:baseline;gap:0 12px;padding:18px 0;text-decoration:none;color:#fff}
.agrid em{font-family:var(--serif);font-size:1rem;color:var(--bronze-l)}
.agrid b{font-family:var(--serif);font-weight:400;font-size:1.3125rem;line-height:1.15}
.agrid .p{font-family:var(--serif);color:var(--bronze-l);transition:transform .25s ease}
.agrid a:hover{color:#fff}
.agrid a:hover b,.agrid a:focus-visible b{box-shadow:inset 0 -1px 0 var(--bronze-l)}
.agrid a:hover .p,.agrid a:focus-visible .p{transform:translateX(4px)}
@media (min-width:640px) and (max-width:999px){.agrid{grid-template-columns:repeat(2,1fr);column-gap:32px}}
@media (min-width:1000px){
  .agrid{grid-template-columns:repeat(5,1fr);border-bottom:0}
  .agrid li{border-bottom:0;border-right:1px solid rgba(255,255,255,.12);padding:0 20px}
  .agrid li:first-child{padding-left:0}
  .agrid li:last-child{border-right:0;padding-right:0}
  .agrid a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:150px;padding:22px 0 8px}
  .agrid .p{margin-top:auto}
}
.seal{display:flex;align-items:center;gap:18px;margin-top:clamp(28px,4vw,44px);font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.5;color:var(--mute-t)}
.seal::before{content:"";flex:0 0 48px;height:2px;background:var(--bronze)}
.dark .seal{color:var(--on-dark-mute)}
.dark .seal::before{background:var(--bronze-l)}

/* ---------- Rakamlar (broşür s.4) ---------- */
.stats{margin-top:clamp(36px,5vw,64px);border-top:1px solid rgba(255,255,255,.16)}
.stat{display:grid;gap:10px 32px;align-items:end;padding:clamp(20px,2.6vw,30px) 0;border-bottom:1px solid rgba(255,255,255,.16)}
/* Altyazı sayının hemen yanında: "70.000 ne?" sorusu gözü sayfanın öbür ucuna götürmesin */
.stats{--num:clamp(3.5rem,2.2rem + 5.4vw,7.5rem)}
@media (min-width:760px){.stat{grid-template-columns:calc(var(--num) * 4.1) 1fr;column-gap:clamp(28px,3vw,48px)}}
.stat b{font-family:var(--serif);font-weight:400;font-size:var(--num);line-height:.86;letter-spacing:-.02em;color:#fff;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.bst b{font-variant-numeric:lining-nums tabular-nums}
.stat > span{display:block;padding-bottom:.5em;font-size:.75rem;line-height:1.7;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.74)}
.stat span .br{display:block}
.areas-after{margin-top:clamp(64px,9vw,128px)}

/* Banka istatistikleri (broşür s.13 alt bant) */
.bst{display:grid;grid-template-columns:1fr;gap:0}
.bst > div{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.bst > div:last-child{border-bottom:0}
.bst b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(3rem,2rem + 3.6vw,5.25rem);line-height:.9;letter-spacing:-.02em;color:#fff}
.bst b em{font-size:.62em;color:var(--bronze-l);margin-left:.06em}
.bst > div > span{display:block;margin-top:16px;font-size:.72rem;line-height:1.7;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.bst span .br{display:block}
@media (min-width:760px){
  .bst{grid-template-columns:repeat(3,1fr)}
  .bst > div{border-bottom:0;border-left:1px solid rgba(255,255,255,.18);padding:4px 0 4px 28px}
  .bst > div:first-child{border-left:0;padding-left:0}
}

/* ---------- Referans başlığı ve logolar (broşür s.13–15) ---------- */
.ref-logo{height:clamp(44px,3.6vw + 20px,64px);margin:clamp(28px,4vw,44px) 0 clamp(24px,3vw,36px)}
.ref-logo img{height:100%;width:auto;mix-blend-mode:multiply}
.ref-cols{display:grid;gap:0 var(--col-gap);margin-top:clamp(40px,6vw,72px)}
@media (min-width:900px){.ref-cols{grid-template-columns:1fr 1fr}}
.ref-cols p{margin-bottom:.9em}
.ref-band{margin-top:clamp(56px,8vw,104px);padding-block:clamp(44px,6vw,80px)}

.logos{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--navy);margin-top:clamp(40px,5vw,64px)}
.logos li{display:grid;grid-template-rows:1fr auto;min-height:clamp(150px,13vw,190px);padding:16px 0 14px;border-bottom:1px solid var(--line)}
.logos .lg{display:flex;align-items:center;justify-content:center;padding:10px 8px}
.logos .lg img{max-height:56px;max-width:min(220px,80%);width:auto;height:auto;mix-blend-mode:multiply}
.logos .lg img.t{max-height:78px}
.logos .nm{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.75rem;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--mute-t)}
.logos .nm em{font-family:var(--serif);font-size:.9375rem;letter-spacing:0;text-transform:none;color:var(--bronze-t)}
.logos li:nth-child(odd){border-right:1px solid var(--line);padding-right:clamp(10px,2vw,24px)}
.logos li:nth-child(even){padding-left:clamp(10px,2vw,24px)}
@media (max-width:559px){.logos li{min-height:132px}.logos .nm{font-size:.75rem;letter-spacing:.1em}.logos .lg img{max-height:44px;max-width:92%}.logos .lg img.t{max-height:62px}}
@media (min-width:1000px){
  .logos--5{grid-template-columns:repeat(5,1fr)}
  .logos--5 li,.logos--5 li:nth-child(odd),.logos--5 li:nth-child(even){border-right:1px solid var(--line);padding:16px 18px 14px}
  .logos--5 li:nth-child(5n+1){padding-left:0}
  .logos--5 li:nth-child(5n){border-right:0;padding-right:0}
  .logos--5 .lg img{max-width:88%}
}
.logos + .cap{margin-top:clamp(40px,5vw,64px)}
.cap + .logos{margin-top:0}

/* ---------- Ekip şeridi / kartlar ---------- */
.photo{position:relative;overflow:hidden;background:#fff;border-bottom:2px solid var(--navy)}
.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;filter:grayscale(1);transform:scale(var(--s,1));transform-origin:50% var(--o,0%)}
.photo--near img{--s:1.3;--o:4%}
/* Portre başına kırpma: 51:63 kutuda göz hizası ~%39'da, yüz genişliği ~%31'de buluşsun (fotoğraflar ölçülerek ayarlandı) */
.ph-busra img{--s:1.05;--o:112%}
.ph-omer img{filter:grayscale(1) brightness(1.06) contrast(1.08)} /* gri fonu öbür portrelerin beyazına yaklaştırır */
.ph-merve img{--s:1.3;--o:0%}
.ph-almina img{--s:1.5;--o:3%}
.ph-fatih img{--s:1.08;--o:90%}
.ph-deniz img{--s:1.05;--o:64%}
.team-row{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 16px;margin-top:clamp(40px,5vw,64px)}
@media (min-width:900px){.team-row{grid-template-columns:repeat(4,1fr);gap:32px}}
.team-row .photo{aspect-ratio:51/63}
.person-nm{margin-top:18px;font-family:var(--serif);font-weight:400;font-size:clamp(1.0625rem,.98rem + .4vw,1.3125rem);line-height:1.15;color:var(--navy)}
.person-role{margin-top:8px;font-weight:700;font-size:.75rem;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-t)}

/* ---------- Arka kapak / iletişim (broşür s.16) ---------- */
.back{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.back .amp{font-size:clamp(20rem,46vw,46rem);left:-.16em;bottom:-.34em;color:var(--bronze);opacity:.9}
.back-body{position:relative;display:grid;gap:56px var(--col-gap);padding-block:var(--sec) calc(var(--sec) * 1.15)}
.back .h1,.back .h2{color:#fff}
.back .intro{margin-top:clamp(24px,3vw,36px);font-family:var(--serif);font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.5;color:var(--on-dark);max-width:34em}
.ct{align-self:end}
.ct > div{border-top:1px solid rgba(255,255,255,.22);padding:20px 0}
.ct dt{font-weight:700;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--bronze-l);margin-bottom:8px}
.ct dd{font-family:var(--serif);font-size:clamp(1.1875rem,1.05rem + .5vw,1.4375rem);line-height:1.4}
.ct dd a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.ct dd a:hover{color:var(--bronze-l);border-bottom-color:var(--bronze-l)}
.ct .map{display:inline-flex;align-items:center;min-height:44px;margin-top:2px;font-family:var(--sans);font-size:.75rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;border-bottom:0;color:var(--on-dark-mute)}
.ct .map::after{content:" →";font-family:var(--serif);letter-spacing:0;color:var(--bronze-l)}
.back .mk{position:relative;justify-self:end;text-align:right}
.back .mk .mono{font-size:1.875rem}
.back .mk .brand-sub{display:block;margin-top:10px;color:rgba(255,255,255,.7)}
.back .note{margin-top:28px;font-size:.875rem;line-height:1.6;color:var(--on-dark-mute);max-width:34em}
.back .note a{color:#fff}
@media (min-width:1000px){
  .back-body{grid-template-columns:1fr minmax(340px,38%);grid-template-areas:"head head" "space ct" "space mk"}
  .back-head{grid-area:head;max-width:52rem}
  .ct{grid-area:ct}
  .back .mk{grid-area:mk}
}
@media (max-width:999px){
  .back .amp{opacity:.35}
  .back .mk{display:none}
}

/* ---------- Alt bilgi ---------- */
.site-foot{background:var(--navy);color:var(--on-dark-mute);font-size:.9375rem;line-height:1.6;border-top:1px solid rgba(255,255,255,.12)}
.foot-grid{display:grid;gap:36px 32px;padding:clamp(56px,7vw,88px) 0 40px}
@media (min-width:640px){.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.foot-grid{grid-template-columns:1.3fr 1fr 1fr .9fr}}
.foot-mark .mono{font-size:1.75rem}
.foot-mark .brand-sub{display:block;margin-top:12px;color:rgba(255,255,255,.7)}
.foot-label{font-weight:700;font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze-l);margin-bottom:10px}
.site-foot a{text-decoration:none;color:#fff;display:inline-flex;align-items:center;min-height:40px}
.site-foot address + p a,.foot-grid p a{min-height:32px}
.site-foot a:hover{color:var(--bronze-l)}
.site-foot address{font-style:normal}
.foot-legal{display:grid;gap:14px 32px;border-top:1px solid rgba(255,255,255,.14);padding:24px 0 36px;font-size:.8125rem;line-height:1.6;color:rgba(255,255,255,.66)}
.foot-legal ul{display:flex;flex-wrap:wrap;gap:4px 24px}
.foot-legal a{min-height:44px}
@media (min-width:1000px){.foot-legal{grid-template-columns:1fr auto;align-items:start}.foot-legal .copy{grid-column:1 / -1}}
/* Yapımcı satırı: telifin altında, küçük ve soluk; "B.Ç" koyu zemin bronzu (kontrast: satır 5.1:1, bağlantı 7.9:1) */
.foot-legal .credit{grid-column:1 / -1;margin-top:-6px;font-size:.8rem;line-height:1.5;color:rgba(255,255,255,.5)}
.credit a{display:inline-flex;align-items:center;min-height:24px;color:var(--bronze-l);font-weight:600;letter-spacing:1px;text-decoration:none;transition:opacity .2s ease}
.credit a:hover,.credit a:focus-visible{opacity:.8;color:var(--bronze-l)}
.credit a:focus-visible{outline:2px solid var(--bronze-l);outline-offset:3px}

/* ---------- Broşürdeki alt bilgi satırı (sayfa no) ---------- */
.rf{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:18px 0 28px;margin-top:clamp(56px,7vw,96px);font-size:.6875rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mute-t)}
.rf .n{font-family:var(--serif);font-style:italic;font-size:1rem;letter-spacing:0;color:var(--navy)}
.dark .rf{border-top-color:rgba(255,255,255,.14);color:rgba(255,255,255,.6);margin-top:0}
.dark .rf .n{color:#fff}

/* ---------- İç sayfa başlığı ---------- */
.page-head{padding-top:clamp(56px,8vw,112px)}
.page-head .lead{margin-top:clamp(24px,3vw,40px);max-width:42em}
.page-head .h1 + .lead{margin-top:clamp(28px,3.4vw,44px)}

/* İki sütun metin (Çalışma Modelimiz / Yaklaşımımız) */
.cols2{display:grid;gap:40px var(--col-gap);margin-top:clamp(56px,8vw,112px)}
@media (min-width:900px){.cols2{grid-template-columns:1fr 1fr}}
.cols2 p{font-size:1.0625rem}

/* Taş zeminli kapanış kutusu (broşür s.14) */
.closing{display:grid;grid-template-columns:clamp(2.5rem,6vw,4rem) 1fr;gap:0 12px;background:var(--stone);padding:clamp(28px,4vw,48px) clamp(22px,4vw,56px);margin-top:clamp(56px,8vw,104px)}
.closing .q{font-family:var(--serif);font-size:clamp(2.75rem,2rem + 2vw,3.75rem);line-height:.8;color:var(--bronze)}
.closing p{font-family:var(--serif);font-size:clamp(1.0625rem,.98rem + .4vw,1.25rem);line-height:1.55;color:var(--ink)}

/* ---------- Çalışma alanı sayfası (broşür s.5–9) ---------- */
.pr-top{display:grid;gap:24px var(--col-gap);padding-top:clamp(56px,8vw,112px)}
@media (min-width:900px){.pr-top{grid-template-columns:var(--label-col) 1fr;align-items:start}}
.big{font-family:var(--serif);font-weight:400;font-size:clamp(5.5rem,3.6rem + 7vw,10rem);line-height:.78;letter-spacing:-.03em;color:var(--bronze)}
.big-sub{margin-top:22px;font-size:.75rem;line-height:1.5;letter-spacing:.3em;text-transform:uppercase;color:var(--mute-t)}
/* Broşürdeki sağ üst bölüm etiketi: "III. Ekibimiz" */
.sec{font-family:var(--sans);font-weight:400;font-size:.75rem;line-height:1.5;letter-spacing:.3em;text-transform:uppercase;color:var(--mute-t)}
.sec b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.0625rem;letter-spacing:0;text-transform:none;color:var(--bronze-t);margin-right:.7em}
.dark .sec{color:rgba(255,255,255,.7)}
.dark .sec b{color:var(--bronze-l)}
.sec + .kicker{margin-top:clamp(28px,4vw,48px)}
.pr-top .h1{margin-top:.04em}
.pr-top .lead{margin-top:clamp(20px,2.6vw,32px)}
.pr-list{margin-top:clamp(64px,9vw,128px);border-top:2px solid var(--navy)}
.pr-list li{display:grid;gap:8px var(--col-gap);padding:clamp(20px,2.6vw,30px) 0;border-bottom:1px solid var(--line)}
@media (min-width:900px){.pr-list li{grid-template-columns:var(--label-col) 1fr;align-items:baseline}}
/* Asılı girinti: romen numara kendi sütununda, başlık kırılınca numaranın altına kaymaz */
.pr-list h2,.pr-list h3{display:grid;grid-template-columns:2.4em 1fr;align-items:baseline;font-family:var(--serif);font-weight:400;font-size:clamp(1.1875rem,1.08rem + .45vw,1.4375rem);line-height:1.2;color:var(--navy)}
.pr-list h2 em,.pr-list h3 em{font-size:.8em;color:var(--bronze-t)}
@media (max-width:899px){.pr-list p{padding-left:calc(2.4 * clamp(1.1875rem,1.08rem + .45vw,1.4375rem))}}
.pr-list p{color:var(--text)}

.pager{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line);margin-top:clamp(56px,7vw,96px)}
.pager a{display:block;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--navy)}
.pager small{display:block;font-size:.75rem;letter-spacing:.26em;text-transform:uppercase;color:var(--mute-t);margin-bottom:6px}
.pager span{font-family:var(--serif);font-size:1.25rem}
.pager span em{color:var(--bronze-t);margin-right:.5em}
.pager a:hover span,.pager a:focus-visible span{box-shadow:inset 0 -1px 0 var(--bronze)}
@media (min-width:900px){
  .pager{grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}
  .pager a{border-bottom:0}
  .pager .all{padding-inline:32px;text-align:center}
  .pager .next{text-align:right}
}

/* Genel bakış listesi (Çalışma Alanları sayfası) */
.area-list{margin-top:clamp(56px,8vw,104px);border-top:2px solid var(--navy)}
.area-list > li{border-bottom:1px solid var(--line)}
.area-list a{display:grid;gap:12px var(--col-gap);padding:clamp(26px,3.4vw,44px) 0;text-decoration:none;color:inherit}
@media (min-width:900px){.area-list a{grid-template-columns:var(--label-col) 1fr}}
.area-list .no{display:block;font-family:var(--serif);font-size:clamp(2.75rem,2rem + 2.4vw,4rem);line-height:.9;letter-spacing:-.02em;color:var(--bronze)}
.area-list h2{margin-top:14px;font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,1.2rem + 1vw,2.125rem);line-height:1.1;color:var(--navy)}
.area-list .intro{font-family:var(--serif);font-size:clamp(1.0625rem,.98rem + .35vw,1.25rem);line-height:1.55;color:var(--ink)}
.area-list .subs{margin-top:16px;font-size:.9375rem;line-height:1.6;color:var(--mute-t)}
.area-list .go{display:inline-block;margin-top:18px;font-size:.72rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--navy)}
.area-list .go::after{content:" →";font-family:var(--serif);font-size:1.0625rem;letter-spacing:0;color:var(--bronze)}
.area-list a:hover h2,.area-list a:focus-visible h2{text-decoration:underline;text-decoration-color:var(--bronze);text-decoration-thickness:1px;text-underline-offset:.18em}
.notice{margin-top:28px;font-size:.875rem;line-height:1.6;color:var(--mute-t);max-width:46em}

/* Alt başlıklı iki sütun (broşür s.14 i./ii.) */
.sub2{display:grid;gap:36px var(--col-gap);margin-top:clamp(40px,5vw,64px)}
@media (min-width:900px){.sub2{grid-template-columns:1fr 1fr}}
.sub2 > div{border-top:2px solid var(--navy);padding-top:20px}
.sub2 h3,.sub2 h4{font-family:var(--serif);font-weight:400;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.2;color:var(--navy);margin-bottom:14px}
.sub2 h3 em,.sub2 h4 em{display:block;font-size:.85em;color:var(--bronze-t);margin-bottom:6px}

/* ---------- Kurucu avukat (broşür s.10) ---------- */
.founder-band{position:relative;background:var(--navy);color:#fff}
.founder-grid{display:grid;gap:40px var(--col-gap);padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(48px,6vw,80px)}
@media (min-width:900px){.founder-grid{grid-template-columns:1fr minmax(260px,320px);align-items:start}}
.founder-nm{margin-top:clamp(28px,4vw,48px);font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,1.2rem + 1vw,2.125rem);line-height:1.15;color:var(--bronze-l)}
.founder-role{margin-top:14px;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--on-dark-mute)}
.founder-pic{max-width:320px;width:100%}
.founder-pic .photo{aspect-ratio:466/661;border-bottom:0;background:#e9e9e9}
@media (max-width:899px){.founder-pic{max-width:280px}}
.bio{max-width:40rem;margin-top:clamp(40px,5vw,64px)}
.bio p{font-family:var(--serif);font-size:clamp(1.125rem,1.02rem + .4vw,1.3125rem);line-height:1.55;color:var(--ink)}
.tl{display:grid;grid-template-columns:1fr;border-top:2px solid var(--navy);margin-top:clamp(36px,5vw,56px)}
.tl > div{padding:20px 24px 20px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.55}
.tl b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);line-height:1.05;color:var(--bronze-t);margin-bottom:10px}
@media (min-width:1100px){.tl b{color:var(--bronze)}} /* 24 px üstünde büyük metin: broşür tonu */
@media (min-width:760px){.tl{grid-template-columns:repeat(3,1fr)}.tl > div{border-bottom:0}}
.dl li{position:relative;padding-left:30px}
.dl li + li{margin-top:12px}
.dl li::before{content:"";position:absolute;left:0;top:.8em;width:16px;height:1px;background:var(--bronze)}

/* ---------- Avukat kadrosu (broşür s.11) ---------- */
.trio{display:grid;gap:64px var(--col-gap);margin-top:clamp(40px,6vw,72px)}
@media (min-width:760px){.trio{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.trio{grid-template-columns:repeat(3,1fr)}}
.trio .photo{aspect-ratio:51/63;max-width:420px}
.trio h3{margin-top:22px;font-family:var(--serif);font-weight:400;font-size:clamp(1.375rem,1.2rem + .6vw,1.6875rem);line-height:1.12;color:var(--navy)}
.trio .person-role{margin:10px 0 18px}
.trio p,.trio li{font-size:1rem;line-height:1.62}
.trio .cap{margin:26px 0 10px}

/* ---------- Operasyon ekibi (broşür s.12) ---------- */
.ops-row{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 16px;margin-top:clamp(48px,6vw,80px)}
@media (min-width:640px){.ops-row{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.ops-row{grid-template-columns:repeat(5,1fr);gap:20px}}
.ops-row .photo{aspect-ratio:30.4/44}
.ops-row .person-nm{font-size:1.0625rem;margin-top:14px}
.ops-row .person-role{letter-spacing:.2em}

.flow{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 16px;margin-top:clamp(32px,4vw,48px)}
@media (min-width:640px){.flow{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.flow{grid-template-columns:repeat(6,1fr);gap:0}}
.flow li{position:relative;border-top:1px solid rgba(255,255,255,.35);padding:24px 12px 0 0;font-family:var(--serif);font-size:1.125rem;line-height:1.2}
.flow li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--bronze-l)}
.flow em{display:block;font-size:1rem;color:var(--bronze-l);margin-bottom:8px}
.tech{display:grid;gap:16px var(--col-gap);border-top:1px solid rgba(255,255,255,.14);padding-top:28px;margin-top:clamp(48px,6vw,80px)}
@media (min-width:900px){.tech{grid-template-columns:var(--label-col) 1fr}}
.tech h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,1.25rem + .8vw,1.875rem);line-height:1.12;color:#fff}
.tech p{color:var(--on-dark);max-width:40em}

/* ---------- Yasal metinler ---------- */
.doc{max-width:46rem}
.doc h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.3125rem,1.15rem + .6vw,1.625rem);line-height:1.2;color:var(--navy);margin:48px 0 14px;padding-top:22px;border-top:1px solid var(--line)}
.doc h2 em{color:var(--bronze-t);margin-right:.5em}
.doc p + p,.doc p + ul,.doc ul + p{margin-top:.9em}
.doc ul{margin-top:.6em}
.doc .dl li + li{margin-top:8px}
.doc-meta{margin-top:20px;font-size:.875rem;color:var(--mute-t)}

/* ---------- 404 ---------- */
.nf{position:relative;overflow:hidden;min-height:70vh}
.nf-body{position:relative;padding-block:var(--sec)}

/* ---------- Kopyala düğmesi (site.js: data-copy) ---------- */
.copybtn{appearance:none;font:inherit;font-family:var(--sans);font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line);background:transparent;color:var(--mute-t);cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .12s ease;align-self:center}
.copybtn:hover{border-color:var(--bronze);color:var(--navy)}
.copybtn:active{transform:scale(.96)}
.copybtn.is-done{border-color:var(--bronze);color:var(--bronze-t)}
.dark .copybtn{border-color:rgba(255,255,255,.3);color:var(--on-dark-mute)}
.dark .copybtn:hover{border-color:var(--bronze-l);color:#fff}
.dark .copybtn.is-done{border-color:var(--bronze-l);color:var(--bronze-l)}

/* Hareket: assets/css/hareket.css (ortak katman) */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

@media print{
  .site-head,.menu-btn,.skip{display:none}
  .cover,.back,.dark,.founder-band,.site-foot{background:#fff!important;color:#000!important}
}