.motion-banner{height:510px;overflow:hidden;background:radial-gradient(ellipse at 80% 55%,#48676b36,transparent 55%),linear-gradient(135deg,#20172e,#0b0e19 65%);padding:32px;--rx:0deg;--ry:0deg}.motion-banner:after{pointer-events:none}.motion-banner .reel-grain{z-index:-1;opacity:.5}.banner-glow{position:absolute;inset:-100px -15% auto auto;width:60%;height:500px;background:radial-gradient(ellipse,#9f6be721,transparent 68%);pointer-events:none}.banner-copy{position:absolute;left:32px;top:115px;z-index:2;width:43%;pointer-events:none}.motion-banner .reel-title{font-size:clamp(58px,6.8vw,100px);max-width:none;line-height:.98;letter-spacing:-4px}.banner-copy p{font-size:12px;color:#bbb1d0;line-height:1.8;margin-top:25px;max-width:220px}.banner-screen{position:absolute;right:3%;top:72px;width:53%;height:330px;border:1px solid #c0adff66;border-radius:18px;overflow:hidden;background:#07070e;box-shadow:0 25px 65px #000a,0 0 60px #bfa9ff14;transform:rotateY(-6deg) rotateX(2deg);transform-origin:center;z-index:1}.screen-top{position:absolute;inset:0 0 auto;z-index:1;height:36px;background:#0b0917c9;backdrop-filter:blur(8px);padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.3px;color:#d7cee7}.screen-top i{display:inline-block;width:5px;height:5px;background:#b5f9de;border-radius:50%;box-shadow:0 0 10px #b5f9de;margin-right:5px}#banner-video{display:block;width:100%;height:100%;object-fit:cover}.screen-timeline{position:absolute;inset:auto 0 0;height:3px;background:#ffffff20}#banner-progress{display:block;height:100%;width:0;background:var(--holo);box-shadow:0 0 12px #d1afff}.banner-photo{position:absolute;object-fit:cover;border:3px solid #e9e3f2;border-bottom-width:14px;border-radius:3px;box-shadow:0 14px 35px #0008;pointer-events:none;z-index:2}.photo-one{right:46%;bottom:72px;width:100px;height:136px;transform:rotate(-9deg);animation:photo-drift 8s ease-in-out infinite}.photo-two{right:1.7%;top:40px;width:86px;height:116px;transform:rotate(9deg);animation:photo-drift 8s 2s ease-in-out infinite}.motion-banner .reel-bottom{position:absolute;bottom:28px;left:32px;right:32px;align-items:center;gap:18px;letter-spacing:0;z-index:4}.banner-controls{display:flex;gap:9px;flex-wrap:wrap}.banner-controls button{background:#ffffff0a;border:1px solid #c4b4ff45;border-radius:25px;color:#e8ddf5;padding:11px 14px;font-size:10px;min-width:100px;backdrop-filter:blur(8px)}.banner-controls button:hover{background:#c4b4ff20}.motion-banner .reel-bottom a{font-size:11px;color:#c2f5ed}.banner-status{position:absolute;right:32px;bottom:9px;font-size:9px;color:#b6a7cb;z-index:5}@keyframes photo-drift{50%{translate:0 -10px}}@media(max-width:1000px){.banner-screen{height:300px;top:90px}.photo-one{right:43%;width:80px;height:112px}.motion-banner .reel-title{font-size:70px}.banner-copy{top:130px;max-width:43%}}@media(max-width:700px){.motion-banner{height:610px;padding:22px}.banner-copy{top:62px;left:22px;width:80%;max-width:none;display:flex;align-items:center;gap:20px}.motion-banner .reel-title{font-size:52px;letter-spacing:-2px;margin:0;flex-shrink:0}.banner-copy p{font-size:10px;max-width:130px;margin:0}.banner-screen{top:210px;right:6%;width:88%;height:260px;transform:rotateY(-3deg)}.photo-one{right:auto;left:10px;bottom:135px;width:65px;height:90px}.photo-two{right:9px;top:175px;width:60px;height:82px}.motion-banner .reel-bottom{left:22px;right:22px;bottom:22px;align-items:flex-start;flex-direction:column;gap:14px}.banner-controls button{font-size:10px;min-width:100px;padding:10px 13px}.motion-banner .reel-bottom a{font-size:10px}.screen-top{font-size:7px;letter-spacing:.5px;padding:0 10px}.banner-status{right:22px;bottom:6px;max-width:50%;text-align:right}}@media(prefers-reduced-motion:reduce){.banner-photo{animation:none}.banner-screen{transform:none}}