/* Exactly two inline SVG wedding rings. JavaScript sets their positions from scroll. */
#story-rings { position: fixed; z-index: 100; inset: 0; width: 100vw; height: 100vh; pointer-events: none; opacity: 1; transform: none; }
#story-rings .wedding-ring { position: absolute; top: 0; left: 0; display: block; width: 86px; height: 86px; overflow: visible; filter: drop-shadow(3px 6px 5px rgba(31, 15, 3, .45)); will-change: transform; }
@media (max-width: 720px) { #story-rings .wedding-ring { width: 68px; height: 68px; } }