.hero-scroll-container{position:relative;height:600vh}.hero-video-wrapper{position:sticky;top:0;width:100vw;height:100vh;overflow:hidden;background:#000}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.hero-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:30;background:#000}.hero-loader-bar{width:200px;height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden}.hero-loader-fill{height:100%;background:linear-gradient(90deg,#ff3c14,#ff6b3d);border-radius:1px;transition:width .15s ease}.hero-loader-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:#fff6;font-weight:500;font-family:monospace}.logo-reveal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;opacity:0;will-change:transform,opacity}.logo-reveal img{width:clamp(280px,50vw,600px);height:auto;filter:drop-shadow(0 0 40px rgba(255,60,20,.4))}.hero-cta{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-top:12vh;pointer-events:none;z-index:11;opacity:0;will-change:transform,opacity}.hero-cta-link{pointer-events:auto;font-size:clamp(.75rem,1.2vw,.95rem);text-transform:uppercase;letter-spacing:.25em;font-weight:400;color:#ffffffd9;border:1px solid rgba(255,255,255,.35);border-radius:50px;padding:.85rem 2.5rem;transition:all .3s ease;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d}.hero-cta-link:hover{color:#fff;border-color:#ffffffb3;background:#ffffff1a}.scroll-mouse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;opacity:0;animation:indicator-enter 1s ease .8s both;transition:opacity .5s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-mouse-body{width:22px;height:36px;border:1.5px solid rgba(0,0,0,.6);border-radius:11px;position:relative;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}.scroll-mouse-dot{width:3px;height:3px;background:#000000b3;border-radius:50%;position:absolute;left:50%;top:8px;transform:translate(-50%);animation:mouse-dot-scroll 2.2s ease-in-out infinite}.scroll-mouse-text{font-size:.6rem;text-transform:uppercase;letter-spacing:.35em;color:#0009;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}@keyframes mouse-dot-scroll{0%{opacity:1;top:8px}50%{opacity:1;top:22px}to{opacity:0;top:22px}}.scroll-hint{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:20;pointer-events:none;opacity:0;animation:chevron-enter 1s ease 1.1s both;transition:opacity .5s ease}.scroll-hint-chevrons{display:flex;flex-direction:column;align-items:center;gap:4px}.scroll-chevron{opacity:0;filter:drop-shadow(0 0 6px rgba(255,255,255,.5));animation:chevron-drift 2.8s ease-in-out infinite}.scroll-chevron.c1{animation-delay:0s}.scroll-chevron.c2{animation-delay:.35s}.hero-scroll-container.scrolled .scroll-mouse,.hero-scroll-container.scrolled .scroll-hint{opacity:0!important}@keyframes indicator-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes chevron-enter{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes chevron-drift{0%{opacity:0;transform:translateY(-3px)}30%{opacity:.5}60%{opacity:.5}to{opacity:0;transform:translateY(6px)}}
