:root {
  --ink:      #14213d;   /* koyu lacivert */
  --ink-soft: #1e2d4f;
  --brass:    #b08d57;   /* pirinç / altın vurgu */
  --brass-d:  #977743;
  --paper:    #f7f5f0;   /* fildişi zemin */
  --slate:    #5a6472;   /* ikincil metin */
  --line:     #e4e0d6;
}

* { -webkit-font-smoothing: antialiased; }
body {
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.7;
}
h1, h2, h3, h4, .display-font {
  font-family: 'Playfair Display', Georgia, serif;
  letter-spacing: .2px;
}
.text-slate { color: var(--slate); }
.bg-ink { background: var(--ink); }
.text-brass { color: var(--brass); }

/* Ortak bölüm etiketi (eyebrow) */
.eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--brass);
  display: inline-flex;
  align-items: center;
  gap: .6rem;
}
.eyebrow::before {
  content: "";
  width: 28px; height: 1px;
  background: var(--brass);
  display: inline-block;
}

.section { padding: 96px 0; }
@media (max-width: 767px){ .section { padding: 64px 0; } }

/* ---------- Butonlar ---------- */
.btn-brass {
  background: var(--brass); border-color: var(--brass);
  color: #fff; font-weight: 500; border-radius: 0;
  padding: .7rem 1.6rem; letter-spacing: .02em;
  transition: .25s;
}
.btn-brass:hover { background: var(--brass-d); border-color: var(--brass-d); color:#fff; }
.btn-outline-ink {
  border: 1px solid rgba(255,255,255,.55); color:#fff; border-radius:0;
  padding: .7rem 1.6rem; font-weight:500; transition:.25s; background:transparent;
}
.btn-outline-ink:hover { background:#fff; color: var(--ink); }

/* ---------- Navbar ---------- */
.navbar { transition: background .3s, box-shadow .3s, padding .3s; padding: 1.1rem 0; }
.navbar-brand { font-family:'Playfair Display',serif; font-size:1.4rem; font-weight:700; color:#fff; }
.navbar-brand small { display:block; font-family:'Inter',sans-serif; font-size:.62rem; font-weight:500;
  letter-spacing:.28em; text-transform:uppercase; color: var(--brass); margin-top:2px; }
.navbar .nav-link { color: rgba(255,255,255,.82); font-weight:400; font-size:.95rem; margin:0 .35rem; position:relative; }
.navbar .nav-link:hover, .navbar .nav-link.active { color:#fff; }
.navbar .nav-link.active::after {
  content:""; position:absolute; left:.7rem; right:.7rem; bottom:-2px; height:2px; background: var(--brass);
}
.navbar.scrolled { background: var(--ink); box-shadow: 0 6px 24px rgba(0,0,0,.12); padding:.7rem 0; }
.navbar-toggler { border:none; color:#fff; }

/* ---------- Üst şerit ---------- */
.topbar { background: var(--ink); color: rgba(255,255,255,.72); font-size:.82rem; border-bottom:1px solid rgba(255,255,255,.08); }
.topbar a { color: rgba(255,255,255,.72); text-decoration:none; }
.topbar a:hover { color: var(--brass); }

/* ---------- Hero ---------- */
.hero {
  position: relative; background: var(--ink); color:#fff; overflow:hidden;
}
.hero-img {
  background-image: linear-gradient(90deg, rgba(20,33,61,.96) 0%, rgba(20,33,61,.62) 45%, rgba(20,33,61,.30) 100%),
    url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=1600&auto=format&fit=crop');
  background-size: cover; background-position: center;
  position:absolute; inset:0;
}
.hero-inner { position:relative; z-index:2; padding: 150px 0 120px; }
.hero h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); line-height:1.15; font-weight:700; }
.hero p.lead { color: rgba(255,255,255,.82); font-weight:300; max-width:560px; }
.hero .cred { color: rgba(255,255,255,.6); font-size:.85rem; letter-spacing:.04em; }

/* ---------- Kartlar ---------- */
.area-card {
  background:#fff; border:1px solid var(--line); border-radius:0; height:100%;
  padding: 2.2rem 1.8rem; transition:.3s; text-decoration:none; color:inherit; display:block;
  position:relative;
}
.area-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(20,33,61,.10); border-color: var(--brass); }
.area-card .ico {
  width:56px; height:56px; display:flex; align-items:center; justify-content:center;
  background: var(--paper); color: var(--brass); font-size:1.4rem; margin-bottom:1.2rem;
}
.area-card:hover .ico { background: var(--ink); color: var(--brass); }
.area-card h3 { font-size:1.2rem; margin-bottom:.5rem; }
.area-card .more { color: var(--brass); font-size:.85rem; font-weight:500; margin-top:1rem; display:inline-block; }

/* ---------- Hakkımda ---------- */
.about-img { position:relative; }
.about-img img { width:100%; height:100%; object-fit:cover; }
.about-img .badge-years {
  position:absolute; bottom:-24px; left:-24px; background: var(--brass); color:#fff;
  padding: 1.3rem 1.6rem; text-align:center;
}
.about-img .badge-years span { font-family:'Playfair Display',serif; font-size:2.4rem; font-weight:700; line-height:1; display:block; }
.about-img .badge-years small { font-size:.72rem; letter-spacing:.15em; text-transform:uppercase; }
@media (max-width:991px){ .about-img{ margin-bottom:48px; } .about-img .badge-years{ left:auto; right:16px; } }

.fact-list li { padding:.55rem 0; border-bottom:1px dashed var(--line); display:flex; gap:.9rem; align-items:flex-start; }
.fact-list li i { color: var(--brass); margin-top:.35rem; }

/* ---------- İlkeler ---------- */
.principle { text-align:center; padding: 1rem; }
.principle .ico { font-size:1.8rem; color:var(--brass); margin-bottom:.8rem; }

/* ---------- Blog ---------- */
.post-card { background:#fff; border:1px solid var(--line); height:100%; overflow:hidden; transition:.3s; }
.post-card:hover { box-shadow:0 18px 40px rgba(20,33,61,.10); transform: translateY(-5px); }
.post-card .thumb { height:210px; overflow:hidden; }
.post-card .thumb img { width:100%; height:100%; object-fit:cover; transition:.5s; }
.post-card:hover .thumb img { transform: scale(1.06); }
.post-card .body { padding:1.6rem; }
.post-meta { font-size:.78rem; color: var(--slate); letter-spacing:.05em; text-transform:uppercase; margin-bottom:.6rem; }
.post-card h3 { font-size:1.15rem; line-height:1.4; }
.post-card a.title-link { color: var(--ink); text-decoration:none; }
.post-card a.title-link:hover { color: var(--brass); }

/* ---------- İletişim ---------- */
.contact-wrap { background: var(--ink); color:#fff; }
.contact-info li { display:flex; gap:1rem; align-items:flex-start; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,.10); }
.contact-info .ico { color: var(--brass); font-size:1.1rem; width:24px; text-align:center; margin-top:3px; }
.contact-info .lbl { font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; color: rgba(255,255,255,.55); }
.form-control, .form-select {
  border-radius:0; border:1px solid var(--line); padding:.75rem .9rem; background:#fff;
}
.form-control:focus, .form-select:focus { border-color: var(--brass); box-shadow:0 0 0 .15rem rgba(176,141,87,.20); }

/* ---------- Footer ---------- */
footer { background:#0f192e; color: rgba(255,255,255,.6); }
footer h5 { color:#fff; font-size:.9rem; letter-spacing:.14em; text-transform:uppercase; font-family:'Inter',sans-serif; font-weight:600; margin-bottom:1.2rem; }
footer a { color: rgba(255,255,255,.6); text-decoration:none; }
footer a:hover { color: var(--brass); }
footer .foot-links li { padding:.3rem 0; }
.foot-bottom { border-top:1px solid rgba(255,255,255,.08); font-size:.82rem; }
.foot-disclaimer { font-size:.76rem; color: rgba(255,255,255,.38); line-height:1.6; }

.section-title { font-size: clamp(1.7rem, 3.2vw, 2.4rem); font-weight:700; }

/* ---------- İç sayfa başlığı (page-head + breadcrumb) ---------- */
.page-head { background: var(--ink); color:#fff; padding: 160px 0 46px; }
.page-head h1 { color:#fff; font-size: clamp(1.9rem, 4vw, 2.8rem); margin-bottom:.5rem; }
.page-head .crumb { font-size:.85rem; color: rgba(255,255,255,.6); }
.page-head .crumb a { color: var(--brass); text-decoration:none; }
.page-head .crumb i { font-size:.7rem; margin:0 .5rem; opacity:.6; }

/* ---------- Sidebar ---------- */
.side-card { background:#fff; border:1px solid var(--line); border-radius:0; padding:1.6rem; margin-bottom:1.6rem; }
.side-card.cta { background: var(--ink); color:#fff; }
.side-card.cta .side-title { color:#fff; }
.side-title { font-family:'Playfair Display',serif; font-size:1.25rem; margin-bottom:1rem; padding-bottom:.6rem; border-bottom:2px solid var(--brass); display:inline-block; }
.side-list { list-style:none; padding:0; margin:0; }
.side-list li { border-bottom:1px solid var(--line); }
.side-list li:last-child { border-bottom:none; }
.side-list a { display:flex; justify-content:space-between; align-items:center; padding:.7rem 0; color: var(--ink); font-weight:600; font-size:.92rem; text-decoration:none; }
.side-list a:hover { color: var(--brass); }
.side-post { display:flex; gap:.8rem; padding:.6rem 0; }
.side-post img { width:64px; height:64px; object-fit:cover; border-radius:0; flex:none; }
.side-post .t { font-size:.9rem; font-weight:600; color: var(--ink); line-height:1.35; }
.side-post .t a { color:inherit; text-decoration:none; }
.side-post .t a:hover { color: var(--brass); }
.side-post .d { font-size:.75rem; color: var(--slate); }