/** * FCPE — Paris Signature handwriting reveal. * * The brand gesture. On every page, the slogan `The Gold Standard, Every Time.` * and signature beats animate as if drawn by hand the first time they enter view. * * Progressive enhancement contract: * - No JS / blocked JS → text renders normally, no animation * - JS adds .fcpe-handwrite-on to once IntersectionObserver is wired * - Each target element starts clipped (invisible), then animates to fully drawn * - prefers-reduced-motion: reduce → instant fill, no transition * * Bound selectors: see fcpe-handwrite.js (single source of truth for the list). * * Performance budget: < 2 KB minified. */ body.fcpe-handwrite-on .fcpe-tagline, body.fcpe-handwrite-on .fcpe-letter__signature, body.fcpe-handwrite-on .fcpe-mega__tagline, body.fcpe-handwrite-on .fcpe-panel__slogan, body.fcpe-handwrite-on .fcpe-panel__seal, body.fcpe-handwrite-on .fcpe-ss-footer__tagline, body.fcpe-handwrite-on .fcpe-letter__portrait-name, body.fcpe-handwrite-on [data-fcpe-handwrite] { clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); will-change: clip-path; transition: clip-path 1800ms cubic-bezier(.65, .05, .36, 1), -webkit-clip-path 1800ms cubic-bezier(.65, .05, .36, 1); } body.fcpe-handwrite-on .fcpe-tagline.fcpe-handwrote, body.fcpe-handwrite-on .fcpe-letter__signature.fcpe-handwrote, body.fcpe-handwrite-on .fcpe-mega__tagline.fcpe-handwrote, body.fcpe-handwrite-on .fcpe-panel__slogan.fcpe-handwrote, body.fcpe-handwrite-on .fcpe-panel__seal.fcpe-handwrote, body.fcpe-handwrite-on .fcpe-ss-footer__tagline.fcpe-handwrote, body.fcpe-handwrite-on .fcpe-letter__portrait-name.fcpe-handwrote, body.fcpe-handwrite-on [data-fcpe-handwrite].fcpe-handwrote { clip-path: inset(0 0% 0 0); -webkit-clip-path: inset(0 0% 0 0); } /* Reduced motion — respect the user's preference fully. */ @media (prefers-reduced-motion: reduce) { body.fcpe-handwrite-on .fcpe-tagline, body.fcpe-handwrite-on .fcpe-letter__signature, body.fcpe-handwrite-on .fcpe-mega__tagline, body.fcpe-handwrite-on .fcpe-panel__slogan, body.fcpe-handwrite-on .fcpe-panel__seal, body.fcpe-handwrite-on .fcpe-ss-footer__tagline, body.fcpe-handwrite-on .fcpe-letter__portrait-name, body.fcpe-handwrite-on [data-fcpe-handwrite] { transition: none; clip-path: inset(0 0% 0 0); -webkit-clip-path: inset(0 0% 0 0); } } /* Opt-out modifier — append to any element to skip the reveal. */ body.fcpe-handwrite-on .fcpe-no-handwrite, body.fcpe-handwrite-on .fcpe-no-handwrite.fcpe-handwrote { clip-path: none !important; -webkit-clip-path: none !important; transition: none !important; }