.quote-strip{padding:42px 0 34px;background:#edf0f4;border-block:1px solid var(--line);overflow:hidden}
.quote-strip-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.quote-strip .section-eyebrow{margin:0 0 10px;font-size:.7rem;letter-spacing:.16em;color:var(--teal)}
.quote-strip h2{font-family:var(--head);font-size:clamp(1.35rem,2.5vw,1.8rem);line-height:1.3;color:var(--violet);max-width:28ch}
.quote-strip-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.quote-strip-controls[hidden]{display:none}
.quote-strip-controls button{min-height:44px;min-width:44px;padding:8px 13px;background:white;border:1px solid #a3adbe;border-radius:24px;color:var(--violet);font:600 .75rem var(--body);cursor:pointer}
.quote-strip-controls button:hover{background:var(--lilac)}
.quote-strip-controls button:focus-visible,.quote-strip-track:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.quote-strip-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(28px,calc((100vw - 1024px)/2));padding:2px max(28px,calc((100vw - 1024px)/2)) 20px;scrollbar-width:thin;scrollbar-color:#769298 transparent;overscroll-behavior-x:contain}
.quote-strip-card{flex:0 0 min(440px,85vw);display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;background:#fff;border:1px solid rgba(38,42,102,.1);border-radius:16px;padding:28px 30px;min-height:292px}
.quote-strip-card blockquote{font-family:var(--head);color:var(--violet);font-size:1rem;font-weight:500;line-height:1.75;margin:0}
.quote-strip-card figcaption{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:var(--teal);font-size:.68rem;font-weight:600;line-height:1.5}
.quote-strip-note{margin-top:14px;color:#566171;font-size:.7rem;line-height:1.7}
@media(max-width:600px){.quote-strip{padding:30px 0 26px}.quote-strip-header{align-items:start;flex-direction:column;gap:18px}.quote-strip-card{padding:24px;min-height:330px}.quote-strip-card blockquote{font-size:.94rem}.quote-strip-controls button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.quote-strip-track{scroll-behavior:auto}}

/* Keep the new strip close to the opening buttons without rearranging the hero. */
.meb-hero{padding-bottom:22px}.quote-strip{padding-top:24px;padding-bottom:24px}.quote-strip-header{margin-bottom:16px}.quote-strip h2{margin:0;font-size:clamp(1.25rem,2.2vw,1.65rem)}.quote-strip-note a{color:#262a66;text-underline-offset:3px}@media(max-width:600px){.quote-strip{padding-top:22px;padding-bottom:22px}.quote-strip-header{gap:12px}.quote-strip-card{flex-basis:85vw}.quote-strip-controls{gap:8px}}
@media(max-width:760px){header.bar .bar-inner>.btn-primary{display:none}}

/* Distinct client and professional-feedback sliders, each with its own controls. */
.quote-strip--clients .quote-strip-card{flex-basis:min(640px,85vw);min-height:240px}
footer .f-right{min-width:0;max-width:100%}
.quote-strip--footer{width:900px;max-width:calc(100vw - 56px);min-width:0;border-radius:16px;margin:4px 0 24px}
.quote-strip--footer .wrap{max-width:none;padding-inline:20px}
.quote-strip--footer .quote-strip-track{padding-inline:20px;scroll-padding-inline:20px}
.quote-strip--footer .quote-strip-card{flex-basis:min(400px,80vw)}
.quote-strip--footer h2{color:#262a66}
@media(max-width:600px){.quote-strip--footer{max-width:calc(100vw - 56px)}.quote-strip--footer .quote-strip-card{flex-basis:calc(100% - 40px);padding:20px}.quote-strip--clients .quote-strip-card{flex-basis:85vw}}

/* Compact previews keep long feedback from stretching every card. */
.quote-strip{padding-block:18px}
.quote-strip-header{gap:14px;margin-bottom:12px}
.quote-strip .section-eyebrow{margin-bottom:5px}
.quote-strip h2{font-size:clamp(1.1rem,2vw,1.4rem);max-width:none}
.quote-strip-track{align-items:flex-start;gap:14px;padding-bottom:10px}
.quote-strip-card,.quote-strip--clients .quote-strip-card{min-height:0;padding:18px 22px;border-radius:12px;justify-content:flex-start}
.quote-strip-card blockquote,.quote-preview{font-family:var(--head);color:var(--violet);font-size:.94rem;font-weight:500;line-height:1.6;margin:0}
.quote-strip-card figcaption{margin-top:12px;padding-top:10px}
.quote-strip-note{margin-top:8px;font-size:.65rem}
.quote-full summary{list-style:none;cursor:pointer}
.quote-full summary::-webkit-details-marker{display:none}
.quote-preview{display:block}
.quote-read-more,.quote-read-less{display:block;margin-top:8px;color:var(--teal);font:600 .72rem var(--body);text-decoration:underline;text-underline-offset:3px}
.quote-read-less,.quote-full[open] .quote-preview,.quote-full[open] .quote-read-more{display:none}
.quote-full[open] .quote-read-less{display:block;margin:0 0 8px}
.quote-full summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:600px){.quote-strip{padding-block:16px}.quote-strip-header{gap:8px}.quote-strip-card,.quote-strip--footer .quote-strip-card{padding:16px 18px}.quote-strip-controls button{padding:6px 10px}.quote-strip-card blockquote,.quote-preview{font-size:.9rem}}
