.work-stack{aspect-ratio:16/11;cursor:zoom-in;width:100%;display:block;position:relative}.work-frame{border:1px solid var(--glass-border);width:90%;transition:transform .7s var(--ease-out), opacity .5s ease;background:#0d0b08;border-radius:1.1rem;display:block;position:absolute;overflow:hidden;box-shadow:0 30px 60px -30px #0009}.work-frame.frame-front{z-index:2;bottom:0;left:0}.work-frame.frame-back{z-index:1;opacity:.75;top:0;right:0;transform:rotate(2.5deg)}.work-stack:hover .frame-front{transform:translate(-1.5%,1.5%)rotate(-1deg)}.work-stack:hover .frame-back{opacity:1;transform:translate(2%,-3%)rotate(4.5deg)}.work-chrome{background:#14110c;border-bottom:1px solid #ffffff0f;align-items:center;gap:.35rem;height:1.9rem;padding:0 .8rem;display:flex}.work-chrome i{background:#fff3;border-radius:50%;width:.5rem;height:.5rem}.poster-shade{pointer-events:none;background:linear-gradient(#0000 35%,#050403cc);position:absolute;inset:0}.play-btn{z-index:2;width:4.5rem;height:4.5rem;color:var(--primary-foreground);background:var(--primary);box-shadow:0 10px 40px -8px var(--glow);transition:transform .5s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.group:hover .play-btn{transform:scale(1.08)}.play-btn:after{content:"";border:1.5px solid var(--primary);animation:ring 2.6s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.media-dialog{color:#f4efe4;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.media-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050403e6}.media-dialog-inner{flex-direction:column;height:100%;padding:1rem;display:flex}.media-dialog[open] .media-stage{animation:scene-in .5s var(--ease-out) both}html:has(.media-dialog[open]){overflow:hidden}