/* ===== caos → orden (sticky scroll story) ===== */
.chaos{position:relative;height:300vh;margin-top:40px}
.chaos-st{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.chaos-txt{position:absolute;top:13vh;left:0;right:0;text-align:center;z-index:5;padding:0 20px;transition:opacity .4s}
.chaos-txt h2{font-size:clamp(32px,5vw,62px);margin:18px 0 14px}
.chaos-txt p{max-width:640px;margin:0 auto;color:var(--mute);font-size:clamp(15px,1.5vw,18px)}
.chaos-txt.sw{opacity:0}
.chaos-field{position:absolute;inset:0;z-index:3}
.cchip{position:absolute;left:50%;top:56%;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;font-size:13px;white-space:nowrap;background:rgba(255,255,255,.08);border:1px solid var(--line2);backdrop-filter:blur(6px);box-shadow:0 14px 30px -12px rgba(0,0,0,.8);will-change:transform,opacity;color:#dcdbe8}
.cchip svg{width:15px;height:15px;flex:none}
.cchip.r{background:rgba(255,80,100,.14);border-color:rgba(255,100,120,.45);color:#ffb3bd}
.cchip.y{background:rgba(255,190,80,.12);border-color:rgba(255,190,80,.4);color:#ffd9a0}
.cchip.g{background:rgba(52,224,161,.1);border-color:rgba(52,224,161,.4);color:#aaf0d2}
.chaos-core{position:absolute;z-index:4;bottom:6vh;left:50%;width:min(800px,92vw,calc((100svh - 46vh)*1.45));transform-origin:50% 100%;transform:translate(-50%,0) scale(.6);opacity:0;will-change:transform,opacity;pointer-events:none}
.chaos-core::before{content:"";position:absolute;inset:-14%;background:radial-gradient(closest-side,rgba(124,92,255,.55),transparent 70%);filter:blur(40px);z-index:-1}
.chaos-core .bf-body img{animation:none}
.chaos-bar{position:absolute;left:50%;bottom:5vh;width:min(260px,50vw);height:3px;border-radius:3px;background:rgba(255,255,255,.1);transform:translateX(-50%);overflow:hidden;z-index:6}
.chaos-bar i{display:block;height:100%;width:0;background:var(--g);box-shadow:0 0 12px #7c5cff}
/* ===== cine ===== */
.cine{position:relative;height:420vh}
.cine-st{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;align-items:end;background:#050509}
.cine-vids{position:absolute;inset:0}
.cine-vids video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.1s ease,transform 6s ease-out}
.cine-vids video.on{opacity:1;transform:scale(1)}
.cine-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,9,.92) 0%,rgba(5,5,9,.55) 45%,rgba(5,5,9,.1) 100%),linear-gradient(0deg,rgba(5,5,9,.9),transparent 45%),radial-gradient(60% 60% at 80% 20%,rgba(124,92,255,.18),transparent)}
.cine-wrap{position:relative;z-index:3;padding-bottom:clamp(60px,12vh,120px);display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.cine-txt{max-width:640px;transition:opacity .5s,transform .5s}
.cine-txt.sw{opacity:0;transform:translateY(20px)}
.cine-txt h2{font-size:clamp(36px,6.4vw,84px);margin:22px 0 18px;line-height:1}
.cine-txt p{color:#c7c5d6;font-size:clamp(16px,1.7vw,20px);margin-bottom:28px;max-width:540px}
.cine-dots{display:flex;flex-direction:column;gap:12px;align-items:center}
.cine-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25);transition:.4s}
.cine-dots span.on{height:34px;border-radius:10px;background:var(--g);box-shadow:0 0 16px #7c5cff}
.cine-dots em{font:600 12px var(--ui);color:var(--mute);font-style:normal;letter-spacing:.14em;margin-top:6px}
/* ===== loader + cursor + text reveal ===== */
.loader{position:fixed;inset:0;z-index:200;background:#050509;display:grid;place-items:center;animation:ldOut .8s ease 1.5s forwards}
.loader svg{width:92px;height:92px;overflow:visible}
.loader .lp{stroke-dasharray:80;stroke-dashoffset:80;animation:ldDraw 1.1s cubic-bezier(.6,.1,.2,1) .15s forwards}
.loader .ld{transform-origin:center;transform-box:fill-box;transform:scale(0);animation:ldDot .5s cubic-bezier(.3,1.6,.5,1) 1s forwards}
.loader::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(124,92,255,.5),transparent);filter:blur(30px);z-index:-1}
@keyframes ldDraw{to{stroke-dashoffset:0}}@keyframes ldDot{to{transform:scale(1)}}
@keyframes ldOut{to{opacity:0;visibility:hidden}}
.cur{position:fixed;left:0;top:0;z-index:150;pointer-events:none;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1.5px solid rgba(167,155,255,.8);mix-blend-mode:screen;transition:width .25s,height .25s,margin .25s,background .25s,border-color .25s;opacity:0}
.cur::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#22d3ee;box-shadow:0 0 12px #22d3ee}
.cur.big{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(124,92,255,.18);border-color:#c9c2ff}
body.has-cur,body.has-cur a,body.has-cur button{cursor:none}
.wd{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}
.wd>span{display:inline-block;transform:translateY(110%) rotate(4deg);transition:transform .9s cubic-bezier(.16,.8,.24,1);transition-delay:calc(var(--k)*55ms)}
.reveal.in .wd>span,.in .wd>span{transform:none}
@media(max-width:700px){.chaos{height:260vh}.chaos-txt{top:10vh}.cchip{font-size:11.5px;padding:7px 11px}.cine{height:360vh}.cine-wrap{flex-direction:column;align-items:flex-start}.cine-shade{background:linear-gradient(0deg,rgba(5,5,9,.95) 10%,rgba(5,5,9,.35) 60%,rgba(5,5,9,.15))}}
@media(prefers-reduced-motion:reduce){.loader{display:none}.chaos,.cine{height:auto}.chaos-st,.cine-st{position:relative;height:auto;min-height:70vh}}
.cine-wrap{position:static}.cine-txt{position:relative;z-index:3}
.cine-dots{position:absolute;right:26px;top:50%;transform:translateY(-50%);z-index:3}
@media(max-width:700px){.cine-dots{flex-direction:column;right:14px;top:34%}.cine-txt{max-width:92%}}