/* Cinematic Rudransh6619 scene — motion without autoplay video. */
.cinematic-scene{--scene-x:0px;--scene-y:0px;--scroll-parallax:0px;position:relative;isolation:isolate;margin:34px 0 12px;height:clamp(550px,64vw,760px);min-height:0;border-radius:32px;overflow:hidden;background:#081832;color:#f4f5ff;display:block;box-shadow:0 24px 80px rgba(23,30,56,.26),inset 0 0 0 1px rgba(255,255,255,.17)}
.cinematic-scene::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.23),inset 0 0 120px 10px rgba(7,10,34,.18)}
.cinematic-scene::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(89deg,#051631 0%,rgba(5,17,43,.98) 8%,rgba(6,18,49,.91) 21%,rgba(7,18,47,.76) 36%,rgba(11,18,46,.2) 51%,transparent 73%),linear-gradient(0deg,rgba(6,11,29,.76),transparent 24%,transparent 79%,rgba(6,10,33,.26))}
.scene-sky,.scene-artwork,.scene-horizon,.scene-radial-glow,.scene-starlight{position:absolute;inset:0;pointer-events:none}
.scene-artwork{z-index:0;background-color:#111b3e;background-size:auto 104%;background-repeat:no-repeat;background-position:calc(100% + 58px) 53%;filter:saturate(1.16) contrast(1.03);transform:translate3d(var(--scene-x),calc(var(--scene-y) + var(--scroll-parallax)),0) scale(1.045);will-change:transform;animation:scene-camera-breathe 16s ease-in-out infinite alternate}
.scene-horizon{z-index:1;background:radial-gradient(ellipse at 83% 50%,transparent 0%,transparent 26%,rgba(10,16,44,.16) 68%,rgba(8,14,34,.55) 100%);animation:scene-horizon-shift 13s ease-in-out infinite alternate}
.scene-radial-glow{z-index:1;background:radial-gradient(ellipse 37% 36% at 77% 42%,rgba(255,178,100,.14),transparent 85%),radial-gradient(ellipse 36% 28% at 82% 18%,rgba(87,121,255,.2),transparent 90%);mix-blend-mode:screen;animation:scene-light-breathe 5.6s ease-in-out infinite alternate}
.scene-orbit-pulse{position:absolute;z-index:1;right:12%;top:19%;height:56%;aspect-ratio:1.65;border:1px solid rgba(255,219,143,.22);border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 23px rgba(249,170,72,.14),inset 0 0 16px rgba(255,197,119,.08);pointer-events:none;animation:scene-orbit-breathe 7s ease-in-out infinite alternate}
.scene-lens{position:absolute;z-index:2;top:25%;left:83%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,130,.14),transparent 62%);filter:blur(16px);pointer-events:none;transform:translate3d(-50%,-50%,0);animation:scene-light-breathe 4s ease-in-out infinite alternate}
.scene-starlight{z-index:2}
.scene-star{position:absolute;width:var(--sz,3px);height:var(--sz,3px);top:var(--top);left:var(--left);border-radius:50%;background:var(--tone,#ffdfb8);box-shadow:0 0 7px 2px var(--glow,rgba(255,175,111,.35));opacity:.15;animation:scene-stellar-drift var(--dur,5s) ease-in-out var(--delay,0s) infinite alternate;will-change:opacity,transform}
.scene-copy{position:absolute;z-index:4;left:6%;top:50%;width:min(44%,570px);transform:translateY(-50%)}
.scene-eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(224,215,255,.27);border-radius:30px;padding:11px 15px;color:#d3d7f4;letter-spacing:.2em;font:700 10px/1.3 'Space Grotesk',sans-serif;background:rgba(255,255,255,.05);backdrop-filter:blur(12px)}
.scene-live-dot{width:7px;height:7px;border-radius:50%;background:#ffd18c;box-shadow:0 0 10px #ffc978;animation:scene-light-breathe 2.2s ease-in-out infinite alternate}
.scene-copy h2{font:600 clamp(42px,5.4vw,94px)/.99 'Space Grotesk',sans-serif;letter-spacing:-.079em;margin:28px 0 22px;text-wrap:balance;color:#fafaff;text-shadow:0 5px 20px rgba(4,11,29,.25)}
.scene-copy h2 em{font-style:normal;background:linear-gradient(105deg,#60deff 3%,#988dfb 46%,#ffadca 87%);background-size:180% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:scene-headline-flow 12s ease-in-out infinite alternate}
.scene-copy p{font-size:clamp(15px,1.32vw,19px);line-height:1.7;color:#cfd6ea;max-width:370px;margin:0 0 30px}
.scene-cta{display:inline-flex;align-items:center;gap:22px;border-radius:100px;background:#f7f7ff;color:#17203d;padding:17px 23px;font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.075em;transition:transform .25s,background-color .25s,box-shadow .25s;box-shadow:0 14px 38px rgba(9,13,31,.32)}
.scene-cta:hover{background:#e9dfff;transform:translateY(-3px);box-shadow:0 15px 40px rgba(151,119,255,.35)}
.scene-corner-note{position:absolute;right:3.5%;top:34px;z-index:4;text-align:right;font:700 9px/1.6 'Space Grotesk',sans-serif;letter-spacing:.2em;color:#edf0ffcc;text-shadow:0 1px 10px #111827}
.scene-bottom-note{position:absolute;z-index:4;bottom:27px;left:6%;right:5%;display:flex;justify-content:space-between;gap:10px;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.19em;color:#c7d1ecc7}
.cinematic-scene .brand-runner{width:clamp(48px,6vw,78px);height:clamp(69px,8vw,106px);z-index:5;filter:drop-shadow(0 0 12px rgba(252,188,105,.5))}
@keyframes scene-camera-breathe{0%{scale:1;filter:saturate(1.05)}100%{scale:1.05;filter:saturate(1.25)}}
@keyframes scene-light-breathe{0%{opacity:.4}100%{opacity:1}}
@keyframes scene-horizon-shift{0%{opacity:.7}100%{opacity:1}}
@keyframes scene-orbit-breathe{0%{opacity:.28;scale:.96}100%{opacity:.72;scale:1.04}}
@keyframes scene-headline-flow{0%{background-position:0% center}100%{background-position:100% center}}
@keyframes scene-stellar-drift{0%{opacity:.15;translate:0 5px;scale:.6}50%{opacity:1}100%{opacity:.22;translate:6px -12px;scale:1.35}}
@media(max-width:1100px){.scene-artwork{background-position:calc(100% + 150px) center}.scene-copy{width:48%}.scene-copy h2{font-size:clamp(40px,6vw,69px)}}
@media(max-width:700px){.cinematic-scene{height:680px;border-radius:23px;margin-top:8px}.cinematic-scene::after{background:linear-gradient(0deg,#071633 0%,#081632 7%,rgba(5,16,42,.97) 25%,rgba(6,17,42,.75) 38%,rgba(5,16,42,.07) 63%,rgba(5,16,42,.1) 90%),linear-gradient(90deg,rgba(2,12,32,.2),transparent 30%)}.scene-artwork{background-size:auto 58%;background-position:51% -4%;animation-duration:21s}.scene-copy{top:auto;bottom:68px;left:8%;width:85%;transform:none}.scene-copy h2{font-size:clamp(43px,11vw,62px);margin:18px 0 13px}.scene-copy p{font-size:14px;line-height:1.5;max-width:340px;margin-bottom:22px}.scene-eyebrow{font-size:8px;letter-spacing:.13em;padding:9px 12px}.scene-cta{font-size:11px;padding:15px 19px}.scene-corner-note{display:none}.scene-bottom-note{bottom:20px;left:8%;right:8%;font-size:7px}.scene-bottom-note span:last-child{display:none}.scene-orbit-pulse{right:4%;top:4%;height:39%;opacity:.15}.cinematic-scene .brand-runner{width:42px;height:58px}.scene-radial-glow{background:radial-gradient(ellipse 38% 24% at 60% 24%,rgba(255,196,114,.2),transparent 95%)}}
@media(max-width:390px){.cinematic-scene{height:650px}.scene-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.cinematic-scene .scene-artwork,.scene-orbit-pulse,.scene-lens,.scene-radial-glow,.scene-star,.scene-live-dot,.scene-copy h2 em{animation:none!important}.scene-artwork{transform:none!important}}
/* Blended artwork: no hard edge between the copy and the illustrated universe. */
@media(min-width:701px){.cinematic-scene .scene-artwork{-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,rgba(0,0,0,.12) 35%,#000 59%);mask-image:linear-gradient(90deg,transparent 0%,transparent 28%,rgba(0,0,0,.12) 35%,#000 59%)}}
@media(max-width:700px){.cinematic-scene .scene-artwork{background-size:100% auto;background-position:50% 0%;transform:translate3d(var(--scene-x),calc(var(--scene-y) + var(--scroll-parallax)),0) scale(1.025)}}