/* XR case-study structure, adapted to the existing dark portfolio. */
:root {
  color-scheme: dark;
  --bg: #050505;
  --surface: #131313;
  --surface-hi: #202020;
  --border: rgba(255,255,255,.12);
  --border-hi: rgba(255,255,255,.24);
  --text: #f5f5f5;
  --text-muted: #bdbabd;
  --text-faint: #979397;
  --accent: #c7b8e5;
  --accent-light: #e0d4f5;
  --accent-bg: rgba(199,184,229,.08);
}
.project-nav.scrolled { background: rgba(5,5,5,.94); }
.carousel-btn { background: var(--surface); color: var(--text); border-color: var(--border-hi); }
.project-content [id] { scroll-margin-top: 85px; }
.gallery-item video { width: 100%; border-radius: var(--radius); }
.recognition-logo img { filter: none; }
.recognition-logos { background: var(--surface); color: var(--text); border: 1px solid var(--border); }
img, video { -webkit-user-drag: none; -webkit-touch-callout: none; user-select: none; }
.art-lightbox { position: fixed; inset: 0; z-index: 1000; background: rgba(0,0,0,.94); display: none; align-items: center; justify-content: center; padding: 50px 20px; }
.art-lightbox.open { display: flex; }
.art-lightbox img { max-width: 94vw; max-height: 88vh; object-fit: contain; }
.art-lightbox button { position: absolute; top: 14px; right: 22px; border: 1px solid #777; background: #151515; color: white; border-radius: 50%; width: 38px; height: 38px; font-size: 24px; }
.gallery-item img, .carousel-slide img, .project-cover img { cursor: zoom-in; }
@media (max-width: 640px) {
 .project-nav { padding-left: 20px; padding-right: 20px; }
 .project-nav-left { gap: 12px; }
 .project-nav-right { gap: 12px; }
 .project-nav-logo { font-size: .75rem; }
 .project-hero { padding-top: 6rem; }
}

/* Recognition stays directly on the page, without a card. */
.recognition-logos, .recognition-logos-kitchen { background: transparent; border: 0; border-radius: 0; padding: 0; justify-content: flex-start; }
.recognition-logos-kitchen .recognition-logo { text-align: left; }
.recognition-logos-kitchen .recognition-logo picture { justify-content: flex-start; }
