.customer-story{background:linear-gradient(135deg,#f1f5f6,#faf8f3);padding:clamp(48px,7vw,96px) 0}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:clamp(24px,5vw,72px);align-items:center}
.story-intro h2{font-size:clamp(30px,3.4vw,46px);line-height:1.14;max-width:420px;margin:12px 0 28px}
.story-card{position:relative;background:#fff;border:1px solid #dce5e6;border-radius:18px;padding:clamp(26px,4vw,52px);box-shadow:0 16px 44px #1735410d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.story-card:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#147a86,#b8d6ce)}
.story-mark{display:block;font:72px/0.8 Georgia,serif;color:#147a86;margin:5px 0 10px}
.story-card blockquote{font-size:clamp(22px,2.5vw,32px);line-height:1.5;margin:0 0 28px;letter-spacing:-.02em;color:#16323c}
.story-card figcaption{border-top:1px solid #e6ebed;padding-top:20px;font-size:14px;color:#52646b}.story-card figcaption p{margin:0}.story-card strong{color:#193a44}
@media(hover:hover){.story-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px #17354116}}
@media(max-width:700px){.story-layout{grid-template-columns:1fr}.story-intro h2{max-width:none}.story-card{margin:0}}
@media(prefers-reduced-motion:reduce){.story-card{transition:none}.story-card:hover{transform:none}}