/* Screenshot showcases and the confidential BI case. */
.project-preview-image { opacity:0; }
.has-preview .project-preview-image { opacity:1; }
.project-mini-fallback[hidden] { display:none; }
.device-screen img { object-fit:contain; object-position:center; }
.project-cover-brand img[data-logo="google"] { width:38px; max-width:38px; height:38px; max-height:38px; }
.project-cover-confidential { background:radial-gradient(ellipse at 100% 0,rgba(0,180,216,.18),transparent 60%),linear-gradient(140deg,var(--soft),var(--surface)); align-items:center; justify-content:space-between; }
.project-confidential-mark { display:flex; flex-direction:column; align-items:flex-start; line-height:1; }
.project-confidential-caption { font-size:7px; color:var(--muted); letter-spacing:.11em; text-transform:uppercase; margin-bottom:10px; }
.project-confidential-mark strong { font-family:'Space Grotesk',sans-serif; color:var(--accent); font-size:66px; font-weight:500; letter-spacing:-.08em; }
.project-confidential-unit { font-size:9px; color:var(--secondary); margin-top:7px; }
.project-confidential-badge { border:1px solid var(--line); border-radius:999px; font-size:7px; padding:8px 9px; color:var(--secondary); align-self:flex-end; white-space:nowrap; }
.modal-confidential { position:relative; z-index:1; width:100%; text-align:left; padding:12px 16px; }
.modal-confidential .eyebrow { font-size:9px; }
.modal-confidential-metric { font-family:'Space Grotesk',sans-serif; font-size:clamp(90px,12vw,155px); line-height:.95; letter-spacing:-.075em; color:var(--accent); }
.modal-confidential-metric>span { display:block; font:400 13px/1.5 Inter,sans-serif; letter-spacing:0; color:var(--secondary); margin-top:20px; }
.modal-confidential-rule { width:100%; height:1px; margin:31px 0; background:linear-gradient(90deg,var(--accent),transparent); opacity:.35; }
.modal-confidential h3 { font-size:clamp(27px,3vw,39px); max-width:420px; margin:0 0 20px; }
.modal-confidential p { color:var(--secondary); font-size:12px; max-width:380px; margin-bottom:25px; line-height:1.85; }
.modal-visual.is-confidential { align-items:flex-start; }
@media(max-width:940px) {
  .modal-visual.is-confidential { min-height:340px; padding:38px 24px; }
  .modal-confidential { padding:0; }.modal-confidential-metric { font-size:94px; }
  .modal-confidential-rule { margin:22px 0; }
}
@media(max-width:480px) {
  .project-confidential-badge { font-size:7px; }.modal-confidential h3 { font-size:29px; }
  .modal-confidential-metric>span { font-size:11px; }.modal-confidential p { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .project-mini-device { transform:none!important; } }