/* Hizmet ve proje alt sayfaları: services.css + referanslar.css üstüne eklenir. */
.page-top{padding-top:9rem;padding-bottom:3rem}
.page-top .head{margin-bottom:1.5rem}
.page-h1{font:700 clamp(2.4rem,5.6vw,5.2rem)/1 var(--display);letter-spacing:-.045em;max-width:18ch}
.page-lead{font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--gray);max-width:46ch}
.page-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}

.crumbs{display:flex;flex-wrap:wrap;gap:.5rem;font:600 .72rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gray);margin-bottom:1.5rem}
.crumbs a{text-decoration:none;color:var(--gray)}
.crumbs a:hover{color:var(--ink)}

.page-sec{padding-top:3.5rem;padding-bottom:3.5rem;border-top:1px solid var(--line)}
.page-sec .head{margin-bottom:2rem}
.page-sec .head h2{font:700 clamp(1.9rem,3.8vw,3.2rem)/1.02 var(--display);letter-spacing:-.04em}

.do-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem}
.do-list li{padding:1.5rem;border:1px solid var(--ink);background:#fff;display:flex;flex-direction:column;gap:.6rem}
.do-list h3{font:700 1.25rem/1.15 var(--display);letter-spacing:-.02em}
.do-list p{color:var(--gray);margin:0}

.for-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem}
.for-list li a,.for-list li span{display:inline-block;padding:.7rem 1rem;border:1px solid var(--ink);font:700 .78rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:#fff}
.for-list li a:hover{background:var(--ink);color:var(--paper)}

.about-mini{max-width:60ch;color:var(--gray)}
.about-mini a{color:var(--ink)}

.faq{display:grid;gap:0;border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line);padding:1.25rem 0}
.faq summary{cursor:pointer;font:700 clamp(1.1rem,1.6vw,1.35rem)/1.25 var(--display);letter-spacing:-.02em;list-style:none;display:flex;justify-content:space-between;gap:1.5rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;flex:none}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:.9rem 0 0;color:var(--gray);max-width:62ch}

.proj-meta{list-style:none;padding:0;margin:0;display:grid;gap:.9rem;max-width:44rem}
.proj-meta li{display:flex;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.proj-meta b{flex:0 0 10rem;font:700 .75rem/1.4 var(--display);letter-spacing:.14em;text-transform:uppercase}
.proj-meta span{color:var(--gray)}

@media (max-width:640px){
  .page-top{padding-top:7rem}
  .proj-meta li{flex-direction:column;gap:.3rem}
  .proj-meta b{flex:none}
}