.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:2.2rem;display:grid}.demo-cell-lead{grid-column:1/-1}.demo-card{color:inherit;cursor:pointer;transition:transform calc(var(--t) * 2) var(--ease), box-shadow calc(var(--t) * 2) var(--ease), border-color calc(var(--t) * 2) var(--ease);flex-direction:row;align-items:flex-start;gap:1.1rem;padding:1.25rem 1.3rem 1.2rem 1.1rem;text-decoration:none;display:flex;position:relative}.demo-card:hover,.demo-card:focus-visible{border-color:var(--her-mauve);box-shadow:0 34px 80px var(--veil), 0 0 40px var(--rose-glow), 0 0 70px color-mix(in srgb, var(--her-violet) 22%, transparent), inset 0 1px 0 var(--her-lilac);transform:translateY(-2px)}.demo-card:active{transition:transform var(--t-ack) linear;transform:translateY(-2px)scale(.985)}.demo-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-card-lead{align-items:center;gap:1.6rem;padding:1.6rem 1.9rem}.demo-order{font-variant:small-caps;letter-spacing:.14em;color:var(--faint-deco);opacity:.8;font-size:.78rem;position:absolute;top:1rem;right:1.15rem}.demo-card-lead .demo-order{top:1.3rem;right:1.5rem}.demo-lens{border:1px solid var(--her-wing);background:var(--bg-outer);width:5.5rem;height:5.5rem;box-shadow:0 0 24px var(--rose-glow), 0 0 40px color-mix(in srgb, var(--her-violet) 20%, transparent), inset 0 0 18px var(--bg-inner);border-radius:50%;flex:none;display:block;position:relative;overflow:hidden}.demo-card-lead .demo-lens{width:8.5rem;height:8.5rem}.demo-ring{width:100%;height:100%;position:absolute;inset:0}.demo-lens-canvas{position:absolute;inset:0}.demo-lens-canvas canvas{width:100%;height:100%;display:block}.ring-line{fill:none;stroke:var(--her-lilac);stroke-width:1.1px;opacity:.38}.ring-mid{opacity:.28}.ring-faint{opacity:.16}.ring-glint{fill:var(--her-lilac);opacity:.7;animation:demo-glint-breathe var(--pulse) ease-in-out infinite}.ring-halo{fill:var(--ember);opacity:.22;filter:blur(1.5px)}.ring-rim{fill:none;stroke:var(--ember);stroke-width:2px;opacity:.55}.ring-iris{fill:none;stroke:var(--her-violet);stroke-width:1.3px;opacity:.5}.demo-ring-classic .ring-glint{display:none}.demo-ring-dot .ring-glint{fill:var(--ember)}.demo-ring-eyes .ring-glint{fill:var(--her-orchid)}@keyframes demo-glint-breathe{0%,to{opacity:.5}50%{opacity:.85}}.demo-lens-word-art{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:.55rem;position:absolute;inset:0}.demo-body{flex-direction:column;flex:auto;min-width:0;display:flex}.demo-name{color:var(--fg-outer);text-shadow:var(--letterpress);margin:.1rem 0 .2rem;font-size:1.2rem}.demo-card-lead .demo-name{font-size:1.4rem}.demo-descriptor{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:.55rem;font-size:.74rem}.demo-desc{color:var(--muted);margin:0;font-size:.93rem;line-height:1.55}.demo-why{color:var(--her-lilac);margin:.5rem 0 0;font-size:.95rem;font-style:italic;line-height:1.5}.demo-try{letter-spacing:.04em;color:var(--ember);opacity:0;transition:opacity var(--t) var(--ease), transform var(--t) var(--ease);margin-top:.7rem;font-size:.8rem;display:block;transform:translateY(4px)}.demo-card:hover .demo-try,.demo-card:focus-visible .demo-try{opacity:1;transform:none}@media (max-width:899px){.demo-grid{grid-template-columns:1fr}}@media (max-width:640px){.demo-card{gap:.9rem;padding:1.1rem 1.1rem 1.1rem .95rem}.demo-card-lead{gap:1.1rem;padding:1.3rem 1.2rem}.demo-card-lead .demo-lens{width:5.4rem;height:5.4rem}.demo-card-lead .demo-name{font-size:1.15rem}.demo-lens{width:4.4rem;height:4.4rem}}@media (prefers-reduced-motion:reduce){.demo-card,.demo-card:active{transition:none}.ring-glint{opacity:.7;animation:none}}