/* COSTAHAUS: client experience */
.client-review-feature{padding:90px var(--margin,6vw);background:#ece7dc;color:#30392f}
.client-review-heading{max-width:1100px;margin:0 auto 42px}
.client-review-heading h2{font:400 clamp(34px,4vw,58px)/1.13 Georgia,serif;letter-spacing:-.035em;margin:18px 0 0}
.client-review-heading h2 em{font-weight:400}
.client-review-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:auto;background:#faf7f0}
.client-review-photo{position:relative;display:block;min-height:610px;overflow:hidden}
.client-review-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 80%}
.client-review-photo>span{position:absolute;left:24px;bottom:24px;background:#faf7f0;color:#30392f;padding:14px 20px;font:400 14px/1.4 Arial,sans-serif}
.client-review-copy{padding:56px 48px;display:flex;flex-direction:column;justify-content:center}
.client-review-kicker{font:500 10px/1.7 Arial,sans-serif;letter-spacing:.17em;margin:0 0 32px;color:#65705f}
.client-review-quote blockquote{margin:22px 0 25px;padding:0;border:0}
.client-review-quote blockquote p{font:400 clamp(25px,2.5vw,37px)/1.3 Georgia,serif;letter-spacing:-.025em;margin:0}
.client-review-quote .eyebrow{font:500 11px/1.6 Arial,sans-serif;letter-spacing:.1em;color:#65705f}
.client-review-author{font:500 14px/1.6 Arial,sans-serif;margin:0 0 7px}
.client-review-note{font:400 11px/1.6 Arial,sans-serif;color:#697065;max-width:330px;margin:0 0 16px}
.client-review-source{font:400 12px/1.8 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;color:inherit}
.client-review-project{margin-top:34px;padding-top:20px;border-top:1px solid #c8cdbd;color:inherit;font:400 15px/1.5 Arial,sans-serif;text-decoration:none}
.project-case>.client-review-quote{max-width:800px;margin:42px auto;padding:34px 40px;background:#ece7dc;color:#30392f}
.client-project-photo img{max-height:850px!important;width:100%!important;height:auto!important;object-fit:contain!important;background:#ece7dc}
@media(max-width:760px){.client-review-feature{padding:56px 22px}.client-review-heading{margin-bottom:28px}.client-review-layout{grid-template-columns:1fr}.client-review-photo{min-height:470px}.client-review-copy{padding:32px 26px 38px}.client-review-kicker{margin-bottom:24px}.client-review-quote blockquote p{font-size:29px}.project-case>.client-review-quote{padding:28px 24px;margin:28px auto}}
@media(max-width:390px){.client-review-photo{min-height:420px}.client-review-quote blockquote p{font-size:26px}}

.project-stage-heading{display:flex;align-items:flex-start;gap:24px;margin:52px 0 28px;padding-top:30px;border-top:1px solid #c9cabb}
.project-stage-heading>span{border:1px solid #b7bcae;width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font:400 13px Arial,sans-serif;color:#4a5845}
.project-stage-heading h3{font:400 clamp(32px,4vw,48px)/1.15 Georgia,serif;color:#30392f;margin:0 0 12px}
.project-stage-heading p{font:400 15px/1.65 Arial,sans-serif;max-width:680px;margin:0;color:#636b5f}
.project-design-main img{width:100%;height:auto;display:block}
.project-design-pair img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#ece7dc}
.project-review-intro{max-width:800px;margin:48px auto 24px;font:400 clamp(22px,2.5vw,30px)/1.45 Georgia,serif;color:#30392f}
.client-review-full{margin-top:24px;border-top:1px solid #c8cdbd;padding-top:18px}
.client-review-full summary{cursor:pointer;font:500 14px/1.6 Arial,sans-serif;color:#30392f}
.client-review-full>p{font:400 15px/1.75 Arial,sans-serif;margin:18px 0;color:#414c3d}
@media(max-width:760px){.project-stage-heading{gap:16px;margin-top:36px}.project-stage-heading h3{font-size:32px}.project-review-intro{margin-top:30px}}