/* kngx-trucks.css v4 "Night Highway": styles for the canvas hero. Replaces the old kngx-trucks.css (7.0 KB). */
.lp .kx-scene{background:#03170d;contain:strict}
.kx-cv{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity .6s ease}
.kx-cv.kx-on{opacity:1}
/* premium-rtl.css mirrors .hero-bg with scaleX(-1); the canvas mirrors itself (vanishing point) and keeps lettering upright, so undo that here */
html[dir=rtl] .lp .kx-scene{transform:none}
@media (max-width:699px){.kx-cv{height:640px;bottom:auto}.lp .kx-scene{background:linear-gradient(180deg,#03170d 0%,#021a10 40%,#09090b 70%)}}
/* pause/play (WCAG 2.2.2) - unchanged from v3 */
.lp .hero .kx-pp{position:absolute;z-index:3;bottom:28px;inset-inline-end:28px;display:grid;place-items:center;width:44px;height:44px;padding:0;
  border-radius:50%;border:1px solid var(--line-2,rgba(255,255,255,.14));background:rgba(9,9,11,.45);color:var(--tx-2,#c9c4ba);cursor:pointer;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s,border-color .2s}
.lp .hero .kx-pp:hover{color:var(--gold,#d9b26a);border-color:var(--gold-line,rgba(217,178,106,.32))}
.lp .hero .kx-pp:focus-visible{outline:3px solid var(--gold-hi,#f2dca6);outline-offset:3px}
.lp .hero .kx-pp svg{width:18px;height:18px}
@media (max-width:699px){.lp .hero .kx-pp{bottom:auto;top:214px;inset-inline-end:14px;width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.lp .hero .kx-pp{display:none}.kx-cv{transition:none}}