/* Contrast radiates from the cue, leaving the wider frame visible. */
.project-hover-shade{position:absolute;inset:0;z-index:4;pointer-events:none;background:rgba(0,0,0,.45);opacity:0;transition:opacity .4s ease}
.project-card:is(:hover,:focus-visible) .project-hover-shade,.hero-film:is(:hover,:focus-visible) .project-hover-shade{opacity:1}
.view-disc{width:120px!important;height:120px!important;z-index:5}
.project-cue-glass{position:absolute;inset:-22%;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#10010065,transparent 70%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);mask-image:radial-gradient(circle,#000 35%,transparent 70%);-webkit-mask-image:radial-gradient(circle,#000 35%,transparent 70%)}
.view-disc .project-orbit text{fill:#ff342c;stroke:#ff655b33;stroke-width:.2px;font-weight:700}
.view-disc .project-cue-arrow{color:#ff342c;text-shadow:0 0 8px #e5000640}
.view-disc .project-pulse{border-color:var(--paper)}
@media(prefers-reduced-motion:reduce){.project-hover-shade{transition:none}}

/* Uniform dimming keeps the frame clear and the cue flat. */
.project-cue-glass{display:none}
.view-disc,.project-card:is(:hover,:focus-visible) .view-disc,.hero-film:is(:hover,:focus-visible) .view-disc{filter:none!important;text-shadow:none!important}
.view-disc .project-cue-arrow{text-shadow:none}
.view-disc .project-orbit text{stroke:none}
/* Keep the hero's editorial overlays above the hover dimmer. */
.hero-film .film-top,.hero-film .film-title,.hero-film .film-bottom{z-index:5}
.hero-film .view-disc{z-index:6}