/* ============================================================
   anasayfa.css — index.html icin baslik semantigi duzeltmeleri
   ve yeni bolumler.
   Mevcut palet: #6b8ba4 vurgu · #14100c koyu · #817f7c soluk
   ============================================================ */

/* ---- Baslik semantigi ----
   Hero basligi <h3> idi; sayfada H1 bulunmuyordu. Etiket h1'e cekildi,
   gorunum birebir korundu. Ayni sekilde kart basliklari h5 -> h3. */
.header h1 {
    position: relative;
    font-size: 70px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 30px;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.header h1 span { color: #6b8ba4; font-style: italic; font-weight: 700; }

/* Hero ustundeki dekoratif yazi <h5> idi; H1'den once gelen bir baslik
   etiketi semantik olarak yanlisti. Div'e cekildi, gorunum korundu. */
.header .header-ust {
    font-weight: 400; margin-bottom: 10px; color: #fff; font-size: 20px;
    display: inline-flex; align-items: center; font-style: italic;
    -webkit-animation-delay: .3s; animation-delay: .3s;
}
.header .header-ust .icon {
    background-color: #6b8ba4; margin-right: 10px;
    height: 45px; width: 45px; border-radius: 50%;
    color: #fff; font-size: 20px; text-align: center; vertical-align: middle;
    justify-content: center; align-items: center; display: flex;
}
.header .header-ust .icon i { align-items: center; justify-content: center; color: #fff; }

.case-study-box .item h3 { margin-bottom: 10px; font-size: 21px; }
.practice-areas .item h3 { font-size: 21px; color: #14100c; margin-bottom: 0; }

@media screen and (max-width: 767px) {
    .header h1 { font-size: 40px; }
    .practice-areas .item h3 { font-size: 20px; }
}

/* ---- Anasayfa metin bolumu ---- */
.anasayfa-metin { background: #f7f6f4; }
.anasayfa-metin .metin-govde { max-width: 880px; margin: 0 auto; }
.anasayfa-metin h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 2.6vw, 34px);
    color: #14100c; line-height: 1.3; margin: 42px 0 18px;
}
.anasayfa-metin h2:first-of-type { margin-top: 0; }
.anasayfa-metin p {
    font-size: 15.5px; line-height: 1.85; color: #4a4535; margin-bottom: 18px;
}
.anasayfa-metin ul { margin: 0 0 22px; padding-left: 0; list-style: none; }
.anasayfa-metin ul li {
    position: relative; padding-left: 26px; margin-bottom: 11px;
    font-size: 15.5px; line-height: 1.8; color: #4a4535;
}
.anasayfa-metin ul li::before {
    content: ''; position: absolute; left: 4px; top: 11px;
    width: 6px; height: 6px; border-radius: 50%; background: #6b8ba4;
}
.anasayfa-metin strong { color: #14100c; font-weight: 600; }
.anasayfa-metin a {
    color: #6b8ba4; text-decoration: none;
    border-bottom: 1px solid rgba(107,139,164,.35);
    transition: border-color .25s ease;
}
.anasayfa-metin a:hover { border-bottom-color: #6b8ba4; }

/* ---- Son makaleler ---- */
.anasayfa-makaleler { background: #fff; }
.anasayfa-makaleler .bolum-basi { text-align: center; margin-bottom: 46px; }
.anasayfa-makaleler .bolum-basi p { color: #817f7c; margin: 12px auto 0; max-width: 560px; }
.son-makale-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.son-makale {
    display: block; text-decoration: none; background: #fff;
    border: 1px solid #e5dbd2; border-radius: 8px; overflow: hidden;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.son-makale:hover {
    border-color: #6b8ba4; transform: translateY(-4px);
    box-shadow: 0 6px 24px rgba(107,139,164,.12);
}
.son-makale:focus-visible { outline: 2px solid #6b8ba4; outline-offset: 3px; }
.son-makale img { width: 100%; height: 175px; object-fit: cover; display: block; }
.son-makale .govde { padding: 20px 22px 24px; }
.son-makale .etiket {
    display: inline-block; font-family: 'Jost', sans-serif; font-size: 11px;
    font-weight: 500; letter-spacing: .8px; text-transform: uppercase;
    color: #6b8ba4; margin-bottom: 10px;
}
.son-makale h3 {
    font-family: 'Jost', sans-serif; font-size: 16px; font-weight: 500;
    line-height: 1.5; color: #14100c; margin: 0; transition: color .25s ease;
}
.son-makale:hover h3 { color: #6b8ba4; }
.makale-tumu { text-align: center; margin-top: 42px; }

@media (max-width: 991px) { .son-makale-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
    .son-makale-grid { grid-template-columns: 1fr; }
    .anasayfa-metin .metin-govde { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .son-makale { transition: none; }
    .son-makale:hover { transform: none; }
}