/* Preserve the reference composition; only text tone and interaction states change. */

.project-link { position:relative; z-index:1; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline:1px solid rgba(255,255,255,.65); outline-offset:6px;
}
.horizontal-gallery { cursor:grab; }
.horizontal-gallery.is-dragging { cursor:grabbing; user-select:none; scroll-behavior:auto; scroll-snap-type:none; }
/* Invert the complete reference scene, including its WebGL canvas.
   Hue rotation keeps the original cyan/emerald accent family. */
html { filter:invert(1) hue-rotate(180deg); background:#000; }
/* Raise text contrast before inversion so the light view reads as dark ink. */
.text-white { color:rgba(255,255,255,0.8); }
.text-white\/10 { color:rgba(255,255,255,0.32); }
.text-white\/14 { color:rgba(255,255,255,0.52); }
.text-white\/15 { color:rgba(255,255,255,0.52); }
.text-white\/16 { color:rgba(255,255,255,0.52); }
.text-white\/20 { color:rgba(255,255,255,0.52); }
.text-white\/22 { color:rgba(255,255,255,0.52); }
.text-white\/24 { color:rgba(255,255,255,0.52); }
.text-white\/25 { color:rgba(255,255,255,0.52); }
.text-white\/28 { color:rgba(255,255,255,0.52); }
.text-white\/32 { color:rgba(255,255,255,0.68); }
.text-white\/35 { color:rgba(255,255,255,0.68); }
.text-white\/36 { color:rgba(255,255,255,0.68); }
.text-white\/40 { color:rgba(255,255,255,0.68); }
.text-white\/44 { color:rgba(255,255,255,0.68); }
.text-white\/45 { color:rgba(255,255,255,0.68); }
.text-white\/48 { color:rgba(255,255,255,0.68); }
.text-white\/50 { color:rgba(255,255,255,0.68); }
.text-white\/55 { color:rgba(255,255,255,0.68); }
.text-white\/58 { color:rgba(255,255,255,0.68); }
.text-white\/62 { color:rgba(255,255,255,0.68); }
.text-white\/64 { color:rgba(255,255,255,0.68); }
.text-white\/65 { color:rgba(255,255,255,0.68); }
.text-white\/70 { color:rgba(255,255,255,0.8); }
.text-white\/75 { color:rgba(255,255,255,0.8); }
.text-white\/76 { color:rgba(255,255,255,0.8); }
.text-white\/82 { color:rgba(255,255,255,0.8); }
.text-white\/86 { color:rgba(255,255,255,0.8); }
.text-white\/90 { color:rgba(255,255,255,0.8); }
.text-white\/\[0\.025\] { color:rgba(255,255,255,0.025); }
.text-white\/\[0\.06\] { color:rgba(255,255,255,0.06); }
.text-white\/\[0\.10\] { color:rgba(255,255,255,0.32); }
.text-white\/\[0\.12\] { color:rgba(255,255,255,0.32); }
.text-white\/\[0\.14\] { color:rgba(255,255,255,0.52); }
.text-white\/\[0\.16\] { color:rgba(255,255,255,0.52); }
.text-white\/\[0\.22\] { color:rgba(255,255,255,0.52); }
.story-copy, .story-muted { color:rgba(255,255,255,.72); }
.project-link:hover span, .project-link:focus-visible span { color:#fff; }

/* Let the project evidence lead; retain the compact section navigation. */
.stage-telemetry, .revolution-map__desc, .revolution-map__eyebrow,
.revolution-map__title, .workflow-desc { display:none !important; }
#work .max-w-4xl { display:none; }
#work .horizontal-gallery { margin-top:2rem; }
.work-card > div { background:rgba(0,0,0,.92) !important; padding:24px; }
.project-media { margin:24px 0; }
.project-media a { display:block; overflow:hidden; border-radius:4px; }
.project-media img { display:block; width:100%; height:auto; aspect-ratio:8/5; object-fit:contain; filter:invert(1) hue-rotate(180deg); }
.project-media figcaption { margin-top:10px; font:10px/1.5 ui-monospace,monospace; color:rgba(255,255,255,.7); }
.project-media figcaption span { white-space:nowrap; }
.project-media a:hover, .project-media a:focus-visible { outline:1px solid rgba(255,255,255,.7); outline-offset:4px; }
/* Keep chapter furniture off the featured visuals while Work is active. */
.revolution-map:has(.revolution-map__item:nth-child(4).active),
body:has(.revolution-map__item:nth-child(4).active) .workflow-indicator {
  visibility:hidden; pointer-events:none;
}
/* Decorative card layers must never intercept media taps. */
.work-card > div > .absolute { pointer-events:none; }
.project-media { position:relative; z-index:2; }
.portrait-player { position:relative; width:min(100%,303.75px); aspect-ratio:9/16; margin-inline:auto; }
.portrait-player video { display:block; width:100%; height:100%; aspect-ratio:9/16; object-fit:contain; background:#eee; filter:invert(1) hue-rotate(180deg); cursor:auto; }
.portrait-play { position:absolute; z-index:3; inset:50% auto auto 50%; transform:translate(-50%,-50%); padding:14px 20px; border:1px solid #ffffffaa; border-radius:999px; background:rgba(0,0,0,.92); color:#fff; font:14px/1.2 Arial,sans-serif; white-space:nowrap; cursor:pointer; touch-action:manipulation; }
.portrait-player.is-playing .portrait-play { display:none; }
.video-original { width:fit-content; margin:12px auto 0; font:12px/1.5 ui-monospace,monospace; color:rgba(255,255,255,.8); text-decoration:underline; }
.video-error { font:12px/1.5 Arial,sans-serif; color:#fff; margin-top:10px; }

/* Keep each description in its relevant section instead of repeating summaries. */
#about .about-text > .mt-8:not(.h-px),
#about .about-text > .mt-12,
#about .grid.grid-cols-2,
#about .lg\:col-span-5 > .mt-12,
#about .lg\:col-span-5 > .mt-6,
#skills .max-w-4xl,
#skills .skill-category > .border-l,
#skills .max-w-6xl > .mt-36,
#proof .max-w-4xl,
#proof .max-w-6xl > .grid:not(.mt-28),
#proof .mt-28 .p-5 > .mt-4,
#contact .contact-content > div:first-child > .mt-8.flex,
#contact .contact-content > div:last-child > div:has(.chapter-brief__eyebrow) { display:none; }
#proof .max-w-6xl > .mt-28 { margin-top:0; }