/* Work overlays: shared marks, honest metrics, and the existing staggered grid. */
#work .film{padding:8px;border:1px solid #abc5b335;border-radius:12px;background:linear-gradient(145deg,#1d2d23,#101c15);box-shadow:inset 0 1px 0 #e4f1df0a;transition:border-color .3s,box-shadow .3s}
#work .film:is(:hover,:focus-visible){border-color:#bbd3a9;box-shadow:0 0 0 1px #bbd3a92b,0 12px 38px #0003}
#work .film:focus-visible{outline:2px solid #d9e9c4;outline-offset:5px}
#work .film .poster{border:0;border-radius:6px;box-shadow:none}
#work .film .poster::after{background:linear-gradient(180deg,transparent 30%,#06120c40 56%,#06120ceb 100%);z-index:1}
#work .film .meta{padding:16px 10px 12px;border:0}
#work .portfolio-mini-preview::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(transparent 40%,#07170ded)}
.work-card-overlay{position:absolute;inset:auto 24px 22px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;color:#f2f5eb}
.work-stat{display:grid;gap:7px;flex-shrink:0}
.work-count{display:block;font:500 clamp(1.8rem,3.4vw,3.7rem)/1 Roboto,Arial,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-shadow:0 2px 18px #0004;transform-origin:bottom left}
.work-stat-label{font:400 .75rem/1.4 Roboto,Arial,sans-serif;color:#d4ded3}
.work-brand{display:flex;align-items:center;justify-content:flex-end;min-width:0;width:43%;margin-left:auto;padding-bottom:3px}
#work .work-brand img.work-brand-logo{position:static;display:block;width:100%;height:auto;max-height:48px;object-fit:contain;transform:none!important;filter:none;transition:none}
.work-brand-placeholder{font:650 clamp(1.2rem,2.8vw,2.8rem)/1 Roboto,Arial,sans-serif;letter-spacing:-.045em;text-shadow:0 2px 16px #0004}
.work-brand[data-brand=ordo]{font-family:Georgia,serif;font-weight:400}
.work-project-cta{position:absolute;left:50%;top:43%;z-index:3;display:flex;align-items:center;gap:24px;padding:14px 19px;border:1px solid #d6e7bb;border-radius:7px;background:#d6e7bb;color:#14281b;font-size:.875rem;font-weight:550;white-space:nowrap;opacity:0;transform:translate(-50%,-40%);transition:opacity .24s,transform .35s cubic-bezier(.22,1,.36,1);box-shadow:0 6px 35px #07190d55}
.work-project-cta span{font-size:1.25rem;line-height:1}
.film:is(:hover,:focus-visible) .work-project-cta{opacity:1;transform:translate(-50%,-50%)}
#work .portfolio-mini-card .work-card-overlay{inset:auto 12px 13px;gap:8px}
#work .portfolio-mini-card .work-brand{width:53%;max-width:130px}
#work .portfolio-mini-card .work-brand-placeholder{font-size:1.35rem}
#work .portfolio-mini-card .work-count{font-size:1.65rem}
#work .portfolio-mini-card .work-stat{gap:4px}
#work .portfolio-mini-card .work-stat-label{font-size:.625rem}
.work-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#work .work-awaiting{opacity:0}
#work .work-awaiting:focus-within{opacity:1}
@media(max-width:1100px) and (min-width:761px){.work-card-overlay{inset:auto 16px 17px;gap:10px}.work-count{font-size:2rem}.work-stat-label{font-size:.625rem}}
@media(max-width:620px){#work .film{padding:6px;border-radius:10px}.work-card-overlay{inset:auto 16px 16px;gap:12px}.work-count{font-size:2rem}.work-stat-label{font-size:.625rem}.work-brand-placeholder{font-size:1.7rem}.work-project-cta{padding:10px 14px;font-size:.75rem}#work .film .meta{padding:13px 8px 10px}}
@media(hover:none){.work-project-cta{opacity:1;top:14px;left:auto;right:14px;transform:none;padding:7px 10px;font-size:.6875rem;gap:9px;background:#172d20de;border-color:#b5cea864;color:#eff5e7}.film:is(:hover,:focus-visible) .work-project-cta{transform:none}}
@media(prefers-reduced-motion:reduce){#work .work-awaiting{opacity:1}#work .film,.work-project-cta{transition:none}}