/* Forma — minimal mimarlık teması: siyah-beyaz, toprak rengi vurgu, geniş boşluk, büyük tipografi, keskin köşeler */
:root {
    --ink: #161616; --text: #4a4a4a; --muted: #8c8c8c;
    --bg: #fff; --bg-alt: #f4f2ef; --line: #e3e0db; --card: #fff;
    --r: 0; --r-sm: 0; --r-lg: 0; --btn-r: 0;
    --shadow: none; --shadow-lg: 0 20px 50px rgba(0, 0, 0, .1);
    --head: 'Syne', system-ui, sans-serif; --body: 'Instrument Sans', system-ui, sans-serif; --head-w: 700; --header: 86px;
}
h1 { font-size: clamp(2.8rem, 7vw, 6rem); line-height: .98; letter-spacing: -.035em; font-weight: 800; }
h2, .h2 { font-size: clamp(2rem, 4vw, 3.2rem); letter-spacing: -.03em; line-height: 1.05; }
.kicker { color: var(--accent); letter-spacing: .2em; font-size: .72rem; }
.btn { font-weight: 600; letter-spacing: .02em; }
.btn-accent { background: var(--ink); color: #fff; }
.btn-accent:hover { background: var(--accent); color: #fff; }
.btn-outline, .btn-soft { background: transparent; border: 1.5px solid var(--ink); color: var(--ink); }
.btn-outline:hover, .btn-soft:hover { background: var(--ink); color: #fff; }
a { color: var(--ink); }
a:hover { color: var(--accent); }
.site-header { border-bottom: 1px solid var(--line); }
.brand-mark { background: var(--ink); color: #fff; border-radius: 0; }
.brand-text strong { font-family: var(--head); font-weight: 800; font-size: 1.6rem; letter-spacing: -.02em; }
.brand-text small { color: var(--muted); letter-spacing: .25em; }
.nav-list > li > a { font-weight: 500; }
.nav-list > li > a.on { color: var(--accent); }
.nav-cta { background: var(--ink); }
.phone-chip .ic { color: var(--accent); }

/* Hero */
.hero { padding: 70px 0 0; }
.hero-eyebrow { display: block; font-size: .78rem; letter-spacing: .24em; text-transform: uppercase; color: var(--muted); margin-bottom: 26px; }
.hero h1 { max-width: 1050px; }
.hero-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; flex-wrap: wrap; margin: 30px 0 56px; }
.hero-row .lead { margin: 0; max-width: 520px; font-size: 1.15rem; }
.hero-img { position: relative; margin: 0; }
.hero-img img { width: 100%; height: min(72vh, 720px); object-fit: cover; }
.hero-img figcaption { position: absolute; right: 24px; bottom: 20px; padding: 8px 14px; background: #fff; font-size: .8rem; letter-spacing: .08em; }

/* Projeler */
.sec-head.split h2 { max-width: 700px; }
.proj-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px 40px; }
.proj { display: block; color: var(--ink); }
.proj.p1 { margin-top: 90px; }
.pj-img { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: var(--bg-alt); }
.pj-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2, .7, .2, 1), filter .6s; filter: grayscale(.25); }
.proj:hover .pj-img img { transform: scale(1.04); filter: none; }
.pj-meta { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-top: 16px; border-top: 1px solid var(--ink); margin-top: 16px; }
.pj-meta strong { font-family: var(--head); font-size: 1.35rem; letter-spacing: -.02em; }
.pj-meta span { color: var(--muted); font-size: .88rem; }

/* Stüdyo */
.studio-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px; }
.studio-nums { list-style: none; display: flex; gap: 50px; padding: 30px 0; margin: 30px 0 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.studio-nums strong { display: block; font-family: var(--head); font-size: 3rem; line-height: 1; letter-spacing: -.04em; }
.studio-nums span { color: var(--muted); font-size: .88rem; }
.link-more { color: var(--accent); }

/* Hizmet indeksi */
.svc-index { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); }
.svc-index a { display: grid; grid-template-columns: 70px 1fr 1.3fr 30px; gap: 24px; align-items: center; padding: 30px 0; border-bottom: 1px solid var(--line); color: var(--ink); transition: padding .3s; }
.si-no { color: var(--muted); font-size: .85rem; }
.svc-index strong { font-family: var(--head); font-size: clamp(1.4rem, 2.4vw, 2rem); letter-spacing: -.02em; }
.si-sum { color: var(--muted); }
.svc-index a:hover { padding-left: 16px; color: var(--accent); }

/* Süreç */
.timeline { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--ink); }
.timeline li { display: grid; gap: 10px; padding: 28px 24px 10px 0; border-right: 1px solid var(--line); }
.timeline li:last-child { border-right: 0; }
.timeline li + li { padding-left: 24px; }
.tl-no { font-family: var(--head); font-size: 2.6rem; color: var(--accent); line-height: 1; }
.timeline h3 { font-size: 1.2rem; margin: 6px 0; }
.timeline p { color: var(--muted); font-size: .95rem; margin: 0; }
.page-hero + .section .timeline { grid-template-columns: 1fr; border-top: 0; }
.page-hero + .section .timeline li { grid-template-columns: 110px 1fr; padding: 34px 0; border-right: 0; border-bottom: 1px solid var(--line); }
.page-hero + .section .timeline li + li { padding-left: 0; }
.process-cta { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 50px; padding: 36px; background: var(--ink); color: #fff; }
.process-cta p { margin: 0; font-family: var(--head); font-size: 1.5rem; }
.process-cta .btn-accent { background: var(--accent); }

/* Genel */
.card { border: 0; background: transparent; }
.card:hover { transform: none; box-shadow: none; }
.team-card .c-media { aspect-ratio: 4 / 5; }
.team-card .c-media img { filter: grayscale(1); transition: filter .5s; }
.team-card:hover .c-media img { filter: none; }
.team-card .c-body { padding: 16px 0 0; }
.c-role { color: var(--muted); }
.c-tags li { background: var(--bg-alt); }
.svc-card .c-body { padding: 20px 0; }
.c-ic { background: var(--ink); color: #fff; }
.item-card .c-media { aspect-ratio: 4 / 3; }
.item-card .c-body { padding: 18px 0; border-top: 1px solid var(--ink); margin-top: 14px; }
.item-card .c-cat { color: var(--accent); }
.filter-pills a { background: transparent; border-color: var(--line); border-radius: 0; }
.filter-pills a.on, .filter-pills a:hover { background: var(--ink); border-color: var(--ink); }
.about-media img { aspect-ratio: 4 / 5; }
.about-badge { background: var(--ink); }
.tick-list li > span { background: var(--accent); border-radius: 0; }
.form-card { border: 1px solid var(--ink); }
.faq { border-radius: 0; border-color: var(--line); border-width: 0 0 1px; background: transparent; }
.faq summary { padding-left: 0; padding-right: 0; font-family: var(--head); }
.faq-a { padding-left: 0; }
.faq[open] summary i { background: var(--ink); }
.page-hero { background: #fff; padding: 80px 0 50px; border-bottom: 1px solid var(--line); }
.page-hero h1 { font-size: clamp(2.6rem, 6vw, 4.8rem); }
.ph-deco { display: none; }
.detail { grid-template-columns: minmax(0, 1fr) 340px; }
.spec-box { background: transparent; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); padding: 20px 0; }
.stack-gallery { gap: 24px; }
.cta-band { background: var(--ink); }
.cta-band.has-img::before { background: rgba(22, 22, 22, .82); }
.site-footer { background: var(--ink); }
.site-footer .brand-mark { background: #fff; color: var(--ink); }

@media (max-width: 960px) {
    .proj-grid, .studio-grid { grid-template-columns: 1fr; gap: 40px; }
    .proj.p1 { margin-top: 0; }
    .svc-index a { grid-template-columns: 44px 1fr 24px; }
    .si-sum { display: none; }
    .timeline { grid-template-columns: 1fr 1fr; }
    .timeline li:nth-child(2) { border-right: 0; }
    .timeline li:nth-child(3) { padding-left: 0; }
}
@media (max-width: 640px) {
    .hero { padding-top: 40px; }
    .hero-img img { height: 50vh; }
    .timeline { grid-template-columns: 1fr; }
    .timeline li, .timeline li + li { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .page-hero + .section .timeline li { grid-template-columns: 60px 1fr; }
    .studio-nums { gap: 24px; }
    .studio-nums strong { font-size: 2.2rem; }
}

@media (max-width: 480px) { h1 { font-size: 2.35rem; } .page-hero h1 { font-size: 2.2rem; } }