/* =================================================================== JARN 5.0 — CINEMA layer (site-wide) One motion language for the whole site: a page-transition veil, a quiet custom cursor, magnetic primary buttons, a signature image-hover treatment, smarter nav behaviour, and heavier editorial typography on the inner-page heroes. Prefixed .j5-* — supersedes, never fights, the j4/jm layers. Tiering: html.j5-lite (in-app browsers / low-power) and prefers-reduced-motion strip everything heavy. =================================================================== */ :root{ --j5-ease: cubic-bezier(.22,1,.36,1); --j5-ease-io: cubic-bezier(.65,.05,.2,1); --j5-gold: var(--gold, #C4A165); --j5-terra: var(--terra, #B56B4E); --j5-ink: #0F0C08; --j5-paper: #FAF7F2; } ::selection{ background: rgba(196,161,101,.32); color: inherit; } a:focus-visible, button:focus-visible{ outline: 1px solid var(--j5-gold); outline-offset: 3px; } /* =================================================================== 1. PAGE-TRANSITION VEIL — seamless single cover Exit: ink panel sweeps up carrying the JARN logo. Entry: a critical inline