:root{--onyx-black: #0a0a0a;--onyx-black-deep: #000000;--onyx-gold: #D4AF37;--onyx-gold-dim: #8a7126;--onyx-gold-rgb: 212, 175, 55;--onyx-ivory: #f4f2ec;--onyx-grey: #8a8a86;--onyx-grey-dim: #4a4a47;--onyx-border: rgba(212, 175, 55, .18);--onyx-border-strong: rgba(212, 175, 55, .4);--onyx-font-display: "Cinzel", serif;--onyx-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--onyx-type-hero: clamp(2.75rem, 8vw, 7rem);--onyx-type-h1: clamp(2.25rem, 5vw, 4.5rem);--onyx-type-h2: clamp(1.75rem, 3.5vw, 3rem);--onyx-type-h3: clamp(1.25rem, 2.2vw, 1.75rem);--onyx-type-body-lg: clamp(1.05rem, 1.4vw, 1.25rem);--onyx-type-body: 1rem;--onyx-type-caption: .8rem;--onyx-tracking-display: .02em;--onyx-tracking-eyebrow: .18em;--onyx-space-xs: .5rem;--onyx-space-sm: 1rem;--onyx-space-md: 2rem;--onyx-space-lg: 4rem;--onyx-space-xl: 7rem;--onyx-space-2xl: 11rem;--ease-onyx: cubic-bezier(.22, 1, .36, 1);--ease-onyx-in: cubic-bezier(.64, 0, .78, 0);--dur-instant: .15s;--dur-fast: .3s;--dur-base: .6s;--dur-slow: 1s;--dur-hero: 1.4s;--stagger-char: 18ms;--stagger-word: 45ms;--stagger-card: 90ms;--onyx-container-max: 1400px;--onyx-gutter: clamp(1.25rem, 4vw, 3rem);--onyx-radius: 2px}.onyx-scope{background:var(--onyx-black);color:var(--onyx-ivory);font-family:var(--onyx-font-body);-webkit-font-smoothing:antialiased}.onyx-scope *{box-sizing:border-box}.onyx-scope h1,.onyx-scope h2,.onyx-scope h3,.onyx-scope .onyx-font-display{font-family:var(--onyx-font-display);letter-spacing:var(--onyx-tracking-display);font-weight:600;line-height:1.05;margin:0}.onyx-container{max-width:var(--onyx-container-max);margin:0 auto;padding-left:var(--onyx-gutter);padding-right:var(--onyx-gutter)}.onyx-eyebrow{font-family:var(--onyx-font-body);font-size:var(--onyx-type-caption);letter-spacing:var(--onyx-tracking-eyebrow);text-transform:uppercase;color:var(--onyx-gold);display:inline-block}.onyx-foil{color:var(--onyx-gold);font-style:italic;position:relative}.onyx-js-ready [data-onyx-reveal]{opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease-onyx),transform var(--dur-slow) var(--ease-onyx);will-change:opacity,transform}.onyx-js-ready [data-onyx-reveal].is-revealed{opacity:1;transform:translateY(0)}.onyx-js-ready [data-onyx-reveal=fade]{transform:none}.onyx-js-ready [data-onyx-reveal=scale]{transform:scale(.96)}.onyx-js-ready [data-onyx-reveal=scale].is-revealed{transform:scale(1)}.onyx-js-ready [data-onyx-reveal=left]{transform:translate(-32px)}.onyx-js-ready [data-onyx-reveal=left].is-revealed{transform:translate(0)}.onyx-js-ready [data-onyx-reveal=right]{transform:translate(32px)}.onyx-js-ready [data-onyx-reveal=right].is-revealed{transform:translate(0)}.onyx-js-ready [data-onyx-reveal][data-onyx-scrub]{transition-duration:var(--dur-base)}.onyx-js-ready .onyx-split-line,.onyx-js-ready .onyx-split-word,.onyx-js-ready .onyx-split-char{display:inline-block;opacity:0;transform:translateY(.6em);transition:opacity var(--dur-base) var(--ease-onyx),transform var(--dur-base) var(--ease-onyx)}.onyx-split-line.is-revealed,.onyx-split-word.is-revealed,.onyx-split-char.is-revealed{opacity:1;transform:translateY(0)}.onyx-magnetic{transition:transform var(--dur-fast) var(--ease-onyx);will-change:transform}.onyx-magnetic.is-tracking{transition:none}.onyx-particle-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;z-index:0}.onyx-header{position:sticky;top:0;z-index:100;transition:padding var(--dur-fast) var(--ease-onyx),background-color var(--dur-fast) var(--ease-onyx),border-color var(--dur-fast) var(--ease-onyx);border-bottom:1px solid transparent}.onyx-header{background-color:#0a0a0aeb}.onyx-header.is-scrolled{background-color:#0a0a0afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--onyx-border)}@media(prefers-reduced-motion:reduce){[data-onyx-reveal],.onyx-split-line,.onyx-split-word,.onyx-split-char{opacity:1!important;transform:none!important;transition:none!important}.onyx-magnetic{transition:none!important}.onyx-particle-field{display:none!important}.onyx-header{transition:none!important}*{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/onyx-motion.css.map */
