/* Case study page styles — append to kurumsal-site UI kit */

.case__intro { padding: var(--sp-9) 0 var(--sp-7); }
.case__crumbs { display: flex; gap: 8px; align-items: center; font-family: var(--ff-display); font-size: 13px; color: var(--fg-3); margin-bottom: var(--sp-6); }
.case__crumbs a { color: var(--fg-3); border: 0; }
.case__crumbs a:hover { color: var(--fg-1); }
.case__crumbs span:first-of-type { color: var(--fg-3); }

.case__title { margin: 24px 0 32px; max-width: 22ch; }
.case__lede { max-width: 56ch; }

.case__facts-wrap { border-top: 1px solid var(--line-1); border-bottom: 1px solid var(--line-1); }
.case__facts { display: grid; grid-template-columns: repeat(5, 1fr); padding: var(--sp-5) 0; gap: var(--sp-5); }
.case__facts > div { display: flex; flex-direction: column; gap: 4px; padding-right: var(--sp-5); border-right: 1px solid var(--line-1); }
.case__facts > div:last-child { border-right: 0; }
.case__facts dt { font-family: var(--ff-mono); font-size: 11px; color: var(--fg-3); text-transform: uppercase; letter-spacing: 0.1em; margin: 0; }
.case__facts dd { font-family: var(--ff-display); font-size: 15px; font-weight: 600; color: var(--fg-1); margin: 0; }

.case__hero { padding: var(--sp-7) 0; }
.case__slot {
  background: var(--bg-3);
  border: 1px solid var(--line-1);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-mono); font-size: 12px; color: var(--fg-3);
  text-align: center;
}
.case__slot--16x9 { aspect-ratio: 16 / 9; }
.case__slot--4x5 { aspect-ratio: 4 / 5; }
.case__slot--21x9 { aspect-ratio: 21 / 9; }

.case__brief { display: grid; grid-template-columns: 1fr 1.6fr; gap: var(--sp-9); }
.case__brief-col h2 { max-width: 14ch; }

.case__pair-wrap { padding: 0 0 var(--sp-7); }
.case__pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4); }

.case__quote { padding: var(--sp-9) 0; }
.case__quote-text { display: block; font-size: clamp(1.5rem, 2.2vw + 0.5rem, 2.5rem); line-height: 1.3; max-width: 28ch; color: var(--fg-on-inverse); }
.case__quote-attr { margin-top: var(--sp-6); display: flex; flex-direction: column; gap: 2px; }
.case__quote-attr strong { font-family: var(--ff-display); font-weight: 700; color: var(--fg-on-inverse); font-size: 15px; }
.case__quote-attr span { font-family: var(--ff-body); color: var(--fg-on-inverse-2); font-size: 13px; }

.case__wide-wrap { padding: var(--sp-7) 0; }
.case__caption { font-family: var(--ff-body); font-size: 13px; color: var(--fg-3); margin-top: var(--sp-3); }

.case__results h2 { max-width: 16ch; margin-bottom: var(--sp-7); }
.case__metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--line-1); border-left: 1px solid var(--line-1); }
.case__metric { display: flex; flex-direction: column; gap: 8px; padding: var(--sp-6); border-right: 1px solid var(--line-1); border-bottom: 1px solid var(--line-1); }
.case__metric .num { font-family: var(--ff-display); font-size: 56px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: var(--brand-primary); }
.case__metric .lbl { font-family: var(--ff-body); font-size: 14px; color: var(--fg-2); }

.case__next { padding: var(--sp-8) 0 var(--sp-9); border-top: 1px solid var(--line-1); }
.case__next-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-5); }
.case__next-link { display: flex; align-items: center; gap: var(--sp-4); font-family: var(--ff-display); font-size: clamp(1.5rem, 2vw + 0.5rem, 2.25rem); font-weight: 700; color: var(--fg-1); border: 0; text-decoration: none; letter-spacing: -0.02em; transition: color var(--dur-fast) var(--ease-standard); }
.case__next-link:hover { color: var(--brand-accent); }

@media (max-width: 900px) {
  .case__facts { grid-template-columns: repeat(2, 1fr); }
  .case__facts > div:nth-child(2n) { border-right: 0; }
  .case__brief { grid-template-columns: 1fr; gap: var(--sp-5); }
  .case__pair { grid-template-columns: 1fr; }
  .case__metrics { grid-template-columns: 1fr; }
  .case__next-inner { flex-direction: column; align-items: flex-start; }
}