.drift-wall{width:100%;height:100%;perspective:var(--dw-perspective,1200px);perspective-origin:50%;--dw-tile-w:200px;--dw-tile-h:132px;--dw-gap:18px;--dw-radius:14px;--dw-lift:64px;--dw-dim:.55;--dw-gray:0;--dw-overlay:#060010;--dw-edge:40%;-webkit-mask-image:radial-gradient(ellipse 96% 92% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(ellipse 96% 92% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);mask-image:radial-gradient(ellipse 96% 92% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);contain:layout paint;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.drift-wall.is-dragging,.drift-wall.is-dragging *{cursor:grabbing!important}.drift-wall.is-dragging .drift-wall__tile,.drift-wall.is-dragging .drift-wall__inner,.drift-wall.is-dragging .drift-wall__tile img,.drift-wall.is-dragging .drift-wall__overlay{transition:none!important}.drift-wall__plane{transform-style:preserve-3d;transform-origin:50%;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:inherit;pointer-events:none;flex-direction:row;display:flex;position:absolute;top:50%;left:50%}.drift-wall__col{width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d;pointer-events:none;position:relative}.drift-wall__track{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;cursor:inherit;pointer-events:none;flex-direction:column;display:flex}.drift-wall__tile{width:var(--dw-tile-w);height:var(--dw-tile-h);flex:0 0 var(--dw-tile-h);margin:calc(var(--dw-gap) / 2);transform-style:preserve-3d;cursor:pointer;pointer-events:auto;color:inherit;background:0 0;border:0;outline:none;padding:0;transition:transform .42s cubic-bezier(.22,1,.36,1);display:block;position:relative;transform:translateZ(0)}.drift-wall__inner{border-radius:var(--dw-radius);opacity:var(--dw-dim);pointer-events:none;cursor:inherit;background:#0b0b12;transition:opacity .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.drift-wall__tile img{object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray)) saturate(.92);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transition:filter .42s cubic-bezier(.22,1,.36,1);display:block}.drift-wall__overlay{background:var(--dw-overlay);opacity:.16;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}:is(.drift-wall__tile.is-active,.drift-wall__tile:focus-visible){transform:translateZ(var(--dw-lift))}:is(.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner){opacity:1;box-shadow:0 24px 60px -18px #000000b3}:is(.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img){filter:grayscale(0)saturate(1.05)}:is(.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay){opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #000000b3,0 0 0 2px #ffffffe6}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}.project-preview{z-index:90;background:#04060afb;place-items:center;padding:96px 48px 32px;display:grid;position:fixed;inset:0}.project-preview-close{z-index:2;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0a0c102e;border:1px solid #ffffff61;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;font-size:29px;line-height:1;transition:transform .26s cubic-bezier(.2,.8,.2,1),background .26s,border-color .26s;display:grid;position:fixed;top:92px;right:32px}.project-preview-close span{transition:transform .28s cubic-bezier(.2,.8,.2,1);display:block}.project-preview-close:hover{color:#090b0e;background:#ff9e55;border-color:#ff9e55;transform:scale(1.07)}.project-preview-close:hover span{transform:rotate(90deg)}.project-preview-close:active{transform:scale(.96)}.project-preview-close:focus-visible{outline-offset:3px;outline:2px solid #ffffffb8}.project-preview-single{place-items:center;width:min(1700px,100vw - 96px);height:calc(100vh - 128px);display:grid}.project-preview-single img{object-fit:contain;border-radius:26px;width:100%;height:100%;display:block}.project-preview-scroll-shell{border-radius:26px;width:min(1700px,86vw);height:calc(100vh - 128px);position:relative;overflow:hidden}.project-preview-scroll{overscroll-behavior:contain;scrollbar-width:none;width:100%;height:100%;overflow-y:auto}.project-preview-scroll::-webkit-scrollbar{display:none}.project-liquid-scrollbar{z-index:3;opacity:.72;cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:999px;width:30px;transition:opacity .24s;position:absolute;top:14px;bottom:14px;right:3px}.project-liquid-scrollbar:before{content:"";-webkit-backdrop-filter:blur(16px)saturate(145%);backdrop-filter:blur(16px)saturate(145%);pointer-events:none;background:#ffffff1f;border:1px solid #ffffff5c;border-radius:999px;position:absolute;inset:0 9px;box-shadow:inset 1px 0 #ffffff4d,0 4px 14px #0003}.project-preview-scroll-shell:hover .project-liquid-scrollbar,.project-liquid-scrollbar.is-active{opacity:1}.project-liquid-scrollbar>span{cursor:grab;touch-action:none;background:0 0;border-radius:999px;min-height:52px;position:absolute;inset:0 0 auto}.project-liquid-scrollbar>span:before{content:"";-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);pointer-events:none;background:linear-gradient(90deg,#ffffff8a,#ffffff3d);border:1px solid #ffffffc7;border-radius:999px;transition:background .2s,border-color .2s;position:absolute;inset:0 10px;box-shadow:inset 1px 0 #ffffff85,0 5px 16px #0000003d}.project-liquid-scrollbar>span:hover:before,.project-liquid-scrollbar>span:active:before{background:linear-gradient(90deg,#ffffffb3,#ffffff57);border-color:#fffffff5}.project-liquid-scrollbar>span:active{cursor:grabbing}.project-preview-long{background:#fff;width:100%}.project-preview-long img{width:100%;height:auto;margin:0;display:block}.project-preview-frame{margin:0}.project-preview-long.has-page-dividers .project-preview-frame:not(:last-child){position:relative}.project-preview-long.has-page-dividers .project-preview-frame:not(:last-child):after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#080c1224,#080c1200);height:10px;position:absolute;bottom:-10px;left:0;right:0}.project-preview-intro,.project-preview-frame figcaption{color:#ffffffb8;background:#0b0c0f;padding:clamp(28px,4vw,64px)}.project-preview-intro span{color:#ff9e55;letter-spacing:.18em;font-size:12px}.project-preview-intro h2{color:#fff;margin:14px 0 24px;font-size:clamp(32px,5vw,68px)}.project-preview-intro p,.project-preview-frame figcaption{text-wrap:pretty;font-size:clamp(14px,1.2vw,18px);line-height:1.9}.project-preview-intro p{max-width:900px;margin:0 0 12px}.project-preview-intro a{color:#ff9e55;margin-top:18px;display:inline-block}.project-preview-video{background:#000;width:100%;height:auto;display:block}@media (max-width:720px){.project-preview{padding:84px 16px 16px}.project-preview-close{width:44px;height:44px;top:84px;right:18px}.project-preview-single,.project-preview-scroll-shell{width:100%;height:calc(100svh - 100px)}.project-preview-scroll-shell,.project-preview-single img{border-radius:16px}.project-liquid-scrollbar{width:32px;top:10px;bottom:10px;right:0}}