/* One customer story. Mirrors numeo.ai/customers/<slug>: who they are, the
   outcome, then Muammo / Yechim / Natija, a quote where the customer gave one,
   and the other stories. Numbers are deliberately absent unless the customer
   approved them — the note under the hero says as much. */
.story-hero{padding:clamp(34px,5vw,64px) 0 clamp(26px,4vw,40px)}
.story-back{display:inline-block;font-family:var(--font-d);font-size:13.5px;font-weight:600;
  color:var(--brand-bright);margin-bottom:26px}
.story-hero__mark{display:flex;align-items:center;height:64px;margin-bottom:20px}
.story-hero__mark img{max-height:56px;max-width:210px;width:auto;height:auto}
.story-hero__wordmark{font-family:var(--font-d);font-size:34px;font-weight:700;letter-spacing:-.06em;color:#152f27}
.story-hero__wordmark span{font-weight:400;color:#6b8178}
.story-hero h1{font-family:var(--font-d);font-size:clamp(30px,4.4vw,46px);font-weight:700;
  letter-spacing:-.035em;line-height:1.08;margin:0}
.story-hero__meta{color:var(--muted);font-size:15px;margin-top:10px}
.story-hero__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.story__tag{font-family:var(--font-d);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--brand-bright);background:var(--brand-tint);border-radius:999px;padding:5px 9px}
.story-hero__outcome{font-family:var(--font-d);font-size:clamp(19px,2.3vw,26px);font-weight:600;
  line-height:1.38;letter-spacing:-.02em;color:var(--ink);margin-top:26px;max-width:760px}
.story-note{color:var(--muted);font-size:13px;line-height:1.6;margin-top:18px;max-width:620px}

.story-body{display:grid;gap:clamp(22px,3vw,34px)}
.story-block{padding:clamp(22px,3vw,30px);border:1px solid var(--line);border-radius:20px;background:#fff}
.story-block__label{display:block;font-family:var(--font-d);font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--brand-bright);margin-bottom:12px}
.story-block p{color:var(--ink-soft);font-size:16px;line-height:1.68;margin:0}
.story-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.story-results li{position:relative;padding-left:26px;color:var(--ink-soft);font-size:16px;line-height:1.6}
.story-results li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;
  border-radius:50%;background:var(--brand)}

.story-quote{margin:0;padding:clamp(28px,4vw,44px);border-radius:24px;
  background:linear-gradient(150deg,#eaf8f3,#f8fcfa);border:1px solid var(--line)}
.story-quote blockquote{font-family:var(--font-d);font-size:clamp(20px,2.6vw,30px);font-weight:600;
  line-height:1.34;letter-spacing:-.02em;color:var(--ink);margin:0}
.story-quote p{color:var(--ink-soft);font-size:15.5px;line-height:1.6;margin-top:16px;max-width:640px}
.story-quote figcaption{margin-top:18px;font-size:14px;color:var(--muted)}
.story-quote figcaption b{font-family:var(--font-d);font-size:15px;color:var(--ink)}

.story-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.story-more__card{display:flex;flex-direction:column;gap:10px;padding:24px 22px;
  border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none}
.story-more__card:hover{border-color:rgba(0,181,124,.4)}
.story-more__who{font-family:var(--font-d);font-size:15px;font-weight:600;color:var(--ink)}
.story-more__outcome{color:var(--ink-soft);font-size:15px;line-height:1.5}
.story-more__link{font-family:var(--font-d);font-size:13.5px;font-weight:600;color:var(--brand-bright);margin-top:auto}
@media (max-width:820px){.story-more{grid-template-columns:1fr}}