.client-feedback{--cf-bg: #124c2a;--cf-panel: #fff7d2;--cf-surface: #ffffff;--cf-ink: #fff7d2;--cf-olive: #124c2a;--cf-blue: #92bdd4;--cf-badge-text: #12222b;--cf-text: #2a2a26;--cf-text-muted: #767268;--cf-overlay: #121610;--cf-border: color-mix(in srgb, var(--cf-ink) 14%, transparent);--cf-shadow-soft: color-mix(in srgb, var(--cf-olive) 8%, transparent);--cf-shadow-strong: color-mix(in srgb, var(--cf-olive) 20%, transparent);--cf-overlay-alpha: color-mix(in srgb, var(--cf-overlay) 82%, transparent);background:var(--cf-bg);padding:72px 0 80px;font-family:Futura PT,Futura,Century Gothic,sans-serif}.client-feedback__inner{max-width:1280px;margin:0 auto;padding:0 24px}.client-feedback__eyebrow{font-family:Oswald,Futura PT,sans-serif;font-weight:500;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--cf-olive);margin:0 0 18px}.client-feedback__heading{font-weight:700;font-size:clamp(2rem,4.2vw,35px);line-height:1.08;color:var(--cf-ink);max-width:640px;margin:0 0 48px}.client-feedback__viewport{overflow:hidden}.client-feedback__track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.client-feedback__page{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.client-feedback__nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:32px}.client-feedback__nav[hidden]{display:none}.client-feedback__nav-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--cf-border);background:var(--cf-surface);color:var(--cf-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.client-feedback__nav-arrow svg{width:16px;height:16px}.client-feedback__nav-arrow:hover,.client-feedback__nav-arrow:focus-visible{background:var(--cf-olive);border-color:var(--cf-olive);color:var(--cf-surface)}.client-feedback__dots{display:flex;align-items:center;gap:8px}.client-feedback__dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--cf-border);cursor:pointer;padding:0;transition:background-color .2s ease,transform .2s ease}.client-feedback__dot.is-active{background:var(--cf-ink);transform:scale(1.2)}.client-feedback__card{position:relative;text-align:left;cursor:pointer;background:var(--cf-panel);border:1px solid var(--cf-border);border-radius:14px;padding:26px 26px 22px;font-family:inherit;box-shadow:0 1px 2px var(--cf-shadow-soft);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.client-feedback__card:hover,.client-feedback__card:focus-visible{border-color:var(--cf-olive);transform:translateY(-3px);box-shadow:0 16px 32px var(--cf-shadow-strong)}.client-feedback__quote-mark{position:absolute;top:22px;right:24px;width:40px;height:30px;color:var(--cf-border)}.client-feedback__quote{font-size:15px;line-height:1.55;color:var(--cf-text);margin:0 0 22px;max-width:90%}.client-feedback__more{color:var(--cf-olive);font-weight:600;white-space:nowrap}.client-feedback__divider{height:1px;background:var(--cf-border);margin-bottom:18px}.client-feedback__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.client-feedback__who-text{display:flex;flex-direction:column;min-width:0}.client-feedback__name{font-weight:700;font-size:14px;color:var(--cf-text)}.client-feedback__role{font-size:12px;color:var(--cf-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-feedback__badge{flex-shrink:0;font-family:Oswald,Futura PT,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cf-text-muted);border:1px solid var(--cf-border);padding:6px 10px;border-radius:3px}.client-feedback__badge.is-featured{background:var(--cf-blue);border-color:var(--cf-blue);color:var(--cf-badge-text)}.feedback-modal[hidden]{display:none}.feedback-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:24px}.feedback-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cf-overlay-alpha)}.feedback-modal__stage{position:relative;z-index:1;display:flex;align-items:center;gap:16px;width:100%;max-width:1040px}.feedback-modal__viewport{position:relative;flex:1 1 auto;min-width:0;max-height:85vh;overflow:hidden;padding:44px 4px}.feedback-modal__close{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border:1px solid var(--cf-border);border-radius:4px;background:var(--cf-surface);color:var(--cf-text);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--cf-shadow-strong);transition:border-color .2s ease,color .2s ease}.feedback-modal__close:hover,.feedback-modal__close:focus-visible{border-color:var(--cf-olive);color:var(--cf-olive)}.feedback-modal__track{display:flex;align-items:stretch;gap:20px;width:max-content;transition:transform .5s cubic-bezier(.4,0,.2,1)}.feedback-modal__slide{flex:0 0 auto;width:min(560px,78vw);max-height:calc(85vh - 88px);overflow-y:auto;box-sizing:border-box;background:var(--cf-surface);border:1px solid var(--cf-border);border-radius:14px;padding:48px 44px;box-shadow:0 30px 70px color-mix(in srgb,var(--cf-overlay) 22%,transparent);opacity:.4;transform:scale(.92);transition:opacity .4s ease,transform .4s ease}.feedback-modal__slide.is-active{opacity:1;transform:scale(1)}.feedback-modal__quote{font-family:Futura PT,Futura,Century Gothic,sans-serif;font-weight:700;font-style:italic;font-size:clamp(1.1rem,2.4vw,1.4rem);line-height:1.55;color:var(--cf-text);margin:0 0 26px}.feedback-modal__view-project{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:12px 20px;border:1.5px solid var(--cf-ink);border-radius:2px;background:#fffbd4;color:#124c2a;font-family:Oswald,Futura PT,sans-serif;font-weight:500;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background-color .25s ease,color .25s ease}.feedback-modal__view-project svg{width:14px;height:9px;transition:transform .25s ease}.feedback-modal__view-project:hover,.feedback-modal__view-project:focus-visible{background:#fffbd4;color:#124c2a}.feedback-modal__view-project:hover svg,.feedback-modal__view-project:focus-visible svg{transform:translate(3px)}.feedback-modal__arrow{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--cf-border);background:var(--cf-surface);color:var(--cf-text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px var(--cf-shadow-strong);transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}.feedback-modal__arrow svg{width:16px;height:16px}.feedback-modal__arrow:hover,.feedback-modal__arrow:focus-visible{background:var(--cf-olive);border-color:var(--cf-olive);color:var(--cf-surface);transform:scale(1.05)}@media(max-width:900px){.client-feedback{padding:56px 0 64px}.client-feedback__heading{margin-bottom:36px}.client-feedback__page{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.client-feedback__inner{padding:0 18px}.client-feedback__page{grid-template-columns:1fr;gap:16px}.client-feedback__card{padding:22px 20px 18px}.client-feedback__quote{font-size:14px;max-width:100%}.client-feedback__quote-mark{top:18px;right:18px;width:32px;height:24px}.client-feedback__nav-arrow{display:none}.client-feedback__nav{margin-top:24px}.feedback-modal{padding:14px}.feedback-modal__stage{gap:8px}.feedback-modal__viewport{padding:30px 2px}.feedback-modal__slide{width:min(560px,88vw);padding:40px 22px 32px;max-height:calc(92vh - 60px)}.feedback-modal__quote{margin-bottom:20px}.feedback-modal__arrow{display:none}.feedback-modal__view-project{width:100%;justify-content:center}}@media(max-width:400px){.client-feedback__heading{font-size:1.7rem}.client-feedback__card{padding:18px 16px 16px}.client-feedback__foot{align-items:flex-start}.feedback-modal__slide{width:92vw;padding:34px 16px 26px}.feedback-modal__close{top:6px;right:6px}}@media(prefers-reduced-motion:reduce){.client-feedback__card,.client-feedback__track,.client-feedback__nav-arrow,.client-feedback__dot,.feedback-modal__track,.feedback-modal__slide,.feedback-modal__arrow,.feedback-modal__view-project,.feedback-modal__view-project svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-client-feedback.css.map */