#portfolio-page.testimonials-page{background:#f3f1eb;color:#28372d}
#portfolio-page .client-reviews{padding:30px 0 54px}
#portfolio-page .client-reviews-wrap{width:calc(100% - 112px);max-width:1320px;margin:auto}
#portfolio-page .client-reviews-intro{text-align:center;max-width:680px;margin:0 auto 24px}
#portfolio-page .client-reviews-intro .eyebrow{margin:10px 0 16px;font-size:10px}
#portfolio-page .client-reviews-intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,4.5vw,68px);line-height:1.08;letter-spacing:-.035em;margin:0 0 15px}
#portfolio-page .client-reviews-intro>p:not(.eyebrow){font:14px/1.7 var(--sans);color:#646b60}
#portfolio-page .client-reviews-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}
#portfolio-page .client-reviews-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;min-height:42px;border:1px solid #ccd1c6;border-radius:30px;background:transparent;color:#3f5143;font:12px/1.4 var(--sans);cursor:pointer}
#portfolio-page .client-reviews-actions button[hidden]{display:none}
#portfolio-page .client-reviews-actions button:hover,#portfolio-page .client-reviews-actions button[aria-pressed=true]{background:#e4e8de}
#portfolio-page .client-reviews-wall{display:grid;grid-template-columns:repeat(var(--review-columns,3),minmax(0,1fr));gap:24px;height:650px;overflow:hidden;mask-image:linear-gradient(transparent,#000 6% 91%,transparent)}
#portfolio-page .client-review-lane{min-width:0;overflow:hidden}
#portfolio-page .client-review-flow{display:flex;flex-direction:column;animation:client-reviews-up var(--review-duration,110s) linear infinite;will-change:transform}
#portfolio-page .client-review-group{display:flex;flex-direction:column;gap:24px;padding-bottom:24px;flex-shrink:0}
#portfolio-page .client-review{margin:0;padding:28px;border:1px solid #dfddd4;border-radius:24px;background:#fffcf7;box-shadow:0 10px 24px #1c2a1d09}
#portfolio-page .client-review-stars{color:#647752;font-size:13px;letter-spacing:3px;margin-bottom:18px}
#portfolio-page .client-review blockquote{font:15px/1.8 var(--sans);white-space:pre-line;color:#3e463d;margin:0}
#portfolio-page .client-review figcaption{display:flex;align-items:center;gap:12px;margin-top:24px}
#portfolio-page .client-review-avatar{display:grid;place-items:center;background:#e8e9e1;color:#526149;width:40px;height:40px;border-radius:50%;font:12px var(--sans);flex-shrink:0}
#portfolio-page .client-review cite{display:block;font:600 13px/1.5 var(--sans);color:#263d2d}
#portfolio-page .client-review time{display:block;font:11px/1.5 var(--sans);color:#7a8074;margin-top:3px}
#portfolio-page .client-reviews.paused .client-review-flow,#portfolio-page .client-reviews-wall:focus-within .client-review-flow{animation-play-state:paused}
#portfolio-page .client-reviews.reading .client-reviews-wall{height:auto;overflow:visible;mask-image:none;align-items:start}
@keyframes client-reviews-up{to{transform:translateY(-50%)}}
@media(prefers-reduced-motion:no-preference){.client-reviews-intro{animation:client-review-enter .9s cubic-bezier(.2,.7,.2,1) both}}
@keyframes client-review-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#portfolio-page .client-review-flow{animation:none}}
@media(max-width:1250px){#portfolio-page .client-reviews-wrap{width:calc(100% - 76px)}}
@media(max-width:700px){#portfolio-page .client-reviews-wrap{width:calc(100% - 40px)}#portfolio-page .client-reviews-intro{margin-top:24px}#portfolio-page .client-review{padding:24px}#portfolio-page .client-reviews-wall{height:620px}}

@media(hover:hover){#portfolio-page .client-review-lane:hover .client-review-flow{animation-play-state:paused}}