/* Shared Shadow IA canvas treatment and original HD static fallback. */
#shadow-it .service-shadow-ascii { padding: 0; background: #15171c; }
#shadow-it .service-shadow-ascii .ascii-frame { position: relative; width: 100%; aspect-ratio: 1672 / 940; overflow: hidden; border-radius: inherit; background: #15171c; }
#shadow-it .service-shadow-ascii .ascii-image { display: block; width: 100%; height: 100%; object-fit: contain; filter: url(#shadow-static-blue); }
#shadow-it .service-shadow-ascii .ascii-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; }
#shadow-it .service-shadow-ascii .ascii-laptop-logos { position: absolute; inset: 0; pointer-events: none; }
#shadow-it .service-shadow-ascii .ascii-logo { position: absolute; top: 70.7%; width: 6.2%; height: auto; aspect-ratio: 1; object-fit: contain; transform: translate(-50%, -50%); }
#shadow-it .service-shadow-ascii .ascii-logo-chatgpt { left: 15.3%; }
#shadow-it .service-shadow-ascii .ascii-logo-claude { left: 48.9%; }
#shadow-it .service-shadow-ascii .ascii-logo-gemini { left: 83.4629187%; top: 71.7021277%; }
#shadow-it .service-shadow-ascii .ascii-rendered .ascii-laptop-logos { opacity: 0; }
#shadow-it .service-shadow-ascii .shadow-ascii-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
#shadow-it .service-shadow-ascii .ascii-note { margin: 8px 16px 12px; color: #c4cce1; font-size: 13px; line-height: 1.4; }
#shadow-it .service-shadow-ascii [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  #shadow-it .service-shadow-ascii .ascii-canvas { display: none; }
}
/* The visual is the discrete pause/resume control, shared with the gallery. */
.ascii-frame[role="button"] { cursor: pointer; }
.ascii-frame[role="button"]:focus-visible { outline: 3px solid #98aaff; outline-offset: 5px; }

/* Gemini follows the third laptop, translated 40px in the 1672px source. */
.ascii-frame .ascii-logo-gemini { left: 83.4629187%; top: 71.7021277%; }