/* ring: commons * seed: inherit (door seed via [data-ss-seed]; fallback silk 560 cubic-bezier(0.16,1,0.3,1)) * still: ./still.md * reduced: opacity-only (final state immediately — reduced.css) * when-not: above-the-fold hero payload, receipts, tables, anything the reader came to read first * * C-REVEAL — enter-on-scroll. Progressive: without JS nothing hides. * JS sets data-c-reveal-armed on ; only then do unrevealed elements sit low. * 8px rise max — reveal is an arrival, not a launch. */ [data-c-reveal-armed] [data-c-reveal] { opacity: 0; transform: translateY(8px); transition: opacity var(--ss-duration, var(--ss-silk-duration, 560ms)) var(--ss-easing, var(--ss-silk-easing, cubic-bezier(0.16, 1, 0.3, 1))), transform var(--ss-duration, var(--ss-silk-duration, 560ms)) var(--ss-easing, var(--ss-silk-easing, cubic-bezier(0.16, 1, 0.3, 1))); } [data-c-reveal-armed] [data-c-reveal][data-revealed] { opacity: 1; transform: translateY(0); }