.intro{padding-bottom:0}.catalog{padding-top:0;margin-top:-2vw;padding-bottom:1vw}.detail{min-height:56vh;padding-top:4vw;padding-bottom:4vw}.card>img,.card>video{display:none}.visual{position:absolute;inset:0;overflow:hidden;background:#151515;transition:.5s}.visual i{position:absolute;display:block}.card-open{position:absolute;z-index:5;inset:0;display:grid;place-items:center;background:#0009;color:#fff;font:500 11px Arial;letter-spacing:.2em;opacity:0;transform:scale(1.08);transition:.45s;font-style:normal}.card:hover .card-open,.card.is-touched .card-open{opacity:1;transform:none}.card:hover .visual,.card.is-touched .visual{filter:saturate(1.3) contrast(1.08)}
.visual--1{background:#f2eee7}.visual--1:before{content:"";position:absolute;inset:8%;border:1px solid #111;background:repeating-linear-gradient(90deg,transparent 0 24%,#1112 24.2% 24.5%),repeating-linear-gradient(0deg,transparent 0 18%,#1112 18.2% 18.5%);animation:a1 18s ease-in-out infinite alternate}.visual--1 i{height:9%;background:#ff4a34;left:14%;right:14%;top:25%;animation:row 14s ease-in-out infinite}.visual--1 i:nth-child(2){top:43%;animation-delay:-4s}.visual--1 i:nth-child(3){top:62%;animation-delay:-8s}@keyframes a1{50%{transform:scale(1.15) translateY(-4%)}to{transform:translateX(5%)}}@keyframes row{50%{left:42%;right:8%}}
.visual--2{background:#17213f}.visual--2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#d9bd8066,transparent 28%);animation:light 20s ease-in-out infinite alternate}.visual--2 i{border:1px solid #d6c79b;width:62%;height:42%;left:19%;top:25%;animation:money 16s ease-in-out infinite}.visual--2 i:nth-child(2){animation-delay:-5s}.visual--2 i:nth-child(3){animation-delay:-10s}@keyframes light{to{filter:brightness(1.45);transform:translate(-8%,8%)}}@keyframes money{50%{transform:rotate(12deg) translate(8%,-6%);border-radius:18px}}
.visual--3{background:#030605}.visual--3:before{content:"";position:absolute;inset:-30%;background:conic-gradient(#00e59b00,#00e59b66,#702cff55,#00e59b00);animation:spin 24s linear infinite}.visual--3 i{width:10px;height:10px;background:#00e59b;border-radius:50%;box-shadow:0 0 18px #00e59b;animation:node 12s ease-in-out infinite}.visual--3 i:nth-child(1){left:20%;top:20%}.visual--3 i:nth-child(2){left:70%;top:25%;animation-delay:-2s}.visual--3 i:nth-child(3){left:34%;top:58%;animation-delay:-5s}.visual--3 i:nth-child(4){left:76%;top:72%;animation-delay:-8s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes node{50%{transform:translate(45px,-30px) scale(2);opacity:.4}}
.visual--4{background:radial-gradient(circle at 50% 75%,#d68d55,#6e2418 48%,#24100b)}.visual--4:before{content:"";position:absolute;inset:12% 15%;border-radius:50% 50% 6% 6%;border:1px solid #f4d5aa88;animation:breath 14s ease-in-out infinite}.visual--4 i{width:32%;height:2px;background:#f1d09e;left:34%;top:55%;transform-origin:left;animation:cut 16s ease-in-out infinite}.visual--4 i:nth-child(2){animation-delay:-5s}.visual--4 i:nth-child(3){animation-delay:-10s}@keyframes breath{50%{transform:scale(.8);border-radius:50%}}@keyframes cut{50%{transform:rotate(210deg) scaleX(.55)}}
.visual--5{background:#101010}.visual--5:before{content:"";position:absolute;width:48%;height:72%;left:26%;top:13%;border:2px solid #dfff36;border-radius:32px;box-shadow:0 0 35px #dfff3655;animation:phone 13s ease-in-out infinite}.visual--5 i{left:36%;right:36%;height:8%;border-radius:20px;background:#dfff36;top:28%;animation:flow 10s ease-in-out infinite}.visual--5 i:nth-child(2){top:43%;animation-delay:-3s}.visual--5 i:nth-child(3){top:58%;animation-delay:-6s}@keyframes phone{50%{transform:translateY(-7%) rotate(4deg)}}@keyframes flow{50%{left:30%;right:30%;border-radius:3px}}
.visual--6{background:#0a1739}.visual--6:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#4e71ff77,transparent);animation:sweep 15s linear infinite}.visual--6 i{height:1px;background:#9db2ff;left:32%;right:32%;top:25%;animation:data 11s ease-in-out infinite}.visual--6 i:nth-child(2){top:40%;animation-delay:-2s}.visual--6 i:nth-child(3){top:55%;animation-delay:-4s}.visual--6 i:nth-child(4){top:70%;animation-delay:-6s}@keyframes sweep{to{transform:translateX(100%)}}@keyframes data{50%{left:15%;right:15%;box-shadow:0 0 18px #4e71ff}}
.visual--7{background:repeating-linear-gradient(90deg,#070707 0 18px,#171717 19px 20px)}.visual--7:before{content:"";position:absolute;width:62%;aspect-ratio:1;border:1px solid #ff285f;border-radius:50%;left:19%;top:18%;box-shadow:0 0 45px #ff285f44;animation:secure 12s ease-in-out infinite}.visual--7 i{left:50%;top:49%;width:28%;height:1px;background:#ff285f;transform-origin:left;animation:scan 7s linear infinite}@keyframes scan{to{transform:rotate(360deg)}}@keyframes secure{50%{transform:scale(.82);box-shadow:0 0 80px #ff285f88}}
.visual--8{background:#f4dfc9}.visual--8:before{content:"";position:absolute;inset:0;background:conic-gradient(from 30deg,#ff8f1f,#ef3d64,#6b49ff,#ff8f1f);clip-path:polygon(10% 25%,80% 10%,92% 72%,28% 90%);animation:morph 18s ease-in-out infinite alternate}.visual--8 i{inset:20%;border:1px solid white;animation:spin 22s linear infinite}@keyframes morph{50%{clip-path:polygon(30% 8%,92% 35%,68% 92%,8% 65%);filter:hue-rotate(50deg)}}
.visual--9{background:#4d23c8}.visual--9:before{content:"";position:absolute;inset:9%;border:2px solid white;animation:cinema 16s steps(8) infinite}.visual--9 i{width:18px;height:18px;border:1px solid white;left:20%;top:20%;animation:dust 9s linear infinite}.visual--9 i:nth-child(2){left:70%;top:60%;animation-delay:-4s}@keyframes cinema{25%{inset:20%;border-radius:50%}50%{transform:rotate(45deg)}75%{inset:5% 25%;transform:rotate(90deg)}}@keyframes dust{50%{transform:translate(80px,40px);opacity:.2}}
.visual--10{background:#d9f4ff}.visual--10 i{width:65%;height:58%;left:17%;top:20%;background:white;border:1px solid #111;box-shadow:8px 8px 0 #00a8ff;animation:pages 15s ease-in-out infinite}.visual--10 i:nth-child(2){animation-delay:-5s}.visual--10 i:nth-child(3){animation-delay:-10s}@keyframes pages{40%{transform:translate(22%,-12%) rotate(8deg);opacity:.3}70%{transform:translate(-10%,8%) rotate(-4deg)}}
.visual--11{background:#d71920}.visual--11:before,.visual--11:after{content:"";position:absolute;border:1px solid white;border-radius:50%;inset:15%;animation:total 16s ease-in-out infinite}.visual--11:after{inset:30%;animation-delay:-8s}.visual--11 i{width:4px;height:4px;background:white;border-radius:50%;left:50%;top:50%;box-shadow:0 0 20px white;animation:dot 10s ease-in-out infinite}@keyframes total{50%{inset:38%;border-radius:5%;transform:rotate(180deg)}}@keyframes dot{50%{transform:scale(18);opacity:.2}}
.route-transition{position:fixed;z-index:999;inset:0;pointer-events:none;visibility:hidden;overflow:hidden}.route-transition i{position:absolute;background:var(--route,#d71920)}.route-transition i:nth-child(1){inset:0 66% 0 0;transform:translateY(110%)}.route-transition i:nth-child(2){inset:0 33%;transform:translateY(-110%)}.route-transition i:nth-child(3){inset:0 0 0 66%;transform:translateY(110%)}.route-transition span{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);font:700 clamp(40px,10vw,150px) Arial;color:white;opacity:0}.route-transition.is-running{visibility:visible}.route-transition.is-running i{animation:bars .75s cubic-bezier(.76,0,.18,1) forwards}.route-transition.is-running span{animation:word .7s .2s both}.route-transition--2{--route:#17213f}.route-transition--3{--route:#020604}.route-transition--4{--route:#7b2b1d}.route-transition--5{--route:#b8d52e}.route-transition--6{--route:#152a68}.route-transition--7{--route:#111}.route-transition--8{--route:#ff8f1f}.route-transition--9{--route:#4d23c8}.route-transition--10{--route:#00a8ff}.route-transition--11{--route:#d71920}.route-transition--2 i,.route-transition--4 i,.route-transition--11 i{border-radius:50%}.route-transition--8 i{transform:translateX(-110%) rotate(8deg)}.route-transition--9 i{clip-path:polygon(0 0,100% 12%,90% 100%,8% 86%)}@keyframes bars{to{transform:none}}@keyframes word{to{opacity:1;letter-spacing:.12em}}@media(max-width:760px){.catalog{margin-top:-4vw}.detail{padding-top:13vw}.card-open{font-size:10px}}