/* Perspective gallery: solid edges and dark cast shadows, no glow. */
.work-gallery{margin:5px 0 38px;position:relative}
.gallery-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 12px;border-bottom:1px solid #ffffff24}
.gallery-bar p{color:#c3c7cc;font-size:14px;margin:0}.gallery-navigation{display:flex;gap:10px}
.gallery-navigation button{border:1px solid #ffffff40;background:#16191c;color:#e9e9e9;border-radius:9px;padding:10px 16px;font-size:14px;cursor:pointer}.gallery-navigation button:hover{background:#2c3035}
.works .playlist{--step:280px;display:block;position:relative;perspective:1100px;perspective-origin:50% 43%;height:440px;border:0;border-radius:0;background:none;overflow:visible;margin:0 25px;isolation:isolate}
.works .playlist::after{content:"";position:absolute;left:15%;right:15%;bottom:8px;height:1px;background:linear-gradient(90deg,transparent,#ffffff25,transparent);pointer-events:none}
.works .project{--slot:0;--depth:35px;--angle:0deg;display:flex;flex-direction:column;position:absolute;left:50%;top:42px;width:268px;height:340px;min-height:0;box-sizing:border-box;padding:0;text-align:left;background:#141619;border:1px solid #6a6d70;border-bottom:4px solid #08090a;border-right:5px solid #272b30;border-radius:13px;overflow:hidden;cursor:pointer;transform-style:preserve-3d;backface-visibility:hidden;transform:translateX(calc(-50% + var(--slot)*var(--step))) translateZ(var(--depth)) rotateY(var(--angle));transition:transform .65s cubic-bezier(.2,.7,.2,1),border-color .35s,filter .35s;box-shadow:12px 25px 25px -16px #000e;filter:brightness(.7);z-index:1}
.works .project img{display:block;width:100%;height:248px;object-fit:cover;margin:0;flex-shrink:0;border-bottom:1px solid #ffffff22}
.works .project small{padding:14px 16px 0;margin:0 0 6px;font-size:11px;color:#c2c7cd;opacity:1;letter-spacing:.7px}
.works .project strong{padding:0 16px;font-size:16px;line-height:1.3;font-weight:500;color:#f0f0f0}
.works .project[aria-pressed=true]{background:#1c1f23;color:#fff;filter:brightness(1);border-top-color:#c9cdd1;border-left-color:#8b9095;border-right-color:#363c42;z-index:3;box-shadow:12px 30px 32px -18px #000}
.works .project:hover{background:#202429;filter:brightness(1)}
.works .project:focus-visible{outline:2px solid #fff;outline-offset:5px}
.gallery-help{margin:0;font-size:13px;color:#b9bfc6;text-align:center}
.works .screen{border-radius:14px;overflow:hidden;border-color:#ffffff30;box-shadow:0 15px 35px -25px #000}
@media(max-width:1100px){.works .playlist{--step:235px;perspective:1000px;height:410px}.works .project{width:240px;height:318px}.works .project img{height:226px}}
@media(max-width:760px){.work-gallery{margin-bottom:28px;overflow:hidden;padding:0 0 8px}.gallery-bar{gap:12px}.gallery-bar p{font-size:13px}.gallery-navigation{gap:7px}.gallery-navigation button{padding:9px 12px;font-size:13px}.works .playlist{--step:175px;perspective:850px;height:365px;margin:0}.works .project{top:38px;width:210px;height:278px;display:flex;padding:0;border-radius:11px}.works .project img{height:188px;grid-row:auto;margin:0}.works .project small{align-self:auto;padding:12px 12px 0;font-size:10px}.works .project strong{align-self:auto;font-size:14px;padding:0 12px}.gallery-help{font-size:12px;padding:0 15px}}
@media(max-width:400px){.works .playlist{--step:145px}.works .project{width:190px}.gallery-bar{align-items:start}.gallery-bar p{max-width:125px}.gallery-navigation button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.works .project{transition:none}}

.work-gallery{overflow:hidden;padding-bottom:10px}.works .playlist{--step:218px}.works .project[hidden]{display:none}.works .project strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-bar{align-items:center}.work-picker{display:flex;align-items:center;gap:15px;color:#c3c7cc;font-size:14px;min-width:0}.work-picker select{background:#14171b;color:#eee;border:1px solid #ffffff3d;border-radius:9px;padding:10px 12px;max-width:320px;font:inherit;min-width:0}.gallery-navigation{align-items:center}.gallery-navigation>span{font-size:13px;color:#c3c7cc;white-space:nowrap;margin-right:8px;font-variant-numeric:tabular-nums}.work-picker select:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:1100px){.works .playlist{--step:190px}}@media(max-width:760px){.works .playlist{--step:155px}.gallery-bar{flex-wrap:wrap}.work-picker{width:100%;flex-wrap:wrap;gap:8px}.work-picker select{width:100%;max-width:100%}.gallery-navigation{margin-left:auto}}@media(max-width:400px){.works .playlist{--step:140px}}