/* Samarth motion layer: scroll progress, hero canvas/video, word-fill, marquee */
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:#ff4b0a;transform-origin:left;transform:scaleX(0);z-index:200;pointer-events:none}
.hero{position:relative;overflow:hidden}
.hero-inner{position:relative;z-index:2}
.hero-canvas,.hero-video{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-video{object-fit:cover;opacity:0;transition:opacity 1s ease;mix-blend-mode:screen}
.hero-video.on{opacity:.35}
.hero .pattern{will-change:transform}
.wf{color:#c9c9c9;transition:color .25s ease}
.wf.lit{color:#111}
.marquee{background:#ff4b0a;color:#fff;overflow:hidden;padding:22px 0;white-space:nowrap}
.marquee+.marquee{background:#111;border-top:0}
.marquee-row{display:inline-flex;gap:48px;will-change:transform;font:800 clamp(26px,5vw,54px)/1 "Manrope","DM Sans",Arial,sans-serif;letter-spacing:-.01em}
.marquee-row span:nth-child(even){opacity:.55}
@media (prefers-reduced-motion:reduce){.scroll-progress{display:none}.wf{color:#111}.hero-video{display:none}.marquee-row{transform:none!important}}
