.drift-wall{width:100%;height:38rem;perspective:var(--dw-perspective,1200px);perspective-origin:50%;--dw-tile-w:216px;--dw-tile-h:152px;--dw-gap:18px;--dw-radius:18px;--dw-lift:68px;--dw-dim:.72;--dw-gray:0;--dw-overlay:#173f3c;--dw-edge:40%;-webkit-mask-image:radial-gradient(ellipse 82% 82% at 50% 46%, #000 var(--dw-edge), transparent 100%);-webkit-mask-image:radial-gradient(ellipse 82% 82% at 50% 46%, #000 var(--dw-edge), transparent 100%);mask-image:radial-gradient(ellipse 82% 82% at 50% 46%, #000 var(--dw-edge), transparent 100%);position:relative;overflow:hidden}.drift-wall__plane{transform-style:preserve-3d;cursor:grab;transform-origin:50%;will-change:transform;flex-direction:row;display:flex;position:absolute;top:50%;left:50%}.drift-wall__column{width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d;position:relative}.drift-wall__track{transform-style:preserve-3d;will-change:transform;flex-direction:column;display:flex}.drift-wall__tile{width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));color:inherit;text-align:left;transform-style:preserve-3d;background:0 0;border:0;outline:none;flex:none;padding:0;display:block;position:relative}button.drift-wall__tile{cursor:zoom-in}.drift-wall__inner{inset:calc(var(--dw-gap) / 2);border-radius:var(--dw-radius);opacity:var(--dw-dim);pointer-events:none;background:#ffffff73;border:1px solid #ffffffa6;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);box-shadow:0 18px 36px -23px #0f3022b8}.drift-wall__tile img{object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray)) saturate(.94);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .42s cubic-bezier(.22,1,.36,1);display:block}.drift-wall__overlay{background:var(--dw-overlay);opacity:.25;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.drift-wall__title{right:calc(var(--dw-gap) / 2 + .5rem);bottom:calc(var(--dw-gap) / 2 + .45rem);left:calc(var(--dw-gap) / 2 + .5rem);z-index:2;color:#173f3c;text-overflow:ellipsis;white-space:nowrap;opacity:.9;pointer-events:none;font-size:.72rem;font-weight:800;line-height:1.2;transition:opacity .25s;position:absolute;overflow:hidden}:is(.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 28px 60px -18px #0a2a1d8c}:is(.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img){filter:grayscale(0)saturate(1.06)}:is(.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay){opacity:0}:is(.drift-wall__tile.is-active .drift-wall__title,.drift-wall__tile:focus-visible .drift-wall__title){opacity:1}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 28px 60px -18px #0a2a1d8c,0 0 0 3px #d7f06a}@media (max-width:640px){.drift-wall{height:31rem}}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}.depth-text{perspective:var(--depth-text-perspective);perspective-origin:50% 48%;isolation:isolate;display:inline-block}.depth-text__stage{transform-style:preserve-3d;transform-origin:50%;will-change:transform;place-items:center;display:inline-grid;position:relative;transform:rotateX(-2.4deg)rotateY(3.15deg)}.depth-text__layer,.depth-text__face{font-size:var(--depth-text-font-size);font-weight:var(--depth-text-font-weight);letter-spacing:-.065em;white-space:nowrap;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-kerning:normal;text-rendering:geometricprecision;grid-area:1/1;line-height:.86;display:inline-block}.depth-text__layer{z-index:0;filter:saturate(.95)brightness(.92);pointer-events:none;position:absolute;inset:0}.depth-text__face{z-index:1;color:var(--depth-text-face-color);text-shadow:var(--depth-text-shadow);position:relative;transform:translateZ(.6px)}@media (hover:hover) and (pointer:fine){.depth-text{cursor:default}}@media (prefers-reduced-motion:reduce){.depth-text__stage{will-change:auto}}.gradient-waves{width:100%;height:100%;position:relative;overflow:hidden}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--color-sensitivity:calc(var(--edge-sensitivity) + 20);isolation:isolate;border-radius:var(--border-radius);background:var(--card-bg);border:1px solid #ffffff29;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 12px 34px #0000001f}.border-glow-card:before,.border-glow-card:after,.border-glow-edge{z-index:-1;border-radius:inherit;content:"";opacity:0;transition:opacity .42s ease-out;position:absolute;inset:0}.border-glow-card:hover:before,.border-glow-card:hover:after,.border-glow-card:hover>.border-glow-edge,.border-glow-card.border-glow-sweep:before,.border-glow-card.border-glow-sweep:after,.border-glow-card.border-glow-sweep>.border-glow-edge{opacity:1}.border-glow-card:before{background:linear-gradient(var(--card-bg) 0 100%) padding-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, #000 calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), #000 calc((100 - var(--cone-spread)) * 1%));opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one), var(--gradient-two), var(--gradient-three), var(--gradient-four);mix-blend-mode:soft-light;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, transparent 5%, #000 15%, #000 85%, transparent 95%);mask-image:conic-gradient(from var(--cursor-angle) at center, transparent 5%, #000 15%, #000 85%, transparent 95%);opacity:calc(var(--fill-opacity) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)))}.border-glow-edge{z-index:1;inset:calc(var(--glow-padding) * -1);pointer-events:none;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)))}.border-glow-edge:before{inset:var(--glow-padding);border-radius:inherit;content:"";box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 12px var(--glow-color-30), 0 0 8px var(--glow-color-40), 0 0 24px var(--glow-color-20), 0 0 44px var(--glow-color-10);position:absolute}.border-glow-inner{z-index:1;min-width:0;position:relative}.border-glow-inner>*{height:100%}@media (prefers-reduced-motion:reduce){.border-glow-card:before,.border-glow-card:after,.border-glow-edge{transition:none}}