/* Client proof for the Vibe preview. Existing brand assets retain their colours. */
.sv-clients{padding:38px 4% 43px;border-bottom:1px solid var(--sv-ink);scroll-margin-top:100px}
.sv-clients-heading{display:flex;align-items:center;gap:28px;position:relative;margin:0 0 28px}
.sv-clients-heading .sv-kicker{font-size:10px;margin-bottom:9px}
.sv-clients-heading h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.045em;line-height:1.1}
.sv-clients-heading>a{font:11px/1.7 'Space Mono',monospace;margin-left:auto;margin-right:70px;min-height:44px;display:flex;gap:15px;align-items:center;text-underline-offset:4px}
.sv-clients-spark{position:absolute;right:0;font:60px/1 Georgia,serif;transform:rotate(-13deg);color:var(--sv-ink)}
.sv-client-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.sv-client-list li{min-width:0;--client-tilt:-3deg}
.sv-client-list li:nth-child(even){--client-tilt:3deg}
.sv-client{display:block;text-decoration:none;color:var(--sv-ink);border-radius:20px;outline-offset:6px}
.sv-client-logo{height:100px;display:flex;align-items:center;justify-content:center;padding:21px;border:1px solid var(--sv-ink);border-radius:50%;background:#eee0f6;transform:rotate(var(--client-tilt));transition:transform .45s var(--sv-ease),box-shadow .45s var(--sv-ease)}
.sv-client-list li:nth-child(3n) .sv-client-logo{background:#deedcd}
.sv-client-list li:nth-child(4n) .sv-client-logo{background:#f7ddcc}
.sv-client-list li:nth-child(5n) .sv-client-logo{background:#e1edf0}
.sv-client-logo img{display:block;max-width:100%;width:145px;max-height:54px;height:auto;object-fit:contain}
.sv-client-ev .sv-client-logo{background:#222}
.sv-client-ev .sv-client-logo img{width:117px;height:auto;max-height:40px;max-width:100%}
.sv-client-scope{font:10px/1.65 'Space Mono',monospace;display:flex;gap:5px;justify-content:center;align-items:center;text-align:center;margin-top:15px}
.sv-client-scope>span{font:16px Hanken,sans-serif}
.sv-client:hover .sv-client-logo,.sv-client:focus-visible .sv-client-logo{transform:translateY(-5px) rotate(0deg);box-shadow:0 5px 0 var(--sv-ink)}
.sv-client:hover .sv-client-scope,.sv-client:focus-visible .sv-client-scope{text-decoration:underline;text-underline-offset:4px}
.sv-client:focus-visible,.sv-proof-project:focus-visible{outline:3px solid var(--sv-ink)}
.sv-stories{padding-bottom:60px}
.sv-story{min-height:355px;padding-top:26px}
.sv-story-logo{width:135px;height:45px;object-fit:contain;margin:0 auto 26px;display:block}
.sv-story-brand{display:flex;align-items:center;justify-content:center;min-height:45px;margin:0 auto 26px;font:22px/1.2 Hanken,sans-serif;font-weight:700;letter-spacing:-.03em}
.sv-story blockquote{font-size:clamp(28px,3.4vw,49px);max-width:1030px;margin-left:auto;margin-right:auto}
.sv-story>a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
.sv-proof-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:36px auto 0;max-width:1296px;text-align:left}
.sv-proof-project{display:flex;flex-direction:column;border:1px solid var(--sv-ink);border-radius:22px;padding:28px 32px;background:#e1edcf;color:var(--sv-ink);text-decoration:none;transition:background .3s var(--sv-ease)}
.sv-proof-project:nth-child(2){background:#eedff3}
.sv-proof-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.sv-proof-top .sv-kicker{font-size:9px;line-height:1.7}
.sv-proof-top img{width:112px;height:42px;object-fit:contain;flex:none}
.sv-proof-project h3{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.045em;margin:0 0 18px}
.sv-proof-project>p{font:17px/1.6 Hanken,sans-serif;max-width:470px;margin-bottom:23px}
.sv-proof-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;font:11px/1.7 'Space Mono',monospace;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.sv-proof-link>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--sv-ink);border-radius:50%;font:24px Hanken,sans-serif;background:var(--sv-peach);flex:none;transition:transform .3s var(--sv-ease)}
.sv-proof-project:hover .sv-proof-link>span{transform:rotate(45deg)}
.sv-proof-project:hover{background:#d4e6c5}.sv-proof-project:nth-child(2):hover{background:#e2c9ed}
@media(min-width:701px) and (max-width:1100px){.sv-client-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 24px}.sv-client-logo{max-width:270px;margin:auto}.sv-client-scope{font-size:10px}}
@media(max-width:700px){
 .sv-clients{padding:31px 20px 35px}.sv-clients-heading{display:block;margin-bottom:24px;padding-right:35px}.sv-clients-heading h2{font-size:32px}.sv-clients-heading>a{margin:8px 0 0;font-size:10px;gap:10px}.sv-clients-spark{top:19px;right:-3px;font-size:45px}
 .sv-client-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 17px}.sv-client-logo{height:87px;padding:18px}.sv-client-logo img{max-height:45px}.sv-client-scope{font-size:9px;gap:4px;margin-top:11px;min-height:30px;line-height:1.6}
 .sv-stories{padding-bottom:42px}.sv-story{min-height:390px;padding:27px 0 15px}.sv-story-logo,.sv-story-brand{margin-bottom:25px}.sv-story blockquote{font-size:28px;line-height:1.2}.sv-story-spark{font-size:80px;top:42px;right:-35px}
 .sv-proof-projects{grid-template-columns:1fr;gap:18px;margin-top:28px}.sv-proof-project{padding:24px;border-radius:20px}.sv-proof-top{gap:12px;margin-bottom:23px}.sv-proof-top img{width:100px;height:35px}.sv-proof-project h3{font-size:32px}.sv-proof-project>p{font-size:16px}.sv-proof-link{font-size:10px}
}
@media(max-width:370px){.sv-clients{padding-inline:15px}.sv-client-list{gap:22px 14px}.sv-client-logo{height:79px;padding:15px}.sv-proof-project{padding:21px}.sv-proof-top img{width:85px}.sv-story blockquote{font-size:26px}}
@media(prefers-reduced-motion:reduce){.sv-client-logo,.sv-proof-link>span{transform:none!important;transition:none!important}.sv-client:hover .sv-client-logo,.sv-client:focus-visible .sv-client-logo{box-shadow:none}}
.motion-paused .sv-client-logo,.motion-paused .sv-proof-link>span{transform:none!important;transition:none!important}
