/* ==========================================================================
   Bölümler — hero · hakkımızda · iletişim (çalışmalar: works.css)
   ========================================================================== */

#icerik { position: relative; z-index: var(--z-icerik); }

.bolum {
    position: relative;
    padding: clamp(5.5rem, 13vh, 9rem) clamp(1.5rem, 7vw, 8rem);
}

.bolum-basi { max-width: 44rem; margin-bottom: clamp(2.5rem, 6vh, 4rem); }

.bolum-etiket {
    font-size: 0.62rem;
    letter-spacing: 0.34em;
    text-transform: uppercase;
    color: var(--iz);
    margin-bottom: 1.4rem;
}

.bolum-baslik {
    font-family: var(--font-serif);
    font-weight: 300;
    font-size: clamp(1.7rem, 1.25rem + 2vw, 2.9rem);
    line-height: 1.16;
    color: #f7f2e8;
    max-width: 20ch;
}

/* — Giriş animasyonu — */
[data-reveal] {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 1s var(--ease), transform 1s var(--ease);
}
[data-reveal].gorundu { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* — Düğmeler — */
.dugme {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.9rem;
    font-size: 0.66rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    border: 1px solid var(--hair-strong);
    color: var(--text);
    transition: background var(--sure) var(--ease), color var(--sure) var(--ease), border-color var(--sure) var(--ease);
}

.dugme-dolu {
    background: var(--iz);
    border-color: var(--iz);
    color: #0a0908;
}
.dugme-dolu:hover { background: transparent; color: var(--iz); }

.dugme-cizgi:hover { border-color: var(--text); color: #f7f2e8; }

/* ---------- Hero ---------- */
.hero {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: clamp(5rem, 14vh, 9rem);
}

.hero::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 60%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(10, 9, 8, 0) 0%, rgba(10, 9, 8, 0.5) 55%, rgba(10, 9, 8, 0.82) 100%);
}

.hero-icerik { position: relative; max-width: 40rem; }

.hero-ust {
    font-size: 0.68rem;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: var(--text-soft);
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.hero-kaydir {
    position: absolute;
    left: clamp(1.5rem, 7vw, 8rem);
    bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    color: var(--text-faint);
    transition: color var(--sure) var(--ease), opacity var(--sure) ease;
}
.hero-kaydir:hover { color: var(--text-muted); }
.hero-kaydir span:first-child {
    font-size: 0.5rem; letter-spacing: 0.34em; text-transform: uppercase;
}
.hero-kaydir-cizgi {
    width: 3rem; height: 1px;
    background: linear-gradient(90deg, currentColor, transparent);
    position: relative; overflow: hidden;
}
.hero-kaydir-cizgi::after {
    content: ''; position: absolute; inset: 0; background: var(--iz);
    animation: kaydirAkis 2.6s var(--ease) infinite;
}
@keyframes kaydirAkis {
    0% { transform: translateX(-100%); } 55% { transform: translateX(100%); } 100% { transform: translateX(100%); }
}
body:not(.vitrin-aktif) .hero-kaydir { opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .hero-kaydir-cizgi::after { animation: none; } }

/* ---------- Hakkımızda ---------- */
.hakkimda-govde { max-width: 42rem; }

.hakkimda-metin {
    margin-top: 1.6rem;
    color: var(--text-soft);
    max-width: 42ch;
}

.surec {
    margin: 2.4rem 0 1.6rem;
    padding-top: 1.8rem;
    border-top: 1px solid var(--hair);
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem 2.4rem;
}
.surec li {
    display: flex; align-items: baseline; gap: 0.7rem;
    font-size: 0.74rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text);
}
.surec li span { font-family: var(--font-serif); color: var(--iz); }

.hakkimda-hijyen {
    font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-faint);
}


/* ---------- İletişim ---------- */
.iletisim-govde {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: clamp(2rem, 6vw, 5rem);
    max-width: 66rem;
    align-items: start;
}

.iletisim-alt {
    margin: 1.4rem 0 2rem;
    color: var(--text-soft);
    max-width: 34ch;
}

.iletisim-kunye { display: flex; flex-direction: column; gap: 1.3rem; }
.iletisim-kunye > div { display: flex; flex-direction: column; gap: 0.3rem; }
.iletisim-kunye dt {
    font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--text-faint);
}
.iletisim-kunye dd { font-size: 0.92rem; color: var(--text-soft); line-height: 1.6; }
.iletisim-kunye dd a:hover { color: var(--text); }

.iletisim-footer {
    margin-top: clamp(3rem, 8vh, 5rem);
    padding-top: 1.6rem;
    border-top: 1px solid var(--hair);
    font-size: 0.56rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-faint);
}

@media (max-width: 780px) {
    .iletisim-govde { grid-template-columns: 1fr; }
}