@layer components{.client-mark{display:block;flex:none;width:calc(var(--mark-w) * var(--mark-scale, 1) * 1px);height:calc(var(--mark-h) * var(--mark-scale, 1) * 1px);background-color:currentColor;-webkit-mask:var(--mark) center /contain no-repeat;mask:var(--mark) center /contain no-repeat}.quote-stack{grid-template-columns:minmax(0,1fr)}.quote-beat{grid-area:1/1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.quote-beat[data-state=hidden]{opacity:0;pointer-events:none}.quote-beat[data-state=out]{pointer-events:none}.quote-words{max-width:30ch;font-family:var(--font-display);font-weight:700;font-size:clamp(1.625rem,3.5vw,3.5rem);line-height:1.12;letter-spacing:-.032em;text-wrap:pretty}.quote-open{display:inline-block;box-sizing:border-box;width:.62em;margin-left:-.62em;padding-right:.1em;text-align:right;color:var(--accent-ink)}.quote-beat .client-mark{--mark-scale:0.82;color:var(--fg)}.quote-rule{background:var(--line-2)}.quote-after{transition:opacity .6s var(--ease-out),transform .7s var(--ease-out),background-size .52s var(--ease-out)}.quote-beat:not([data-done]) .quote-after{opacity:0;transform:translate3d(0,.75rem,0);pointer-events:none}.quote-dot{background:var(--line-2);transition:background-color var(--dur-ui) var(--ease-out)}.quote-dot[data-on]{background:var(--accent)}.quote-beat[data-state=out] :is(.quote-text,.quote-name,.quote-rule,.quote-after){opacity:0;transform:translate3d(0,-.5rem,0);transition:opacity .28s var(--ease-out),transform .4s var(--ease-out)}.quote-beat[data-state=out] .quote-logo-art{animation:cs-shut .34s cubic-bezier(.45,0,.75,.2) forwards}.quote-beat[data-state=in] .quote-logo-art{animation:cs-open .62s cubic-bezier(.3,.85,.35,1) .4s backwards}.quote-beat[data-state=in] :is(.quote-text,.quote-name,.quote-rule){animation:quote-arrive .64s var(--ease-out) .36s backwards}.quote-logo .cs-lash{left:-4%;right:-4%}@media (max-width:767px){.quote-beat .client-mark{--mark-scale:0.66}.quote-words{line-height:1.16}}@media (prefers-reduced-motion:reduce){.quote-stack{display:flex;flex-direction:column;gap:clamp(4rem,9vw,7rem)}.quote-beat,.quote-beat[data-state]{opacity:1;pointer-events:auto}.quote-beat :is(.quote-text,.quote-name,.quote-rule,.quote-after,.quote-logo-art){opacity:1;transform:none;animation:none;pointer-events:auto}.quote-beat .fill-word{color:var(--fg)}.quote-beat .fill-word.is-accent{color:var(--accent-ink)}}.case-quote-words{max-width:30ch;font-family:var(--font-display);font-weight:600;font-size:clamp(1.75rem,3.4vw,3.25rem);line-height:1.13;letter-spacing:-.032em;text-wrap:pretty}.case-quote-open{display:inline-block;box-sizing:border-box;width:.62em;margin-left:-.62em;padding-right:.1em;text-align:right;color:var(--quote-mark,var(--accent-ink))}@media (max-width:639px){.case-quote-open,.quote-open{width:auto;margin-left:0;padding-right:.08em}}.case-quote .client-mark{--mark-scale:0.55}.brief-quote .client-mark{--mark-scale:0.5}}@keyframes quote-arrive{0%{opacity:0;transform:translate3d(0,.75rem,0)}to{opacity:1;transform:none}}