body:has(.archive-playground-reference){overscroll-behavior:none}body:has(.archive-playground-reference) .span-w-1{width:14.177777777777777vw}body:has(.archive-playground-reference) .span-w-3{width:46.800000000000004vw}body:has(.archive-playground-reference) .gutter-gap-1{gap:2.1333333333333333vw;column-gap:2.1333333333333333vw;row-gap:2.1333333333333333vw}body:has(.archive-playground-reference) .padding-x-1{padding-right:2.1333333333333333vw;padding-left:2.1333333333333333vw}@media (min-width:768px){body:has(.archive-playground-reference) .span-w-1{width:7.204861111111112vw}body:has(.archive-playground-reference) .span-w-3{width:23.697916666666664vw}body:has(.archive-playground-reference) .gutter-gap-1{gap:1.0416666666666665vw;column-gap:1.0416666666666665vw;row-gap:1.0416666666666665vw}body:has(.archive-playground-reference) .padding-x-1{padding-right:1.0416666666666665vw;padding-left:1.0416666666666665vw}}@media (min-width:1024px){body:has(.archive-playground-reference) .span-w-1{width:7.731481481481481vw}body:has(.archive-playground-reference) .span-w-3{width:24.305555555555554vw}body:has(.archive-playground-reference) .gutter-gap-1{gap:.5555555555555556vw;column-gap:.5555555555555556vw;row-gap:.5555555555555556vw}body:has(.archive-playground-reference) .padding-x-1{padding-right:.5555555555555556vw;padding-left:.5555555555555556vw}}.archive-playground-reference{width:100vw;height:-moz-fit-content;height:fit-content;overflow:hidden;background:var(--page-bg);color:var(--page-text);-moz-user-select:none;user-select:none;-webkit-user-select:none}.archive-playground-reference .relative{position:relative}.archive-playground-reference .w-fit{width:-moz-fit-content;width:fit-content}.archive-playground-reference .h-fit{height:-moz-fit-content;height:fit-content}.archive-playground-reference .h-101vh{height:101vh}.archive-playground-reference .flex{display:flex}.archive-playground-reference .flex-wrap{flex-wrap:wrap}.archive-playground-reference #scrollContainer{z-index:49}.archive-playground-reference #webgl{position:fixed;top:0;left:0;z-index:49;width:100vw;height:100vh;pointer-events:none}.archive-playground-reference .loader-shell{position:fixed;top:50%;left:50%;z-index:5000;width:8px;height:8px;border:1px solid var(--page-text);transform:translate(-50%,-50%);transform-origin:bottom;transition-duration:.2s;transition-timing-function:ease-in-out}.archive-playground-reference #loaderBar{display:block;width:100%;height:100%;background:var(--page-text);transform:scaleY(0);transform-origin:bottom}.archive-playground-reference .loader-caption{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--page-text);opacity:.55}.inline-player{position:fixed;z-index:60;display:flex;flex-direction:column}.inline-player__frame{position:relative;width:100%;background:#000}.inline-player__frame video{width:100%;height:100%;object-fit:cover;display:block}.inline-player__close{position:absolute;top:8px;right:8px;padding:6px 8px;font-size:13px;line-height:1;color:#fff;background:rgba(0,0,0,.35);border:none;cursor:pointer;opacity:.8;transition:opacity .15s ease}.inline-player__close:hover{opacity:1}.inline-player__title{position:absolute;bottom:calc(100% + 8px);left:0;margin:0;letter-spacing:.14em;opacity:.6;pointer-events:none}.inline-player__bar,.inline-player__title{font-size:10px;text-transform:uppercase;color:var(--page-text)}.inline-player__bar{display:flex;align-items:center;gap:12px;margin-top:10px;letter-spacing:.12em}.inline-player__btn{padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:none;cursor:pointer;opacity:.85;transition:opacity .15s ease}.inline-player__btn:hover{opacity:1}.inline-player__btn.is-muted{text-decoration:line-through;opacity:.5}.inline-player__seek{flex:1 1;height:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:color-mix(in srgb,var(--page-text) 25%,transparent);accent-color:var(--page-text);cursor:pointer}.inline-player__seek::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;background:var(--page-text);border-radius:0}.inline-player__time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.6;white-space:nowrap}.mobile-video{position:relative;cursor:pointer}.mobile-video img,.mobile-video video{display:block;width:100%;height:auto}.mobile-video__badge{position:absolute;bottom:8px;left:8px;padding:4px 8px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.45);pointer-events:none}.archive-playground-reference .crosshair-layer{position:fixed;top:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;pointer-events:none;mix-blend-mode:difference}.archive-playground-reference .crosshair-layer.is-behind{z-index:48}.archive-playground-reference .crosshair-axis,.archive-playground-reference .crosshair-point{position:fixed;top:50%;left:50%;z-index:100;cursor:pointer;transform:translate(-50%,-50%)}.archive-playground-reference .crosshair-axis{width:20px;height:20px;pointer-events:auto}.archive-playground-reference .crosshair-axis-line{position:absolute;display:block;background:#fff;transform-origin:center}.archive-playground-reference .crosshair-axis-line--horizontal{top:calc(50% - .5px);left:0;width:20px;height:1px;transform:scaleX(.4)}.archive-playground-reference .crosshair-axis-line--vertical{top:0;left:calc(50% - .5px);width:1px;height:20px;transform:scaleY(.4)}.archive-playground-reference .crosshair-point{width:3px;height:3px;border-radius:50%;background:#fff;opacity:.35;pointer-events:none}.archive-playground-reference #pixelText{position:absolute;top:50%;left:0;width:-moz-fit-content;width:fit-content;padding-left:16px;overflow:hidden;color:#fff;font-size:11px;font-weight:500;text-transform:uppercase;white-space:nowrap;transform:translateY(-50%)}.archive-playground-reference #projectText{display:block;transform:translateY(100%)}.archive-playground-reference #moveArrow{position:fixed;bottom:5%;z-index:50;display:flex;gap:32px;align-items:center;justify-content:center;width:100vw;opacity:0;pointer-events:none;transform:translateY(-50%)}.archive-playground-reference .move-arrow-text{color:var(--page-text);font-size:11px;font-weight:500;line-height:110%;opacity:.2}.archive-playground-reference .mobile-grid{display:none;min-height:100vh;padding-top:36px;padding-bottom:36px;opacity:0;transition:opacity .5s}.archive-playground-reference .mobile-grid>div{margin-bottom:16px}.archive-playground-reference .mobile-grid img,.archive-playground-reference .mobile-grid video{display:block;width:46.800000000000004vw;height:auto}.archive-playground-empty{display:grid;min-height:calc(100svh - var(--nav-height));place-items:center}@media (max-width:767px){.archive-playground-reference #desktopRoot{display:none}.archive-playground-reference .mobile-grid{display:flex}.archive-playground-reference #moveArrow{display:none}.archive-playground-reference #projectText{opacity:0}}@media (prefers-reduced-motion:reduce){.archive-playground-reference .mobile-grid{transition:none}}