:root{
  --emerald:   #0e3a2a;   /* derin zümrüt */
  --emerald-d: #0a2c20;
  --emerald-l: #1a5740;
  --gold:      #c2a25c;   /* antik altın */
  --gold-l:    #d8c091;
  --ivory:     #f6f2e9;   /* fildişi zemin */
  --ivory-d:   #efe9db;
  --char:      #23292a;   /* koyu metin */
  --sage:      #6f746a;   /* ikincil metin */
  --line:      #e3dccb;
}

*{ -webkit-font-smoothing:antialiased; }
body{
  font-family:'Manrope',system-ui,sans-serif;
  color:var(--char); background:var(--ivory);
  line-height:1.75; font-weight:400;
}
h1,h2,h3,h4,.serif{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600; letter-spacing:.3px; line-height:1.15;
}
p{ color:var(--sage); }
.text-char{ color:var(--char)!important; }
a{ text-decoration:none; }

/* eyebrow / bölüm etiketi */
.kicker{
  font-family:'Manrope',sans-serif; font-size:.72rem; font-weight:600;
  letter-spacing:.34em; text-transform:uppercase; color:var(--gold);
  display:inline-flex; align-items:center; gap:.75rem;
}
.kicker::before{ content:""; width:34px; height:1px; background:var(--gold); }
.kicker.center{ justify-content:center; }
.kicker.center::after{ content:""; width:34px; height:1px; background:var(--gold); }

.section{ padding:120px 0; }
@media(max-width:767px){ .section{ padding:72px 0; } }
.section-title{ font-size:clamp(2rem,4.4vw,3.1rem); font-weight:600; }
.lead-serif{ font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-style:italic; color:var(--emerald-l); font-weight:500; }

/* ---------- Butonlar ---------- */
.btn-gold{
  background:var(--gold); border:1px solid var(--gold); color:var(--emerald-d);
  font-weight:600; letter-spacing:.03em; border-radius:2px; padding:.8rem 1.9rem;
  transition:.3s; font-size:.9rem;
}
.btn-gold:hover{ background:transparent; color:var(--gold); }
.btn-ghost{
  background:transparent; border:1px solid rgba(255,255,255,.4); color:#fff;
  font-weight:500; border-radius:2px; padding:.8rem 1.9rem; transition:.3s; font-size:.9rem;
}
.btn-ghost:hover{ border-color:var(--gold); color:var(--gold); }
.btn-emerald{
  background:var(--emerald); border:1px solid var(--emerald); color:#fff;
  font-weight:600; border-radius:2px; padding:.8rem 1.9rem; transition:.3s; font-size:.9rem;
}
.btn-emerald:hover{ background:var(--emerald-d); color:var(--gold-l); }
.link-gold{ color:var(--gold); font-weight:600; font-size:.85rem; letter-spacing:.04em; }
.link-gold:hover{ color:var(--emerald-l); }

/* ---------- Announcement + Navbar ---------- */
.announce{ background:var(--emerald-d); color:var(--gold-l); font-size:.8rem; letter-spacing:.04em; }
.announce a{ color:var(--gold-l); }
.announce a:hover{ color:#fff; }

.navbar{ transition:all .35s ease; padding:1.2rem 0; background:transparent; }
.navbar-brand{ line-height:1; }
.navbar-brand .mono{
  font-family:'Cormorant Garamond',serif; font-size:1.7rem; font-weight:700; color:#fff; display:block;
}
.navbar-brand .sub{
  font-size:.6rem; letter-spacing:.34em; text-transform:uppercase; color:var(--gold); margin-top:3px; display:block;
}
.navbar .nav-link{ color:rgba(255,255,255,.82); font-size:.86rem; font-weight:500; letter-spacing:.05em; margin:0 .5rem; position:relative; }
.navbar .nav-link:hover,.navbar .nav-link.active{ color:#fff; }
.navbar .nav-link.active::after{ content:""; position:absolute; left:.8rem; right:.8rem; bottom:-4px; height:1px; background:var(--gold); }
.navbar.scrolled{ background:var(--emerald); box-shadow:0 10px 30px rgba(0,0,0,.18); padding:.7rem 0; }
.navbar.scrolled .navbar-brand .mono{ font-size:1.45rem; }
.navbar-toggler{ border:none; color:#fff; font-size:1.2rem; }

/* ---------- Hero ---------- */
.hero{ position:relative; min-height:100vh; display:flex; align-items:center; background:var(--emerald); color:#fff; overflow:hidden; }
.hero::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(180deg, rgba(10,44,32,.82), rgba(10,44,32,.92)),
    url('https://images.unsplash.com/photo-1505547828843-176834e42154?q=80&w=1600&auto=format&fit=crop');
  background-size:cover; background-position:center; filter:saturate(.9);
}
.hero-inner{ position:relative; z-index:2; width:100%; text-align:center; padding:150px 0 90px; }
.hero-frame{ border:1px solid rgba(194,162,92,.4); padding:64px 40px; max-width:920px; margin:0 auto; position:relative; }
.hero-frame::before,.hero-frame::after{
  content:""; position:absolute; width:14px; height:14px; border:1px solid var(--gold);
}
.hero-frame::before{ top:-1px; left:-1px; border-right:none; border-bottom:none; }
.hero-frame::after{ bottom:-1px; right:-1px; border-left:none; border-top:none; }
.hero h1{ font-size:clamp(2.6rem,6vw,4.6rem); font-weight:600; line-height:1.08; margin:1.6rem 0 1.4rem; }
.hero h1 em{ font-style:italic; color:var(--gold-l); }
.hero p.sub{ color:rgba(255,255,255,.82); font-weight:300; max-width:620px; margin:0 auto 2.2rem; }
.hero .cred{ color:rgba(255,255,255,.6); font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; margin-top:2.4rem; }

/* ---------- Hakkımda ---------- */
.about-media{ position:relative; }
.about-media img{ width:100%; height:560px; object-fit:cover; position:relative; z-index:2; }
.about-media::after{ content:""; position:absolute; inset:22px -22px -22px 22px; border:1px solid var(--gold); z-index:1; }
.about-seal{
  position:absolute; z-index:3; top:-30px; left:-30px; width:96px; height:96px; border-radius:50%;
  background:var(--emerald); color:var(--gold-l); display:flex; flex-direction:column; align-items:center; justify-content:center;
  border:1px solid var(--gold);
}
.about-seal span{ font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:700; line-height:1; }
.about-seal small{ font-size:.55rem; letter-spacing:.18em; text-transform:uppercase; margin-top:2px; }
@media(max-width:991px){ .about-media{ margin:30px 22px 46px 0; } .about-media img{ height:420px; } }

.cv-list{ margin:0; padding:0; list-style:none; }
.cv-list li{ padding:1rem 0; border-bottom:1px solid var(--line); display:flex; gap:1.1rem; }
.cv-list li:last-child{ border-bottom:none; }
.cv-list .ic{ color:var(--gold); font-size:1.05rem; width:26px; text-align:center; margin-top:.3rem; }
.cv-list b{ color:var(--char); font-weight:600; }

/* ---------- Çalışma Alanları ---------- */
.areas-wrap{ background:var(--emerald); color:#fff; }
.area{
  background:rgba(255,255,255,.03); border:1px solid rgba(194,162,92,.22); border-radius:2px;
  padding:2.6rem 2rem; height:100%; transition:.35s; display:block; color:#fff; position:relative; overflow:hidden;
}
.area::before{ content:""; position:absolute; top:0; left:0; width:100%; height:2px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:.4s; }
.area:hover{ background:rgba(255,255,255,.06); border-color:var(--gold); transform:translateY(-6px); }
.area:hover::before{ transform:scaleX(1); }
.area .ic{ font-size:1.9rem; color:var(--gold); margin-bottom:1.3rem; }
.area h3{ font-size:1.5rem; color:#fff; margin-bottom:.6rem; }
.area p{ color:rgba(255,255,255,.66); font-size:.92rem; }
.area .go{ color:var(--gold); font-size:.8rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; margin-top:1.2rem; display:inline-block; }

/* ---------- Değerler / şerit ---------- */
.values .v{ text-align:center; padding:1.4rem; }
.values .v .ic{ font-size:1.8rem; color:var(--emerald-l); margin-bottom:.9rem; }
.values .v h4{ font-size:1.35rem; }
.divider-v{ border-right:1px solid var(--line); }
@media(max-width:767px){ .divider-v{ border-right:none; } }

/* ---------- Blog ---------- */
.post{ background:#fff; border:1px solid var(--line); border-radius:2px; overflow:hidden; height:100%; transition:.35s; }
.post:hover{ box-shadow:0 22px 50px rgba(14,58,42,.12); transform:translateY(-6px); }
.post .ph{ height:220px; overflow:hidden; position:relative; }
.post .ph img{ width:100%; height:100%; object-fit:cover; transition:.6s; }
.post:hover .ph img{ transform:scale(1.07); }
.post .cat{ position:absolute; top:14px; left:14px; background:var(--emerald); color:var(--gold-l); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; padding:.35rem .8rem; }
.post .in{ padding:1.7rem; }
.post .date{ font-size:.78rem; color:var(--sage); letter-spacing:.05em; margin-bottom:.5rem; }
.post h3{ font-size:1.5rem; margin-bottom:.5rem; }
.post h3 a{ color:var(--char); }
.post h3 a:hover{ color:var(--emerald-l); }

/* ---------- İletişim ---------- */
.contact{ background:var(--emerald); color:#fff; position:relative; }
.contact .card-form{ background:var(--ivory); color:var(--char); padding:3rem; border-radius:2px; box-shadow:0 30px 70px rgba(0,0,0,.22); }
.cinfo li{ display:flex; gap:1.1rem; padding:1.15rem 0; border-bottom:1px solid rgba(255,255,255,.12); }
.cinfo li:last-child{ border-bottom:none; }
.cinfo .ic{ color:var(--gold); font-size:1.1rem; width:26px; text-align:center; margin-top:3px; }
.cinfo .lbl{ font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.cinfo a{ color:#fff; }
.cinfo a:hover{ color:var(--gold-l); }
.form-label{ font-size:.78rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--emerald); }
.form-control,.form-select{ border-radius:2px; border:1px solid var(--line); background:#fff; padding:.75rem .9rem; }
.form-control:focus,.form-select:focus{ border-color:var(--gold); box-shadow:0 0 0 .15rem rgba(194,162,92,.22); }

/* ---------- Footer ---------- */
footer{ background:var(--emerald-d); color:rgba(255,255,255,.62); }
footer .mono{ font-family:'Cormorant Garamond',serif; font-size:1.8rem; font-weight:700; color:#fff; }
footer .sub{ font-size:.6rem; letter-spacing:.34em; text-transform:uppercase; color:var(--gold); }
footer h5{ color:#fff; font-family:'Manrope',sans-serif; font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; font-weight:600; margin-bottom:1.2rem; }
footer a{ color:rgba(255,255,255,.62); }
footer a:hover{ color:var(--gold); }
footer .fl li{ padding:.32rem 0; }
.foot-bottom{ border-top:1px solid rgba(255,255,255,.1); font-size:.82rem; }
.disc{ font-size:.75rem; color:rgba(255,255,255,.4); line-height:1.6; }
.soc a{ width:38px; height:38px; border:1px solid rgba(255,255,255,.2); display:inline-flex; align-items:center; justify-content:center; border-radius:50%; transition:.3s; }
.soc a:hover{ border-color:var(--gold); color:var(--gold); }

/* ==========================================================
   İç sayfa bileşenleri
   ========================================================== */

/* ---------- Sayfa başlığı + breadcrumb ---------- */
.page-head{ background:var(--emerald); color:#fff; padding:150px 0 56px; }
.page-head h1{ color:#fff; font-size:clamp(2rem,4.4vw,3rem); margin-bottom:.5rem; }
.page-head .crumb{ font-size:.85rem; color:rgba(255,255,255,.6); }
.page-head .crumb a{ color:var(--gold-l); text-decoration:none; }
.page-head .crumb a:hover{ color:#fff; }
.page-head .crumb i{ font-size:.7rem; margin:0 .5rem; opacity:.6; }

/* ---------- Açık zeminli hizmet kartı ---------- */
.svc{ background:#fff; border:1px solid var(--line); border-radius:2px; padding:2.2rem 1.8rem; height:100%; display:block; color:inherit; transition:.35s; }
.svc:hover{ border-color:var(--gold); box-shadow:0 18px 40px rgba(14,58,42,.10); transform:translateY(-5px); }
.svc .ic{ width:56px; height:56px; display:flex; align-items:center; justify-content:center; background:var(--ivory-d); color:var(--gold); font-size:1.4rem; border-radius:2px; margin-bottom:1.1rem; transition:.3s; }
.svc:hover .ic{ background:var(--emerald); color:var(--gold-l); }
.svc h3{ font-size:1.4rem; margin-bottom:.5rem; }
.svc p{ font-size:.92rem; }
.svc .go{ color:var(--gold); font-weight:600; font-size:.8rem; letter-spacing:.05em; text-transform:uppercase; }

/* ---------- Sidebar bileşenleri (aramasız) ---------- */
.side-card{ background:#fff; border:1px solid var(--line); border-radius:2px; padding:1.7rem; margin-bottom:1.6rem; }
.side-card.cta{ background:var(--emerald); color:#fff; }
.side-title{ font-family:'Cormorant Garamond',serif; font-size:1.5rem; margin-bottom:1rem; padding-bottom:.5rem; border-bottom:1px solid var(--line); }
.side-card.cta .side-title{ color:#fff; border-color:rgba(255,255,255,.15); }
.side-list{ list-style:none; margin:0; padding:0; }
.side-list li + li{ border-top:1px solid var(--line); }
.side-list a{ display:flex; justify-content:space-between; align-items:center; padding:.65rem 0; color:var(--char); font-weight:500; font-size:.92rem; text-decoration:none; }
.side-list a:hover{ color:var(--gold); }
.side-list a i{ color:var(--gold); font-size:.72rem; }
.side-post{ display:flex; gap:.85rem; padding:.6rem 0; text-decoration:none; }
.side-post + .side-post{ border-top:1px solid var(--line); }
.side-post img{ width:64px; height:64px; object-fit:cover; border-radius:2px; flex:none; }
.side-post .t{ font-size:.9rem; font-weight:600; color:var(--char); line-height:1.35; }
.side-post:hover .t{ color:var(--gold); }
.side-post .d{ font-size:.74rem; color:var(--sage); }