.service-grid{perspective:1200px}.service-grid .service{position:relative;overflow:hidden;isolation:isolate;transition:transform .7s cubic-bezier(.2,.75,.2,1),background .65s,box-shadow .65s,opacity .55s,border-color .55s}.service-grid.service-running .service:not(.service-active){opacity:.62;transform:scale(.975)}.service-grid .service:before{content:"";position:absolute;z-index:4;left:0;top:0;width:0;height:4px;background:linear-gradient(90deg,#ff9b7f,#e84f3a,#ffd0a0);box-shadow:0 0 22px #e4503b99}.service-grid .service:after{content:"";position:absolute;z-index:-1;inset:-55%;background:linear-gradient(110deg,transparent 36%,#ffffff18 48%,transparent 60%);transform:translateX(-70%) rotate(8deg);opacity:0}.service-grid .service b{position:relative;z-index:1;display:block;color:var(--red);font:12px Arial;transition:font-size .6s,color .55s,opacity .55s,transform .6s}.service-grid .service h3,.service-grid .service p,.service-grid .service span{position:relative;z-index:2;transition:color .55s,transform .6s,opacity .55s}.service-grid .service h3:after{content:"";display:inline-block;width:22px;height:13px;margin-left:12px;opacity:0;background:linear-gradient(90deg,#ff9a7e 3px,transparent 3px 7px,#ff9a7e 7px 11px,transparent 11px 15px,#ff9a7e 15px 22px);clip-path:polygon(0 70%,14% 70%,14% 45%,32% 45%,32% 15%,50% 15%,50% 52%,68% 52%,68% 30%,86% 30%,86% 70%,100% 70%,100% 100%,0 100%);transition:opacity .4s}.service-grid .service.service-active{z-index:5;opacity:1;transform:translateY(-15px) scale(1.035) rotateX(1deg);border-color:#9e493f;background:radial-gradient(circle at 85% 5%,#a63b3055,transparent 35%),linear-gradient(145deg,#211311,#68251f);box-shadow:0 28px 70px #36120f4d,0 0 0 1px #d36a5740}.service-grid .service.service-active b{font-size:54px;line-height:1;color:#e7836f;opacity:.22;transform:translate(-4px,-4px)}.service-grid .service.service-active h3{margin-top:36px;color:#fff;transform:translateY(-3px)}.service-grid .service.service-active h3:after{opacity:1;animation:signalBeat 1.15s ease-in-out infinite}.service-grid .service.service-active p{color:#dbc5bf}.service-grid .service.service-active span{color:#ef9f8c}.service-grid .service.service-active:after{opacity:1;animation:serviceScan 3.8s ease-in-out both}.service-grid .service.service-active.service-restart:before{animation:serviceCountdown 3.8s linear both}@keyframes serviceCountdown{from{width:0}to{width:100%}}@keyframes serviceScan{0%,15%{transform:translateX(-70%) rotate(8deg)}70%,100%{transform:translateX(70%) rotate(8deg)}}@keyframes signalBeat{0%,100%{transform:scaleY(.55);opacity:.4}50%{transform:scaleY(1);opacity:1}}@media(max-width:900px){.service-grid .service.service-active{transform:translateY(-9px) scale(1.015)}}@media(max-width:560px){.service-grid.service-running .service:not(.service-active){opacity:.72;transform:scale(.99)}.service-grid .service.service-active{transform:translateY(-6px) scale(1.01)}.service-grid .service.service-active b{font-size:44px}.service-grid .service.service-active h3{margin-top:28px}}@media(prefers-reduced-motion:reduce){.service-grid .service,.service-grid .service b,.service-grid .service h3,.service-grid .service p,.service-grid .service span{transition:none!important}.service-grid .service:before,.service-grid .service:after,.service-grid .service h3:after{animation:none!important}.service-grid.service-running .service:not(.service-active){opacity:1;transform:none}.service-grid .service.service-active{transform:none}}