.globo-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:26px}.globo-heading .case-title{margin-bottom:12px}.globo-full-name{font-size:15px;line-height:1.5;color:var(--muted,#72647d);margin:0}.globo-links{margin-bottom:16px}.globo-access-note{margin-bottom:64px}.globo-main .case-meta a{text-decoration:underline;text-underline-offset:4px}.globo-main .case-eyebrow{flex-wrap:wrap}.globo-main .case-meta dt[data-case="institution"]{max-width:320px;line-height:1.6}
.globo-preview{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);align-items:center;gap:24px 38px;margin:38px 0 34px;padding:34px 30px 20px;border:1px solid #d5dff4;border-radius:14px;background:linear-gradient(135deg,#f5f8ff,#e8effd);overflow:hidden}.globo-logo-wrap{display:flex;align-items:center;justify-content:center}.globo-preview .globo-employer{display:block;position:static;width:100%;max-width:142px;height:auto;object-fit:contain;background:white;border-radius:6px;padding:10px}.globo-screen-link{display:block;min-width:0;padding-bottom:6px}.globo-monitor{position:relative;z-index:1;overflow:hidden;border:8px solid #202b3e;border-bottom-width:12px;border-radius:12px;background:#fff;box-shadow:0 14px 24px #233c601c;transform:translateY(0);transition:transform .25s ease}.globo-screen-bar{display:flex;align-items:center;gap:4px;padding:5px 7px;background:#e8edf5;color:#53617b;min-height:18px}.globo-screen-bar>span{width:4px;height:4px;border-radius:50%;background:#9aa8bd;flex:none}.globo-screen-bar small{font:8px/1.2 Arial,sans-serif;margin-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.globo-preview .globo-site-preview{display:block;position:static;width:100%;height:auto;object-fit:contain;max-width:none}.globo-monitor-stand{position:relative;width:30%;height:25px;margin:auto;border-bottom:5px solid #8b9cb3;background:linear-gradient(90deg,transparent 28%,#9facbe 28%,#cbd3df 72%,transparent 72%);border-radius:0 0 45% 45%;transition:transform .25s ease}.globo-screen-link:hover .globo-monitor,.globo-screen-link:focus-visible .globo-monitor{transform:translateY(-3px)}.globo-screen-link:focus-visible{outline:3px solid #3267dd;outline-offset:8px;border-radius:12px}.globo-preview figcaption{grid-column:1/-1;text-align:center;font-size:11px;line-height:1.5;color:#526079;margin:0}
/* Reusable project-card layout: a public capture, never a live embed. */
.project-card-visual.project-card-globo{display:grid!important;grid-template-columns:23% minmax(0,1fr);align-items:center;gap:20px;padding:25px 23px 32px;background:#eef3ff!important;overflow:hidden}.project-card-globo .globo-preview-logo{width:100%;height:auto;object-fit:contain;background:#fff;padding:7px;border-radius:5px}.project-card-globo .globo-card-screen{min-width:0;padding-top:8px}.project-card-globo .globo-monitor{border-width:5px;border-bottom-width:8px;border-radius:8px}.project-card-globo .globo-site-preview{position:static;width:100%;height:auto;object-fit:contain}.project-card-globo .globo-monitor-stand{height:16px;border-bottom-width:4px}.project-card-globo .globo-card-preview-label{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;font:9px/1.4 Arial,sans-serif;color:#526079}.project-card-globo .globo-screen-bar{padding:4px 5px;min-height:14px}.project-card-globo .globo-screen-bar small{font-size:6px}.project-card:hover .project-card-globo .globo-monitor{transform:translateY(-3px)}
@media(max-width:700px){.globo-heading{gap:18px;align-items:flex-start}.globo-full-name{font-size:13px}.globo-access-note{margin-bottom:40px}.globo-main .case-actions{align-items:stretch}.globo-main .case-button{flex:1 1 100%;text-align:center}.globo-preview{grid-template-columns:1fr;gap:22px;margin-top:28px;padding:24px 16px 18px}.globo-preview .globo-employer{max-width:96px;padding:8px}.globo-screen-bar small{font-size:7px}.globo-monitor{border-width:6px;border-bottom-width:9px;border-radius:9px}.globo-preview figcaption{font-size:10px}.project-card-visual.project-card-globo{gap:14px;padding:20px 18px 28px}}
@media(prefers-reduced-motion:reduce){.globo-monitor,.globo-monitor-stand{transition:none!important;animation:none!important;transform:none!important}.globo-screen-link:hover .globo-monitor,.globo-screen-link:focus-visible .globo-monitor,.project-card:hover .project-card-globo .globo-monitor{transform:none!important}}