:root{
  --wheat:    #e8efe5;
  --wheat-2:  #d8e2d3;
  --wheat-3:  #a8baa0;
  --lav:      #ece9e1;
  --lav-2:    #d8d3c5;
  --lav-3:    #8a8473;
  --stone:    #e6e3dc;
  --stone-2:  #cfcabe;
  --paper:    #f6f7f3;
  --ink:      #2c322c;
  --ink-soft: #5a6258;
  --line: rgba(42,51,64,0.10);
  --shadow: 0 30px 60px -30px rgba(42,51,64,0.18), 0 8px 24px -16px rgba(42,51,64,0.10);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:
    radial-gradient(1200px 800px at 90% 5%, rgba(168,186,160,0.28), transparent 60%),
    radial-gradient(900px 700px at -10% 35%, rgba(216,211,197,0.45), transparent 65%),
    radial-gradient(1100px 800px at 110% 65%, rgba(168,186,160,0.22), transparent 60%),
    radial-gradient(900px 700px at 0% 95%, rgba(216,211,197,0.40), transparent 60%),
    linear-gradient(180deg, var(--wheat) 0%, var(--lav) 35%, var(--wheat) 65%, var(--lav) 100%);
  background-attachment: fixed;
  color:var(--ink);
  font-family:'Inter', system-ui, sans-serif;
  font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:'Fraunces', Georgia, serif; font-weight:400; letter-spacing:-0.01em; color:var(--ink); margin:0; text-wrap:balance}
p{margin:0; text-wrap:pretty}
a{color:inherit; text-decoration:none}
img{display:block; max-width:100%}
.wrap{max-width:1240px; margin:0 auto; padding:0 32px}

/* ── NAV ── */
.nav{
  position:sticky; top:0; z-index:50;
  backdrop-filter:saturate(160%) blur(20px);
  -webkit-backdrop-filter:saturate(160%) blur(20px);
  background:linear-gradient(180deg, rgba(232,239,229,0.75), rgba(232,239,229,0.55));
  border-bottom:1px solid rgba(44,50,44,0.06);
}
.nav-inner{display:flex; align-items:center; justify-content:space-between; height:78px}
.brand{display:flex; align-items:center; gap:12px}
.brand-mark{
  width:38px; height:38px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, var(--lav-2) 0%, var(--wheat-3) 75%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
  flex-shrink:0;
}
.brand-name{font-family:'Fraunces', serif; font-size:20px; letter-spacing:0.01em}
.brand-name em{font-style:italic; font-weight:400; color:var(--ink-soft)}
.nav-links{display:flex; gap:36px; font-size:14.5px; color:var(--ink)}
.nav-links a{transition:opacity .2s; opacity:0.75; position:relative; padding-bottom:4px}
.nav-links a:hover{opacity:1}
.nav-links a.active{opacity:1}
.nav-links a.active::after{content:""; display:block; position:absolute; bottom:0; left:0; right:0; height:1.5px; background:var(--ink-soft); border-radius:2px}
.nav-cta{
  padding:11px 22px; border-radius:999px;
  background:var(--ink); color:var(--paper);
  font-size:14px; font-weight:500;
  transition:transform .2s, background .2s;
  white-space:nowrap;
}
.nav-cta:hover{background:#1a2230; transform:translateY(-1px)}

/* Mobile nav */
.nav-toggle{display:none; background:none; border:none; cursor:pointer; padding:8px; flex-direction:column; gap:5px}
.nav-toggle span{display:block; width:22px; height:1.5px; background:var(--ink); border-radius:2px; transition:all .3s}
@media(max-width:860px){
  .nav-links{display:none; position:absolute; top:78px; left:0; right:0; flex-direction:column; gap:0; background:rgba(246,247,243,0.97); backdrop-filter:blur(20px); border-bottom:1px solid var(--line); padding:16px 0; z-index:100}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 32px; opacity:0.85}
  .nav-links a.active::after{display:none}
  .nav-toggle{display:flex}
}

/* ── SECTION BASE ── */
section{padding:120px 0; position:relative}
.sec-head{display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:64px; flex-wrap:wrap}
.sec-head h2{font-size:clamp(32px, 4.4vw, 52px); line-height:1.1; max-width:680px}
.sec-head h2 em{font-style:italic; color:var(--lav-3)}
.sec-head .sec-aside{max-width:380px; color:var(--ink-soft); font-size:15.5px}

/* ── HERO ── */
.hero{padding:80px 0 110px; overflow:hidden; background:transparent; position:relative}
.hero::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(700px 500px at 80% 30%, rgba(168,186,160,0.35), transparent 60%),
    radial-gradient(500px 400px at 10% 80%, rgba(216,211,197,0.40), transparent 60%);
  pointer-events:none; z-index:0;
}
.hero > *{position:relative; z-index:1}
.hero-grid{display:grid; grid-template-columns: 1.05fr 0.95fr; gap:80px; align-items:center}
@media(max-width:900px){ .hero{padding:48px 0 72px} .hero-grid{grid-template-columns:1fr; gap:48px} }
.eyebrow{display:inline-flex; align-items:center; gap:10px; font-size:13px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:28px}
.eyebrow::before{content:""; width:32px; height:1px; background:var(--ink-soft)}
.hero h1{font-size:clamp(44px, 6.2vw, 78px); line-height:1.04; margin-bottom:28px}
.hero h1 em{font-style:italic; color:var(--lav-3)}
.hero-lede{font-size:18px; line-height:1.7; color:var(--ink-soft); max-width:520px; margin-bottom:40px}
.hero-cta{display:flex; gap:14px; flex-wrap:wrap; align-items:center}
.btn{display:inline-flex; align-items:center; gap:10px; padding:16px 28px; border-radius:999px; font-size:15px; font-weight:500; transition:transform .2s, background .2s, box-shadow .2s}
.btn-primary{background:var(--ink); color:var(--paper)}
.btn-primary:hover{background:#1a2230; transform:translateY(-1px); box-shadow:0 12px 24px -12px rgba(42,51,64,0.4)}
.btn-ghost{background:transparent; color:var(--ink); border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--ink); transform:translateY(-1px)}
.btn .arrow{display:inline-block; transition:transform .2s}
.btn:hover .arrow{transform:translateX(3px)}

.portrait-wrap{position:relative; aspect-ratio:4/5; max-width:520px; margin-left:auto}
.portrait{position:relative; z-index:2; width:100%; height:100%; border-radius:280px 280px 24px 24px; overflow:hidden; box-shadow:var(--shadow)}
.portrait img{width:100%; height:100%; object-fit:cover; object-position:center top}
.blob{position:absolute; border-radius:50%; filter:blur(2px); z-index:1}
.blob-1{width:240px; height:240px; background:var(--lav-2); top:-40px; left:-50px; opacity:0.7}
.blob-2{width:300px; height:300px; background:var(--wheat-3); bottom:-60px; right:-60px; opacity:0.55}
.badge-card{position:absolute; z-index:3; background:var(--paper); border:1px solid var(--line); padding:16px 20px; border-radius:18px; box-shadow:var(--shadow); display:flex; align-items:center; gap:12px; font-size:13.5px}
.badge-1{ left:-32px; top:32%; }
.badge-1 .dot{width:8px; height:8px; border-radius:50%; background:#7d96a8; box-shadow:0 0 0 4px rgba(125,150,168,0.22)}
.badge-2{ right:-24px; bottom:8%; }
.badge-2-num{font-family:'Fraunces', serif; font-size:24px; line-height:1; color:var(--ink)}
.badge-2-lbl{font-size:11.5px; color:var(--ink-soft); letter-spacing:0.04em}

.trust{margin-top:80px; padding-top:32px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:32px; font-size:13px; color:var(--ink-soft); letter-spacing:0.06em; flex-wrap:wrap}
.trust span{font-family:'Fraunces', serif; font-style:italic; font-size:18px; letter-spacing:0; color:var(--lav-3)}

/* ── ABOUT SECTION ── */
#hakkimda{ background:transparent; position:relative }
#hakkimda::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(800px 500px at 0% 20%, rgba(216,211,197,0.45), transparent 65%),
    radial-gradient(700px 500px at 100% 80%, rgba(168,186,160,0.30), transparent 65%);
  z-index:0;
}
#hakkimda > *{position:relative; z-index:1}
.about-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:80px; align-items:start}
@media(max-width:900px){.about-grid{grid-template-columns:1fr; gap:40px}}
.about-img{aspect-ratio:3/4; border-radius:24px; overflow:hidden; background:var(--lav-2); position:relative; box-shadow:var(--shadow)}
.ph-stripes{position:absolute; inset:0; background:repeating-linear-gradient(45deg, rgba(50,42,58,0.06) 0 2px, transparent 2px 16px)}
.ph-label{position:absolute; left:20px; bottom:20px; font-family:'JetBrains Mono', ui-monospace, monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-soft); background:var(--paper); padding:8px 12px; border-radius:8px}
.about-body p{font-size:17px; color:var(--ink-soft); margin-bottom:20px; line-height:1.8}
.about-body p:first-child::first-letter{font-family:'Fraunces', serif; font-size:64px; float:left; line-height:0.9; padding:6px 12px 0 0; color:var(--ink)}

/* ── SERVICES SECTION ── */
#hizmetler{ background:transparent; position:relative }
#hizmetler::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(900px 600px at 100% 0%, rgba(168,186,160,0.32), transparent 65%),
    radial-gradient(700px 500px at 0% 90%, rgba(216,211,197,0.40), transparent 65%);
  z-index:0;
}
#hizmetler > *{position:relative; z-index:1}
.services{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px}
@media(max-width:900px){.services{grid-template-columns:1fr}}
.svc{
  background:var(--paper); border-radius:24px; padding:40px 32px 32px;
  border:1px solid var(--line);
  transition:transform .3s, box-shadow .3s;
  display:flex; flex-direction:column; min-height:380px;
  position:relative; overflow:hidden;
}
.svc:hover{transform:translateY(-4px); box-shadow:var(--shadow)}
.svc-tag{display:inline-block; padding:6px 14px; border-radius:999px; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:20px; align-self:flex-start;}
.svc:nth-child(1) .svc-tag{background:var(--lav-2); color:var(--ink)}
.svc:nth-child(2) .svc-tag{background:var(--wheat-3); color:var(--ink)}
.svc:nth-child(3) .svc-tag{background:var(--lav); color:var(--ink); border:1px solid var(--lav-2)}
.svc h3{font-size:26px; margin-bottom:16px; line-height:1.2}
.svc h3 em{font-style:italic; color:var(--lav-3)}
.svc p{font-size:14.5px; color:var(--ink-soft); line-height:1.7; margin-bottom:14px}
.svc-foot{margin-top:auto; padding-top:20px; border-top:1px solid var(--line); font-size:13px; color:var(--ink-soft); font-style:italic}
.svc-link{margin-top:16px; font-size:13.5px; color:var(--ink); display:inline-flex; align-items:center; gap:6px; font-weight:500; transition:gap .2s}
.svc-link:hover{gap:10px}

/* ── APPROACH SECTION ── */
#yaklasim{ background:transparent; position:relative }
#yaklasim::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(700px 500px at 50% 0%, rgba(216,211,197,0.50), transparent 65%),
    radial-gradient(700px 500px at 50% 100%, rgba(168,186,160,0.28), transparent 65%);
  z-index:0;
}
#yaklasim > *{position:relative; z-index:1}
.quote-card{
  max-width:880px; margin:0 auto; position:relative; background:var(--paper);
  border-radius:32px; padding:72px 64px; box-shadow:var(--shadow); text-align:center;
}
.quote-mark{font-family:'Fraunces', serif; font-style:italic; font-size:140px; line-height:0.6; color:var(--lav-2); margin-bottom:8px}
.quote-card blockquote{font-family:'Fraunces', serif; font-size:clamp(22px, 2.4vw, 30px); line-height:1.45; color:var(--ink); margin:0; font-weight:300}
.quote-card blockquote em{font-style:italic; color:var(--lav-3)}
.quote-attr{margin-top:32px; font-size:14px; color:var(--ink-soft); letter-spacing:0.04em}
@media(max-width:700px){ .quote-card{padding:48px 28px} }

/* ── CONTACT SECTION ── */
#iletisim{ background:transparent; padding:140px 0; position:relative }
#iletisim::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(900px 600px at 0% 30%, rgba(168,186,160,0.35), transparent 65%),
    radial-gradient(800px 500px at 100% 70%, rgba(216,211,197,0.45), transparent 65%);
  z-index:0;
}
#iletisim > *{position:relative; z-index:1}
.contact-card{
  background:var(--paper); border-radius:32px; padding:80px 64px; box-shadow:var(--shadow);
  display:grid; grid-template-columns:1.1fr 0.9fr; gap:64px; align-items:center;
}
@media(max-width:900px){ .contact-card{grid-template-columns:1fr; padding:48px 32px; gap:40px} #iletisim{padding:80px 0} }
.contact-card h2{font-size:clamp(32px, 4vw, 48px); line-height:1.1; margin-bottom:20px}
.contact-card h2 em{font-style:italic; color:var(--lav-3)}
.contact-card .lede{font-size:16px; color:var(--ink-soft); margin-bottom:32px; line-height:1.7}
.contact-info{display:flex; flex-direction:column; gap:20px; font-size:15px; color:var(--ink-soft)}
.contact-info b{font-family:'Fraunces', serif; font-weight:500; color:var(--ink); display:block; font-size:12px; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:4px}
.contact-info a{color:var(--ink); border-bottom:1px solid var(--lav-2); transition:border-color .2s}
.contact-info a:hover{border-color:var(--ink)}
.locations{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:8px}
.loc{background:var(--lav); border-radius:14px; padding:18px}
.loc h4{font-family:'Fraunces', serif; font-size:17px; margin-bottom:4px}
.loc p{font-size:13.5px; color:var(--ink-soft); line-height:1.5}

/* ── FORM ── */
.form{display:flex; flex-direction:column; gap:14px}
.form input, .form textarea, .form select{
  font-family:inherit; font-size:15px;
  background:var(--wheat); border:1px solid transparent;
  border-radius:14px; padding:16px 18px; color:var(--ink);
  transition:border-color .2s, background .2s; resize:none;
  width:100%;
}
.form input:focus, .form textarea:focus, .form select:focus{outline:none; border-color:var(--lav-3); background:var(--paper)}
.form textarea{min-height:120px}
.form button{
  margin-top:6px; background:var(--ink); color:var(--paper);
  border:none; padding:16px 22px; border-radius:14px;
  font-family:inherit; font-size:15px; font-weight:500; cursor:pointer; transition:background .2s, transform .2s;
}
.form button:hover{background:#1a2230; transform:translateY(-1px)}
.form-success{background:var(--wheat-2); border:1px solid var(--wheat-3); border-radius:14px; padding:20px 24px; color:var(--ink); font-size:15px; display:none}
.form-error{background:#fdf0f0; border:1px solid #e8b4b4; border-radius:14px; padding:20px 24px; color:#7a3030; font-size:15px; display:none}

/* ── FOOTER ── */
footer{background:var(--ink); color:#cfc4d9; padding:64px 0 32px}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:48px; margin-bottom:48px}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr; gap:32px}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}}
.foot-grid h5{font-family:'Fraunces', serif; color:var(--paper); font-weight:400; font-size:16px; margin-bottom:18px}
.foot-grid ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; font-size:14px}
.foot-grid a{transition:color .2s}
.foot-grid a:hover{color:var(--paper)}
.foot-brand p{font-size:14px; line-height:1.65; max-width:340px; margin-top:12px; color:#9aa9b8}
.foot-bottom{border-top:1px solid rgba(255,255,255,0.08); padding-top:24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; font-size:13px; color:#7a8898}

/* ──────────────────────────────────────────────
   PAGE HERO — İç sayfalar için
   ────────────────────────────────────────────── */
.page-hero{
  padding:96px 0 80px; position:relative; overflow:hidden;
}
.page-hero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(800px 600px at 80% 20%, rgba(168,186,160,0.30), transparent 60%),
    radial-gradient(600px 500px at -10% 70%, rgba(216,211,197,0.40), transparent 60%);
  z-index:0;
}
.page-hero > *{position:relative; z-index:1}
.page-hero h1{font-size:clamp(40px,5.5vw,68px); line-height:1.06; margin-bottom:20px}
.page-hero h1 em{font-style:italic; color:var(--lav-3)}
.page-hero .hero-lede{font-size:18px; line-height:1.7; color:var(--ink-soft); max-width:600px; margin-bottom:0}

.breadcrumb{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-soft); margin-bottom:28px; letter-spacing:0.03em}
.breadcrumb a{opacity:0.65; transition:opacity .2s}
.breadcrumb a:hover{opacity:1}
.breadcrumb .sep{opacity:0.35}

/* ──────────────────────────────────────────────
   TAG PILLS
   ────────────────────────────────────────────── */
.tag{display:inline-block; padding:5px 14px; border-radius:999px; font-size:11.5px; letter-spacing:0.09em; text-transform:uppercase; font-weight:500}
.tag-lav{background:var(--lav-2); color:var(--ink)}
.tag-wheat{background:var(--wheat-3); color:var(--ink)}
.tag-stone{background:var(--stone-2); color:var(--ink)}
.tag-outline{background:transparent; color:var(--ink-soft); border:1px solid var(--lav-2)}

/* ──────────────────────────────────────────────
   BLOG LISTING PAGE
   ────────────────────────────────────────────── */
.blog-categories{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:56px}
.blog-categories a{padding:9px 20px; border-radius:999px; font-size:13.5px; border:1px solid var(--line); color:var(--ink-soft); transition:all .2s; background:transparent}
.blog-categories a:hover,.blog-categories a.active{background:var(--ink); color:var(--paper); border-color:var(--ink)}

/* Featured post */
.blog-featured{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  background:var(--paper); border-radius:28px; overflow:hidden;
  box-shadow:var(--shadow); margin-bottom:56px;
  border:1px solid var(--line);
  transition:transform .3s, box-shadow .3s;
}
.blog-featured:hover{transform:translateY(-3px); box-shadow:0 40px 80px -30px rgba(42,51,64,0.22)}
@media(max-width:860px){.blog-featured{grid-template-columns:1fr}}
.blog-featured-img{
  min-height:420px; position:relative; overflow:hidden;
}
.blog-featured-img .img-gradient{position:absolute; inset:0; background:inherit}
@media(max-width:860px){.blog-featured-img{min-height:260px}}
.blog-featured-body{padding:56px 48px; display:flex; flex-direction:column; justify-content:center}
@media(max-width:860px){.blog-featured-body{padding:40px 32px}}
.blog-featured-body .tag{margin-bottom:20px}
.blog-featured-body h2{font-size:clamp(26px,3vw,38px); line-height:1.15; margin-bottom:16px}
.blog-featured-body h2 em{font-style:italic; color:var(--lav-3)}
.blog-featured-body p{font-size:15.5px; color:var(--ink-soft); line-height:1.7; margin-bottom:28px}
.blog-meta{display:flex; align-items:center; gap:20px; font-size:13px; color:var(--ink-soft)}
.blog-meta time{letter-spacing:0.03em}
.blog-meta .dot-sep{opacity:0.3}
.read-more{display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:500; color:var(--ink); transition:gap .2s}
.read-more:hover{gap:13px}

/* Blog grid */
.blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}}

.bcard{
  background:var(--paper); border-radius:22px; overflow:hidden;
  border:1px solid var(--line); display:flex; flex-direction:column;
  transition:transform .3s, box-shadow .3s;
}
.bcard:hover{transform:translateY(-4px); box-shadow:var(--shadow)}
.bcard-img{aspect-ratio:16/10; position:relative; overflow:hidden}
.bcard-body{padding:28px 28px 24px; display:flex; flex-direction:column; flex:1}
.bcard-body .tag{margin-bottom:14px; align-self:flex-start}
.bcard-body h3{font-size:20px; line-height:1.25; margin-bottom:10px; transition:color .2s}
.bcard:hover .bcard-body h3{color:var(--lav-3)}
.bcard-body p{font-size:14px; color:var(--ink-soft); line-height:1.65; margin-bottom:20px}
.bcard-foot{margin-top:auto; padding-top:16px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; font-size:12.5px; color:var(--ink-soft)}
.bcard-foot .read-more{font-size:13px}

/* Blog cover image fill */
.bcard-img img,
.blog-featured-img img,
.post-cover img {
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
}
.bcard-img, .blog-featured-img, .post-cover { position:relative; overflow:hidden; }

/* Blog cover gradients */
.cover-1{background:linear-gradient(135deg, var(--lav-2) 0%, var(--wheat-3) 100%)}
.cover-2{background:linear-gradient(135deg, var(--wheat-2) 0%, var(--lav-3) 100%)}
.cover-3{background:linear-gradient(135deg, var(--stone) 0%, var(--wheat-3) 100%)}
.cover-4{background:linear-gradient(135deg, var(--lav) 0%, var(--wheat-2) 60%, var(--lav-2) 100%)}
.cover-5{background:linear-gradient(135deg, var(--wheat-3) 0%, var(--stone-2) 100%)}
.cover-6{background:linear-gradient(135deg, var(--lav-2) 0%, var(--stone-2) 50%, var(--wheat-2) 100%)}
.cover-inner{position:absolute; inset:0; display:flex; align-items:center; justify-content:center}
.cover-inner svg{opacity:0.18; width:80px; height:80px}

/* ──────────────────────────────────────────────
   BLOG POST PAGE
   ────────────────────────────────────────────── */
.post-layout{display:grid; grid-template-columns:1fr 320px; gap:64px; align-items:start; padding:80px 0 120px}
@media(max-width:1100px){.post-layout{grid-template-columns:1fr; gap:48px}}

.post-header{margin-bottom:48px}
.post-header .tag{margin-bottom:20px}
.post-header h1{font-size:clamp(32px,4.5vw,54px); line-height:1.1; margin-bottom:20px}
.post-header h1 em{font-style:italic; color:var(--lav-3)}
.post-header .subtitle{font-size:20px; color:var(--ink-soft); line-height:1.65; margin-bottom:32px; font-family:'Fraunces', serif; font-weight:300; font-style:italic}
.post-header-meta{display:flex; align-items:center; gap:24px; font-size:13.5px; color:var(--ink-soft); padding-bottom:32px; border-bottom:1px solid var(--line)}

.post-cover{border-radius:24px; overflow:hidden; aspect-ratio:21/9; margin-bottom:56px; position:relative}
@media(max-width:700px){.post-cover{aspect-ratio:4/3}}

/* Article body typography */
.article-body{font-size:17px; line-height:1.85; color:var(--ink-soft)}
.article-body > * + *{margin-top:1.5em}
.article-body h2{font-size:clamp(24px,3vw,32px); color:var(--ink); line-height:1.2; margin-top:2em; margin-bottom:0.5em}
.article-body h3{font-size:20px; color:var(--ink); margin-top:1.8em; margin-bottom:0.4em}
.article-body p{margin:0}
.article-body strong{font-weight:600; color:var(--ink)}
.article-body em{font-style:italic; color:var(--lav-3)}
.article-body ul{padding-left:0; list-style:none; display:flex; flex-direction:column; gap:10px}
.article-body ul li{padding-left:24px; position:relative}
.article-body ul li::before{content:"—"; position:absolute; left:0; color:var(--wheat-3); font-weight:300}
.article-body blockquote{
  background:var(--paper); border-left:3px solid var(--wheat-3);
  margin:2em 0; padding:28px 32px; border-radius:0 18px 18px 0;
  font-family:'Fraunces', serif; font-size:20px; font-style:italic; font-weight:300;
  color:var(--ink); line-height:1.5; box-shadow:var(--shadow);
}
.article-body blockquote cite{display:block; font-size:13px; font-style:normal; margin-top:12px; color:var(--ink-soft); font-family:'Inter', sans-serif; letter-spacing:0.05em; text-transform:uppercase}

/* Sidebar */
.post-sidebar{position:sticky; top:108px}
.sidebar-card{background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:28px; margin-bottom:24px; box-shadow:0 4px 24px -8px rgba(42,51,64,0.08)}
.sidebar-card h4{font-family:'Fraunces', serif; font-size:17px; margin-bottom:16px; color:var(--ink)}
.author-card{display:flex; align-items:flex-start; gap:16px}
.author-avatar{width:52px; height:52px; border-radius:50%; background:radial-gradient(circle at 35% 35%, var(--lav-2), var(--wheat-3)); flex-shrink:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5)}
.author-info .name{font-weight:500; font-size:15px; color:var(--ink)}
.author-info .title{font-size:13px; color:var(--ink-soft); margin-top:2px}
.author-bio{font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin-top:16px; padding-top:16px; border-top:1px solid var(--line)}
.related-list{display:flex; flex-direction:column; gap:16px}
.related-item{display:flex; gap:12px; align-items:flex-start}
.related-item-thumb{width:48px; height:48px; border-radius:10px; flex-shrink:0; position:relative; overflow:hidden}
.related-item-title{font-size:13.5px; color:var(--ink); line-height:1.4; font-family:'Fraunces', serif; transition:color .2s}
.related-item:hover .related-item-title{color:var(--lav-3)}
.related-item-meta{font-size:12px; color:var(--ink-soft); margin-top:3px}

/* Back link */
.post-back{display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--ink-soft); margin-bottom:40px; transition:gap .2s, color .2s}
.post-back:hover{color:var(--ink); gap:12px}
.post-back span{transform:rotate(180deg); display:inline-block}

/* ──────────────────────────────────────────────
   HAKKIMDA (ABOUT) PAGE
   ────────────────────────────────────────────── */
.about-page-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:80px; align-items:start; padding:0 0 100px}
@media(max-width:900px){.about-page-grid{grid-template-columns:1fr; gap:48px}}
.about-photo{position:sticky; top:108px}
.about-photo-frame{aspect-ratio:3/4; border-radius:28px; overflow:hidden; background:var(--lav-2); position:relative; box-shadow:var(--shadow)}
.about-photo-blob{
  position:absolute; inset:-20px; pointer-events:none;
  background:radial-gradient(circle at 80% 80%, rgba(168,186,160,0.6), transparent 60%);
}
.about-stats{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px}
.stat-box{background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:20px; text-align:center}
.stat-box .num{font-family:'Fraunces', serif; font-size:34px; color:var(--ink); line-height:1}
.stat-box .lbl{font-size:12px; color:var(--ink-soft); margin-top:4px; letter-spacing:0.04em}
.about-content{padding-top:12px}
.about-content p{font-size:17px; color:var(--ink-soft); line-height:1.8; margin-bottom:24px}
.about-content p:first-of-type::first-letter{font-family:'Fraunces', serif; font-size:64px; float:left; line-height:0.9; padding:6px 12px 0 0; color:var(--ink)}
.about-section-title{font-family:'Fraunces', serif; font-size:14px; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:20px; margin-top:48px; padding-bottom:12px; border-bottom:1px solid var(--line)}
.cert-list{display:flex; flex-direction:column; gap:14px}
.cert-item{background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:20px 24px; display:flex; align-items:flex-start; gap:16px}
.cert-icon{width:40px; height:40px; border-radius:12px; background:var(--lav); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:18px}
.cert-item h4{font-family:'Fraunces', serif; font-size:16px; margin-bottom:4px}
.cert-item p{font-size:13.5px; color:var(--ink-soft); margin:0}
.value-list{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:4px}
@media(max-width:600px){.value-list{grid-template-columns:1fr}}
.value-item{background:var(--wheat); border-radius:16px; padding:22px}
.value-item h4{font-family:'Fraunces', serif; font-size:17px; margin-bottom:6px}
.value-item h4 em{font-style:italic; color:var(--lav-3)}
.value-item p{font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin:0}

/* ──────────────────────────────────────────────
   HİZMETLER (SERVICES) PAGE
   ────────────────────────────────────────────── */
.service-detail{background:var(--paper); border-radius:28px; padding:56px 48px; border:1px solid var(--line); box-shadow:var(--shadow); margin-bottom:32px; display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center}
.service-detail:nth-child(even){direction:rtl}
.service-detail:nth-child(even) > *{direction:ltr}
@media(max-width:900px){.service-detail, .service-detail:nth-child(even){grid-template-columns:1fr; direction:ltr; padding:40px 32px; gap:32px}}
.service-detail-img{aspect-ratio:4/3; border-radius:20px; overflow:hidden; position:relative}
.service-detail h2{font-size:clamp(28px,3vw,40px); line-height:1.15; margin-bottom:16px}
.service-detail h2 em{font-style:italic; color:var(--lav-3)}
.service-detail p{font-size:16px; color:var(--ink-soft); line-height:1.75; margin-bottom:16px}
.service-list{list-style:none; padding:0; margin:20px 0 0; display:flex; flex-direction:column; gap:10px}
.service-list li{font-size:14.5px; color:var(--ink-soft); padding-left:20px; position:relative}
.service-list li::before{content:"·"; position:absolute; left:0; font-size:20px; line-height:1.2; color:var(--wheat-3)}
.service-section-title{font-family:'Fraunces', serif; font-size:14px; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:40px; padding-bottom:12px; border-bottom:1px solid var(--line)}
.process-steps{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:16px}
@media(max-width:900px){.process-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.process-steps{grid-template-columns:1fr}}
.step{background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:28px}
.step-num{font-family:'Fraunces', serif; font-size:40px; color:var(--lav-2); line-height:1; margin-bottom:12px}
.step h4{font-family:'Fraunces', serif; font-size:17px; margin-bottom:8px}
.step p{font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin:0}
.fee-card{background:var(--wheat); border-radius:24px; padding:48px; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-top:16px}
.fee-card h3{font-size:clamp(22px,3vw,30px); margin-bottom:12px}
.fee-card p{font-size:15px; color:var(--ink-soft); max-width:480px; line-height:1.7; margin:0}
.fee-amount{text-align:right; flex-shrink:0}
.fee-amount .price{font-family:'Fraunces', serif; font-size:48px; color:var(--ink); line-height:1}
.fee-amount .price-note{font-size:13px; color:var(--ink-soft); margin-top:4px}

/* ──────────────────────────────────────────────
   BLOG HOME PREVIEW
   ────────────────────────────────────────────── */
#blog-preview{background:transparent; position:relative}
#blog-preview::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(800px 500px at 100% 20%, rgba(216,211,197,0.40), transparent 65%),
    radial-gradient(600px 500px at 0% 80%, rgba(168,186,160,0.30), transparent 65%);
  z-index:0;
}
#blog-preview > *{position:relative; z-index:1}
.blog-preview-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
@media(max-width:900px){.blog-preview-grid{grid-template-columns:1fr}}

/* ──────────────────────────────────────────────
   İLETİŞİM (CONTACT) PAGE
   ────────────────────────────────────────────── */
.contact-page-grid{display:grid; grid-template-columns:1fr 1.1fr; gap:64px; align-items:start; padding:0 0 100px}
@media(max-width:900px){.contact-page-grid{grid-template-columns:1fr; gap:40px; padding:0 0 64px}}
.contact-aside{position:sticky; top:108px}
.contact-info-card{background:var(--paper); border:1px solid var(--line); border-radius:24px; padding:36px; box-shadow:var(--shadow); margin-bottom:24px}
.contact-info-card h3{font-family:'Fraunces', serif; font-size:20px; margin-bottom:24px}
.contact-row{display:flex; align-items:flex-start; gap:16px; padding:16px 0; border-bottom:1px solid var(--line)}
.contact-row:last-child{border-bottom:none; padding-bottom:0}
.contact-row-icon{width:40px; height:40px; border-radius:12px; background:var(--lav); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:18px}
.contact-row-body .label{font-size:12px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:4px}
.contact-row-body .value{font-size:15px; color:var(--ink)}
.contact-row-body a{border-bottom:1px solid var(--lav-2); transition:border-color .2s}
.contact-row-body a:hover{border-color:var(--ink)}
.location-cards{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.loc-card{background:var(--wheat); border-radius:16px; padding:20px}
.loc-card h4{font-family:'Fraunces', serif; font-size:16px; margin-bottom:6px}
.loc-card p{font-size:13px; color:var(--ink-soft); line-height:1.5; margin:0}
.big-form{background:var(--paper); border:1px solid var(--line); border-radius:28px; padding:48px; box-shadow:var(--shadow)}
.big-form h2{font-family:'Fraunces', serif; font-size:28px; margin-bottom:8px}
.big-form .sub{font-size:15px; color:var(--ink-soft); margin-bottom:32px}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px}
@media(max-width:600px){.form-row{grid-template-columns:1fr}}

/* ──────────────────────────────────────────────
   PAGINATION
   ────────────────────────────────────────────── */
.pagination{display:flex; align-items:center; justify-content:center; gap:10px; padding-top:56px}
.pagination a, .pagination span{
  width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:14px; border:1px solid var(--line); transition:all .2s;
}
.pagination a:hover,.pagination span.active{background:var(--ink); color:var(--paper); border-color:var(--ink)}
.pagination .prev,.pagination .next{width:auto; padding:0 20px; border-radius:999px; gap:8px}

/* ──────────────────────────────────────────────
   NOTICE BANNERS
   ────────────────────────────────────────────── */
.notice{border-radius:16px; padding:18px 24px; font-size:14.5px; display:flex; align-items:flex-start; gap:12px}
.notice-success{background:var(--wheat-2); border:1px solid var(--wheat-3); color:var(--ink)}
.notice-error{background:#fdf0f0; border:1px solid #e8b4b4; color:#7a3030}

/* ──────────────────────────────────────────────
   RESPONSIVE UTILITIES
   ────────────────────────────────────────────── */
@media(max-width:620px){
  section{padding:72px 0}
  .wrap{padding:0 20px}
  .badge-1, .badge-2{display:none}
}

/* ── Sticky sidebar → static on mobile ── */
@media(max-width:900px){
  body{background-attachment:scroll}
  .about-photo, .contact-aside, .post-sidebar{position:static}
}

/* ── Extra small screens ≤480px ── */
@media(max-width:480px){
  .wrap{padding:0 16px}
  .portrait-wrap{max-width:280px; margin:0 auto}
  .hero-cta{flex-direction:column}
  .hero-cta .btn{width:100%; justify-content:center}
  .quote-card{padding:40px 20px}
  .service-detail{padding:28px 20px}
  .big-form{padding:28px 20px}
  .contact-card{padding:32px 20px}
  .fee-card{padding:32px 20px; flex-direction:column}
  .fee-amount{text-align:left}
  .sidebar-card{padding:20px}
  .bcard-body{padding:20px 20px 18px}
  .blog-featured-body{padding:28px 24px}
  .post-layout{padding:48px 0 80px}
  .about-page-grid{padding:0 0 64px}
  .contact-page-grid{padding:0 0 48px}
  .contact-info-card{padding:24px}
  .about-stats{grid-template-columns:1fr 1fr}
  .post-header-meta{flex-wrap:wrap; gap:12px}
  .trust{gap:16px; font-size:12px}
}