.drift-wall.portfolio-drift-wall{isolation:isolate;height:min(72vw,720px);min-height:500px;perspective:var(--dw-perspective);background:radial-gradient(80% 75%,#085fd647,#0000 75%),linear-gradient(#eaf6ff,#c8e7ff 42%,#eaf6ff);margin:18px 0 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 16% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 16% 82%,#0000 100%)}.portfolio-drift-wall:before,.portfolio-drift-wall:after{content:"";z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:18%;position:absolute;left:0;right:0}.portfolio-drift-wall:before{background:linear-gradient(#eaf6ff,#eaf6ff00);top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.portfolio-drift-wall:after{background:linear-gradient(#eaf6ff00,#eaf6ff);bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.portfolio-drift-wall .drift-wall__plane{gap:var(--dw-gap);width:max-content;transform-style:preserve-3d;will-change:transform;display:flex;position:absolute;top:50%;left:50%}.portfolio-drift-wall .drift-wall__col{width:var(--dw-tile-w);flex:0 0 var(--dw-tile-w);height:calc(100% + 800px)}.portfolio-drift-wall .drift-wall__track{gap:var(--dw-gap);will-change:transform;flex-direction:column;display:flex}.portfolio-drift-wall .drift-wall__tile{flex:0 0 var(--dw-tile-h);width:var(--dw-tile-w);height:var(--dw-tile-h);border-radius:var(--dw-radius);background:#b9d9f7;border:1px solid #d9efffdb;margin:0;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,filter .35s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 38px #022e7733}.portfolio-drift-wall .drift-wall__tile:hover,.portfolio-drift-wall .drift-wall__tile.is-active{z-index:2;transform:translate3d(0,calc(-1 * var(--dw-lift) / 4),18px) scale(1.04);box-shadow:0 28px 58px #00328d52}.portfolio-drift-wall .drift-wall__inner{border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.portfolio-drift-wall .drift-wall__inner img{object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray));display:block}.portfolio-drift-wall .drift-wall__overlay{background:var(--dw-overlay);opacity:var(--dw-dim);pointer-events:none;transition:opacity .3s;display:block;position:absolute;inset:0}.portfolio-drift-wall .drift-wall__tile:hover .drift-wall__overlay,.portfolio-drift-wall .drift-wall__tile.is-active .drift-wall__overlay{opacity:.05}@media (max-width:800px){.drift-wall.portfolio-drift-wall{height:570px;min-height:0}.portfolio-drift-wall .drift-wall__plane{gap:12px}}@media (max-width:650px){.drift-wall.portfolio-drift-wall{height:450px}}@media (prefers-reduced-motion:reduce){.portfolio-drift-wall .drift-wall__tile{transition:none}}.portfolio-drift-wall button.drift-wall__tile{cursor:zoom-in;text-align:left;padding:0}.portfolio-drift-wall .drift-wall__inner img{object-fit:contain}.portfolio-drift-wall .drift-wall__hint{color:#fff;opacity:0;background:linear-gradient(#0000,#083d8fca);padding:24px 14px 12px;font-size:12px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}:is(.portfolio-drift-wall .drift-wall__tile:hover .drift-wall__hint,.portfolio-drift-wall .drift-wall__tile:focus-visible .drift-wall__hint){opacity:1}.portfolio-drift-wall .drift-wall__tile:focus-visible{outline-offset:3px;outline:3px solid #0074ff}@media (hover:none){.portfolio-drift-wall .drift-wall__hint{opacity:1}}