/*! © 2026 Salah Nechabeh / SSN Tech Studio. All rights reserved. salahnechabeh.com */
.cine-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#010207;overflow:hidden;cursor:pointer;transition:opacity .6s ease,clip-path .7s cubic-bezier(.7,0,.2,1);clip-path:inset(0)}.cine-intro.out{opacity:0;clip-path:inset(48% 0 48% 0)}.ci-grid{position:absolute;inset:0;width:100%;height:100%}.ci-grid line{stroke:#78beff38;stroke-width:1;stroke-dasharray:1400;stroke-dashoffset:1400;animation:ciLine .9s cubic-bezier(.6,0,.2,1) var(--d) forwards}@keyframes ciLine{to{stroke-dashoffset:0}}.ci-mark{position:absolute;width:min(34vw,260px);overflow:visible;filter:drop-shadow(0 0 18px rgba(78,185,255,.7))}.ci-mark path{fill:none;stroke:#e8f3ff;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;animation:ciDraw .9s cubic-bezier(.6,0,.2,1) .25s forwards,ciSpin 1s cubic-bezier(.7,0,.3,1) 1.1s forwards;transform-origin:150px 150px}.ci-mark path.in{stroke:#4eb9ff;animation-delay:.5s,1.1s}@keyframes ciDraw{to{stroke-dashoffset:0}}@keyframes ciSpin{to{transform:rotate(225deg) scale(2.6);opacity:0}}.ci-flash{position:absolute;inset:0;background:radial-gradient(40% 40% at 50% 50%,#7fd0ff,#1267ff 35%,transparent 70%);opacity:0;animation:ciFlash .9s ease 1.25s forwards}@keyframes ciFlash{30%{opacity:.95}to{opacity:0}}.ci-word{position:relative;margin:0;font:400 clamp(110px,26vw,380px) Anton,Impact,sans-serif;letter-spacing:.04em;color:#fff;opacity:0;animation:ciWord 1.1s steps(1) 1.45s forwards}.ci-word:before,.ci-word:after{content:attr(data-t);position:absolute;inset:0;mix-blend-mode:screen}.ci-word:before{color:#ff2d6f;transform:translate(-10px);clip-path:inset(0 0 55% 0)}.ci-word:after{color:#00e5ff;transform:translate(10px);clip-path:inset(45% 0 0 0)}@keyframes ciWord{0%{opacity:1;transform:scale(1.5) skew(-12deg)}15%{transform:scale(1.2) skew(8deg) translate(-20px)}30%{transform:scale(1.05) translate(14px)}45%,to{opacity:1;transform:none}}.cine-sec{isolation:isolate}.cine-sec{position:relative;overflow-x:clip}.cine-word{position:absolute;inset:0;z-index:-1;overflow:hidden;contain:paint;pointer-events:none;display:flex;align-items:center;justify-content:center;perspective:900px}.cine-word span{position:relative;display:block;font:400 clamp(90px,19vw,340px) Anton,Impact,sans-serif;letter-spacing:.02em;line-height:.85;white-space:nowrap;color:#78b4ff12;transform:translateY(calc(var(--cw,0) * 18vh)) rotateX(14deg);transition:color 1s ease}.cine-word span:before,.cine-word span:after{content:attr(data-t);position:absolute;inset:0;opacity:0}.cine-word span:before{color:#ff2d6f80}.cine-word span:after{color:#00e5ff80}.cine-in .cine-word span{color:#96c8ff17;animation:cwIn 1s steps(1)}.cine-in .cine-word span:before{animation:cwR 1s steps(1)}.cine-in .cine-word span:after{animation:cwB 1s steps(1)}@keyframes cwIn{0%{color:#ffffff80;filter:blur(2px)}12%{color:#ffffff59;clip-path:inset(10% 0 50% 0)}24%{clip-path:inset(50% 0 5% 0)}36%{color:#fff3;clip-path:none}60%,to{filter:none}}@keyframes cwR{0%{opacity:1;transform:translate(-26px,4px)}24%{transform:translate(14px,-3px)}48%{opacity:.6;transform:translate(-6px)}70%,to{opacity:0}}@keyframes cwB{0%{opacity:1;transform:translate(26px,-4px)}24%{transform:translate(-14px,3px)}48%{opacity:.6;transform:translate(6px)}70%,to{opacity:0}}.cine-sweep{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}.cine-sweep i{position:absolute;top:-30%;bottom:-30%;left:0;width:16vw;transform:translate(-30vw) skew(-22deg);opacity:0;background:linear-gradient(90deg,transparent,#7cff6b 18%,#3fd0ff 45%,#8b5cff 72%,transparent);mix-blend-mode:screen;filter:blur(6px)}.cine-sweep i+i{width:3vw;filter:none;background:linear-gradient(90deg,#fff,#4eb9ff)}.cine-sweep.go i{animation:sweep .85s cubic-bezier(.65,0,.25,1) forwards}.cine-sweep.go i+i{animation-delay:.06s}@keyframes sweep{0%{opacity:0;transform:translate(-30vw) skew(-22deg)}12%{opacity:.85}88%{opacity:.85}to{opacity:0;transform:translate(130vw) skew(-22deg)}}.cine-red{position:relative}.cine-on .cine-red:not(.is-red){color:transparent!important}.cine-on .cine-red:not(.is-red) *{visibility:hidden}.cine-red:after{content:"";position:absolute;inset:-2px -4px;background:#1267ff;transform:scaleX(0);transform-origin:left;pointer-events:none}.cine-red.is-red{animation:redText .9s steps(1)}.cine-red.is-red:after{animation:redBlock .9s cubic-bezier(.7,0,.2,1)}@keyframes redBlock{0%{transform:scaleX(0);transform-origin:left}45%{transform:scaleX(1);transform-origin:left}55%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@keyframes redText{0%{color:transparent}}@media(max-width:820px){.cine-word span{font-size:30vw}.cine-sweep i{width:30vw}}@media(prefers-reduced-motion:reduce){.cine-in .cine-word span,.cine-in .cine-word span:before,.cine-in .cine-word span:after,.cine-red.is-red,.cine-red.is-red:after{animation:none}}