.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-overlay-opacity:.42;--dw-edge:40%;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 calc(100% - var(--dw-edge)), #000 var(--dw-edge), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 calc(100% - var(--dw-edge)), #000 var(--dw-edge), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, #000 calc(100% - var(--dw-edge)), #000 var(--dw-edge), transparent 100%);position:relative;overflow:hidden}.drift-wall__plane{pointer-events:none;transform-style:preserve-3d;cursor:pointer;transform-origin:50%;will-change:transform;flex-direction:row;align-items:flex-start;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;transition:opacity .35s;display:flex}.drift-wall__tile{pointer-events:auto;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);opacity:var(--dw-dim);pointer-events:auto;background:0 0;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;overflow:hidden}.drift-wall__inner:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;will-change:opacity;background:#ffffff0f;transition:opacity .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #fffc}.drift-wall__tile img{object-fit:cover;width:100%;height:100%;transition:opacity .5s ease-out,transform .6s cubic-bezier(.22,1,.36,1),filter .5s ease-out;transition-delay:var(--dw-delay,0s);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.drift-wall__overlay{background:var(--dw-overlay);opacity:var(--dw-overlay-opacity);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,.drift-wall__tile.is-active .drift-wall__inner:after,.drift-wall__tile:focus-visible .drift-wall__inner:after{opacity:1}.drift-wall--lift .drift-wall__tile.is-active .drift-wall__inner,.drift-wall--lift .drift-wall__tile:focus-visible .drift-wall__inner{transform:translateZ(var(--dw-lift))}.drift-wall__tile img.is-loaded{opacity:1;filter:none;transform:none}.drift-wall--intro .drift-wall__tile img:not(.is-loaded){opacity:0;filter:blur(10px);transform:scale(1.06)}.drift-wall--gray .drift-wall__tile img.is-loaded{filter:grayscale()}.drift-wall--gray .drift-wall__tile.is-active img,.drift-wall--gray .drift-wall__tile:focus-visible img{filter:grayscale(0)}.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:after{box-shadow:inset 0 0 0 2px #fffffff2}.drift-wall--horizontal .drift-wall__plane{flex-direction:column}.drift-wall--horizontal .drift-wall__col{width:auto;height:calc(var(--dw-tile-h) + var(--dw-gap))}.drift-wall--horizontal .drift-wall__track{flex-direction:row}.drift-wall--horizontal .drift-wall__tile{width:calc(var(--dw-tile-w) + var(--dw-gap));height:calc(var(--dw-tile-h) + var(--dw-gap))}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}.drift-wall__tile img,.drift-wall--intro .drift-wall__tile img:not(.is-loaded){filter:none;transition:opacity .3s linear;transform:none}}
.dome{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%)}.dome:active{cursor:grabbing}.dome__stage{perspective:var(--dome-perspective);place-items:center;display:grid;position:absolute;inset:0}.dome__sphere{transform-style:preserve-3d;will-change:transform;position:relative}.dome__tile{backface-visibility:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity var(--dome-intro) ease-out, filter var(--dome-intro) ease-out;padding:6px;position:absolute;top:0;left:0}.dome__stage:not(.is-visible) .dome__tile{opacity:0;filter:blur(10px)}.dome__stage.is-visible .dome__tile{transition-delay:var(--dome-delay,0s)}.dome__tile img{object-fit:cover;pointer-events:none;backface-visibility:hidden;opacity:0;width:calc(100% - 12px);height:calc(100% - 12px);transition:opacity var(--dome-fade) ease;border-radius:18px;position:absolute;inset:6px}.dome__tile img[data-on="1"]{opacity:1}@media (hover:hover){.dome__tile:hover img[data-on="1"]{filter:brightness(1.12)}}
