/*
 * CBA Theme — ajans hizmet sayfaları (components/service-story.tpl)
 * Ortak hikâye ilkelleri cba-story.css'te; burada yalnızca hizmet sayfasına özgü düzen.
 */
.cba-service { background: var(--cba-night); }
.cba-svc { overflow-x: clip; }

/* Hero */
.cba-svc-hero { padding-block: calc(var(--cba-header-h) + clamp(3rem, 2rem + 5vw, 7rem)) clamp(2.5rem, 2rem + 3vw, 4.5rem); }
.cba-crumb { display: flex; flex-wrap: wrap; gap: .6rem; margin-block-end: 2rem; font-size: var(--cba-step--1); color: var(--cba-paper-dim); }
.cba-crumb a { color: var(--cba-paper-dim); text-decoration: none; min-block-size: 1.5rem; }
.cba-crumb a:hover { color: var(--cba-paper); }
.cba-crumb [aria-current] { color: var(--cba-brand); }
.cba-svc-title { font-size: var(--cba-step-6); max-inline-size: 15ch; margin: 0 0 clamp(2rem, 1rem + 3vw, 3.5rem); color: var(--cba-paper); }
.cba-svc-hero-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 2rem; }
.cba-svc-hero-foot .cba-lead { margin: 0; max-inline-size: 44ch; }

/* Görsel */
.cba-svc-visual { margin: 0 auto; }
.cba-svc-visual-frame { position: relative; overflow: hidden; border-radius: var(--cba-radius-lg); aspect-ratio: 16 / 9; background: var(--cba-night-2); border: 1px solid var(--cba-line); }
.cba-svc-visual-frame picture, .cba-svc-visual-frame img, .cba-svc-video { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.cba-svc-visual-frame picture { block-size: 116%; margin-block-start: -8%; }
.cba-svc-abstract { position: absolute; inset: 0; display: grid; place-items: center; background: radial-gradient(circle at 70% 30%, rgba(var(--cba-brand-rgb), .25), transparent 55%), var(--cba-night-2); }
.cba-svc-abstract span { position: absolute; border: 1px solid color-mix(in srgb, var(--cba-paper) 18%, transparent); }
.cba-svc-abstract.is-system span { inline-size: 22%; aspect-ratio: 9 / 16; border-radius: 1.2rem; }
.cba-svc-abstract.is-system span:nth-child(1) { inset-inline-start: 18%; inset-block-start: 14%; background: var(--cba-night-3); }
.cba-svc-abstract.is-system span:nth-child(2) { inline-size: 40%; aspect-ratio: 16 / 10; border-radius: var(--cba-radius); inset-inline-end: 14%; inset-block-start: 22%; background: var(--cba-night-3); }
.cba-svc-abstract.is-system span:nth-child(3) { inline-size: 18%; block-size: 1px; border: 0; background: var(--cba-brand); inset-inline-start: 41%; inset-block-start: 40%; }
.cba-svc-abstract.is-system span:nth-child(4) { inline-size: 18%; block-size: 1px; border: 0; background: var(--cba-brand); inset-inline-start: 41%; inset-block-start: 58%; opacity: .6; }
.cba-svc-abstract.is-face span { border-radius: 4px; background: #f7f4ee; border: 0; box-shadow: 0 30px 50px -25px rgba(0, 0, 0, .7); }
.cba-svc-abstract.is-face span:nth-child(1) { inline-size: 24%; aspect-ratio: 210 / 297; inset-inline-start: 22%; inset-block-start: 12%; transform: rotate(-5deg); }
.cba-svc-abstract.is-face span:nth-child(2) { inline-size: 20%; aspect-ratio: 3 / 4; inset-inline-end: 24%; inset-block-start: 14%; background: var(--cba-brand); transform: rotate(4deg); }
.cba-svc-abstract.is-face span:nth-child(3) { inline-size: 16%; aspect-ratio: 85 / 55; inset-inline-end: 30%; inset-block-end: 14%; background: var(--cba-ink); transform: rotate(9deg); }
.cba-svc-abstract.is-face span:nth-child(4) { inline-size: 24%; aspect-ratio: 2 / 1; inset-inline-start: 34%; inset-block-end: 12%; transform: rotate(-2deg); }

/* Manifesto */
.cba-svc-manifesto-text { font-size: var(--cba-step-4); max-inline-size: 26ch; margin: 0; color: var(--cba-paper); }

/* Kapsam */
.cba-svc-scope { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 1.5rem + 3vw, 5rem); }
@media (max-width: 991.98px) { .cba-svc-scope { grid-template-columns: 1fr; } }
.cba-scope-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block-start: 1px solid var(--cba-line); }
@media (max-width: 575.98px) { .cba-scope-list { grid-template-columns: 1fr; } }
.cba-scope-item { display: flex; gap: 1rem; align-items: baseline; padding: 1.25rem 1rem 1.25rem 0; border-block-end: 1px solid var(--cba-line); font-size: var(--cba-step-1); font-family: var(--cba-font-display); color: var(--cba-paper); }

/* İş örnekleri (boş durum — uydurma proje yok) */
.cba-work-empty { display: grid; justify-items: start; gap: 1rem; padding: clamp(2rem, 1.5rem + 3vw, 4rem); border: 1px dashed color-mix(in srgb, var(--cba-paper) 22%, transparent); border-radius: var(--cba-radius-lg); max-inline-size: 48rem; }
.cba-work-empty p { margin: 0; color: var(--cba-paper-dim); font-size: var(--cba-step-1); }
.cba-work-empty .cba-svc-link { border: 0; padding: 0; }
.cba-work-empty-mark { display: grid; place-items: center; inline-size: 3rem; block-size: 3rem; border-radius: 50%; background: var(--cba-brand-soft); color: var(--cba-brand); font-size: 1.25rem; }

/* Final (ana sayfa final'ının eşi) */
.cba-final { padding-block: clamp(6rem, 4rem + 8vw, 11rem); }
.cba-final-title { font-size: var(--cba-step-6); max-inline-size: 14ch; margin: 0 0 2.5rem; }
.cba-final-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 2rem; }
.cba-final-foot .cba-lead { margin: 0; }
.cba-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; }

/* Tüm hizmetler */
.cba-svc-nav { padding-block: clamp(4rem, 3rem + 4vw, 7rem); border-block-start: 1px solid var(--cba-line); }
.cba-svc-nav-title { font-size: var(--cba-step--1); font-family: var(--cba-font-display); font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--cba-paper-dim); margin-block-end: 1.5rem; }
.cba-svc-nav-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); column-gap: 2rem; }
.cba-svc-nav-link { display: flex; align-items: center; gap: 1rem; min-block-size: 3.25rem; padding-block: .9rem; border-block-end: 1px solid var(--cba-line); color: var(--cba-paper); text-decoration: none; font-family: var(--cba-font-display); font-size: var(--cba-step-1); transition: color var(--cba-dur-1) ease; }
.cba-svc-nav-link .bi { margin-inline-start: auto; color: var(--cba-paper-dim); transition: transform var(--cba-dur-2) var(--cba-ease-expo), color var(--cba-dur-1) ease; }
.cba-svc-nav-link:hover, .cba-svc-nav-link:focus-visible { color: var(--cba-brand); }
.cba-svc-nav-link:hover .bi { color: var(--cba-brand); transform: translate(.2rem, -.2rem); }
.cba-svc-nav-link.is-current { color: var(--cba-brand); }

/* Final CTA zaten var: footer çağrısı tekrar etmesin. */
.cba-service .cba-footer-lead { display: none; }