.sv .card>a{color:inherit;display:flex;flex-direction:column;gap:14px;height:100%;text-decoration:none}.sv .card .n{color:var(--text-2);font-size:14px}.sv-card{min-height:620px}.sv-card>a{min-height:100%}.sv-art{align-items:flex-end;display:flex;flex:1;justify-content:center;min-height:260px;padding:28px 0 20px}.sv-art svg{height:auto;max-width:300px;opacity:.55;overflow:visible;transition:opacity .5s;width:100%}.sv-card.play .sv-art svg{opacity:1}.sv-art .e{fill:none;stroke:#6a6a6a;stroke-width:1;vector-effect:non-scaling-stroke}.sv-art .b{fill:#4a4a4a}.sv-art .b2{fill:#242424}.sv-art .w{fill:#ededed}.sv-go{color:var(--text-2);font-size:15px;margin-top:auto;transition:color .3s}.sv .card:hover .sv-go{color:var(--fg)}.sv-card.play .sv-art .e{animation:svDraw 1.2s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(var(--i, 0)*15ms);stroke-dasharray:1}.sv-card.play .sv-art .b,.sv-card.play .sv-art .b2,.sv-card.play .sv-art .w{animation:svIn .5s both,svWave 2.6s ease-in-out infinite;animation-delay:calc(.5s + var(--i, 0)*15ms),calc(1.3s + var(--x, 0)*1.2s)}.sv-card.play .sv-art .w{animation-name:svIn,svWaveW}@keyframes svDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes svIn{0%{opacity:0}to{opacity:1}}@keyframes svWave{35%{fill:#c8c8c8}}@keyframes svWaveW{35%{fill:#fff;opacity:.55}}.sv-sub{align-items:baseline;color:var(--text-2);display:flex;font-size:15px;gap:10px;margin:0 0 20px}.sv-sub b{color:var(--fg);font-weight:500}.dv{margin-top:72px}.dv-lead{color:var(--text-2);font-size:20px;letter-spacing:-.01em;margin:-8px 0 24px}.dv-card h3{font-size:clamp(20px,1.6vw,24px);margin-top:32px}@media(max-width:1100px){.sv-card{min-height:560px}}@media(max-width:700px){.sv-card{min-height:0}.sv-art{min-height:220px}.dv{margin-top:48px}.dv-lead{font-size:17px}}@media(prefers-reduced-motion:reduce){.sv-card.play .sv-art svg *{animation:none!important}}
