.traces-collage{background:var(--background);color:var(--foreground);padding-block:clamp(4rem,9vh,6rem);position:relative;overflow:clip}.traces-collage__aura{pointer-events:none;background:radial-gradient(36% 40% at 50% 50%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 72%), radial-gradient(22% 26% at 10% 14%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 72%), radial-gradient(22% 26% at 90% 86%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 72%);position:absolute;inset:0}.traces-collage__stage{padding-inline:var(--page-gutter);position:relative}.traces-collage__header{z-index:30;text-align:center;max-width:34rem;margin-inline:auto;position:relative}.traces-collage__list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(.9rem,3vw,1.4rem);margin:clamp(2.5rem,7vh,3.5rem) 0 0;padding:0;list-style:none;display:grid}.traces-collage__item{rotate:var(--tilt,0deg);position:relative}.traces-collage__card{animation:traces-collage-float var(--float-duration,10s) ease-in-out var(--float-delay,0s) infinite;transition:scale .32s var(--ease-spring), rotate .32s var(--ease-spring);margin:0;position:relative}.traces-collage__frame{border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);background:var(--card);box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 10%, transparent), 0 1.4rem 2.6rem -1.6rem color-mix(in srgb, var(--foreground) 55%, transparent);border-radius:1.05rem;padding:.3rem;transition:box-shadow .32s;display:block;position:relative}.traces-collage__media{aspect-ratio:var(--ratio,4 / 5);background:color-mix(in srgb, var(--foreground) 8%, var(--background));border-radius:.78rem;display:block;position:relative;overflow:hidden}.traces-collage__image{object-fit:cover}.traces-collage__item:first-child{--x:7%;--y:17%;--w:min(14rem, 23svh);--tilt:-4deg;--ratio:4 / 5;--z:5;--float-duration:9.5s;--float-delay:-1.2s}.traces-collage__item:nth-child(2){--x:21%;--y:13%;--w:min(12rem, 19svh);--tilt:3deg;--ratio:3 / 4;--z:6;--float-duration:11s;--float-delay:-4.5s}.traces-collage__item:nth-child(3){--x:36%;--y:15%;--w:min(9.5rem, 15svh);--tilt:-6deg;--ratio:1 / 1;--z:3;--float-duration:8.5s;--float-delay:-2.4s}.traces-collage__item:nth-child(4){--x:63%;--y:10%;--w:min(9.5rem, 15svh);--tilt:5deg;--ratio:1 / 1;--z:3;--float-duration:10s;--float-delay:-6s}.traces-collage__item:nth-child(5){--x:79%;--y:14%;--w:min(12rem, 19svh);--tilt:-3deg;--ratio:4 / 5;--z:5;--float-duration:12s;--float-delay:-3.3s}.traces-collage__item:nth-child(6){--x:94%;--y:17%;--w:min(14rem, 23svh);--tilt:4deg;--ratio:3 / 4;--z:4;--float-duration:9s;--float-delay:-5.1s}.traces-collage__item:nth-child(7){--x:5%;--y:48%;--w:min(12rem, 19svh);--tilt:4deg;--ratio:3 / 4;--z:4;--float-duration:10.5s;--float-delay:-1.8s}.traces-collage__item:nth-child(8){--x:18%;--y:72%;--w:min(9.5rem, 15svh);--tilt:-5deg;--ratio:4 / 5;--z:3;--float-duration:8s;--float-delay:-3.9s}.traces-collage__item:nth-child(9){--x:82%;--y:49%;--w:min(12rem, 19svh);--tilt:-4deg;--ratio:4 / 5;--z:4;--float-duration:11.5s;--float-delay:-.6s}.traces-collage__item:nth-child(10){--x:69%;--y:76%;--w:min(9.5rem, 15svh);--tilt:5deg;--ratio:1 / 1;--z:3;--float-duration:9.5s;--float-delay:-4.2s}.traces-collage__item:nth-child(11){--x:9%;--y:88%;--w:min(14rem, 23svh);--tilt:-3deg;--ratio:4 / 5;--z:5;--float-duration:10s;--float-delay:-2.7s}.traces-collage__item:nth-child(12){--x:28%;--y:91%;--w:min(9.5rem, 15svh);--tilt:4deg;--ratio:1 / 1;--z:3;--float-duration:12.5s;--float-delay:-5.4s}.traces-collage__item:nth-child(13){--x:66%;--y:92%;--w:min(9.5rem, 15svh);--tilt:4deg;--ratio:1 / 1;--z:3;--float-duration:8.5s;--float-delay:-1.5s}.traces-collage__item:nth-child(14){--x:88%;--y:87%;--w:min(12rem, 19svh);--tilt:-5deg;--ratio:3 / 4;--z:4;--float-duration:11s;--float-delay:-3s}.traces-collage__item:nth-child(15){--x:47%;--y:86%;--w:min(13rem, 21svh);--tilt:-2deg;--ratio:3 / 4;--z:6;--float-duration:10s;--float-delay:-4.8s}@keyframes traces-collage-float{0%,to{translate:0}50%{translate:0 var(--float-distance,-.5rem)}}@media (max-width:63.999rem){.traces-collage__item:nth-child(2n){translate:0 1.1rem}.traces-collage__item--minor{display:none}}@media (min-width:64rem){.traces-collage{padding-block:0}.traces-collage__stage{width:min(100%,110rem);height:clamp(46rem,100svh,68rem);margin-inline:auto;padding-inline:0;overflow:clip}.traces-collage__header{width:min(36rem,80vw);position:absolute;top:50%;left:50%;translate:-50% -50%}.traces-collage__list{margin:0;display:block}.traces-collage__item{left:var(--x);top:var(--y);width:var(--w);z-index:var(--z,1);position:absolute;translate:-50% -50%}.traces-collage__drift{transform:translate3d(var(--parallax-x,0px), var(--parallax-y,0px), 0);will-change:transform}}@media (hover:hover) and (pointer:fine) and (min-width:64rem){.traces-collage__item:hover{z-index:24}.traces-collage__item:hover .traces-collage__card{rotate:calc(var(--tilt,0deg) * -1);scale:1.05}.traces-collage__item:hover .traces-collage__frame{box-shadow:0 2px 4px color-mix(in srgb, var(--foreground) 12%, transparent), 0 2.4rem 4rem -1.8rem color-mix(in srgb, var(--foreground) 62%, transparent)}}@media (prefers-reduced-motion:reduce){.traces-collage__card{animation:none}.traces-collage__drift{transform:none}}