/* ==========================================================================
   Redacted Easter Egg
   Projects tagged "redacted" get marker-style bars over highlighted text
   and inverted image colors. See redacted.js for the JS logic.
   ========================================================================== */

/* Text redaction — overlay bars on highlighted text */
.project-content-container.redacted .content-text,
.project-content-container.redacted .content-heading p,
.project-content-container.redacted .content-subheading p {
    position: relative;
}

.project-content-container.redacted .highlight {
    user-select: none;
}

.redact-bar {
    position: absolute;
    border-radius: 1px;
    transform: rotate(var(--bar-rotate, 0deg));
    clip-path: inset(0 100% 0 0);
    animation: redact-wipe 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    pointer-events: none;
}

[data-theme="dark"] .redact-bar {
    filter: invert(1);
}

@keyframes redact-wipe {
    to { clip-path: inset(0 0 0 0); }
}

/* Image inversion — CSS handles SSR first paint, JS triggers the transition */
.project-content-container.redacted .project-hero-image,
.project-content-container.redacted .content-image img,
.project-content-container.redacted .content-image-pair img {
    filter: invert(1);
}