/* A touch-first stack of three real testimonial cards. */
.client-stories{overflow:clip;background:#f0f4f6;color:#132b3a;padding:80px 6vw 90px}
.client-stories-heading{max-width:1390px;margin:0 auto 45px;display:flex;justify-content:space-between;align-items:end;gap:50px}
.client-stories-heading .eyebrow{color:#267496}
.client-stories-heading h2{color:#0a2232;font-size:clamp(37px,4.5vw,66px);line-height:1.5;margin:10px 0 0}
.client-stories-heading h2 em{color:#147eae}
.client-stories-heading>p{font-size:16px;line-height:1.9;max-width:440px;color:#5b707c;padding-bottom:10px}
.client-showcase{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:start;max-width:1390px;margin:auto}
.client-book{position:sticky;top:108px;min-width:0;scroll-margin-top:110px}
.client-book-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px;align-items:center;color:#527080;font-size:12px;letter-spacing:.025em}
#client-position{font-family:var(--latin);letter-spacing:.14em;font-size:12px;color:#50768b}
.client-card{touch-action:pan-y pinch-zoom;cursor:grab;user-select:none;-webkit-user-select:none}
.client-deck.is-dragging .client-card{cursor:grabbing}
.client-book[aria-busy=true] .client-card{cursor:wait}
.client-card img{-webkit-user-drag:none}
.client-card{position:relative;min-width:0;min-height:570px;transform-origin:50% 80%;will-change:transform;border-radius:21px;overflow:hidden;box-shadow:0 22px 45px #102c411a;display:flex;flex-direction:column;padding:30px 34px}

.client-card{background:radial-gradient(ellipse at 0 0,#204c67,#102e43 65%);border:1px solid #40687e;color:#eff6fa}
.client-back-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;min-height:47px}
.client-back-top>span{font-size:11px;letter-spacing:.025em;color:#9ec7dc}
.client-back-top img{width:125px;height:46px;padding:7px 10px;object-fit:contain;background:white;border-radius:6px}
.client-card h3{font-size:25px;line-height:1.5;margin:0 0 18px;color:#fff}
.client-story-body{flex:1;display:flex;align-items:start}
.client-story-body blockquote{font-family:var(--body-font);font-size:20px;line-height:1.85;margin:0;color:#e5eff5;font-weight:700}
.client-story-body blockquote:before{content:'“';font-family:Georgia,serif;color:#50b9e5;font-size:70px;line-height:0;display:inline-block;position:relative;top:22px;margin-inline-end:9px}
.client-story-attribution{border-top:1px solid #8fbed82e;padding-top:18px;margin-top:22px}
[data-field="role"]{display:block;color:#98b9cd;font-size:12px;line-height:1.6}
[data-field="person"]{display:block;font-size:17px;margin-top:6px;line-height:1.6}
[data-field="note"]{font-size:11px;color:#8aacbf;margin-top:7px;line-height:1.7}

.client-book-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px}
.client-book-controls button{border:1px solid #b8cedb;background:transparent;color:#1e5270;height:45px;border-radius:50%;transition:background .2s}
.client-book-controls button:hover{background:#d9eaf3}
.client-book-controls button[aria-disabled=true]{cursor:wait;opacity:.55}
.client-direction{width:45px;font:24px Arial}
.client-directory-heading{margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:23px}
.client-directory-heading>span{font-size:12px;color:#527080}
.client-directory-heading>p{font-size:12px;color:#8095a2}
.client-logo-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.client-logo-choice{position:relative;border:1px solid #dce4e9;border-radius:12px;background:white;min-width:0;padding:17px 14px;height:90px;display:flex;align-items:center;justify-content:center;transition:transform .25s,border-color .25s,box-shadow .25s}
.client-logo-choice img{width:100%;height:100%;object-fit:contain;display:block}
.client-logo-choice:hover{transform:translateY(-3px);border-color:#55a9cc;box-shadow:0 8px 20px #1b3c4f0c}
.client-logo-choice[aria-pressed=true]{border:2px solid #1889b8;box-shadow:0 0 0 3px #2095c40c}
.client-logo-choice[aria-pressed=true]:after{content:'';position:absolute;bottom:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#1889b8}
.client-directory-note{font-size:12px;line-height:1.8;color:#728a99;margin-top:18px}
.client-stories [hidden]{display:none!important}

html[lang=en] .client-stories-heading h2{font-size:clamp(57px,6.6vw,95px);line-height:1.05}
html[lang=en] .client-card h3{font-size:34px;line-height:1.05}

html[lang=en] .client-story-body blockquote{font-size:19px;line-height:1.6}
html[lang=en] [data-field="person"]{font-size:17px}

@media(min-width:1200px) and (max-width:1549px){.client-logo-wall{grid-template-columns:repeat(5,minmax(0,1fr))}.client-logo-choice{height:103px}}
@media(min-width:1550px){.client-logo-wall{grid-template-columns:repeat(5,minmax(0,1fr))}.client-logo-choice{height:108px}.client-card{min-height:580px}.client-card{padding:35px 40px}.client-story-body blockquote{font-size:22px}}
@media(max-width:1100px){.client-stories{padding:60px 5vw 70px}.client-showcase{gap:4%}.client-card{padding:25px}.client-card{min-height:600px}.client-logo-choice{height:87px;padding:14px 11px}.client-logo-wall{gap:10px}.client-directory-heading{display:block}.client-directory-heading>p{margin-top:5px}.client-stories-heading>p{max-width:360px;font-size:15px}.client-story-body blockquote{font-size:19px}.client-card h3{font-size:23px}html[lang=en] .client-story-body blockquote{font-size:18px}}
@media(max-width:900px){.client-stories-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:32px}.client-stories-heading>p{max-width:600px;padding-bottom:0}.client-showcase{grid-template-columns:1fr;gap:42px;max-width:640px}.client-book{position:static;scroll-margin-top:98px}.client-card{min-height:540px}.client-card{padding:30px}.client-logo-wall{grid-template-columns:repeat(5,minmax(0,1fr))}.client-logo-choice{height:93px}.client-directory-heading{display:flex}.client-directory-heading>p{margin:0}.client-story-body blockquote{font-size:22px}.client-card h3{font-size:27px}html[lang=en] .client-story-body blockquote{font-size:20px}}
@media(max-width:580px){.client-stories{padding:45px 6vw 55px}.client-stories-heading h2{font-size:35px}.client-stories-heading>p{font-size:14px}.client-stories-heading .eyebrow{font-size:12px}.client-book-heading{font-size:11px}.client-card{min-height:580px}.client-card{padding:23px}.client-back-top{gap:10px}.client-back-top>span{font-size:10px;max-width:110px}.client-back-top img{width:108px;height:42px}.client-card h3{font-size:23px}.client-story-body blockquote{font-size:19px;line-height:1.8}.client-story-attribution{padding-top:15px;margin-top:17px}[data-field="person"]{font-size:16px}[data-field="role"]{font-size:11px}[data-field="note"]{font-size:10px}.client-logo-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.client-logo-choice{height:85px;padding:16px 12px}.client-directory-heading{display:block}.client-directory-heading>p{margin-top:5px}.client-showcase{gap:30px}html[lang=en] .client-stories-heading h2{font-size:58px}html[lang=en] .client-card h3{font-size:32px}html[lang=en] .client-story-body blockquote{font-size:18px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.client-card{will-change:auto}.client-logo-choice{transition:none}.client-logo-choice:hover{transform:none}}

.client-card[data-status="proposed-testimonial"] [data-field="kind"]{color:#f4d9a3}

.client-deck{position:relative;isolation:isolate;touch-action:pan-y pinch-zoom;margin:0 8px 28px 0}
.client-card[data-slot="0"]{position:relative;z-index:3;transform:translate3d(0,0,0) rotate(0deg) scale(1)}
.client-card[data-slot="1"],.client-card[data-slot="2"]{position:absolute;inset:0;height:100%;min-height:0;pointer-events:none;box-shadow:0 9px 22px #102c412b;border-color:#648495}
.client-card[data-slot="1"]{z-index:2;transform:translate3d(0,12px,0) rotate(-2deg) scale(.956)}
.client-card[data-slot="2"]{z-index:1;transform:translate3d(0,24px,0) rotate(3deg) scale(.912)}
.client-swipe-hint{font-size:12px;color:#527080;display:flex;gap:10px;align-items:center}
.client-swipe-hint>span{font:22px Arial}
.client-logo-choice[data-client-id="shawarma-royale"],
.client-card[data-client-id="shawarma-royale"] [data-field="logo"]{background:#18202b}
.client-card[data-client-id="shawarma-royale"] [data-field="logo"]{height:58px}