.reference-arc{--cylinder-card-width: 28rem;--cylinder-card-height: calc(var(--cylinder-card-width) * 1.25);--cylinder-radius: 32rem;--cylinder-perspective: 45rem;position:relative;min-height:clamp(30rem,46vw,42rem);isolation:isolate;overflow:hidden}.reference-arc__halo{position:absolute;z-index:-2;width:72%;aspect-ratio:1;left:50%;bottom:4%;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 50% 55%,rgba(30,211,232,.18),rgba(23,107,255,.1) 42%,transparent 69%);filter:blur(3px)}.reference-arc__guide{position:absolute;z-index:-1;width:112%;height:53%;left:-6%;bottom:-17%;border:1px solid rgba(23,107,255,.25);border-top-color:#1ed3e894;border-radius:50% 50% 0 0;transform:perspective(1200px) rotateX(51deg)}.reference-arc__cylinder-viewport{position:absolute;width:min(108rem,118vw);height:42rem;left:50%;top:0;overflow:hidden;transform:translate(-50%);perspective:var(--cylinder-perspective);perspective-origin:50% 50%;isolation:isolate}.reference-arc__cylinder-glow{position:absolute;left:50%;top:53%;width:45rem;height:27.5rem;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(30,211,232,.22) 0%,rgba(23,107,255,.11) 42%,transparent 72%);filter:blur(35px);pointer-events:none}.reference-arc__cylinder-ring{position:absolute;left:0;top:5.75rem;width:100%;height:var(--cylinder-card-height);transform-style:preserve-3d;will-change:transform;animation:reference-cylinder-spin 40s linear infinite}.reference-arc__cylinder-card{position:absolute;left:50%;top:50%;width:var(--cylinder-card-width);height:var(--cylinder-card-height);margin-left:calc(var(--cylinder-card-width) / -2);margin-top:calc(var(--cylinder-card-height) / -2);overflow:hidden;border-radius:1.25rem;backface-visibility:hidden;transform:rotateY(var(--cylinder-angle)) translateZ(calc(var(--cylinder-radius) * -1));transform-style:preserve-3d}.reference-arc__tile{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:inherit;background:#06131d;box-shadow:0 1.35rem 2.4rem #082b522e;transition:border-color .22s ease,box-shadow .22s ease,transform .26s cubic-bezier(.23,1,.32,1)}.reference-arc__tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform .42s cubic-bezier(.23,1,.32,1),filter .22s ease}.reference-arc__shade{position:absolute;inset:0;background:linear-gradient(180deg,#082c4c1f,#05183814 34%,#051838c2)}.reference-arc__client{position:absolute;top:.62rem;right:.58rem;left:.58rem;color:#ffffffe6;font:700 .55rem/1.1 Jost,Arial,sans-serif;letter-spacing:.075em;text-shadow:0 1px .55rem rgba(0,0,0,.55);text-transform:uppercase}.reference-arc__label{position:absolute;right:.58rem;bottom:.62rem;left:.58rem;color:#fff;font:800 .76rem/1.08 Jost,Arial,sans-serif;letter-spacing:-.015em;text-shadow:0 1px .65rem rgba(0,0,0,.64)}.reference-arc__tile:hover,.reference-arc__tile:focus-visible{border-color:#1ed3e8;box-shadow:0 1.75rem 3rem #082b5247;outline:none;transform:translateY(-6px)}.reference-arc__tile:hover img,.reference-arc__tile:focus-visible img{transform:scale(1.045);filter:saturate(1.02) contrast(1.06)}.reference-arc__tile:focus-visible{outline:3px solid #176bff;outline-offset:4px}.reference-arc__mobile-coverflow{display:none}.reference-arc--editorial{--cylinder-card-width: clamp(19rem, 24.45vw, 22rem);--cylinder-card-height: calc(var(--cylinder-card-width) * 1.428571);--cylinder-radius: clamp(39rem, 51vw, 46rem);--cylinder-perspective: 37.5rem;min-height:clamp(35rem,46.7vw,42rem);background:transparent;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 88%,transparent 100%)}.reference-arc--editorial .reference-arc__halo{display:none;z-index:-2;width:min(54rem,66vw);bottom:-9%;opacity:.92;background:radial-gradient(ellipse at 50% 44%,rgba(31,217,238,.34),rgba(23,107,255,.19) 35%,rgba(9,44,76,.08) 58%,transparent 74%);filter:blur(22px)}.reference-arc--editorial .reference-arc__guide{display:none}.reference-arc--editorial .reference-arc__dot-surface{position:absolute;z-index:0;width:min(82rem,98vw);height:84%;left:50%;top:7%;overflow:hidden;opacity:.88;pointer-events:none;transform:translate(-50%) perspective(60rem) rotateX(51deg) translateY(0) scaleY(1);transform-origin:50% 50%;mask-image:radial-gradient(ellipse 59% 67% at 50% 50%,#000 0%,rgba(0,0,0,.92) 42%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 59% 67% at 50% 50%,#000 0%,rgba(0,0,0,.92) 42%,transparent 80%);will-change:transform}.reference-arc--editorial .reference-arc__cylinder-viewport{width:min(112rem,136vw);height:clamp(35rem,46.7vw,42rem);z-index:2;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 19%,#000 81%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 19%,#000 81%,transparent 100%)}.reference-arc--editorial .reference-arc__cylinder-glow{display:none;z-index:0;top:52%;width:min(44rem,56vw);height:min(28rem,36vw);background:radial-gradient(ellipse at center,rgba(30,211,232,.31) 0%,rgba(23,107,255,.17) 35%,rgba(23,107,255,.04) 62%,transparent 75%);filter:blur(40px)}.reference-arc--editorial .reference-arc__particles{display:none;position:absolute;z-index:1;width:min(74rem,92vw);height:82%;left:50%;top:9%;overflow:hidden;transform:translate(-50%) translateZ(-1px);pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 0%,#000 54%,transparent 87%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#000 54%,transparent 87%)}.reference-arc--editorial .reference-arc__particles:before{content:"";position:absolute;inset:18% 24%;border-radius:50%;background:radial-gradient(ellipse,rgba(23,107,255,.18),rgba(22,183,255,.07) 42%,transparent 72%);filter:blur(22px)}.reference-arc--editorial .reference-arc__particles span{position:absolute;width:var(--particle-size);aspect-ratio:1;left:var(--particle-x);top:var(--particle-y);border-radius:50%;opacity:var(--particle-opacity);background:#43c8ff;box-shadow:0 0 .7rem #47c4fff5,0 0 1.8rem #176bffad;filter:blur(var(--particle-blur));transform:translateZ(0) scale(.82);animation:editorial-particle-drift var(--particle-duration) ease-in-out var(--particle-delay) infinite alternate}.reference-arc--editorial .reference-arc__particles span:nth-child(6n){background:#8aeaff;box-shadow:0 0 .85rem #5cdeff,0 0 2.4rem #176bffcc}.reference-arc--editorial .reference-arc__cylinder-glow:before{content:"";position:absolute;top:14%;bottom:8%;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(151,244,255,.95) 24%,#1ed3e8 54%,rgba(23,107,255,.22) 82%,transparent);box-shadow:0 0 .8rem #1ed3e8f2,0 0 3rem #176bff8c,0 0 7rem #1ed3e847}.reference-arc--editorial .reference-arc__cylinder-glow:after{content:"";position:absolute;left:calc(50% + 1.25rem);top:53%;width:.28rem;aspect-ratio:1;border-radius:50%;background:#f2d52e;box-shadow:0 0 1.1rem #f2d52edb}.reference-arc--editorial .reference-arc__cylinder-ring{z-index:2;top:calc((100% - var(--cylinder-card-height)) / 2);animation-duration:60s;pointer-events:none}.reference-arc--editorial .reference-arc__cylinder-card{border-radius:clamp(1rem,1.4vw,1.25rem);pointer-events:none}.reference-arc--editorial .reference-arc__tile{border-color:#d6f4ff3d;background:#020a12;box-shadow:0 1.5rem 4rem #00000080,inset 0 0 0 1px #ffffff09;cursor:default;pointer-events:none}.reference-arc--editorial .reference-arc__tile img{filter:none;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.reference-arc--editorial .reference-arc__shade{background:linear-gradient(180deg,#00081200 54%,#01091324)}.reference-arc--editorial .reference-arc__tile:hover img,.reference-arc--editorial .reference-arc__tile:focus-visible img{filter:none}@keyframes reference-cylinder-spin{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}@keyframes editorial-particle-drift{0%{transform:translateZ(0) scale(.76);opacity:calc(var(--particle-opacity) * .58)}46%{transform:translate3d(calc(var(--particle-drift-x) * -.42),calc(var(--particle-drift-y) * -.3),0) scale(1.12);opacity:var(--particle-opacity)}to{transform:translate3d(var(--particle-drift-x),var(--particle-drift-y),0) scale(.9);opacity:calc(var(--particle-opacity) * .72)}}@media (max-width: 1024px){.reference-arc{--cylinder-card-width: 21.5rem;--cylinder-radius: 27rem;--cylinder-perspective: 36rem;min-height:34rem}.reference-arc__cylinder-viewport{height:34rem;width:min(96rem,140vw)}.reference-arc__cylinder-ring{top:4.2rem}.reference-arc--editorial{--cylinder-card-width: clamp(16rem, 34vw, 19rem);--cylinder-radius: clamp(31rem, 58vw, 36rem);--cylinder-perspective: 34rem;min-height:37rem}.reference-arc--editorial .reference-arc__cylinder-viewport{width:154vw;height:37rem}.reference-arc--editorial .reference-arc__cylinder-ring{top:calc((100% - var(--cylinder-card-height)) / 2)}}@media (max-width: 720px){.reference-arc{--cylinder-card-width: 15.5rem;--cylinder-radius: 20.5rem;--cylinder-perspective: 28.75rem;min-height:26rem;margin-inline:-1rem}.reference-arc__halo{width:90%}.reference-arc__guide{width:126%;left:-13%;height:49%}.reference-arc__cylinder-viewport{width:50rem;height:26rem}.reference-arc__cylinder-ring{top:2.3rem}.reference-arc__client{top:.45rem;right:.42rem;left:.42rem;font-size:.39rem}.reference-arc__label{right:.42rem;bottom:.45rem;left:.42rem;font-size:.54rem}.reference-arc--editorial{--cylinder-card-width: 10rem;--cylinder-radius: 13rem;--cylinder-perspective: 13rem;min-height:29rem}.reference-arc--editorial .reference-arc__cylinder-viewport{width:52rem;height:29rem;mask-image:linear-gradient(90deg,transparent 0%,#000 3%,#000 97%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 3%,#000 97%,transparent 100%)}.reference-arc--editorial .reference-arc__cylinder-ring{top:calc((100% - var(--cylinder-card-height)) / 2)}.reference-arc--editorial .reference-arc__halo{width:34rem}.reference-arc--editorial .reference-arc__cylinder-glow{width:23rem;height:18rem}.reference-arc--editorial .reference-arc__particles{width:36rem;height:74%;top:13%}}@media (max-width: 767px){.reference-arc--editorial{width:100vw;height:clamp(17.5rem,82.667vw,19.375rem);min-height:clamp(17.5rem,82.667vw,19.375rem);margin-inline:calc(50% - 50vw);overflow:hidden;mask-image:none;-webkit-mask-image:none}.reference-arc--editorial .reference-arc__halo,.reference-arc--editorial .reference-arc__guide{display:none}.reference-arc--editorial .reference-arc__cylinder-viewport{width:100vw;height:100%;left:50%;top:0;overflow:hidden;perspective:56.25rem;perspective-origin:50% 50%;pointer-events:auto;mask-image:none;-webkit-mask-image:none}.reference-arc--editorial .reference-arc__cylinder-ring{display:none}.reference-arc--editorial .reference-arc__dot-surface{width:80vw;height:72%;top:12%;opacity:.52;mask-image:radial-gradient(ellipse 60% 70% at 50% 55%,#000 0%,rgba(0,0,0,.88) 40%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 55%,#000 0%,rgba(0,0,0,.88) 40%,transparent 76%)}.reference-arc--editorial .reference-arc__cylinder-glow{width:70vw;height:72%;top:56%;opacity:.78;filter:blur(31px)}.reference-arc--editorial .reference-arc__cylinder-glow:before,.reference-arc--editorial .reference-arc__cylinder-glow:after{display:none}.reference-arc--editorial .reference-arc__particles{width:100vw;height:100%;top:0;z-index:1;transform:translate(-50%);mask-image:radial-gradient(ellipse at center,#000 0%,#000 66%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#000 66%,transparent 100%)}.reference-arc--editorial .reference-arc__mobile-coverflow{position:absolute;z-index:3;inset:0;display:block;touch-action:pan-y;outline:none}.reference-arc--editorial .reference-arc__mobile-coverflow:focus-visible{outline:2px solid rgba(30,211,232,.9);outline-offset:-2px}.reference-arc--editorial .reference-arc__mobile-card{position:absolute;top:50%;left:50%;width:min(58vw,14.5rem);aspect-ratio:3 / 4;overflow:hidden;border-radius:1rem;backface-visibility:hidden;transform-origin:50% 50%;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,visibility 0s linear .5s;will-change:transform,opacity}.reference-arc--editorial .reference-arc__mobile-card .reference-arc__tile{box-shadow:0 1.35rem 2.8rem #0000008a,inset 0 0 0 1px #bbefff26}.reference-arc--editorial .reference-arc__mobile-card .reference-arc__shade{background:linear-gradient(180deg,#00081203,#0109132b)}.reference-arc--editorial .reference-arc__mobile-card.is-active{z-index:30;opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);will-change:auto;-webkit-backface-visibility:visible;backface-visibility:visible}.reference-arc--editorial .reference-arc__mobile-card.is-active .reference-arc__tile,.reference-arc--editorial .reference-arc__mobile-card.is-active img{transform:none;filter:none;-webkit-backface-visibility:visible;backface-visibility:visible}.reference-arc--editorial .reference-arc__mobile-card.is-prev,.reference-arc--editorial .reference-arc__mobile-card.is-next{z-index:20;width:min(46vw,11.5rem);opacity:.76;visibility:visible}.reference-arc--editorial .reference-arc__mobile-card.is-prev{transform:translate(calc(-50% - 52vw),-50%) rotateY(18deg) scale(.82)}.reference-arc--editorial .reference-arc__mobile-card.is-next{transform:translate(calc(-50% + 52vw),-50%) rotateY(-18deg) scale(.82)}.reference-arc--editorial .reference-arc__mobile-card.is-hidden{z-index:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.72)}}@media (prefers-reduced-motion: reduce){.reference-arc__cylinder-ring{animation:none;transform:rotateY(0)}.reference-arc--editorial .reference-arc__particles span{animation:none}.reference-arc--editorial .reference-arc__mobile-card,.reference-arc__tile,.reference-arc__tile img{transition:none}.reference-arc__tile:hover,.reference-arc__tile:focus-visible{transform:none}}