/* Small-area gradients and compositor-only motion. No canvas or full-screen blur. */
.performance-mode .spectral-divider.promo-band{height:53px;border-top:1px solid #d2b57b99;border-bottom:1px solid #d2b57b77;background:#080a12;box-shadow:0 -3px 16px #ca8b4220,0 3px 18px #52cbd71c;isolation:isolate}
.performance-mode .spectral-divider.promo-band:before,.performance-mode .spectral-divider.promo-band:after{content:'';position:absolute;inset:0;pointer-events:none;filter:none!important;background-size:100% 100%;animation:bandChromatic 5s ease-in-out infinite alternate!important;animation-play-state:paused!important;mix-blend-mode:normal;z-index:0}
.performance-mode .spectral-divider.promo-band:before{background:linear-gradient(100deg,#8c3c441c,#d4b85850 22%,#3ad6b346 49%,#528af551 76%,#b349bf30);opacity:.25}
.performance-mode .spectral-divider.promo-band:after{background:linear-gradient(100deg,#7c40e43f,#32b7eb43 25%,#3fbf864a 48%,#ce934a50 73%,#ec4b8142);animation-direction:alternate-reverse!important;opacity:.7}
.performance-mode .spectral-divider.promo-band.motion-visible:before,.performance-mode .spectral-divider.promo-band.motion-visible:after{animation-play-state:running!important}
@keyframes bandChromatic{from{opacity:.15}to{opacity:.95}}
.performance-mode .promo-track{z-index:1;animation-duration:12s!important}
.performance-mode .promo-track span{color:#f5e9d4;text-shadow:0 0 6px #f3ce8a75,0 0 15px #75b7dc33;font-size:12px!important;font-weight:600;letter-spacing:.14em!important;padding-right:1.5rem!important}
.performance-mode .work-track.project-showcase{gap:10px!important;padding:10px 8px 14px!important;height:clamp(410px,40vw,580px)!important;border-radius:10px}
.performance-mode .project-showcase .work-slide{border:1px solid #c5a36487!important;border-radius:8px;box-shadow:inset 0 0 0 1px #fff3d00b,0 0 7px #d6aa5c20;isolation:isolate}
.performance-mode .project-showcase .work-slide.project-active{border-color:#f5d69c!important;box-shadow:inset 0 0 0 1px #fff3c445,0 0 9px #f6c77770,0 0 22px #d89c3c3d}
.performance-mode .project-showcase .work-slide:before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;border:1px solid transparent;border-top-color:#fce5ad70;border-bottom-color:#d5a65f80;border-radius:inherit}
.performance-mode .project-showcase .work-slide.project-active .project-number{color:#f5d39a;text-shadow:0 0 10px #e1b16680}
.performance-mode .project-showcase .work-slide.project-active .project-info h3{color:#fff4dd;text-shadow:0 2px 5px #000}
.performance-mode .project-showcase .work-slide:after{bottom:0;height:2px;background:linear-gradient(90deg,#c1914d,#fff0bc,#eac575);box-shadow:0 0 8px #efca7f99}
.performance-mode.motion-paused .spectral-divider.promo-band:before,.performance-mode.motion-paused .spectral-divider.promo-band:after{animation-play-state:paused!important}
@media(max-width:760px){.performance-mode .spectral-divider.promo-band{height:44px}.performance-mode .promo-track{animation-duration:10s!important}.performance-mode .promo-track span{font-size:10px!important}.performance-mode .work-track.project-showcase{height:440px!important;padding:9px 5px 12px!important;gap:13px!important}}
@media(prefers-reduced-motion:reduce){.performance-mode .promo-track,.performance-mode .spectral-divider.promo-band:before,.performance-mode .spectral-divider.promo-band:after{animation:none!important}.performance-mode .spectral-divider.promo-band:before{opacity:.5}.performance-mode .spectral-divider.promo-band:after{opacity:.35}}
