.project-media{padding:22px;background:linear-gradient(160deg,#eef2f7,#dde4ee);display:flex;align-items:center}.proof-link{display:block;width:100%;color:inherit}.proof-browser{width:100%;background:#fff;border:1px solid rgba(16,22,31,.12);border-radius:18px;overflow:hidden;box-shadow:0 24px 65px rgba(17,25,39,.18);transition:transform .3s ease,box-shadow .3s ease}.proof-link:hover .proof-browser{transform:translateY(-3px);box-shadow:0 30px 75px rgba(17,25,39,.24)}.proof-browser-bar{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid #e7ebf0;background:#f8fafc}.proof-dots{display:flex;gap:6px}.proof-dots i{width:9px;height:9px;border-radius:50%;display:block;background:#d7dce3}.proof-dots i:first-child{background:#ff6b64}.proof-dots i:nth-child(2){background:#f7c94b}.proof-dots i:nth-child(3){background:#48c878}.proof-brand{display:flex;align-items:center;gap:9px;min-width:0;font-size:12px;color:#303846}.proof-brand img{width:20px;height:20px;border-radius:5px;object-fit:contain;background:#fff}.proof-brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.proof-live{justify-self:end;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:850;letter-spacing:.08em;color:#237b5c}.proof-live span{width:7px;height:7px;border-radius:50%;background:#31c48d;box-shadow:0 0 0 4px rgba(49,196,141,.11)}.proof-url{font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#77818e;text-align:center;padding:8px 12px;background:#fff;border-bottom:1px solid #edf0f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proof-screen{height:300px;background:#e9edf2;overflow:hidden;position:relative}.proof-screen img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.proof-link:hover .proof-screen img{transform:scale(1.025)}.proof-caption{font-size:9px;letter-spacing:.12em;font-weight:850;color:#7c8795;text-align:center;padding:10px 12px;background:#fff}.project-media:not(:has(.proof-browser)){padding:0}
@media(max-width:900px){.project-media{padding:18px}.proof-screen{height:340px}.proof-browser-bar{grid-template-columns:auto 1fr auto}.proof-brand{justify-self:center}}
@media(max-width:640px){.project-media{padding:12px;min-height:0}.proof-browser{border-radius:14px}.proof-browser-bar{height:44px;padding:0 11px}.proof-dots{gap:4px}.proof-dots i{width:7px;height:7px}.proof-brand{gap:6px;font-size:10px}.proof-brand img{width:17px;height:17px}.proof-brand strong{max-width:135px}.proof-live{font-size:8px;gap:4px}.proof-live span{width:6px;height:6px}.proof-url{font-size:9px;padding:7px 9px}.proof-screen{height:225px}.proof-caption{font-size:8px;padding:8px}}