/* Kinetik — butik reformer stüdyosu: orman yeşili + tereyağı sarısı, geometrik Syne başlıklar, ince çizgiler, liste tabanlı düzen */
:root {
    --primary: #1f3d36; --accent: #e3bf45; --ink: #16231f; --text: #45504b; --muted: #7d8782;
    --bg: #f6f5f0; --bg-alt: #ecebe3; --line: #d9d8cf; --card: #fff;
    --r: 10px; --r-sm: 6px; --r-lg: 16px; --btn-r: 8px;
    --shadow: 0 10px 30px rgba(22, 35, 31, .06); --shadow-lg: 0 24px 60px rgba(22, 35, 31, .12);
    --head: 'Syne', 'Manrope', sans-serif; --body: 'Manrope', system-ui, sans-serif; --head-w: 700; --header: 78px;
    --green: #1f3d36; --butter: #e3bf45;
}
body { background: var(--bg); }
h1 { font-size: clamp(2.7rem, 6.2vw, 5.4rem); line-height: .98; letter-spacing: -.035em; font-weight: 800; }
h2, .h2 { font-size: clamp(2rem, 3.8vw, 3.1rem); letter-spacing: -.03em; line-height: 1.02; }
h3, .h3 { letter-spacing: -.015em; }
.kicker { font-family: var(--body); font-weight: 700; font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; color: var(--green); display: inline-flex; gap: 8px; align-items: center; }
.kicker::before { content: ''; width: 18px; height: 2px; background: var(--butter); }
.btn { font-weight: 700; }
.btn-accent { background: var(--butter); color: var(--ink); }
.btn-accent:hover { background: #d4ad2f; color: var(--ink); }
.btn-primary { background: var(--green); color: #fff; }
.btn-primary:hover { background: #122824; color: #fff; }
.btn-soft { background: transparent; border: 1.5px solid var(--ink); color: var(--ink); }
.btn-soft:hover { background: var(--ink); color: #fff; }

/* Üst bölüm */
.site-header { background: var(--bg); border-bottom: 1px solid var(--line); }
.brand-mark { background: var(--green); color: var(--butter); border-radius: 50%; }
.brand-text strong { font-family: var(--head); font-weight: 800; font-size: 1.5rem; letter-spacing: -.03em; }
.brand-text small { letter-spacing: .08em; text-transform: uppercase; font-size: .66rem; }
.nav-list > li > a { font-weight: 600; color: var(--ink); }
.nav-list > li > a.on, .nav-list > li > a:hover { background: var(--bg-alt); color: var(--green); }
.drop-ic, .side-list a span, .fact > span, .c-card > span { background: var(--green); color: var(--butter); border-radius: 50%; }

/* Hero */
.kn-hero { padding: 56px 0 0; background: var(--bg); overflow: hidden; }
.kn-hero-in { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: end; padding-bottom: 56px; }
.kn-eyebrow { display: inline-flex; gap: 10px; align-items: center; margin-bottom: 22px; font-weight: 700; font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--green); }
.kn-eyebrow i { width: 10px; height: 10px; border-radius: 50%; background: var(--butter); box-shadow: 0 0 0 4px rgba(227, 191, 69, .3); }
.kn-hero h1 { margin-bottom: 24px; color: var(--green); }
.kn-hero .lead { font-size: 1.12rem; max-width: 520px; margin-bottom: 30px; }
.kn-hero-media { position: relative; margin: 0; }
.kn-hero-media img { width: 100%; aspect-ratio: 5 / 5.4; object-fit: cover; border-radius: 200px 200px var(--r-lg) var(--r-lg); }
.kn-float { position: absolute; left: -28px; bottom: 36px; display: flex; gap: 12px; align-items: center; padding: 14px 18px; background: #fff; border-radius: 12px; box-shadow: var(--shadow-lg); }
.kn-float > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--butter); color: var(--ink); }
.kn-float b { display: block; color: var(--ink); font-size: .95rem; }
.kn-float small { color: var(--muted); font-size: .8rem; }
.kn-ticker { background: var(--green); color: var(--butter); overflow: hidden; white-space: nowrap; }
.kn-ticker > div { display: inline-flex; animation: kn-t 28s linear infinite; }
.kn-ticker span { font-family: var(--head); font-weight: 700; font-size: 1.35rem; padding: 16px 28px; display: inline-flex; align-items: center; gap: 28px; }
.kn-ticker span::after { content: '✺'; font-size: .9rem; color: rgba(227, 191, 69, .6); }
@keyframes kn-t { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .kn-ticker > div { animation: none; } }

/* Yöntem */
.kn-method-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 40px; }
.kn-method-head h2 { margin: 0; }
.kn-principles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1.5px solid var(--ink); }
.kn-principles li { padding: 26px 24px 10px 0; border-right: 1px solid var(--line); margin-right: 24px; }
.kn-principles li:last-child { border-right: 0; margin-right: 0; }
.kn-principles span { font-family: var(--head); font-weight: 800; font-size: .95rem; color: var(--muted); }
.kn-principles h3 { font-size: 1.6rem; margin: 30px 0 10px; color: var(--green); }
.kn-principles p { font-size: .95rem; }

/* Seans türleri */
.kn-formats-sec { background: var(--green); color: #cfdad5; }
.kn-formats-sec .sec-head h2 { color: #fff; }
.kn-formats-sec .sec-head p { color: #a9bab3; }
.kn-formats-sec .kicker { color: var(--butter); }
.kn-formats-sec .btn-soft { border-color: rgba(255, 255, 255, .5); color: #fff; }
.kn-formats-sec .btn-soft:hover { background: #fff; color: var(--green); }
.kn-formats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.kn-format { display: flex; flex-direction: column; padding: 30px 28px; border: 1px solid rgba(255, 255, 255, .16); border-radius: var(--r-lg); background: rgba(255, 255, 255, .03); }
.kn-format.hot { background: var(--butter); color: var(--ink); border-color: var(--butter); }
.kn-f-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.kn-f-top h3 { color: #fff; margin: 0; font-size: 1.7rem; }
.kn-format.hot h3 { color: var(--ink); }
.kn-cap { display: inline-flex; gap: 6px; align-items: center; padding: 5px 10px; border-radius: 999px; font-size: .8rem; font-weight: 700; background: rgba(255, 255, 255, .1); }
.kn-format.hot .kn-cap { background: rgba(22, 35, 31, .1); }
.kn-format > p { flex: 1; font-size: .95rem; }
.kn-format dl { display: grid; grid-template-columns: 1fr 1fr; margin: 10px 0 24px; border-top: 1px solid rgba(255, 255, 255, .16); }
.kn-format.hot dl { border-color: rgba(22, 35, 31, .2); }
.kn-format dl div { padding-top: 14px; }
.kn-format dt { font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; opacity: .75; }
.kn-format dd { margin: 0; font-family: var(--head); font-weight: 800; font-size: 1.6rem; color: #fff; letter-spacing: -.02em; }
.kn-format.hot dd { color: var(--ink); }
.kn-format .btn-soft { border-color: rgba(255, 255, 255, .5); color: #fff; }
.kn-format.hot .btn-accent { background: var(--green); color: #fff; }

/* Seans listesi */
.kn-list { border-top: 1.5px solid var(--ink); }
.kn-row { display: grid; grid-template-columns: 50px 150px 1fr 190px 48px; gap: 24px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--line); color: var(--text); transition: background .2s, padding .2s; }
.kn-row:hover { background: #fff; padding-inline: 16px; color: var(--text); }
.kn-no { font-family: var(--head); font-weight: 800; color: var(--muted); }
.kn-row img { width: 150px; height: 100px; object-fit: cover; border-radius: 60px 60px 8px 8px; }
.kn-r-main strong { display: block; font-family: var(--head); font-size: 1.45rem; color: var(--ink); letter-spacing: -.02em; line-height: 1.2; margin-bottom: 4px; }
.kn-r-main small { font-size: .92rem; display: block; line-height: 1.5; }
.kn-r-meta b { display: block; font-family: var(--head); font-size: 1.25rem; color: var(--green); }
.kn-r-meta small { color: var(--muted); font-size: .84rem; }
.kn-arrow { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--ink); color: var(--ink); transition: .2s; }
.kn-row:hover .kn-arrow { background: var(--butter); border-color: var(--butter); }

/* Adımlar, kartlar */
.kn-steps { background: var(--bg-alt); }
.steps li { background: var(--card); border: 0; border-radius: var(--r-lg); }
.st-ic, .c-ic, .f-ic { background: var(--butter); color: var(--ink); border-radius: 50%; }
.st-no { color: var(--line); }
.card { border: 1px solid var(--line); box-shadow: none; }
.card:hover { box-shadow: var(--shadow); }
.c-meta, .c-tags li { background: var(--bg-alt); color: var(--ink); border-radius: 999px; }
.c-more { color: var(--green); }
.c-role { color: var(--green); font-weight: 600; }
.team-card .c-media { border-radius: 200px 200px 0 0; margin: 14px 14px 0; }
.about-media img { border-radius: 240px 240px var(--r-lg) var(--r-lg); }
.about-badge { background: var(--butter); color: var(--ink); border-radius: 50%; width: 128px; height: 128px; display: grid; place-content: center; text-align: center; }
.about-badge strong { font-family: var(--head); color: var(--ink); }
.about-badge span { color: var(--ink); }
.tick-list li > span { background: var(--green); color: var(--butter); border-radius: 50%; }
.kn-quotes .quote-card { background: var(--card); border: 0; border-left: 4px solid var(--butter); border-radius: 4px var(--r-lg) var(--r-lg) 4px; }
.q-ic { color: var(--green); }
.q-stars { color: #d4ad2f; }

/* SSS + form */
.faq { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
.faq summary { font-weight: 700; color: var(--ink); }
.faq summary i { background: var(--bg-alt); color: var(--green); border-radius: 50%; }
.faq[open] summary i { background: var(--butter); }
.form-card { background: var(--green); border: 0; border-radius: var(--r-lg); color: #cfdad5; }
.form-card h2 { color: #fff; }
.form-card .ic { color: var(--butter); }
.form-card label, .form-card .check { color: #e2ebe7; }
.form-card .check a { color: var(--butter); }
.form-card .field input, .form-card .field select, .form-card .field textarea { background: rgba(255, 255, 255, .95); border: 0; }
.form-card .btn-primary, .form-card button[type=submit] { background: var(--butter); color: var(--ink); }
.check input { accent-color: var(--butter); }

/* İç sayfalar */
.page-hero { background: var(--bg-alt); border-bottom: 1.5px solid var(--ink); }
.page-hero h1 { color: var(--green); font-size: clamp(2.4rem, 5vw, 4.2rem); }
.ph-deco { color: rgba(31, 61, 54, .06); }
.detail-img, .post-cover { border-radius: var(--r-lg); }
.pf-photo { border-radius: 200px 200px var(--r) var(--r); }
.post-cta, .side-call { background: var(--green); }
.prose th { background: var(--green); color: #fff; }
.prose li::marker { color: #c9a52f; }
.pagination .current, .pagination a:hover { background: var(--green); }
.cta-band { background: var(--green); }

/* Alt bölüm */
.site-footer { background: #0f1f1b; color: #a9bab3; }
.site-footer .brand-mark { background: var(--butter); color: var(--green); }
.ft-title { color: var(--butter); font-family: var(--body); letter-spacing: .14em; text-transform: uppercase; font-size: .8rem; }
.site-footer address .ic, .hours-card .ic { color: var(--butter); }
.float-bar .fb-main { background: var(--butter); color: var(--ink); }

@media (max-width: 1000px) {
    .kn-principles { grid-template-columns: repeat(2, 1fr); }
    .kn-principles li:nth-child(2) { border-right: 0; margin-right: 0; }
    .kn-formats { grid-template-columns: 1fr; }
    .kn-row { grid-template-columns: 110px 1fr 44px; gap: 16px; }
    .kn-no { display: none; }
    .kn-row img { width: 110px; height: 90px; grid-row: span 2; }
    .kn-r-meta { grid-column: 2; grid-row: 2; }
    .kn-arrow { grid-column: 3; grid-row: 1 / span 2; }
}
@media (max-width: 900px) {
    .kn-hero-in { grid-template-columns: 1fr; gap: 36px; }
    .kn-hero-media img { aspect-ratio: 4 / 3.4; border-radius: 160px 160px var(--r-lg) var(--r-lg); }
    .kn-float { left: 12px; bottom: 16px; }
}
@media (max-width: 600px) {
    .kn-hero { padding-top: 32px; }
    .kn-principles { grid-template-columns: 1fr; }
    .kn-principles li { border-right: 0; margin-right: 0; border-bottom: 1px solid var(--line); padding-right: 0; }
    .kn-principles h3 { margin-top: 10px; }
    .kn-method-head { display: block; }
    .kn-row { grid-template-columns: 84px 1fr; }
    .kn-row img { width: 84px; height: 84px; }
    .kn-r-main small { display: none; }
    .kn-arrow { display: none; }
    .kn-ticker span { font-size: 1.05rem; padding: 12px 18px; }
}

.kn-team .team-grid { grid-template-columns: repeat(3, 1fr); max-width: 980px; }
@media (max-width: 900px) { .kn-team .team-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .kn-team .team-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .kn-format dd { font-size: 1.3rem; white-space: nowrap; } }