.dpx{position:fixed;inset:0;z-index:9000;background:rgba(20,17,15,.94);backdrop-filter:blur(14px);
 opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.2,.7,.2,1);display:grid;place-items:center;padding:5vh 4vw}
.dpx.on{opacity:1;pointer-events:auto}
.dpx-in{max-width:1120px;width:100%;display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:center;
 transform:translateY(26px);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.dpx.on .dpx-in{transform:none}
.dpx-eye{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#c2410c;font-weight:700;margin-bottom:18px}
.dpx-h{font-size:clamp(28px,3.6vw,50px);line-height:1.12;color:#fff;margin:0 0 22px;font-weight:600;letter-spacing:-.02em}
.dpx-s{font-size:16px;line-height:1.6;color:#a8a092;margin:0}
.dpx-art{position:relative;aspect-ratio:16/11;display:grid;place-items:center}
.dpx-art img{position:absolute;max-width:100%;max-height:100%;border-radius:12px;
 box-shadow:0 40px 90px rgba(0,0,0,.6);opacity:0;transform:scale(.96) translateY(14px);
 transition:opacity .7s,transform .7s}
.dpx-art img.sh{opacity:1;transform:none}
.dpx-x{position:absolute;top:28px;right:32px;width:44px;height:44px;border-radius:50%;
 border:1px solid #4a423c;background:none;color:#c9c1b5;font-size:22px;cursor:pointer}
.dpx-x:hover{border-color:#c2410c;color:#fff}
@media(max-width:860px){.dpx-in{grid-template-columns:1fr;gap:32px}.dpx-art{aspect-ratio:4/3}}
.dpx-click{cursor:pointer;transition:transform .22s ease}
.dpx-click:hover{transform:translateY(-3px)}