/* ==========================================================================
   HOME.CSS — Ana Sayfa (Archival Codex)
   Yalnızca ana sayfaya özgü bölüm layout'ları.
   Ortak component stilleri components.css'te; token'lar variables.css'te.

   İçindekiler
   -----------
   1. Ana sayfa ritmi (bölüm arası dramatik boşluk)
   2. §01 Hero
   3. §02 Büro Felsefesi
   4. §03 Uzmanlık Alanları
   5. §04 Çalışma Prensipleri
   6. §05 Seçilmiş Çalışma Alanları
   7. §06 Ekip (asimetrik yayılım)
   8. §07 Hukuki İçgörüler
   9. §08 Güven ve Gizlilik
   10. Responsive
   11. prefers-reduced-motion
   ========================================================================== */


/* ==========================================================================
   1. ANA SAYFA RİTMİ
   Bölümler arası MÜZEYİ ANDIRAN boşluk. Asla tıkışık.
   ========================================================================== */

:root {
    /* Ana sayfa bölüm nefesi — plandaki minimum: clamp(6rem, 12vw, 12rem) */
    --home-section-space: clamp(6rem, 12vw, 12rem);
}

/* Her ana sayfa bölümü kendi dikey nefesini kurar */
.home-philosophy,
.home-practice,
.home-principles,
.home-selected,
.home-team,
.home-insights,
.home-trust,
.cta-section {
    padding-block: var(--home-section-space);
}

/* Yatay taşma güvencesi — geniş filigran ve negatif marjlar için */
.home-hero,
.home-philosophy,
.home-practice,
.home-principles,
.home-selected,
.home-team,
.home-insights,
.home-trust {
    position: relative;
    overflow-x: clip;
}


/* ==========================================================================
   2. §01 — HERO
   Tam viewport, koyu yüzey, devasa §01 filigranı.
   Etrafındaki boşluk tasarımın kendisi: galeri duvarında tek eser.
   ========================================================================== */

.home-hero {
    /* Header transparan başladığı için tam viewport */
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    align-items: center;
    padding-block: calc(var(--header-height) + var(--space-3xl)) var(--space-4xl);
    isolation: isolate;
}

/* --- Doku katmanı: ince ızgara + kağıt greni ---
   Düz koyu zemini kırar; mimari çizim kağıdı hissi verir. */
.home-hero__texture {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background-image:
        /* Dikey ızgara çizgileri */
        repeating-linear-gradient(
            to right,
            rgba(232, 225, 212, 0.045) 0px,
            rgba(232, 225, 212, 0.045) 1px,
            transparent 1px,
            transparent 96px
        ),
        /* Yatay ızgara çizgileri */
        repeating-linear-gradient(
            to bottom,
            rgba(232, 225, 212, 0.035) 0px,
            rgba(232, 225, 212, 0.035) 1px,
            transparent 1px,
            transparent 96px
        ),
        /* Kağıt greni */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Ccircle cx='1' cy='1' r='0.45' fill='%23E8E1D4' fill-opacity='0.05'/%3E%3C/svg%3E");

    /* Merkeze doğru sönümlenir: kenarlarda doku, ortada temiz tipografi */
    -webkit-mask-image: radial-gradient(120% 90% at 50% 45%, transparent 12%, #000 78%);
    mask-image: radial-gradient(120% 90% at 50% 45%, transparent 12%, #000 78%);
}

/* --- Çapraz mimari hatlar + köşe ışığı --- */
.home-hero__beams {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background-image:
        /* Sağ üstten gelen yumuşak ışık */
        radial-gradient(80% 65% at 88% 6%, rgba(232, 225, 212, 0.085) 0%, rgba(232, 225, 212, 0) 60%),
        /* Bordo aksan parıltısı — sol altta, çok soluk */
        radial-gradient(55% 50% at 4% 96%, rgba(110, 31, 42, 0.30) 0%, rgba(110, 31, 42, 0) 62%),
        /* İnce çapraz hatlar — mimari kesit çizgisi */
        linear-gradient(112deg, transparent 41.8%, rgba(232, 225, 212, 0.10) 42%, transparent 42.2%),
        linear-gradient(112deg, transparent 63.8%, rgba(232, 225, 212, 0.06) 64%, transparent 64.2%);
}

/* --- Devasa §01 filigranı: off-center, çok düşük opacity --- */
.home-hero__watermark {
    position: absolute;
    z-index: 0;
    /* Sağ tarafa taşırılmış, dikey merkezli */
    inset-block-start: 50%;
    inset-inline-end: clamp(-4rem, -2vw, 2rem);
    transform: translateY(-50%);
    font-family: var(--font-display);
    /* Devasa: viewport yüksekliğine bağlı */
    font-size: clamp(20rem, 46vw, 52rem);
    font-weight: var(--weight-light);
    line-height: 0.78;
    letter-spacing: -0.02em;
    color: var(--color-stone);
    opacity: 0.055;
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
}

.home-hero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
}

.home-hero__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* Başlık geniş nefes alsın, sağdaki filigranla çakışmasın */
    max-width: min(58ch, 62%);
}

/* --- Devasa editoryal serif başlık --- */
.home-hero__title {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-display);
    font-weight: var(--weight-light);
    line-height: var(--text-display-leading);
    letter-spacing: var(--text-display-tracking);
    color: var(--color-stone);
}

.home-hero__line {
    display: block;
}

/* --- İnce bordo yatay çizgi (200px) --- */
.home-hero__rule {
    display: block;
    width: min(200px, 42vw);
    height: var(--border-hairline);
    margin-block-start: clamp(var(--space-xl), 4vw, var(--space-3xl));
    background-color: var(--color-burgundy);
}

/* --- Alt başlık: küçük, tracked, muted --- */
.home-hero__subtitle {
    margin: 0;
    margin-block-start: clamp(var(--space-lg), 2.5vw, var(--space-2xl));
    font-family: var(--font-body);
    font-size: var(--text-label);
    font-weight: var(--weight-medium);
    letter-spacing: var(--text-label-tracking);
    text-transform: uppercase;
    color: var(--color-text-muted-dark);
}

.home-hero__claim {
    margin: 0;
    margin-block-start: var(--space-md);
    font-family: var(--font-body);
    font-size: var(--text-body);
    line-height: var(--text-body-leading);
    color: var(--color-light-alpha-70);
}

/* --- Minimal CTA link (ok işaretli) --- */
.home-hero__cta {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    margin-block-start: clamp(var(--space-2xl), 5vw, var(--space-4xl));
    font-family: var(--font-body);
    font-size: var(--text-label);
    font-weight: var(--weight-medium);
    letter-spacing: var(--text-label-tracking);
    text-transform: uppercase;
    color: var(--color-stone);
    text-decoration: none;
    transition: var(--transition-color);
}

.home-hero__cta-label {
    position: relative;
    padding-block-end: var(--space-2xs);
}

/* Alt çizgi bordo — hover'da tam genişliğe açılır */
.home-hero__cta-label::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    height: var(--border-hairline);
    background-color: var(--color-burgundy);
    transform: scaleX(1);
    transform-origin: left center;
    transition: background-color var(--duration-base) var(--ease-subtle);
}

.home-hero__cta-arrow {
    display: inline-block;
    font-size: 1.1em;
    transition: transform var(--duration-base) var(--ease-out);
}

.home-hero__cta:hover,
.home-hero__cta:focus-visible {
    color: var(--color-burgundy-light);
}

.home-hero__cta:hover .home-hero__cta-arrow,
.home-hero__cta:focus-visible .home-hero__cta-arrow {
    transform: translateX(8px);
}

.home-hero__cta:hover .home-hero__cta-label::after,
.home-hero__cta:focus-visible .home-hero__cta-label::after {
    background-color: var(--color-burgundy-light);
}

/* --- Güven sinyalleri: ince hairline üst sınırı, mini istatistik şeridi --- */
.home-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(var(--space-xl), 5vw, var(--space-3xl));
    margin: 0;
    margin-block-start: clamp(var(--space-3xl), 6vw, var(--space-5xl));
    padding-block-start: clamp(var(--space-lg), 3vw, var(--space-xl));
    border-block-start: var(--border-hairline) solid var(--color-border-dark);
    max-width: var(--max-line-length-wide);
}

.home-hero__stat {
    display: flex;
    flex-direction: column;
    gap: var(--space-3xs);
    min-width: 6rem;
}

.home-hero__stat-value {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: var(--weight-light);
    line-height: 1;
    color: var(--color-stone);
    letter-spacing: -0.01em;
}

.home-hero__stat-label {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-caption);
    font-weight: var(--weight-medium);
    letter-spacing: var(--text-reference-tracking);
    text-transform: uppercase;
    color: var(--color-text-muted-dark);
}

@media (max-width: 480px) {
    .home-hero__stats {
        gap: var(--space-lg);
    }
    .home-hero__stat {
        min-width: calc(50% - var(--space-lg));
    }
}

/* --- Aşağı kaydırma ipucu --- */
.home-hero__scroll-hint {
    position: absolute;
    z-index: 1;
    inset-block-end: var(--space-2xl);
    inset-inline-start: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    pointer-events: none;
}

.home-hero__scroll-label {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    font-weight: var(--weight-medium);
    letter-spacing: var(--text-reference-tracking);
    text-transform: uppercase;
    color: var(--color-text-muted-dark);
}

.home-hero__scroll-line {
    width: var(--border-hairline);
    height: clamp(2.5rem, 5vh, 4rem);
    background-image: linear-gradient(
        to bottom,
        var(--color-light-alpha-40) 0%,
        transparent 100%
    );
}


/* ==========================================================================
   3. §02 — BÜRO FELSEFESİ
   Taş yüzey, 60/40 asimetrik: sol pull quote, sağ gövde metni.
   ========================================================================== */

/* Bölüm üstü hairline rule — konteyner genişliğinde */
.home-philosophy__hairline {
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    display: block;
}

.home-philosophy__grid {
    display: grid;
    /* 60 / 40 asimetri, geniş gutter */
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    column-gap: clamp(var(--space-2xl), 8vw, var(--space-5xl));
    row-gap: var(--space-3xl);
    align-items: start;
}

.home-philosophy__lead {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.home-philosophy__ref {
    font-family: var(--font-display);
    color: var(--color-burgundy);
}

.home-philosophy__ref-rule {
    margin-block-end: clamp(var(--space-lg), 3vw, var(--space-2xl));
}

/* --- Büyük serif pull quote --- */
.home-philosophy__quote {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.75rem, 3.6vw, 3.25rem);
    font-weight: var(--weight-light);
    line-height: 1.22;
    letter-spacing: var(--text-h1-tracking);
    color: var(--color-text-primary);
    text-wrap: pretty;
}

/* --- Dekoratif mimari detay: kemer/sütun soyutlaması ---
   Alıntının altında, sol sütunun boşluğunu görsel olarak dengeler. */
.home-philosophy__figure {
    display: block;
    margin-block-start: clamp(var(--space-xl), 4vw, var(--space-3xl));
    max-inline-size: 22rem;
    color: var(--color-burgundy);
    opacity: 0.28;
    pointer-events: none;
}

.home-philosophy__figure svg {
    display: block;
    inline-size: 100%;
    block-size: auto;
}

/* --- Sağ sütun: gövde metni --- */
.home-philosophy__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    /* Optik hizalama: pull quote'un ilk satır ortasına yaklaş */
    padding-block-start: clamp(var(--space-md), 3vw, var(--space-2xl));
}

.home-philosophy__paragraph {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-body);
    line-height: var(--text-body-leading);
    color: var(--color-text-muted);
    max-width: var(--max-line-length);
}

.home-philosophy__link {
    align-self: flex-start;
    margin-block-start: var(--space-sm);
    font-size: var(--text-label);
    font-weight: var(--weight-medium);
    letter-spacing: var(--text-label-tracking);
    text-transform: uppercase;
    color: var(--color-burgundy);
}


/* ==========================================================================
   4. §03 — UZMANLIK ALANLARI
   Koyu yüzey, 2 sütunlu numaralı liste, satırlar arası geniş boşluk.
   ========================================================================== */

.home-practice__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* Sütunlar arası geniş gutter */
    column-gap: clamp(var(--space-2xl), 7vw, var(--space-5xl));
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-practice__list > .practice-row {
    position: relative;
    transition: background-color var(--duration-base) var(--ease-subtle);
}

/* Üst kenarda da hairline: liste kapalı bir tablo gibi okunur */
.home-practice__list > .practice-row:nth-child(1),
.home-practice__list > .practice-row:nth-child(2) {
    border-block-start: var(--border-hairline) solid var(--color-border-dark);
}

/* Hover'da çok soluk bir arka plan yıkaması + ince yatay ışın hattı */
.home-practice__list > .practice-row::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgba(232, 225, 212, 0) 0%, rgba(232, 225, 212, 0.04) 50%, rgba(232, 225, 212, 0) 100%);
    opacity: 0;
    transform: translateX(-8px);
    transition:
        opacity var(--duration-base) var(--ease-subtle),
        transform var(--duration-base) var(--ease-out);
    pointer-events: none;
}

.home-practice__list > .practice-row:hover::before,
.home-practice__list > .practice-row:focus-within::before {
    opacity: 1;
    transform: none;
}

/* Üst katmanın gradient'in üstünde kalması için z-index ver */
.home-practice__list > .practice-row > * {
    position: relative;
    z-index: 1;
}

.home-practice__foot {
    margin-block-start: clamp(var(--space-2xl), 5vw, var(--space-4xl));
}


/* ==========================================================================
   5. §04 — ÇALIŞMA PRENSİPLERİ
   Taş yüzey, 3 sütun geniş grid, sütunlar arası dikey hairline.
   ========================================================================== */

.home-principles__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    /* Büyük gutter — sütunlar birbirine değmez */
    column-gap: clamp(var(--space-xl), 6vw, var(--space-4xl));
    row-gap: var(--space-3xl);
}

.home-principles__item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    /* Dikey hairline ayırıcı — ilk sütun hariç */
    padding-inline-start: clamp(var(--space-lg), 3vw, var(--space-2xl));
    border-inline-start: var(--border-hairline) solid var(--color-border-light);
    /* Dekoratif arka plan numarası için klip alanı */
    overflow: hidden;
}

/* Dev arka plan numarası: arşiv damgası hissiyatı */
.home-principles__item::before {
    content: attr(data-number);
    position: absolute;
    inset-inline-end: clamp(-0.75rem, -1.5vw, -1.5rem);
    inset-block-start: clamp(-0.75rem, -1.5vw, -1.5rem);
    z-index: 0;

    font-family: var(--font-display);
    font-size: clamp(6rem, 12vw, 10rem);
    font-weight: var(--weight-light);
    line-height: 0.72;
    letter-spacing: -0.03em;
    color: var(--color-burgundy);
    opacity: 0.06;
    pointer-events: none;
    user-select: none;
}

.home-principles__item > * {
    position: relative;
    z-index: 1;
}

.home-principles__item:first-child {
    padding-inline-start: 0;
    border-inline-start: 0;
}

/* --- Büyük serif numara --- */
.home-principles__number {
    font-family: var(--font-display);
    font-size: clamp(3rem, 6vw, 5.5rem);
    font-weight: var(--weight-light);
    line-height: 0.9;
    letter-spacing: -0.02em;
    color: var(--color-burgundy);
    opacity: 0.85;
    font-variant-numeric: lining-nums;
}

.home-principles__title {
    margin: 0;
    margin-block-start: var(--space-sm);
    font-family: var(--font-display);
    font-size: var(--text-h3);
    font-weight: var(--weight-medium);
    line-height: var(--text-h2-leading);
    letter-spacing: var(--text-h2-tracking);
    color: var(--color-text-primary);
}

.home-principles__text {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-small);
    line-height: var(--text-body-leading);
    color: var(--color-text-muted);
    max-width: 34ch;
}


/* ==========================================================================
   6. §05 — SEÇİLMİŞ ÇALIŞMA ALANLARI
   Koyu yüzey, ince kenarlıklı geniş paneller, bol iç padding.
   ========================================================================== */

.home-selected__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(21rem, 100%), 1fr));
    gap: clamp(var(--space-lg), 3vw, var(--space-2xl));
}

.home-selected__panel {
    display: flex;
}

.home-selected__link {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    /* Bol iç padding — panel içi nefes alır */
    padding: clamp(var(--space-xl), 3.5vw, var(--space-3xl));
    color: inherit;
    text-decoration: none;
    border: var(--border-hairline) solid var(--color-border-dark);
    transition:
        border-color var(--duration-base) var(--ease-subtle),
        background-color var(--duration-base) var(--ease-subtle);
}

.home-selected__link:hover,
.home-selected__link:focus-visible {
    border-color: var(--color-border-accent);
    background-color: var(--color-light-alpha-06);
}

.home-selected__ref {
    font-family: var(--font-display);
    font-size: var(--text-reference);
    letter-spacing: var(--text-reference-tracking);
    color: var(--color-burgundy);
}

.home-selected__title {
    margin: 0;
    margin-block-start: var(--space-lg);
    font-family: var(--font-display);
    font-size: var(--text-h3);
    font-weight: var(--weight-regular);
    line-height: var(--text-h2-leading);
    letter-spacing: var(--text-h2-tracking);
    color: var(--color-stone);
    transition: var(--transition-color);
}

.home-selected__link:hover .home-selected__title,
.home-selected__link:focus-visible .home-selected__title {
    color: var(--color-burgundy-light);
}

.home-selected__rule {
    display: block;
    width: 3rem;
    height: var(--border-hairline);
    margin-block: var(--space-lg);
    background-color: var(--color-burgundy);
}

.home-selected__scope {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-small);
    line-height: var(--text-body-leading);
    color: var(--color-light-alpha-70);
}

.home-selected__services {
    margin: 0;
    margin-block-start: var(--space-lg);
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}

.home-selected__service {
    position: relative;
    padding-inline-start: var(--space-md);
    font-family: var(--font-body);
    font-size: var(--text-caption);
    line-height: 1.7;
    color: var(--color-text-muted-dark);
}

/* Arşiv işareti: madde imi yerine ince tire */
.home-selected__service::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.7em;
    width: 0.5rem;
    height: var(--border-hairline);
    background-color: var(--color-burgundy);
}

.home-selected__cue {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    margin-block-start: clamp(var(--space-xl), 3vw, var(--space-2xl));
    font-family: var(--font-body);
    font-size: var(--text-caption);
    font-weight: var(--weight-medium);
    letter-spacing: var(--text-label-tracking);
    text-transform: uppercase;
    color: var(--color-burgundy-light);
}

.home-selected__cue > span {
    display: inline-block;
    transition: transform var(--duration-base) var(--ease-out);
}

.home-selected__link:hover .home-selected__cue > span,
.home-selected__link:focus-visible .home-selected__cue > span {
    transform: translateX(6px);
}


/* ==========================================================================
   7. §06 — EKİP
   Taş yüzey, asimetrik editoryal yayılım (düz grid DEĞİL).
   Kartlar dikey olarak kaydırılır: dergi yayılımı hissi.
   ========================================================================== */

.home-team__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 2.2fr);
    column-gap: clamp(var(--space-2xl), 6vw, var(--space-4xl));
    row-gap: var(--space-3xl);
    align-items: start;
}

.home-team__intro {
    /* Sol kolon kaydırma boyunca sabit kalır — editoryal künye hissi */
    position: sticky;
    inset-block-start: calc(var(--header-height) + var(--space-2xl));
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.home-team__intro .section-header {
    margin-block-end: 0;
}

/* Sol kolonda başlık dikey yığılır (yatay yer yok) */
.home-team__intro .section-header__lead {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
}

.home-team__lead {
    margin: 0;
    font-family: var(--font-body);
    font-size: var(--text-small);
    line-height: var(--text-body-leading);
    color: var(--color-text-muted);
    max-width: 30ch;
}

.home-team__link {
    align-self: flex-start;
    font-size: var(--text-caption);
    font-weight: var(--weight-medium);
    letter-spacing: var(--text-label-tracking);
    text-transform: uppercase;
    color: var(--color-burgundy);
}

/* --- Asimetrik kart yayılımı --- */
.home-team__spread {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(var(--space-lg), 4vw, var(--space-3xl));
    row-gap: clamp(var(--space-2xl), 5vw, var(--space-4xl));
}

/* Editoryal kaydırma: her kart farklı dikey offset ve genişlik */
.home-team__spread > .team-card:nth-child(1) {
    margin-block-start: 0;
}

.home-team__spread > .team-card:nth-child(2) {
    /* İkinci kart aşağı kayar */
    margin-block-start: clamp(var(--space-2xl), 6vw, var(--space-5xl));
}

.home-team__spread > .team-card:nth-child(3) {
    /* Üçüncü kart yukarı çekilir — ikinciyle kenetlenir */
    margin-block-start: calc(clamp(var(--space-xl), 4vw, var(--space-3xl)) * -1);
    /* Hafif içe kaydırma, ızgara katılığını kırar */
    padding-inline-end: clamp(0rem, 3vw, var(--space-2xl));
}

.home-team__spread > .team-card:nth-child(4) {
    margin-block-start: clamp(var(--space-lg), 3vw, var(--space-2xl));
    padding-inline-start: clamp(0rem, 3vw, var(--space-2xl));
}


/* ==========================================================================
   8. §07 — HUKUKİ İÇGÖRÜLER
   Koyu yüzey, 60/40: sol büyük öne çıkan, sağ iki küçük kart.
   ========================================================================== */

.home-insights__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    column-gap: clamp(var(--space-lg), 3vw, var(--space-2xl));
    row-gap: clamp(var(--space-lg), 3vw, var(--space-2xl));
    align-items: stretch;
}

.home-insights__primary {
    display: flex;
}

.home-insights__primary > .article-card {
    width: 100%;
}

.home-insights__secondary {
    display: flex;
    flex-direction: column;
    gap: clamp(var(--space-lg), 3vw, var(--space-2xl));
}

.home-insights__secondary > .article-card {
    flex: 1;
}

.home-insights__foot {
    margin-block-start: auto;
    padding-block-start: var(--space-sm);
}

.home-insights__foot .link {
    font-size: var(--text-caption);
    font-weight: var(--weight-medium);
    letter-spacing: var(--text-label-tracking);
    text-transform: uppercase;
    color: var(--color-burgundy-light);
}


/* ==========================================================================
   9. §08 — GÜVEN VE GİZLİLİK
   Taş yüzey, merkezli tek güçlü serif cümle, üst/alt dekoratif border.
   Minimal, nefes alan.
   ========================================================================== */

.home-trust .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Üst/alt dekoratif border — ortada bordo bir çentik */
.home-trust__border {
    position: relative;
    display: block;
    width: 100%;
    height: var(--border-hairline);
    background-color: var(--color-border-light);
}

.home-trust__border::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    width: 3.5rem;
    height: var(--border-hairline);
    background-color: var(--color-burgundy);
}

.home-trust__ref {
    display: block;
    margin-block-start: clamp(var(--space-2xl), 5vw, var(--space-4xl));
    font-family: var(--font-display);
    color: var(--color-burgundy);
}

/* --- Merkezli güçlü serif cümle --- */
.home-trust__statement {
    margin: 0;
    margin-block-start: clamp(var(--space-lg), 3vw, var(--space-2xl));
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 3vw, 2.75rem);
    font-weight: var(--weight-light);
    line-height: 1.32;
    letter-spacing: var(--text-h1-tracking);
    color: var(--color-text-primary);
    max-width: 40ch;
    text-wrap: pretty;
}

.home-trust__note {
    margin: 0;
    margin-block-start: clamp(var(--space-xl), 3vw, var(--space-2xl));
    margin-block-end: clamp(var(--space-2xl), 5vw, var(--space-4xl));
    font-family: var(--font-body);
    font-size: var(--text-caption);
    font-weight: var(--weight-medium);
    letter-spacing: var(--text-label-tracking);
    text-transform: uppercase;
    color: var(--color-text-muted);
}


/* ==========================================================================
   10. RESPONSIVE
   ========================================================================== */

/* --- Geniş masaüstü altı: 3 sütun prensipler daralır --- */
@media (max-width: 1200px) {
    .home-hero__content {
        max-width: min(58ch, 72%);
    }

    .home-team__layout {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 2fr);
    }
}

/* --- Tablet: çoklu sütunlar teke iner --- */
@media (max-width: 1024px) {
    .home-hero__content {
        max-width: 100%;
    }

    .home-hero__watermark {
        font-size: clamp(18rem, 62vw, 34rem);
        opacity: 0.05;
    }

    /* §02 tek kolona iner */
    .home-philosophy__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-philosophy__body {
        padding-block-start: 0;
    }

    /* §04 prensipler: dikey hairline yatay olur */
    .home-principles__grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--space-2xl);
    }

    .home-principles__item {
        padding-inline-start: 0;
        border-inline-start: 0;
        padding-block-start: var(--space-xl);
        border-block-start: var(--border-hairline) solid var(--color-border-light);
    }

    .home-principles__item:first-child {
        padding-block-start: 0;
        border-block-start: 0;
    }

    .home-principles__text {
        max-width: var(--max-line-length);
    }

    /* §06 ekip: sticky künye kapanır, tek kolon */
    .home-team__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-team__intro {
        position: static;
    }

    .home-team__intro .section-header__lead {
        flex-direction: row;
        align-items: baseline;
    }

    /* §07 içgörüler tek kolona iner */
    .home-insights__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* --- Mobil --- */
@media (max-width: 768px) {
    .home-hero {
        /* Mobilde 100vh yerine içerik yüksekliği + geniş nefes */
        min-height: auto;
        padding-block: calc(var(--header-height) + var(--space-4xl)) var(--space-5xl);
    }

    /* Plan §14: §01 filigranı 768px altında gizlenir — dar ekranda
       tipografiyi bastırıyor ve yatay taşma riski oluşturuyordu. */
    .home-hero__watermark {
        display: none;
    }

    /* Mobilde kaydırma ipucu gereksiz */
    .home-hero__scroll-hint {
        display: none;
    }

    /* §03 uzmanlık listesi tek kolon */
    .home-practice__list {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-practice__list > .practice-row:nth-child(2) {
        border-block-start: 0;
    }

    /* §06 ekip kartları: asimetrik offsetler sıfırlanır */
    .home-team__spread {
        grid-template-columns: minmax(0, 1fr);
        row-gap: var(--space-3xl);
    }

    .home-team__spread > .team-card:nth-child(1),
    .home-team__spread > .team-card:nth-child(2),
    .home-team__spread > .team-card:nth-child(3),
    .home-team__spread > .team-card:nth-child(4) {
        margin-block-start: 0;
        padding-inline: 0;
    }
}

/* --- Küçük mobil --- */
@media (max-width: 480px) {
    .home-hero__rule {
        width: 140px;
    }

    .home-trust__statement {
        max-width: none;
    }
}


/* ==========================================================================
   11. PREFERS-REDUCED-MOTION
   Hareket duyarlılığı: tüm dönüşüm/animasyonlar durur.
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .home-hero__cta-arrow,
    .home-selected__cue > span,
    .home-team__portrait {
        transition: none !important;
        transform: none !important;
    }

    .home-hero__cta:hover .home-hero__cta-arrow,
    .home-hero__cta:focus-visible .home-hero__cta-arrow,
    .home-selected__link:hover .home-selected__cue > span,
    .home-selected__link:focus-visible .home-selected__cue > span {
        transform: none;
    }

    /* Sticky künye hareket hissi yaratabilir — kapat */
    .home-team__intro {
        position: static;
    }
}