/* Whole-card hover atmosphere. Existing browser-preview tilt is preserved. */
.fusion-project{position:relative;isolation:isolate;border-radius:20px;transition:translate .55s var(--a19-ease),box-shadow .55s var(--a19-ease)}
.fusion-project::before{content:"";position:absolute;inset:-10px;z-index:-1;pointer-events:none;border:1px solid color-mix(in srgb,var(--a19-amethyst) 28%,transparent);border-radius:24px;background:linear-gradient(145deg,#c77dff09,#7b2cbf06 65%,transparent);box-shadow:0 16px 40px #0003,0 0 35px #7b2cbf16;opacity:0;transition:opacity .45s ease}
.fusion-project .fusion-stage{transition:border-color .45s ease,box-shadow .45s ease}
.fusion-project:focus-visible{outline:2px solid var(--a19-amethyst);outline-offset:10px}.fusion-project:focus-visible::before{opacity:1}
.fusion-project:focus-visible .fusion-stage{border-color:var(--a19-amethyst);box-shadow:0 0 30px #7b2cbf20}
@media(hover:hover) and (pointer:fine){
 .fusion-project:hover::before{opacity:1}
 .fusion-project:hover .fusion-stage{border-color:color-mix(in srgb,var(--a19-amethyst) 55%,transparent);box-shadow:0 12px 32px #0003,0 0 26px #7b2cbf1a}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body:not(.motion-paused):not(.motion-hidden):not(.paused) .fusion-project:hover{translate:0 -5px}
 body:not(.motion-paused):not(.paused) .fusion-project:focus-visible .fusion-browser{transform:rotate(0) translateY(-7px)}
}
@media(prefers-reduced-motion:reduce){.fusion-project,.fusion-project::before,.fusion-project .fusion-stage{transition:none!important;translate:none!important}}