.oic-scene{position:relative;isolation:isolate;overflow:hidden;height:calc(100svh - 157px);min-height:655px;max-height:860px;margin:18px 22px 0;border-radius:16px;background:#24152e;color:#fff}.scene-visual{position:absolute;inset:-10px;z-index:-3;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform 1s ease-out}.scene-image{height:100%;width:100%;object-fit:cover;object-position:center;animation:scene-breathe 22s ease-in-out infinite alternate;will-change:transform}.scene-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#21132d9c 0%,#25142e28 58%,transparent 85%),linear-gradient(0deg,#211328b3,transparent 28%)}.scene-inner{height:100%;position:relative;display:flex;align-items:center;padding-bottom:65px}.scene-copy{padding:45px 0 40px;max-width:890px}.scene-copy .eyebrow{color:#d9c4e7;font-size:9px;letter-spacing:.21em;margin-bottom:27px;animation:scene-enter .8s .1s both}.scene-copy h1{font-size:clamp(78px,8.3vw,132px);line-height:.98;font-weight:400;letter-spacing:-.075em;margin-left:-7px}.scene-line{display:block;animation:scene-enter 1.1s .2s both}.scene-line-accent{color:#c8a6df;animation-delay:.32s}.scene-period{color:#f23b5c}.scene-copy>p{font-size:13px;line-height:1.9;color:#e0d6e6;max-width:405px;margin:28px 0 30px;animation:scene-enter .9s .45s both}.scene-actions{display:flex;gap:32px;align-items:center;animation:scene-enter .9s .55s both}.scene-actions .btn{border-radius:4px;font-size:11px;padding:17px 23px;gap:34px}.scene-actions .btn .icon{color:var(--purple)}.scene-actions .text-link{color:#fff;font-size:11px}.scene-orbit{width:142px;height:142px;position:absolute;right:10px;top:48%;border:1px solid #ffffff4f;border-radius:50%;background:#40274a3b;backdrop-filter:blur(8px);display:grid;place-items:center;transition:background .4s,transform .4s}.scene-orbit:hover{background:#703995ae;transform:scale(1.06)}.orbit-ring{position:absolute;inset:0;width:100%;height:100%;fill:#fff;animation:orbit-turn 45s linear infinite}.orbit-ring text{font-family:Inter;font-size:8px;letter-spacing:3px;font-weight:400}.scene-orbit>.icon{width:29px;height:29px;stroke-width:1;transition:transform .5s}.scene-orbit:hover>.icon{transform:rotate(45deg)}.scene-scroll{position:absolute;bottom:34px;left:0;display:flex;gap:13px;align-items:center;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#d9cfe0}.scroll-stem{height:33px;width:1px;background:#ffffff3d;position:relative;overflow:hidden}.scroll-stem:after{content:'';position:absolute;inset:0;background:#c7a8dd;animation:scroll-trace 2.7s ease-in-out infinite}.scene-bottom{position:absolute;bottom:34px;right:0;display:flex;align-items:center;gap:32px;color:#d2c6da;font-size:8px;letter-spacing:.13em}.scene-motion{display:flex;align-items:center;gap:9px;color:#ddd1e5;font-size:8px;letter-spacing:.05em;padding:5px 0 5px 19px;border-left:1px solid #ffffff38}.scene-motion .icon{width:13px;height:13px}.oic-scene.motion-paused .scene-image,.oic-scene.motion-paused .orbit-ring,.oic-scene.motion-paused .scroll-stem:after{animation-play-state:paused}.oic-scene.motion-paused .scene-visual{transform:none}
@keyframes scene-breathe{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes scroll-trace{0%{transform:translateY(-110%)}60%,100%{transform:translateY(110%)}}@keyframes scene-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.oic-scene{margin-inline:30px}.scene-copy h1{font-size:145px}.scene-copy>p{font-size:14px;max-width:445px}.scene-orbit{right:15px;width:156px;height:156px}}
@media(max-width:1100px){.oic-scene{min-height:640px;margin:14px 18px 0}.scene-copy h1{font-size:100px}.scene-orbit{width:120px;height:120px;right:0;top:46%}.scene-copy .eyebrow{font-size:8px}.scene-copy>p{font-size:12px}.scene-inner{width:calc(100% - 80px)}}
@media(max-width:860px){.oic-scene{min-height:620px;margin:12px 14px 0;border-radius:12px}.scene-inner{width:calc(100% - 60px)}.scene-copy h1{font-size:88px}.scene-copy>p{max-width:350px}.scene-orbit{width:108px;height:108px;right:-3px;top:54%}.scene-shade{background:linear-gradient(90deg,#22142fa8,#22142f25),linear-gradient(0deg,#211328c0,transparent 38%)}.scene-bottom{gap:15px}.scene-bottom>span{font-size:7px;letter-spacing:.08em}}
@media(max-width:600px){.oic-scene{margin:10px 10px 0;border-radius:10px;height:calc(100svh - 125px);min-height:650px;max-height:820px}.scene-inner{width:calc(100% - 42px);align-items:flex-start;padding-bottom:100px}.scene-copy{padding:54px 0 0}.scene-copy .eyebrow{font-size:7px;letter-spacing:.14em;margin-bottom:29px;max-width:310px;gap:7px}.scene-copy h1{font-size:clamp(61px,17.5vw,96px);letter-spacing:-.08em;line-height:1.02;margin-left:-3px}.scene-copy>p{font-size:11px;line-height:1.9;max-width:285px;margin:25px 0 27px}.scene-actions{gap:22px;flex-wrap:wrap}.scene-actions .btn{font-size:10px;min-height:46px;gap:23px;padding:14px 18px}.scene-actions .text-link{font-size:10px;gap:13px}.scene-image{object-position:64% center}.scene-shade{background:linear-gradient(90deg,#21132eaa,#22132d36),linear-gradient(0deg,#1d1229cc,transparent 52%)}.scene-orbit{width:94px;height:94px;right:0;top:auto;bottom:77px}.scene-orbit>.icon{width:22px;height:22px}.scene-scroll{bottom:27px;font-size:7px;gap:10px}.scene-bottom{bottom:27px;right:0}.scene-bottom>span{display:none}.scene-motion{border-left:0;padding-left:0;font-size:7px}.scene-motion .icon{width:12px;height:12px}.scroll-stem{height:27px}}
@media(max-width:360px){.scene-copy h1{font-size:59px}.scene-copy>p{font-size:10px;max-width:260px}.scene-copy .eyebrow{font-size:6.5px}.scene-actions{gap:15px}.scene-actions .btn{gap:15px;padding:14px}.scene-actions .text-link{font-size:9px}.oic-scene{min-height:640px}.scene-copy{padding-top:43px}}
@media(prefers-reduced-motion:reduce){.scene-image,.orbit-ring,.scroll-stem:after,.scene-line,.scene-copy .eyebrow,.scene-copy>p,.scene-actions{animation:none!important}.scene-visual{transform:none!important;transition:none}}
