.references-main .case-music{--case-glow-inset:8rem auto auto -24rem;--case-beam-inset:8% auto auto -3%;--case-beam-angle:-24deg;--case-grid-inset:14rem auto auto -13rem;--case-grid-angle:-18deg;--case-orbit-inset:22rem auto auto -22rem;--case-orbit-size:40rem;--case-orbit-angle:-30deg;--case-lines-inset:auto -16rem 24% auto;--case-lines-angle:12deg;--case-flare-inset:21% auto auto 8%}.references-main .case-tattoo{--case-glow-inset:2rem -18rem auto auto;--case-glow-size:45rem;--case-beam-inset:32% 2% auto auto;--case-beam-angle:42deg;--case-beam-height:52%;--case-grid-inset:auto -14rem 2rem auto;--case-grid-angle:19deg;--case-orbit-inset:auto auto -13rem -22rem;--case-orbit-size:35rem;--case-orbit-angle:18deg;--case-lines-inset:10rem auto auto -20rem;--case-lines-angle:-35deg;--case-flare-inset:74% auto auto 93%}.references-main .case-transport{--case-glow-inset:28% auto auto -26rem;--case-glow-size:48rem;--case-beam-inset:52% auto auto 6%;--case-beam-angle:-12deg;--case-beam-height:48%;--case-grid-inset:7rem -18rem auto auto;--case-grid-angle:-26deg;--case-orbit-inset:auto -26rem -9rem auto;--case-orbit-size:43rem;--case-orbit-angle:33deg;--case-lines-inset:auto auto 3rem -19rem;--case-lines-angle:-5deg;--case-flare-inset:17% auto auto 91%}.references-main .case-sup{--case-glow-inset:auto -14rem -12rem auto;--case-glow-size:50rem;--case-beam-inset:6% auto auto 13%;--case-beam-angle:58deg;--case-beam-height:42%;--case-grid-inset:auto auto 16% -15rem;--case-grid-angle:-8deg;--case-orbit-inset:30% auto auto -25rem;--case-orbit-size:44rem;--case-orbit-angle:8deg;--case-lines-inset:5rem -18rem auto auto;--case-lines-angle:24deg;--case-flare-inset:61% auto auto 5%}.references-main .case-timber{--case-glow-inset:0 auto auto -28rem;--case-beam-inset:28% -2% auto auto;--case-beam-angle:-38deg;--case-beam-height:60%;--case-grid-inset:17% auto auto -16rem;--case-grid-angle:12deg;--case-orbit-inset:auto -23rem -12rem auto;--case-orbit-size:38rem;--case-orbit-angle:-42deg;--case-lines-inset:auto auto 8rem -18rem;--case-lines-angle:31deg;--case-flare-inset:12% auto auto 88%}.references-main .case-agency{--case-glow-inset:-18rem auto auto 22%;--case-glow-size:48rem;--case-beam-inset:42% auto auto -2%;--case-beam-angle:19deg;--case-beam-height:45%;--case-grid-inset:auto -15rem 19% auto;--case-grid-angle:28deg;--case-orbit-inset:6% auto auto -21rem;--case-orbit-size:36rem;--case-orbit-angle:41deg;--case-lines-inset:auto auto 3% -12rem;--case-lines-angle:-14deg;--case-flare-inset:45% auto auto 95%}.references-main .case-software{--case-glow-inset:32% -28rem auto auto;--case-beam-inset:10% 8% auto auto;--case-beam-angle:-48deg;--case-beam-height:40%;--case-grid-inset:auto auto 7% -13rem;--case-grid-angle:-32deg;--case-orbit-inset:24% -27rem auto auto;--case-orbit-size:45rem;--case-orbit-angle:-12deg;--case-lines-inset:15% auto auto -21rem;--case-lines-angle:42deg;--case-flare-inset:68% auto auto 7%}.references-main .reference-own{--case-glow-inset:-24rem -18rem auto auto;--case-beam-inset:-18% auto auto -6%;--case-beam-angle:-16deg;--case-flare-inset:77% auto auto 88%;background:radial-gradient(circle at 76% 46%,#00e5ff0b,#0000 25rem),linear-gradient(145deg,#071426,#0d2033 72%,#101d31);overflow:hidden}.references-main .reference-own-layout{z-index:1;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(3rem,8vw,8rem);position:relative}.reference-own-copy h2{letter-spacing:-.055em;font-size:clamp(3rem,6vw,6rem);line-height:.94}.reference-own-copy h3{letter-spacing:-.035em;max-width:15ch;margin-top:2rem;font-size:clamp(1.55rem,2.6vw,2.45rem);font-weight:500}.reference-own-copy>p{max-width:39rem;margin-top:1.25rem}.reference-own-actions{flex-wrap:wrap;align-items:center;gap:1.3rem 2rem;margin-top:2rem;display:flex}.reference-own-actions .button{margin:0}.reference-own-system{isolation:isolate;min-height:38rem;position:relative}.reference-own-system:before,.reference-own-system:after{content:"";z-index:-1;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.reference-own-system:before{border:1px solid #00e5ff35;width:24rem;height:24rem;box-shadow:inset 0 0 4rem #00e5ff08}.reference-own-system:after{border:1px dashed #ff980021;width:34rem;height:34rem;animation:44s linear infinite reference-own-orbit}.own-system-core{z-index:3;text-align:center;background:radial-gradient(circle at 40% 34%,#174056,#071426 72%);border:1px solid #00e5ff70;border-radius:50%;place-content:center;width:11rem;height:11rem;padding:1rem;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 3.5rem #00e5ff18}.own-system-core small{color:var(--cyan);font-size:.65rem}.own-system-core strong{color:var(--white);margin-top:.25rem;font-size:1.2rem;font-weight:500}.own-system-core span{color:#8ea1b4;margin-top:.35rem;font-size:.65rem}.own-system-node{z-index:3;background:#09192de8;border:1px solid #89bdd33b;min-width:10.5rem;padding:.8rem 1rem;position:absolute;box-shadow:0 1rem 2.8rem #0005}.own-system-node small{color:var(--orange);font-size:.62rem;display:block}.own-system-node strong{color:#dbe5ee;margin-top:.25rem;font-size:.8rem;font-weight:500;display:block}.own-system-home{top:11%;left:2%}.own-system-services{top:18%;right:0}.own-system-knowledge{bottom:15%;left:0}.own-system-cms{border-color:#ff980045;bottom:9%;right:3%}.reference-own-system>i{z-index:1;transform-origin:50% 0;background:linear-gradient(#00e5ff74,#0000);width:1px;height:32%;position:absolute;top:50%;left:50%}.reference-own-system>i:first-of-type{rotate:40deg}.reference-own-system>i:nth-of-type(2){rotate:133deg}.reference-own-system>i:nth-of-type(3){rotate:223deg}.reference-own-system>i:nth-of-type(4){background:linear-gradient(#ff98006c,#0000);rotate:314deg}.reference-own-facts{z-index:1;border-block:1px solid #84b6cc2b;grid-template-columns:repeat(4,1fr);margin-top:4rem;display:grid;position:relative}.reference-own-facts>div{border-right:1px solid #84b6cc2b;padding:1.2rem 1.5rem}.reference-own-facts>div:first-child{padding-left:0}.reference-own-facts>div:last-child{border-right:0}.reference-own-facts dt{color:#7f93a8;font-size:.65rem}.reference-own-facts dd{color:#d4dee8;margin:.35rem 0 0;font-size:.78rem}@keyframes reference-own-orbit{to{rotate:360deg}}.references-main .references-close{--case-glow-inset:auto auto -27rem -14rem;--case-beam-inset:-16% 2% auto auto;--case-beam-angle:44deg;--case-flare-inset:20% auto auto 94%}.references-main :is(.case,.reference-own,.references-close) .atmosphere-glow{inset:var(--case-glow-inset);width:var(--case-glow-size,56rem);height:var(--case-glow-size,56rem);opacity:.8}.references-main :is(.case,.reference-own,.references-close) .atmosphere-beam{inset:var(--case-beam-inset);width:9rem;height:var(--case-beam-height,70%);transform:rotate(var(--case-beam-angle));animation:24s ease-in-out infinite alternate reference-beam-drift}.references-main :is(.case,.reference-own,.references-close) .atmosphere-flare{inset:var(--case-flare-inset);animation-duration:9s}.references-main .case .atmosphere-grid{inset:var(--case-grid-inset);transform:perspective(45rem) rotateY(-20deg) rotateZ(var(--case-grid-angle));opacity:.7;animation-duration:38s}.references-main .case .atmosphere-orbits{inset:var(--case-orbit-inset);width:var(--case-orbit-size);height:var(--case-orbit-size);transform:rotate(var(--case-orbit-angle));opacity:.7}.references-main .case .atmosphere-orbits i{animation-duration:28s}.references-main .case .atmosphere-lines{inset:var(--case-lines-inset);width:30rem;height:8rem;transform:rotate(var(--case-lines-angle));opacity:.6}.references-main .case .atmosphere-lines i{animation-duration:17s}.references-main .case .atmosphere-particles{opacity:.6}.references-main :is(.case-tattoo,.case-agency) .atmosphere-particles{transform:scaleX(-1)}.references-main :is(.case-transport,.case-software) .atmosphere-particles{transform:rotate(180deg)}@keyframes reference-beam-drift{0%{opacity:.3;transform:translateX(-10%) rotate(var(--case-beam-angle))}to{opacity:.6;transform:translateX(10%) rotate(var(--case-beam-angle))}}@media (max-width:768px){.references-main :is(.case,.reference-own,.references-close) .atmosphere-glow{opacity:.6;width:38rem;height:38rem}.references-main :is(.case,.reference-own,.references-close) .atmosphere-beam{width:5rem}.references-main .case .atmosphere-grid{opacity:.4;width:22rem;height:20rem}.references-main .case .atmosphere-particles{opacity:.4}.references-main .reference-own-layout{grid-template-columns:1fr}.reference-own-copy h2{font-size:clamp(2.8rem,14vw,4.3rem)}.reference-own-system{min-height:31rem}.reference-own-system:before{width:17rem;height:17rem}.reference-own-system:after{width:23rem;height:23rem}.own-system-core{width:8.2rem;height:8.2rem}.own-system-core strong{font-size:.95rem}.own-system-node{min-width:8rem;padding:.6rem .7rem}.own-system-node strong{font-size:.69rem}.own-system-home{top:7%;left:0}.own-system-services{top:12%;right:0}.own-system-knowledge{bottom:12%;left:0}.own-system-cms{bottom:7%;right:0}.reference-own-facts{grid-template-columns:1fr 1fr;margin-top:2.5rem}.reference-own-facts>div,.reference-own-facts>div:first-child{border-bottom:1px solid #84b6cc2b;padding:1rem}.reference-own-facts>div:nth-child(2n){border-right:0}.reference-own-facts>div:nth-last-child(-n+2){border-bottom:0}}@media (prefers-reduced-motion:reduce){.references-main :is(.case,.reference-own,.references-close) .atmosphere-beam{opacity:.4;animation:none}.reference-own-system:after{animation:none}}
