.sv-steps{gap:30px;display:grid}.sv-step{align-content:start;gap:10px;padding-left:62px;display:grid;position:relative}.sv-step:not(:last-child):before,.sv-step:not(:last-child):after{content:"";background:var(--color-line);width:1.5px;position:absolute;top:44px;bottom:-30px;left:21.25px}.sv-step:not(:last-child):after{background:var(--color-ink);transform-origin:top;transition:transform .9s var(--ease-brand);transform:scaleY(0)}.sv-step.is-past:after{transform:none}.sv-step-btn{z-index:1;width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;display:block;position:absolute;top:0;left:0}.sv-step-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.sv-dot{background:var(--color-paper);width:44px;height:44px;color:var(--color-mute);box-shadow:0 0 0 1.5px var(--color-line);transition:background-color .35s var(--ease-brand), color .35s var(--ease-brand), box-shadow .35s var(--ease-brand), transform .5s var(--ease-brand);border-radius:999px;place-items:center;display:grid}.sv-step.is-past .sv-dot{color:var(--color-ink);box-shadow:0 0 0 1.5px var(--color-ink)}.sv-step.is-now .sv-dot{background:var(--color-lemon);color:#0a0c00;transform:scale(1.08);box-shadow:0 0 0 1.5px #0a0c00,0 10px 22px -10px #0a0c0073}.sv-step-btn:active .sv-dot{transition-duration:.1s;transform:scale(.94)}@media (hover:hover){.sv-step-btn:hover .sv-dot{color:var(--color-ink);box-shadow:0 0 0 1.5px var(--color-ink)}}.sv-step h3{padding-top:11px}.sv-tag{background:color-mix(in srgb, var(--color-ink) 6%, transparent);color:var(--color-ink);font:600 11px/1.2 var(--font-display);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;place-self:start;margin-top:4px;padding:5px 10px}@media (min-width:901px){.sv-steps{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:32px}.sv-step{text-align:center;justify-items:center;padding:66px 0 0}.sv-step-btn{left:calc(50% - 22px)}.sv-step .sv-tag{justify-self:center}.sv-step:not(:last-child):before,.sv-step:not(:last-child):after{width:auto;height:1.5px;inset:21.25px -50% auto calc(50% + 32px)}.sv-step:not(:last-child):after{transform-origin:0;transform:scaleX(0)}.sv-step.is-past:after{transform:none}.sv-step h3{padding-top:0}}.sv-way{border-radius:var(--radius-card);background:var(--color-stone);color:var(--color-ink);transition:transform .45s var(--ease-brand), box-shadow .45s var(--ease-brand);align-content:start;gap:14px;padding:28px;display:grid}.sv-way p{color:var(--color-mute)}.sv-way.is-main{background:var(--color-ink);color:var(--color-paper)}.sv-way.is-main .sv-k,.sv-way.is-main p{color:#ffffff9e}.sv-way.is-main .sv-tag{background:var(--color-lemon);color:#0a0c00}@media (hover:hover){.sv-way:hover{transform:translateY(-4px)}}:root[data-theme=dark] .sv-way:not(.is-main){background:var(--color-stone)}.sv-facts{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-paper);display:grid;overflow:hidden}@media (min-width:521px){.sv-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.sv-facts>div{border-top:1px solid var(--color-line);text-align:center;flex-direction:column-reverse;justify-content:center;align-items:center;gap:8px;padding:18px 16px 16px;display:flex}.sv-facts>div:first-child{border-top:0}@media (min-width:521px){.sv-facts>div{border-top:0;border-left:1px solid var(--color-line)}.sv-facts>div:first-child{border-left:0}}.sv-facts dt{color:var(--color-mute);font:600 11px/1.25 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.sv-facts dd{color:var(--color-ink);font:400 clamp(16px, 1.5vw, 19px)/1.3 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0}.sv-k{color:var(--color-mute);font:600 11px/1.3 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.sv-needs{overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;flex:1;gap:8px;min-width:0;padding:4px 2px 6px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#0000,#000 36px calc(100% - 36px),#0000)}.sv-needs::-webkit-scrollbar{display:none}.sv-needs-q{color:var(--color-mute);font:600 11px/1.3 var(--font-display);letter-spacing:.02em;text-align:center;text-transform:uppercase;margin:0 0 12px}.sv-need{scroll-snap-align:center;white-space:nowrap;border:1.5px solid var(--color-line);background:var(--color-paper);min-height:40px;color:var(--color-ink);font:500 14px/1.2 var(--font-sans);cursor:pointer;transition:background-color .3s var(--ease-brand), border-color .3s var(--ease-brand), transform .12s ease-out;border-radius:999px;flex:none;padding:9px 16px}@media (hover:hover){.sv-need:hover{border-color:var(--color-ink)}}.sv-need:active{transform:scale(.96)}.sv-need[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.sv-need:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.sv-work{border-radius:var(--radius-card);background:var(--color-stone);height:100%;color:var(--color-ink);transition:transform .45s var(--ease-brand), box-shadow .45s var(--ease-brand);flex-direction:column;display:flex;overflow:hidden}.sv-work-art{aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.sv-work-body{flex-direction:column;flex:1;gap:10px;padding:22px 24px 24px;display:flex}@media (hover:hover){.sv-work:hover{transform:translateY(-4px)}.sv-work:hover svg{transform:translate(2px,-2px)}}.sv-work:active{transition-duration:.1s;transform:scale(.985)}:root[data-theme=dark] .sv-work{background:var(--color-stone)}.chitty-mark{vertical-align:-3px;flex:none;width:16px;height:16px;display:inline-block}.chitty-mark .px{width:100%;height:100%}.chitty-mark .px-eyes{animation:none}.bg-stone :is(.sv-way:not(.is-main),.sv-work){background:var(--color-paper)}.sv-pager{display:none}@media (max-width:520px){.sv-pager{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.sv-track{background:var(--color-line);border-radius:999px;width:120px;height:3px;position:relative;overflow:hidden}.sv-track i{border-radius:inherit;background:var(--color-ink);height:100%;transition:left .25s var(--ease-brand);position:absolute;top:0}.sv-arrow-m{border:1.5px solid var(--color-line);background:var(--color-paper);width:40px;height:40px;color:var(--color-ink);cursor:pointer;border-radius:999px;place-items:center;transition:opacity .2s,transform .15s;display:grid}.sv-arrow-m:disabled{opacity:.35;cursor:default}.sv-arrow-m:not(:disabled):active{transform:scale(.92)}.sv-arrow-m:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}}@media (prefers-reduced-motion:reduce){.sv-track i{transition:none}}.pill-row-in{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (max-width:520px){.pill-row-in{margin:0 calc(-1 * max(20px, env(safe-area-inset-left)));padding:4px max(20px, env(safe-area-inset-left)) 6px;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;scroll-padding-inline:20px;overflow-x:auto}.pill-row-in::-webkit-scrollbar{display:none}.pill-row-in>*{scroll-snap-align:start;flex:none}}