/* Occasions: slow marquee; pauses on hover/focus and stops under reduced motion. */
.k-marquee{position:relative;overflow:hidden;padding-block:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.k-marquee:focus-visible{outline:2px solid var(--k-gold);outline-offset:-2px}
.k-marquee__track{display:flex;gap:16px;width:max-content;animation:k-marq 48s linear infinite}
.k-marquee:hover .k-marquee__track,.k-marquee:focus-within .k-marquee__track,.k-marquee.is-paused .k-marquee__track{animation-play-state:paused}
@keyframes k-marq{to{transform:translateX(50%)}}
html:not([dir=rtl]) .k-marquee__track{animation-name:k-marq-ltr}
@keyframes k-marq-ltr{to{transform:translateX(-50%)}}
.k-occ{display:flex;align-items:center;gap:18px;min-width:340px;max-width:400px;padding:22px 26px;border-radius:24px;background:transparent;border:1px solid var(--k-line)}
.k-occ .k-icbox{width:58px;height:58px}
.k-occ b{display:block;font-family:var(--k-head);font-weight:700;font-size:1.25rem;line-height:1.35}
.k-occ small{display:block;color:var(--k-muted);font-size:.9rem;line-height:1.7;margin-top:2px}
@media (prefers-reduced-motion:reduce){.k-marquee{-webkit-mask-image:none;mask-image:none}.k-marquee__track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;padding-inline:var(--k-gut)}.k-occ[aria-hidden]{display:none}}
@media (max-width:767px){.k-occ{min-width:270px;padding:16px 18px}.k-marquee__track{animation-duration:36s}}