.cinematic-scroll{position:relative;isolation:isolate;background:#08080a}.cinematic-visual{position:sticky;top:0;height:100vh;margin-bottom:-100vh;overflow:hidden;z-index:0;pointer-events:none}.cinematic-scroll>.hero,.cinematic-scroll>.evolution{position:relative;z-index:1}.cinematic-visual canvas{display:block;width:100%;height:100%;opacity:.38;filter:saturate(.82) contrast(1.05)}.cinematic-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.96) 0%,rgba(8,8,10,.72) 42%,rgba(8,8,10,.28) 76%,rgba(8,8,10,.72) 100%),linear-gradient(180deg,rgba(8,8,10,.18),#08080a 98%)}.cinematic-progress{position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#00ff51,#63a8ff);box-shadow:0 0 18px rgba(0,255,81,.48)}.cinematic-scroll>.hero{min-height:100vh;background:transparent}.cinematic-scroll>.evolution{min-height:140vh;background:linear-gradient(180deg,transparent 0%,rgba(8,8,10,.7) 28%,#08080a 100%)}.cinematic-scroll .hero-aura,.cinematic-scroll .product-aura{opacity:.28}.cinematic-scroll .hero-photo{box-shadow:0 32px 100px rgba(0,0,0,.48)}@media(max-width:640px){.cinematic-visual canvas{opacity:.31}.cinematic-vignette{background:linear-gradient(180deg,rgba(8,8,10,.38),rgba(8,8,10,.75) 68%,#08080a)}.cinematic-scroll>.evolution{min-height:90vh}.cinematic-scroll .journey{margin-top:20px}}@media(prefers-reduced-motion:reduce){.cinematic-scroll{display:block}.cinematic-visual{position:absolute;inset:0;height:100vh;margin:0}.cinematic-visual canvas{opacity:.18}.cinematic-progress{display:none}.cinematic-scroll>.hero,.cinematic-scroll>.evolution{min-height:auto}}

/* The cinematic timeline is conveyed by content; a persistent progress rail would cross later sections. */
.cinematic-progress{display:none!important}