/*
 * Vantix component CSS — the `.vx-*` rules from the live theme's
 * `assets/css/theme.css`, sliced out VERBATIM (from `.vx-notch` up to its
 * @font-face block) and not retyped.
 *
 * What was deliberately left behind from that file: the Tailwind preflight
 * that precedes these rules (it resets every element and would fight Kadence),
 * the @font-face declarations (this theme loads Saira and Barlow from Google —
 * see functions.php), and the `body,html` block (style.css owns that).
 *
 * These rules are the contract that `assets/js/vantix-theme.js` — also a
 * verbatim copy — drives: .vx-flip, .vx-card, .vx-filter, .vx-input, .vx-btn
 * and the reveal transitions. Editing this file means diverging from live;
 * re-slice it from the parent instead.
 */
.vx-notch{clip-path:polygon(0 0,calc(100% - var(--n, 16px)) 0,100% var(--n,16px),100% 100%,var(--n,16px) 100%,0 calc(100% - var(--n, 16px)))}.vx-metal{background:var(--metal,linear-gradient(180deg,#fff,#9aa0a6 65%,#6e7378));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.vx-btn>.vx-btn-skin{display:inline-block;transform:skewX(-12deg);transition:transform .12s,box-shadow .12s,border-color .12s}.vx-btn>.vx-btn-skin>.vx-btn-label{display:inline-block;transform:skewX(12deg);font-family:var(--font-saira),sans-serif;font-weight:800;text-transform:uppercase;color:#fff}.vx-btn--primary>.vx-btn-skin{background:linear-gradient(180deg,#ff1a1a,#c8102e);border:1px solid rgba(255,110,110,.6);box-shadow:0 0 28px rgba(225,6,0,.6),inset 0 1px 0 rgba(255,255,255,.3)}.vx-btn--primary:hover>.vx-btn-skin{box-shadow:0 0 46px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.3)}.vx-btn--nav>.vx-btn-skin{border-color:rgba(255,90,90,.6);box-shadow:0 0 18px rgba(225,6,0,.55),inset 0 1px 0 rgba(255,255,255,.25)}.vx-btn--nav:hover>.vx-btn-skin{box-shadow:0 0 30px rgba(225,6,0,.85),inset 0 1px 0 rgba(255,255,255,.25)}.vx-btn--ghost>.vx-btn-skin{background:rgba(20,22,24,.6);border:1px solid #3a3e43;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.vx-btn--ghost:hover>.vx-btn-skin{border-color:#c0c4c8}.vx-btn--ghost>.vx-btn-skin>.vx-btn-label{color:#c0c4c8}.vx-card{transition:border-color .18s,transform .18s}.vx-card:hover{border-color:#e10600!important;transform:translateY(-4px)}.vx-card--lift5:hover{transform:translateY(-5px)}.vx-link-silver{transition:color .15s}.vx-link-silver:hover{color:#fff!important}.vx-social{transition:all .15s}.vx-social:hover{border-color:#e10600!important;color:#fff!important}.vx-row-hover{transition:background .15s}.vx-row-hover:hover{background:linear-gradient(110deg,#15181b,#0c0d0f)!important}.vx-ghost-rect:hover{border-color:#e10600!important;color:#fff!important}.vx-input{background:#0a0b0c;border:1px solid #2a2d31;color:#fff;font-family:var(--font-barlow),sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.vx-input::-moz-placeholder{color:#5a5f64}.vx-input::placeholder{color:#5a5f64}.vx-input:focus{border-color:#e10600;box-shadow:0 0 14px rgba(225,6,0,.35)}select.vx-input option{background:#101215;color:#fff}@keyframes vx-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes vx-float{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(-180px);opacity:0}}@keyframes vx-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes vx-scan{0%{transform:translateY(-100%)}to{transform:translateY(900%)}}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);will-change:opacity,transform}[data-reveal=left]{transform:translateX(-40px)}[data-reveal=right]{transform:translateX(40px)}[data-reveal=scale]{transform:scale(.9)}[data-reveal=none]{transform:none}[data-reveal].vx-in{opacity:1;transform:none;will-change:auto}@supports (animation-timeline:view()){.vx-drift{animation:vx-drift linear both;animation-timeline:view();animation-range:entry 0 exit 100%}@keyframes vx-drift{0%{translate:0 60px}to{translate:0 -60px}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.vx-drift{animation:none}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.vx-burger,.vx-drawer{display:none}@media (max-width:720px){.vx-navlink{display:none!important}.vx-burger{display:flex}.vx-drawer{display:block}}
