.morph-slider{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#0c0c0e;width:100%;height:100%;position:relative;overflow:hidden}.morph-slider-stage{cursor:grab;outline:none;position:absolute;inset:0}.morph-slider-stage:active{cursor:grabbing}.morph-slider-stage:focus-visible{box-shadow:inset 0 0 0 2px #ffffffb3}.morph-slider-canvas{width:100%;height:100%;display:block}.morph-slider-caption{z-index:2;pointer-events:none;max-width:70%;display:grid;position:absolute;bottom:22px;left:22px}.morph-slider-caption-text{letter-spacing:.01em;color:#fff;-webkit-backdrop-filter:blur(8px);opacity:0;filter:blur(6px);transition:opacity var(--ms-swap) cubic-bezier(.16, 1, .3, 1), transform var(--ms-swap) cubic-bezier(.16, 1, .3, 1), filter var(--ms-swap) cubic-bezier(.16, 1, .3, 1);background:#0a0a0c6b;border-radius:10px;grid-area:1/1;justify-self:start;padding:8px 14px;font-size:15px;font-weight:400;display:inline-block;transform:translateY(12px)}.morph-slider-caption-text.is-active{opacity:1;filter:blur();transform:translateY(0)}.morph-slider-controls{z-index:3;pointer-events:none;justify-content:space-between;padding:0 16px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.morph-slider-btn{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#0c0c0e66;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s;display:inline-flex}.morph-slider-btn:hover{background:#18181c99;border-color:#ffffff80;transform:scale(1.06)}.morph-slider-btn:active{transform:scale(.96)}.morph-slider-btn:focus-visible{outline-offset:2px;outline:2px solid #fffc}.morph-slider-indicators{z-index:3;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:0;right:0}.morph-slider-dot{cursor:pointer;width:8px;height:8px;transition:width var(--ms-dot) cubic-bezier(.16, 1, .3, 1), background var(--ms-dot) ease;background:#ffffff59;border:none;border-radius:999px;padding:0}.morph-slider-dot.is-active{background:#fffffff2;width:22px}.morph-slider-dot:focus-visible{outline-offset:2px;outline:2px solid #fffc}@media (max-width:420px){.morph-slider-btn{width:34px;height:34px}.morph-slider-caption-text{font-size:13px}}@media (prefers-reduced-motion:reduce){.morph-slider-caption-text,.morph-slider-btn,.morph-slider-dot{transition:none;animation:none}}
.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%;--dw-side:0px;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, transparent 0%, #000 20%, #000 var(--dw-edge), transparent 100%), linear-gradient(to right, transparent 0, #000 var(--dw-side), #000 calc(100% - var(--dw-side)), transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, transparent 0%, #000 20%, #000 var(--dw-edge), transparent 100%), linear-gradient(to right, transparent 0, #000 var(--dw-side), #000 calc(100% - var(--dw-side)), transparent 100%);mask-image:radial-gradient(ellipse 78% 82% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, transparent 0%, #000 20%, #000 var(--dw-edge), transparent 100%), linear-gradient(to right, transparent 0, #000 var(--dw-side), #000 calc(100% - var(--dw-side)), transparent 100%);position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.drift-wall__plane{transform-style:preserve-3d;cursor:pointer;transform-origin:50%;will-change:transform;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;position:relative}.drift-wall__track{will-change:transform;transform-style:preserve-3d;flex-direction:column;display:flex}.drift-wall__tile{width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));transform-style:preserve-3d;outline:none;flex:none;display:block;position:relative}.drift-wall__inner{inset:calc(var(--dw-gap) / 2);border-radius:var(--dw-radius);background:var(--surface);opacity:var(--dw-dim);pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;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;transition:filter .42s cubic-bezier(.22,1,.36,1),opacity .6s;display:block}.drift-wall__overlay{background:var(--dw-overlay);opacity:.42;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000b3}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0)saturate(1.05)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.kbd-nav .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}}