.about-palette #work{position:relative;isolation:isolate;background:#eeece4;overflow:hidden}
.about-palette #work:before{content:"";position:absolute;inset:-24px;z-index:-1;background:linear-gradient(#f7f5eecf,#f7f5eee0),url('/wp-content/themes/digitoria-motion/assets/img/about-150/photo-02.webp') center top/auto 1100px repeat-y;filter:blur(7px);transform:translate3d(var(--work-x,0px),var(--work-y,0px),0);transition:transform .7s ease;pointer-events:none}
.about-palette #work .ow-cap{padding:26px;border:1px solid #ffffffc9;border-radius:18px;background:#fffdf6;box-shadow:0 10px 40px #29241508}
.about-palette #work .ow-media{border-radius:16px;border:1px solid #fff;box-shadow:0 18px 50px #302b241b;isolation:isolate}
.ow-preview-open{position:absolute;inset:0;z-index:3;display:flex;justify-content:flex-end;align-items:flex-end;padding:16px;border:0;background:transparent;cursor:zoom-in}
.ow-preview-open span{background:#151715;color:#fff;padding:12px 16px;border-radius:24px;font:13px/1.4 Arial,sans-serif;box-shadow:0 4px 20px #0002;transition:background .2s,color .2s}
.ow-preview-open:hover span{background:#f2cf36;color:#161616}
.ow-preview-open:focus-visible{outline:3px solid #a58200;outline-offset:-5px}
.work-preview{width:min(1120px,94vw);max-height:92svh;padding:0;border:1px solid #ffffff40;border-radius:18px;background:#151715;color:#f7f5ee;box-shadow:0 30px 100px #0007}
.work-preview::backdrop{background:#080b0ddd;backdrop-filter:blur(8px)}
.work-preview header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px}
.work-preview h2{font:500 20px/1.3 Arial,sans-serif;margin:0}
.work-preview-close{min-height:44px;padding:0 16px;border:1px solid #ffffff60;border-radius:24px;color:inherit;background:transparent;cursor:pointer}
.work-preview-close:focus-visible{outline:3px solid #f2cf36;outline-offset:3px}
.work-preview img{display:block;width:100%;max-height:72svh;object-fit:contain;background:#e9edf0}
.work-preview p{font:13px/1.5 Arial,sans-serif;color:#cfcec5;padding:14px 22px;margin:0}
@media(max-width:860px){.about-palette #work .ow-cap{padding:20px;margin-top:16px}.ow-preview-open{padding:12px}.work-preview header{padding:12px 16px}.work-preview h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.about-palette #work:before{transform:none;transition:none}}

@media(max-width:860px){.about-palette #work .ow-cap{transform:none!important;opacity:1!important;visibility:visible!important;width:100%;box-sizing:border-box}.about-palette #work .ow-media{max-width:100%}}
