/* Compact proof-led homepage: six real client stories, details on demand. */
.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.story-card{--story-accent:#515151;--story-wash:#ececec;border:1px solid #dfdfdf;border-radius:16px;overflow:hidden;background:#fff;min-width:0;display:flex;flex-direction:column;scroll-margin-top:110px;transition:box-shadow .35s,border-color .35s}
.story-card:hover,.story-card:focus-within{border-color:#aaaaaa;box-shadow:0 15px 38px #2626260c}
.story-yal{--story-accent:#ad4823;--story-wash:#f2e8df}
.story-datis{--story-accent:#414141;--story-wash:#ededed}
.story-shayan{--story-accent:#8f542a;--story-wash:#eee9e0}
.story-sweety{--story-accent:#a72e60;--story-wash:#f8e8ee}
.story-niayesh{--story-accent:#555555;--story-wash:#ececec}
.story-visual{height:210px;background:var(--story-wash);overflow:hidden;position:relative;isolation:isolate}
.story-visual>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.story-card:hover .story-visual>img{transform:scale(1.035)}
.story-index{position:absolute;left:15px;top:14px;font:12px/1.4 Arial,sans-serif;letter-spacing:1.1px;background:#fffffff0;color:#363636;border-radius:4px;padding:7px 9px}
.story-image-caption{position:absolute;bottom:12px;right:15px;color:#4f4f4f;background:#f4f4f4eb;padding:5px 10px;border-radius:5px;font-size:12px}
.story-easy .story-visual>img{object-fit:contain;padding:14px;mix-blend-mode:multiply}
.story-yal .story-visual>img{object-fit:contain;height:150px;padding:48px 22px 16px;mix-blend-mode:multiply}
.story-system{display:flex;justify-content:center;align-items:center;gap:7px;padding:10px 12px}
.story-system>span{padding:6px 9px;border:1px solid #b49a822e;background:#ffffffa3;border-radius:5px;font-size:13px;white-space:nowrap}
.story-datis .story-visual>img{object-fit:contain;mix-blend-mode:multiply;padding:13px}
.story-shayan .story-visual>img{object-position:center 55%}
.story-sweety .story-visual>img{object-position:center 52%}
.story-niayesh .story-visual>img{object-position:center 38%}
.story-content{padding:23px 25px 0;display:flex;flex-direction:column;flex:1}
.story-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.story-meta>strong{font-size:19px;font-weight:900;line-height:1.6}
.story-meta>span{font-size:13px;line-height:1.8;color:#767676}
.story-pain{font-size:14px;line-height:1.9;color:var(--story-accent);margin:0 0 9px}
.story-content h3{font-size:23px;line-height:1.8;font-weight:900;letter-spacing:-.5px;margin:0 0 9px}
.story-summary{font-size:16px;line-height:1.95;color:#777777;margin:0 0 23px}
.story-signal{margin-top:auto;display:flex;flex-direction:column;gap:3px;border-top:1px solid #e8e8e8;padding-top:17px;padding-bottom:16px}
.story-signal>strong{font-size:21px;font-weight:900;line-height:1.8;color:var(--story-accent)}
.story-signal>span{font-size:13px;line-height:1.8;color:#7a7a7a}
.story-open{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;background:var(--story-wash);color:var(--story-accent);font-size:14px;font-weight:700;border:0;border-top:1px solid #e3e3e36b;padding:15px 25px;min-height:56px;margin:0 -25px;transition:filter .25s}
.story-open:hover{filter:brightness(.96)}
.story-open>span{font:24px/1 Arial,sans-serif;transition:transform .3s}
.story-open:hover>span{transform:translate(-3px,-3px)}
.story-open:focus-visible{outline:3px solid var(--story-accent);outline-offset:-5px}
.stories-footnote{font-size:12px;color:#7c7c7c;line-height:1.9;margin-top:21px;text-align:left}
.stories-swipe{display:none}
.client-voices{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;padding-top:74px;padding-bottom:74px}
.voices-intro h2{font-size:38px;line-height:1.8;letter-spacing:-1px}
.voices-intro .eyebrow{font-size:14px}
.voices-pending{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px 25px;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;padding:24px 0 22px}
.voices-quote-mark{font:110px/.8 Georgia,serif;color:#d6993e;align-self:start;padding-top:10px}
.voices-pending strong{font-size:21px;font-weight:700;line-height:1.9}
.voices-pending p{font-size:16px;color:#7d7d7d;line-height:2;margin-top:8px}
.voices-format{font-size:13px;color:#8d8d8d;grid-column:2}
.client-voices.has-testimonials{grid-template-columns:1fr;gap:28px}
.client-voices.has-testimonials h2 br{display:none}
.testimonial{margin:0;display:flex;flex-direction:column}
.testimonial blockquote{font-size:18px;line-height:2.1;flex:1}
.testimonial figcaption{display:flex;align-items:center;gap:14px;margin-top:22px}
.testimonial figcaption>img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.testimonial figcaption>span{display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.8}
.testimonial figcaption strong{font-size:16px;color:var(--ink)}
.testimonial video{border-radius:8px;max-height:360px;background:#1a1a1a}
.project-outcome{border-right:3px solid #bf7b21;padding:12px 18px;background:#eeeeee;margin-block:20px}
.project-outcome>span{font-weight:700;color:#8c581e;font-size:14px}
.project-outcome>p{font-size:16px;line-height:2;margin-top:8px}
.dialog-copy p.project-note{font-size:13px;line-height:1.95}
.new-experience .partnership{padding-top:35px}
.new-experience .partnership h2{font-size:35px}
.new-experience .partner-intro>p{font-size:16px;max-width:420px}
@media(max-width:1120px){.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.story-visual{height:205px}.story-content h3{font-size:23px}.client-voices{gap:35px}.voices-intro h2{font-size:33px}}
@media(max-width:700px){.stories-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#b3b3b3 transparent;overscroll-behavior-x:contain}.story-card{flex:0 0 89%;scroll-snap-align:start;scroll-margin-top:90px}.story-visual{height:185px}.story-content{padding:20px 20px 0}.story-content h3{font-size:22px;line-height:1.85}.story-meta{margin-bottom:13px;gap:8px}.story-meta>strong{font-size:19px}.story-meta>span{font-size:12px}.story-pain{font-size:14px}.story-summary{font-size:16px;line-height:1.9;margin-bottom:18px}.story-signal>strong{font-size:20px}.story-open{margin:0 -20px;padding:14px 20px}.stories-footnote{text-align:right;margin-top:10px}.stories-swipe{display:block;font-size:13px;color:#767676;margin-top:14px}.story-system{gap:5px;padding-top:2px}.story-system>span{font-size:12px;padding:6px 8px}.client-voices{grid-template-columns:1fr;gap:25px;padding-block:52px}.voices-intro h2{font-size:30px;line-height:1.7}.voices-pending{gap:12px 20px;padding-block:20px}.voices-pending strong{font-size:20px}.voices-quote-mark{font-size:90px}.voices-pending p{font-size:15px}.voices-format{font-size:12px}.new-experience .partnership{padding-top:10px}.new-experience .partnership h2{font-size:29px}.testimonial{padding:25px}.project-outcome{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.story-visual>img,.story-open>span,.story-card{transition:none}.stories-grid{scroll-behavior:auto}}
