/* Reusable 01 — infinity, native SVG at every size. */
.ying-resonance{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:var(--resonance-height,480px);overflow:hidden;color:var(--text,#d9dfd3);background:transparent}
.ying-resonance[data-layout=compact]{max-width:620px;height:var(--resonance-height,220px);margin-inline:auto}
.ying-resonance .field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ying-resonance .composition{position:relative;display:block;width:100%;height:100%;overflow:visible;pointer-events:none;shape-rendering:geometricPrecision}
.ying-resonance .registration,.ying-resonance .index-marks{display:none}
.ying-resonance .number{stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.ying-resonance .number-detail{stroke:var(--taupe,#c7c1ae);stroke-width:.6}
.ying-resonance .bridge{stroke:var(--taupe,#c7c1ae);stroke-width:1.1}
.ying-resonance .infinity{stroke-width:1.65;stroke-linecap:round}
.ying-resonance .infinity-filaments{stroke-width:.65}
.ying-resonance .travelling-ink{stroke-width:2.35;stroke-linecap:round}
.ying-resonance .string-ribbon{stroke-width:.7}
.ying-resonance .score-streams{color:var(--taupe,#c7c1ae);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.ying-resonance .flow-note:nth-child(4n){color:var(--accent,#acbbac)}
.ying-resonance .orbit-engraving{stroke:var(--accent,#acbbac);stroke-width:.6}
.ying-resonance .shadow-mark{stroke:var(--accent,#acbbac);stroke-width:1.15}
.ying-resonance .string-instrument{color:var(--accent,#acbbac);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ying-resonance[data-layout=compact] :is(.number,.bridge,.infinity){vector-effect:non-scaling-stroke;stroke-width:.95}
.ying-resonance[data-layout=compact] .travelling-ink{vector-effect:non-scaling-stroke;stroke-width:1.25}
.ying-resonance[data-layout=compact] .score-streams path{vector-effect:non-scaling-stroke;stroke-width:.48}
.ying-resonance[data-layout=compact] .string-instrument path{vector-effect:non-scaling-stroke;stroke-width:.45}
.ying-resonance[data-layout=compact] :is(.infinity-filaments,.string-ribbon,.orbit-engraving){vector-effect:non-scaling-stroke;stroke-width:.35}
.ying-resonance--hero .string-instrument path{stroke-width:.7!important}.ying-resonance--hero .score-streams path{stroke-width:.52!important}
.hero__base>.ying-resonance--hero{position:absolute;left:50%;top:50%;translate:-50% -50%;width:360px;height:80px;max-width:55%;margin:0;pointer-events:none}
@media(max-width:680px){.hero__base>.ying-resonance--hero{left:auto;right:0;translate:0 -50%;width:225px;height:65px;max-width:64%}}
