/* ===== PAGES/PROJECTS.CSS ===== */
/* The page is parked while its project list is reworked. The content
   stays for reference but is inert — links neither click nor focus —
   recedes to grayscale, and a note overlays it naming the state. */

.projects-parked {
    position: relative;
}

.projects-dormant {
    filter: grayscale(1);
    opacity: 0.45;
}

/* The veil: intercepts every pointer event over the dormant content and
   carries the note where arrival lands, near the top of the page. */
.parked-note {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: var(--space-6);
    background: color-mix(in srgb, var(--bg-primary) 32%, transparent);
}

.parked-note__label {
    border: 1px dashed var(--border-color);
    padding: var(--space-2) var(--space-4);
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wider);
    background: color-mix(in srgb, var(--bg-primary) 82%, transparent);
}

@media print {
    .projects-dormant {
        filter: none;
        opacity: 1;
    }

    .parked-note {
        position: static;
        background: none;
        justify-content: flex-start;
        padding: 0 0 var(--space-4);
    }
}